igniteui-theming 25.0.0 → 25.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/mcp/generators/css.js +1 -8
- package/dist/mcp/generators/sass.d.ts +1 -1
- package/dist/mcp/generators/sass.js +26 -3
- package/dist/mcp/index.js +3 -3
- package/dist/mcp/json/components/themes.json.js +17 -17
- package/dist/mcp/knowledge/docs/setup/platform.md.js +4 -0
- package/dist/mcp/knowledge/index.d.ts +1 -1
- package/dist/mcp/knowledge/index.js +1 -4
- package/dist/mcp/knowledge/platform-setup.d.ts +2 -0
- package/dist/mcp/knowledge/platforms/index.d.ts +8 -11
- package/dist/mcp/knowledge/platforms/index.js +22 -14
- package/dist/mcp/knowledge/platforms/react.d.ts +2 -2
- package/dist/mcp/knowledge/platforms/react.js +3 -3
- package/dist/mcp/knowledge/sass-api.d.ts +2 -2
- package/dist/mcp/resources/presets.d.ts +12 -0
- package/dist/mcp/resources/presets.js +44 -1
- package/dist/mcp/tools/descriptions.d.ts +8 -8
- package/dist/mcp/tools/descriptions.js +25 -7
- package/dist/mcp/tools/handlers/component-theme.js +23 -5
- package/dist/mcp/tools/handlers/custom-palette.js +2 -1
- package/dist/mcp/tools/handlers/elevations.js +2 -1
- package/dist/mcp/tools/handlers/layout.js +1 -1
- package/dist/mcp/tools/handlers/palette.js +2 -3
- package/dist/mcp/tools/handlers/platform.js +247 -86
- package/dist/mcp/tools/handlers/theme.js +3 -0
- package/dist/mcp/tools/handlers/typography.js +2 -1
- package/dist/mcp/tools/schemas.d.ts +31 -31
- package/dist/mcp/utils/sass.d.ts +20 -0
- package/dist/mcp/utils/sass.js +16 -0
- package/dist/mcp/utils/types.d.ts +2 -1
- package/dist/mcp/utils/types.js +2 -1
- package/json/components/bootstrap.json +1 -1
- package/json/components/fluent.json +1 -1
- package/json/components/indigo.json +1 -1
- package/json/components/material.json +1 -1
- package/json/components/themes.json +53 -28
- package/package.json +15 -7
- package/sass/animations/_easings.scss +24 -24
- package/sass/bem/_index.scss +16 -14
- package/sass/color/_charts.scss +20 -20
- package/sass/color/_functions.scss +18 -18
- package/sass/color/_mixins.scss +1 -1
- package/sass/elevations/_functions.scss +4 -4
- package/sass/elevations/_mixins.scss +2 -2
- package/sass/elevations/presets/_index.scss +3 -3
- package/sass/elevations/presets/_indigo.scss +16 -16
- package/sass/elevations/presets/_material.scss +3 -3
- package/sass/tailwind/utilities/_common.scss +1 -1
- package/sass/themes/_functions.scss +15 -15
- package/sass/themes/_mixins.scss +9 -9
- package/sass/themes/charts/_category-chart-theme.scss +2 -9
- package/sass/themes/charts/_data-chart-theme.scss +1 -1
- package/sass/themes/charts/_doughnut-chart-theme.scss +1 -1
- package/sass/themes/charts/_financial-chart-theme.scss +2 -9
- package/sass/themes/charts/_funnel-chart-theme.scss +1 -1
- package/sass/themes/charts/_gauge-theme.scss +2 -2
- package/sass/themes/charts/_geo-map-theme.scss +1 -1
- package/sass/themes/charts/_graph-theme.scss +1 -1
- package/sass/themes/charts/_pie-chart-theme.scss +1 -1
- package/sass/themes/charts/_shape-chart-theme.scss +2 -9
- package/sass/themes/charts/_sparkline-theme.scss +2 -2
- package/sass/themes/components/action-strip/_action-strip-theme.scss +1 -1
- package/sass/themes/components/avatar/_avatar-theme.scss +2 -2
- package/sass/themes/components/badge/_badge-theme.scss +2 -2
- package/sass/themes/components/banner/_banner-theme.scss +1 -1
- package/sass/themes/components/bottom-nav/_bottom-nav-theme.scss +2 -2
- package/sass/themes/components/button/_button-theme.scss +5 -5
- package/sass/themes/components/button/_contained-button-theme.scss +5 -5
- package/sass/themes/components/button/_fab-button-theme.scss +5 -5
- package/sass/themes/components/button/_flat-button-theme.scss +17 -17
- package/sass/themes/components/button/_outlined-button-theme.scss +17 -17
- package/sass/themes/components/button-group/_button-group-theme.scss +5 -5
- package/sass/themes/components/calendar/_calendar-theme.scss +18 -20
- package/sass/themes/components/card/_card-theme.scss +3 -3
- package/sass/themes/components/carousel/_carousel-theme.scss +8 -8
- package/sass/themes/components/chat/_chat-theme.scss +1 -1
- package/sass/themes/components/checkbox/_checkbox-theme.scss +6 -6
- package/sass/themes/components/chip/_chip-theme.scss +5 -5
- package/sass/themes/components/column-actions/_column-actions-theme.scss +1 -1
- package/sass/themes/components/combo/_combo-theme.scss +3 -3
- package/sass/themes/components/dialog/_dialog-theme.scss +4 -4
- package/sass/themes/components/divider/_divider-theme.scss +1 -1
- package/sass/themes/components/dock-manager/_dock-manager-theme.scss +1 -1
- package/sass/themes/components/drop-down/_drop-down-theme.scss +10 -10
- package/sass/themes/components/expansion-panel/_expansion-panel-theme.scss +4 -4
- package/sass/themes/components/grid/_grid-summary-theme.scss +3 -3
- package/sass/themes/components/grid/_grid-theme.scss +56 -17
- package/sass/themes/components/grid/_grid-toolbar-theme.scss +1 -1
- package/sass/themes/components/highlight/_highlight-theme.scss +1 -1
- package/sass/themes/components/icon/_icon-theme.scss +1 -1
- package/sass/themes/components/icon-button/_contained-icon-button-theme.scss +8 -8
- package/sass/themes/components/icon-button/_flat-icon-button-theme.scss +12 -12
- package/sass/themes/components/icon-button/_icon-button-theme.scss +4 -4
- package/sass/themes/components/icon-button/_outlined-icon-button-theme.scss +13 -13
- package/sass/themes/components/input/_file-input-theme.scss +1 -1
- package/sass/themes/components/input/_input-theme.scss +23 -23
- package/sass/themes/components/list/_list-theme.scss +6 -6
- package/sass/themes/components/navbar/_navbar-theme.scss +4 -4
- package/sass/themes/components/navdrawer/_navdrawer-theme.scss +3 -3
- package/sass/themes/components/overlay/_overlay-theme.scss +1 -1
- package/sass/themes/components/paginator/_paginator-theme.scss +1 -1
- package/sass/themes/components/progress/_circular-theme.scss +1 -1
- package/sass/themes/components/progress/_linear-theme.scss +1 -1
- package/sass/themes/components/query-builder/_query-builder-theme.scss +2 -2
- package/sass/themes/components/radio/_radio-theme.scss +5 -5
- package/sass/themes/components/rating/_rating-theme.scss +1 -1
- package/sass/themes/components/ripple/_ripple-theme.scss +1 -1
- package/sass/themes/components/scrollbar/_scrollbar-theme.scss +1 -1
- package/sass/themes/components/select/_select-theme.scss +1 -1
- package/sass/themes/components/slider/_slider-theme.scss +7 -7
- package/sass/themes/components/snackbar/_snackbar-theme.scss +2 -2
- package/sass/themes/components/splitter/_splitter-theme.scss +1 -1
- package/sass/themes/components/stepper/_stepper-theme.scss +2 -2
- package/sass/themes/components/switch/_switch-theme.scss +13 -13
- package/sass/themes/components/tabs/_tabs-theme.scss +8 -8
- package/sass/themes/components/time-picker/_time-picker-theme.scss +8 -8
- package/sass/themes/components/toast/_toast-theme.scss +3 -3
- package/sass/themes/components/tooltip/_tooltip-theme.scss +2 -2
- package/sass/themes/components/tree/_tree-theme.scss +17 -17
- package/sass/themes/components/watermark/_watermark-theme.scss +1 -1
- package/sass/themes/schemas/charts/dark/_category-chart.scss +5 -5
- package/sass/themes/schemas/charts/dark/_data-chart.scss +5 -5
- package/sass/themes/schemas/charts/dark/_doughnut-chart.scss +5 -5
- package/sass/themes/schemas/charts/dark/_financial-chart.scss +5 -5
- package/sass/themes/schemas/charts/dark/_funnel-chart.scss +5 -5
- package/sass/themes/schemas/charts/dark/_gauge.scss +9 -9
- package/sass/themes/schemas/charts/dark/_geo-map.scss +5 -5
- package/sass/themes/schemas/charts/dark/_graph.scss +5 -5
- package/sass/themes/schemas/charts/dark/_pie-chart.scss +5 -5
- package/sass/themes/schemas/charts/dark/_shape-chart.scss +5 -5
- package/sass/themes/schemas/charts/dark/_sparkline.scss +5 -5
- package/sass/themes/schemas/charts/light/_category-chart.scss +8 -8
- package/sass/themes/schemas/charts/light/_data-chart.scss +8 -8
- package/sass/themes/schemas/charts/light/_doughnut-chart.scss +8 -8
- package/sass/themes/schemas/charts/light/_financial-chart.scss +8 -8
- package/sass/themes/schemas/charts/light/_funnel-chart.scss +8 -8
- package/sass/themes/schemas/charts/light/_gauge.scss +19 -19
- package/sass/themes/schemas/charts/light/_geo-map.scss +8 -8
- package/sass/themes/schemas/charts/light/_graph.scss +8 -8
- package/sass/themes/schemas/charts/light/_pie-chart.scss +8 -8
- package/sass/themes/schemas/charts/light/_shape-chart.scss +8 -8
- package/sass/themes/schemas/charts/light/_sparkline.scss +9 -9
- package/sass/themes/schemas/components/dark/_action-strip.scss +5 -5
- package/sass/themes/schemas/components/dark/_avatar.scss +5 -5
- package/sass/themes/schemas/components/dark/_badge.scss +5 -5
- package/sass/themes/schemas/components/dark/_banner.scss +5 -5
- package/sass/themes/schemas/components/dark/_bottom-nav.scss +5 -5
- package/sass/themes/schemas/components/dark/_button-group.scss +6 -6
- package/sass/themes/schemas/components/dark/_button.scss +65 -65
- package/sass/themes/schemas/components/dark/_calendar.scss +24 -24
- package/sass/themes/schemas/components/dark/_card.scss +5 -5
- package/sass/themes/schemas/components/dark/_carousel.scss +5 -5
- package/sass/themes/schemas/components/dark/_chat.scss +5 -5
- package/sass/themes/schemas/components/dark/_checkbox.scss +5 -5
- package/sass/themes/schemas/components/dark/_chip.scss +7 -7
- package/sass/themes/schemas/components/dark/_column-actions.scss +5 -5
- package/sass/themes/schemas/components/dark/_combo.scss +6 -6
- package/sass/themes/schemas/components/dark/_date-picker.scss +8 -8
- package/sass/themes/schemas/components/dark/_date-range-picker.scss +5 -5
- package/sass/themes/schemas/components/dark/_dialog.scss +5 -5
- package/sass/themes/schemas/components/dark/_divider.scss +5 -5
- package/sass/themes/schemas/components/dark/_dock-manager.scss +5 -5
- package/sass/themes/schemas/components/dark/_drop-down.scss +5 -5
- package/sass/themes/schemas/components/dark/_expansion-panel.scss +5 -5
- package/sass/themes/schemas/components/dark/_file-input.scss +5 -5
- package/sass/themes/schemas/components/dark/_grid-filtering.scss +5 -5
- package/sass/themes/schemas/components/dark/_grid-summary.scss +9 -9
- package/sass/themes/schemas/components/dark/_grid-toolbar.scss +5 -5
- package/sass/themes/schemas/components/dark/_grid.scss +57 -14
- package/sass/themes/schemas/components/dark/_highlight.scss +7 -7
- package/sass/themes/schemas/components/dark/_icon-button.scss +46 -46
- package/sass/themes/schemas/components/dark/_icon.scss +5 -5
- package/sass/themes/schemas/components/dark/_input-group.scss +6 -6
- package/sass/themes/schemas/components/dark/_label.scss +5 -5
- package/sass/themes/schemas/components/dark/_list.scss +5 -5
- package/sass/themes/schemas/components/dark/_navbar.scss +5 -5
- package/sass/themes/schemas/components/dark/_navdrawer.scss +5 -5
- package/sass/themes/schemas/components/dark/_overlay.scss +5 -5
- package/sass/themes/schemas/components/dark/_pagination.scss +5 -5
- package/sass/themes/schemas/components/dark/_pivot-data-selector.scss +9 -9
- package/sass/themes/schemas/components/dark/_progress.scss +10 -10
- package/sass/themes/schemas/components/dark/_query-builder.scss +3 -3
- package/sass/themes/schemas/components/dark/_radio.scss +5 -5
- package/sass/themes/schemas/components/dark/_rating.scss +5 -5
- package/sass/themes/schemas/components/dark/_resize-indicator.scss +9 -9
- package/sass/themes/schemas/components/dark/_ripple.scss +5 -5
- package/sass/themes/schemas/components/dark/_scrollbar.scss +5 -5
- package/sass/themes/schemas/components/dark/_select.scss +5 -5
- package/sass/themes/schemas/components/dark/_slider.scss +5 -5
- package/sass/themes/schemas/components/dark/_snackbar.scss +6 -6
- package/sass/themes/schemas/components/dark/_splitter.scss +13 -7
- package/sass/themes/schemas/components/dark/_stepper.scss +5 -5
- package/sass/themes/schemas/components/dark/_switch.scss +5 -5
- package/sass/themes/schemas/components/dark/_tabs.scss +5 -5
- package/sass/themes/schemas/components/dark/_tile-manager.scss +11 -11
- package/sass/themes/schemas/components/dark/_time-picker.scss +5 -5
- package/sass/themes/schemas/components/dark/_toast.scss +4 -4
- package/sass/themes/schemas/components/dark/_tooltip.scss +7 -7
- package/sass/themes/schemas/components/dark/_tree.scss +5 -5
- package/sass/themes/schemas/components/dark/_validator.scss +5 -5
- package/sass/themes/schemas/components/dark/_watermark.scss +5 -5
- package/sass/themes/schemas/components/dark/calendar/_base.scss +9 -9
- package/sass/themes/schemas/components/dark/calendar/_days-view.scss +11 -11
- package/sass/themes/schemas/components/dark/calendar/_picker.scss +8 -8
- package/sass/themes/schemas/components/dark/calendar/_year-month-view.scss +11 -11
- package/sass/themes/schemas/components/elevation/_button-group.scss +3 -3
- package/sass/themes/schemas/components/elevation/_carousel.scss +2 -2
- package/sass/themes/schemas/components/light/_action-strip.scss +9 -9
- package/sass/themes/schemas/components/light/_avatar.scss +9 -9
- package/sass/themes/schemas/components/light/_badge.scss +12 -12
- package/sass/themes/schemas/components/light/_banner.scss +9 -9
- package/sass/themes/schemas/components/light/_bottom-nav.scss +12 -12
- package/sass/themes/schemas/components/light/_button-group.scss +14 -14
- package/sass/themes/schemas/components/light/_button.scss +103 -103
- package/sass/themes/schemas/components/light/_calendar.scss +28 -28
- package/sass/themes/schemas/components/light/_card.scss +14 -42
- package/sass/themes/schemas/components/light/_carousel.scss +12 -12
- package/sass/themes/schemas/components/light/_chat.scss +9 -9
- package/sass/themes/schemas/components/light/_checkbox.scss +9 -9
- package/sass/themes/schemas/components/light/_chip.scss +27 -27
- package/sass/themes/schemas/components/light/_column-actions.scss +9 -9
- package/sass/themes/schemas/components/light/_combo.scss +11 -11
- package/sass/themes/schemas/components/light/_date-picker.scss +8 -8
- package/sass/themes/schemas/components/light/_date-range-picker.scss +9 -9
- package/sass/themes/schemas/components/light/_dialog.scss +14 -23
- package/sass/themes/schemas/components/light/_divider.scss +7 -7
- package/sass/themes/schemas/components/light/_dock-manager.scss +9 -9
- package/sass/themes/schemas/components/light/_drop-down.scss +16 -24
- package/sass/themes/schemas/components/light/_expansion-panel.scss +12 -24
- package/sass/themes/schemas/components/light/_file-input.scss +1 -1
- package/sass/themes/schemas/components/light/_grid-filtering.scss +9 -9
- package/sass/themes/schemas/components/light/_grid-summary.scss +13 -26
- package/sass/themes/schemas/components/light/_grid-toolbar.scss +9 -9
- package/sass/themes/schemas/components/light/_grid.scss +162 -68
- package/sass/themes/schemas/components/light/_highlight.scss +10 -10
- package/sass/themes/schemas/components/light/_icon-button.scss +48 -48
- package/sass/themes/schemas/components/light/_icon.scss +9 -9
- package/sass/themes/schemas/components/light/_input-group.scss +17 -26
- package/sass/themes/schemas/components/light/_label.scss +8 -8
- package/sass/themes/schemas/components/light/_list.scss +13 -33
- package/sass/themes/schemas/components/light/_navbar.scss +12 -12
- package/sass/themes/schemas/components/light/_navdrawer.scss +14 -26
- package/sass/themes/schemas/components/light/_overlay.scss +9 -9
- package/sass/themes/schemas/components/light/_pagination.scss +9 -9
- package/sass/themes/schemas/components/light/_pivot-data-selector.scss +9 -9
- package/sass/themes/schemas/components/light/_progress.scss +13 -13
- package/sass/themes/schemas/components/light/_query-builder.scss +10 -10
- package/sass/themes/schemas/components/light/_radio.scss +9 -9
- package/sass/themes/schemas/components/light/_rating.scss +9 -9
- package/sass/themes/schemas/components/light/_resize-indicator.scss +8 -8
- package/sass/themes/schemas/components/light/_ripple.scss +9 -9
- package/sass/themes/schemas/components/light/_scrollbar.scss +9 -9
- package/sass/themes/schemas/components/light/_select.scss +9 -9
- package/sass/themes/schemas/components/light/_slider.scss +11 -17
- package/sass/themes/schemas/components/light/_snackbar.scss +9 -9
- package/sass/themes/schemas/components/light/_splitter.scss +9 -9
- package/sass/themes/schemas/components/light/_stepper.scss +8 -8
- package/sass/themes/schemas/components/light/_switch.scss +9 -9
- package/sass/themes/schemas/components/light/_tabs.scss +9 -9
- package/sass/themes/schemas/components/light/_tile-manager.scss +10 -10
- package/sass/themes/schemas/components/light/_time-picker.scss +10 -19
- package/sass/themes/schemas/components/light/_toast.scss +11 -11
- package/sass/themes/schemas/components/light/_tooltip.scss +10 -10
- package/sass/themes/schemas/components/light/_tree.scss +8 -8
- package/sass/themes/schemas/components/light/_validator.scss +9 -9
- package/sass/themes/schemas/components/light/_watermark.scss +9 -9
- package/sass/themes/schemas/components/light/calendar/_base.scss +9 -29
- package/sass/themes/schemas/components/light/calendar/_days-view.scss +8 -17
- package/sass/themes/schemas/components/light/calendar/_picker.scss +9 -17
- package/sass/themes/schemas/components/light/calendar/_year-month-view.scss +9 -17
- package/sass/typography/_functions.scss +14 -14
- package/sass/typography/_mixins.scss +7 -7
- package/sass/utils/_css.scss +1 -1
- package/sass/utils/_map.scss +5 -5
- package/sass/utils/_math.scss +6 -5
- package/sass/utils/_meta.scss +4 -4
- package/tailwind/utilities/bootstrap.css +1 -1
- package/tailwind/utilities/fluent.css +1 -1
- package/tailwind/utilities/indigo.css +1 -1
- package/tailwind/utilities/material.css +1 -1
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
////
|
|
9
9
|
|
|
10
10
|
/// Generates a base light list schema.
|
|
11
|
-
/// @type
|
|
11
|
+
/// @type Map
|
|
12
12
|
/// @prop {Map} background [color: 'surface'] - The list background color.
|
|
13
13
|
/// @prop {Map} header-background [color: 'surface'] - The list header background color.
|
|
14
14
|
/// @prop {Map} header-text-color [color: ('secondary', 500)] - The list header text color.
|
|
@@ -211,14 +211,9 @@ $light-list: (
|
|
|
211
211
|
);
|
|
212
212
|
|
|
213
213
|
/// Generates a material list schema.
|
|
214
|
-
/// @type
|
|
215
|
-
/// @prop {Map} typography [
|
|
216
|
-
///
|
|
217
|
-
/// item: (value: 'subtitle-1'),
|
|
218
|
-
/// title: (value: 'subtitle-1'),
|
|
219
|
-
/// subtitle: (value: 'body-2')
|
|
220
|
-
/// ] - The typography styles used for the component.
|
|
221
|
-
/// @requires {Map} $light-list
|
|
214
|
+
/// @type Map
|
|
215
|
+
/// @prop {Map} typography [header: (value: 'overline'),item: (value: 'subtitle-1'), title: (value: 'subtitle-1'), subtitle: (value: 'body-2')] - The typography styles used for the component.
|
|
216
|
+
/// @requires $light-list
|
|
222
217
|
$material-list: extend(
|
|
223
218
|
$light-list,
|
|
224
219
|
(
|
|
@@ -243,17 +238,12 @@ $material-list: extend(
|
|
|
243
238
|
);
|
|
244
239
|
|
|
245
240
|
/// Generates a fluent list schema.
|
|
246
|
-
/// @type
|
|
241
|
+
/// @type Map
|
|
247
242
|
/// @prop {Map} header-text-color [color: ('secondary', 700)] - The list header text color.
|
|
248
243
|
/// @prop {Map} border-color [color: ('gray', 200)] - The list border color.
|
|
249
244
|
/// @prop {Number} border-width [rem(1px)] - The list border width.
|
|
250
|
-
/// @prop {Map} typography [
|
|
251
|
-
///
|
|
252
|
-
/// item: (value: 'caption'),
|
|
253
|
-
/// title: (value: 'caption'),
|
|
254
|
-
/// subtitle: (value: 'caption')
|
|
255
|
-
/// ] - The typography styles used for the component.
|
|
256
|
-
/// @requires {Map} $light-list
|
|
245
|
+
/// @prop {Map} typography [header: (value: 'overline'), item: (value: 'caption'), title: (value: 'caption'), subtitle: (value: 'caption')] - The typography styles used for the component.
|
|
246
|
+
/// @requires $light-list
|
|
257
247
|
$fluent-list: extend(
|
|
258
248
|
$light-list,
|
|
259
249
|
(
|
|
@@ -291,7 +281,7 @@ $fluent-list: extend(
|
|
|
291
281
|
);
|
|
292
282
|
|
|
293
283
|
/// Generates a bootstrap list schema.
|
|
294
|
-
/// @type
|
|
284
|
+
/// @type Map
|
|
295
285
|
/// @prop {Map} header-background [contrast-color: ('gray', 900)] - The list header background color.
|
|
296
286
|
/// @prop {Map} item-background [contrast-color: ('gray', 900)] - The list item background color.
|
|
297
287
|
/// @prop {Map} item-text-color [color: ('gray', 900)] - The list item text color.
|
|
@@ -301,13 +291,8 @@ $fluent-list: extend(
|
|
|
301
291
|
/// @prop {Map} border-radius [border-radius: (rem(4px), rem(0), rem(24px))] - The border radius used for list component.
|
|
302
292
|
/// @prop {Map} border-color [color: ('gray', 300)] - The list border color.
|
|
303
293
|
/// @prop {Number} border-width [rem(1px)] - The list border width.
|
|
304
|
-
/// @prop {Map} typography [
|
|
305
|
-
///
|
|
306
|
-
/// item: (value: 'body-2'),
|
|
307
|
-
/// title: (value: 'body-1'),
|
|
308
|
-
/// subtitle: (value: 'body-2')
|
|
309
|
-
/// ] - The typography styles used for the component.
|
|
310
|
-
/// @requires {Map} $light-list
|
|
294
|
+
/// @prop {Map} typography [header: (value: 'overline'), item: (value: 'body-2'), title: (value: 'body-1'), subtitle: (value: 'body-2')] - The typography styles used for the component.
|
|
295
|
+
/// @requires $light-list
|
|
311
296
|
$bootstrap-list: extend(
|
|
312
297
|
$light-list,
|
|
313
298
|
(
|
|
@@ -391,7 +376,7 @@ $bootstrap-list: extend(
|
|
|
391
376
|
);
|
|
392
377
|
|
|
393
378
|
/// Generates an indigo list schema.
|
|
394
|
-
/// @type
|
|
379
|
+
/// @type Map
|
|
395
380
|
/// @prop {Color} background [transparent] - The list background color.
|
|
396
381
|
/// @prop {Color} header-background [transparent] - The list header background color.
|
|
397
382
|
/// @prop {Map} header-text-color [color: ('gray', 600)] - The list header text color.
|
|
@@ -417,13 +402,8 @@ $bootstrap-list: extend(
|
|
|
417
402
|
/// @prop {Map} item-thumbnail-color-active [color: ('gray', 700)] - The list item thumbnail active color.
|
|
418
403
|
/// @prop {Map} item-thumbnail-color-selected [color: ('gray', 700)] - The list item thumbnail selected color.
|
|
419
404
|
/// @prop {Number} item-border-radius [rem(4px)] - The border radius used for list item.
|
|
420
|
-
/// @prop {Map} typography [
|
|
421
|
-
///
|
|
422
|
-
/// item: (value: 'body-2'),
|
|
423
|
-
/// title: (value: 'body-2'),
|
|
424
|
-
/// subtitle: (value: 'body-2')
|
|
425
|
-
/// ] - The typography styles used for the component.
|
|
426
|
-
/// @requires {Map} $light-list
|
|
405
|
+
/// @prop {Map} typography [ header: (value: 'overline'), item: (value: 'body-2'), title: (value: 'body-2'), subtitle: (value: 'body-2')] - The typography styles used for the component.
|
|
406
|
+
/// @requires $light-list
|
|
427
407
|
$indigo-list: extend(
|
|
428
408
|
$light-list,
|
|
429
409
|
(
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
////
|
|
10
10
|
|
|
11
11
|
/// Generates a base light navbar schema.
|
|
12
|
-
/// @type
|
|
12
|
+
/// @type Map
|
|
13
13
|
/// @prop {Map} background [color: ('primary', 400)] - The navbar background color.
|
|
14
14
|
/// @prop {Color} border-color [transparent] - The navbar border color.
|
|
15
15
|
/// @prop {Map} text-color [contrast-color: ('primary', 400)] - The navbar text color.
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
/// @prop {Map} hover-icon-color [color: ('gray', 900)] - The navbar hover icon color.
|
|
18
18
|
/// @prop {Map} typography [title: (value: 'h5')] - The typography styles used for the component.
|
|
19
19
|
/// @prop {Number} elevation [4] - The elevation level, between 0-24, to be used for the navbar.
|
|
20
|
-
/// @requires
|
|
20
|
+
/// @requires $default-elevation-navbar
|
|
21
21
|
$light-navbar: extend(
|
|
22
22
|
$default-elevation-navbar,
|
|
23
23
|
(
|
|
@@ -59,9 +59,9 @@ $light-navbar: extend(
|
|
|
59
59
|
);
|
|
60
60
|
|
|
61
61
|
/// Generates a material navbar schema.
|
|
62
|
-
/// @type
|
|
62
|
+
/// @type Map
|
|
63
63
|
/// @prop {Map} typography [title: (value: 'h6')] - The typography styles used for the component.
|
|
64
|
-
/// @requires
|
|
64
|
+
/// @requires $light-navbar
|
|
65
65
|
$material-navbar: extend(
|
|
66
66
|
$light-navbar,
|
|
67
67
|
(
|
|
@@ -77,13 +77,13 @@ $material-navbar: extend(
|
|
|
77
77
|
);
|
|
78
78
|
|
|
79
79
|
/// Generates a fluent navbar schema.
|
|
80
|
-
/// @type
|
|
80
|
+
/// @type Map
|
|
81
81
|
/// @prop {Map} background [color: 'surface'] - The navbar background color.
|
|
82
82
|
/// @prop {Map} text-color [color: ('gray', 900)] - The navbar text color.
|
|
83
83
|
/// @prop {Map} idle-icon-color [color: ('primary', 500)] - The navbar idle icon color.
|
|
84
84
|
/// @prop {Map} hover-icon-color [color: ('primary', 500)] - The navbar hover icon color.
|
|
85
85
|
/// @prop {Map} typography [title: (value: 'subtitle-2')] - The typography styles used for the component.
|
|
86
|
-
/// @requires
|
|
86
|
+
/// @requires $light-navbar
|
|
87
87
|
$fluent-navbar: extend(
|
|
88
88
|
$light-navbar,
|
|
89
89
|
(
|
|
@@ -120,15 +120,15 @@ $fluent-navbar: extend(
|
|
|
120
120
|
);
|
|
121
121
|
|
|
122
122
|
/// Generates a bootstrap navbar schema.
|
|
123
|
-
/// @type
|
|
123
|
+
/// @type Map
|
|
124
124
|
/// @prop {Map} background [color: 'surface'] - The navbar background color.
|
|
125
125
|
/// @prop {Map} border-color [color: ('gray', 300)] - The navbar border color.
|
|
126
126
|
/// @prop {Map} text-color [contrast-color: 'surface'] - The navbar text color.
|
|
127
127
|
/// @prop {Map} idle-icon-color [contrast-color: 'surface'] - The navbar idle icon color.
|
|
128
128
|
/// @prop {Map} hover-icon-color [contrast-color: 'surface'] - The navbar hover icon color.
|
|
129
129
|
/// @prop {Number} elevation [0] - The elevation level, between 0-24, to be used for the navbar.
|
|
130
|
-
/// @requires
|
|
131
|
-
/// @requires
|
|
130
|
+
/// @requires $light-navbar
|
|
131
|
+
/// @requires $bootstrap-elevation-navbar
|
|
132
132
|
$bootstrap-navbar: extend(
|
|
133
133
|
$light-navbar,
|
|
134
134
|
$bootstrap-elevation-navbar,
|
|
@@ -158,15 +158,15 @@ $bootstrap-navbar: extend(
|
|
|
158
158
|
);
|
|
159
159
|
|
|
160
160
|
/// Generates an indigo navbar schema.
|
|
161
|
-
/// @type
|
|
161
|
+
/// @type Map
|
|
162
162
|
/// @prop {Map} background [color: ('surface', 500)] - The navbar background color.
|
|
163
163
|
/// @prop {Map} text-color [color: ('gray', 800)] - The navbar text color.
|
|
164
164
|
/// @prop {Map} idle-icon-color [color: ('gray', 600)] - The navbar idle icon color.
|
|
165
165
|
/// @prop {Map} hover-icon-color [color: ('gray', 700)] - The navbar hover icon color.
|
|
166
166
|
/// @prop {Color} border-color [color: ('primary', 500)] - The navbar border color.
|
|
167
167
|
/// @prop {Number} elevation [0] - The elevation level, between 0-24, to be used for the navbar.
|
|
168
|
-
/// @requires
|
|
169
|
-
/// @requires
|
|
168
|
+
/// @requires $light-navbar
|
|
169
|
+
/// @requires $indigo-elevation-navbar
|
|
170
170
|
$indigo-navbar: extend(
|
|
171
171
|
$light-navbar,
|
|
172
172
|
$indigo-elevation-navbar,
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
////
|
|
10
10
|
|
|
11
11
|
/// Generates a base light navdrawer schema.
|
|
12
|
-
/// @type
|
|
12
|
+
/// @type Map
|
|
13
13
|
/// @prop {Map} background [color: 'surface'] - The navigation drawer background color.
|
|
14
14
|
/// @prop {Map} item-disabled-text-color [color: ('gray', 400)] - The item's disabled text color.
|
|
15
15
|
/// @prop {Map} item-disabled-icon-color [color: ('gray', 400)] - The item's disabled icon color.
|
|
16
16
|
/// @prop {Map} elevation [16] - The elevation level, between 0-24, to be used for the drawer.
|
|
17
17
|
/// @prop {List} border-radius [(rem(0), rem(0), rem(36px))] - The border radius used for the navdrawer component.
|
|
18
|
-
/// @requires
|
|
18
|
+
/// @requires $default-elevation-navdrawer
|
|
19
19
|
$light-navdrawer: extend(
|
|
20
20
|
$default-elevation-navdrawer,
|
|
21
21
|
(
|
|
@@ -49,7 +49,7 @@ $light-navdrawer: extend(
|
|
|
49
49
|
);
|
|
50
50
|
|
|
51
51
|
/// Generates a material navdrawer schema.
|
|
52
|
-
/// @type
|
|
52
|
+
/// @type Map
|
|
53
53
|
/// @prop {List} item-border-radius [(rem(4px), rem(0), rem(24px))] - The border radius used for the navdrawer items
|
|
54
54
|
/// @prop {Map} item-hover-icon-color [color: ('gray', 900)] - The item's hover icon color.
|
|
55
55
|
/// @prop {Map} item-hover-text-color [color: ('gray', 900)] - The item's hover text color.
|
|
@@ -62,11 +62,8 @@ $light-navdrawer: extend(
|
|
|
62
62
|
/// @prop {Map} item-icon-color [ color: ('gray', 700)] - The item's icon color.
|
|
63
63
|
/// @prop {Map} item-header-text-color [color: ('gray', 700)] - The header's idle text color.
|
|
64
64
|
/// @prop {Map} item-disabled-text-color [color: ('gray', 500)] - The item's disabled text color.
|
|
65
|
-
/// @prop {Map} typography [
|
|
66
|
-
///
|
|
67
|
-
/// header: (value: 'subtitle-1')
|
|
68
|
-
/// ] - The typography styles used for the component.
|
|
69
|
-
/// @requires {Map} $light-navdrawer
|
|
65
|
+
/// @prop {Map} typography [item: (value: 'subtitle-2'), header: (value: 'subtitle-1')] - The typography styles used for the component.
|
|
66
|
+
/// @requires $light-navdrawer
|
|
70
67
|
$material-navdrawer: extend(
|
|
71
68
|
$light-navdrawer,
|
|
72
69
|
(
|
|
@@ -159,7 +156,7 @@ $material-navdrawer: extend(
|
|
|
159
156
|
);
|
|
160
157
|
|
|
161
158
|
/// Generates a fluent navdrawer schema.
|
|
162
|
-
/// @type
|
|
159
|
+
/// @type Map
|
|
163
160
|
/// @prop {Number} item-border-radius [0] - The border radius used for the navdrawer items.
|
|
164
161
|
/// @prop {Map} item-hover-icon-color [color: ('primary', 600)] - The item's hover icon color.
|
|
165
162
|
/// @prop {Map} item-hover-text-color [color: ('gray', 800)] - The item's hover text color.
|
|
@@ -171,11 +168,8 @@ $material-navdrawer: extend(
|
|
|
171
168
|
/// @prop {Map} border-color [color: ('gray', 200)] - The navigation drawer right border color.
|
|
172
169
|
/// @prop {Map} item-icon-color [ color: ('primary', 500)] - The item's icon color.
|
|
173
170
|
/// @prop {Map} item-header-text-color [color: ('gray', 800)] - The header's idle text color.
|
|
174
|
-
/// @prop {Map} typography [
|
|
175
|
-
///
|
|
176
|
-
/// header: (value: 'subtitle-1')
|
|
177
|
-
/// ] - The typography styles used for the component.
|
|
178
|
-
/// @requires {Map} $light-navdrawer
|
|
171
|
+
/// @prop {Map} typography [ item: (value: 'body-2'), header: (value: 'subtitle-1')] - The typography styles used for the component.
|
|
172
|
+
/// @requires $light-navdrawer
|
|
179
173
|
$fluent-navdrawer: extend(
|
|
180
174
|
$light-navdrawer,
|
|
181
175
|
(
|
|
@@ -255,7 +249,7 @@ $fluent-navdrawer: extend(
|
|
|
255
249
|
);
|
|
256
250
|
|
|
257
251
|
/// Generates a bootstrap navdrawer schema.
|
|
258
|
-
/// @type
|
|
252
|
+
/// @type Map
|
|
259
253
|
/// @prop {List} item-border-radius [(rem(4px), rem(0), rem(24px))] - The border radius used for the navdrawer items
|
|
260
254
|
/// @prop {Map} item-hover-icon-color [color: ('gray', 900)] - The item's hover icon color.
|
|
261
255
|
/// @prop {Map} item-hover-text-color [color: ('gray', 900)] - The item's hover text color.
|
|
@@ -267,11 +261,8 @@ $fluent-navdrawer: extend(
|
|
|
267
261
|
/// @prop {Map} border-color [color: ('gray', 300)] - The navigation drawer right border color.
|
|
268
262
|
/// @prop {Map} item-icon-color [ color: ('gray', 900)] - The item's icon color.
|
|
269
263
|
/// @prop {Map} item-header-text-color [color: ('gray', 900)] - The header's idle text color.
|
|
270
|
-
/// @prop {Map} typography [
|
|
271
|
-
///
|
|
272
|
-
/// header: (value: 'caption')
|
|
273
|
-
/// ] - The typography styles used for the component.
|
|
274
|
-
/// @requires {Map} $light-navdrawer
|
|
264
|
+
/// @prop {Map} typography [item: (value: 'body-2'), header: (value: 'caption')] - The typography styles used for the component.
|
|
265
|
+
/// @requires $light-navdrawer
|
|
275
266
|
$bootstrap-navdrawer: extend(
|
|
276
267
|
$light-navdrawer,
|
|
277
268
|
(
|
|
@@ -358,7 +349,7 @@ $bootstrap-navdrawer: extend(
|
|
|
358
349
|
);
|
|
359
350
|
|
|
360
351
|
/// Generates an indigo navdrawer schema.
|
|
361
|
-
/// @type
|
|
352
|
+
/// @type Map
|
|
362
353
|
/// @prop {Map} item-header-text-color [color: ('gray', 600)] - The header's idle text color.
|
|
363
354
|
/// @prop {Map} item-text-color [color: ('gray', 800)] - The item's idle text color.
|
|
364
355
|
/// @prop {Map} item-icon-color [color: ('gray', 600)] - The item's icon color.
|
|
@@ -373,11 +364,8 @@ $bootstrap-navdrawer: extend(
|
|
|
373
364
|
/// @prop {Map} elevation [0] - The elevation level, between 0-24, to be used for the drawer.
|
|
374
365
|
/// @prop {Map} border-color [color: ('gray', 300)] - The navigation drawer right border color.
|
|
375
366
|
/// @prop {List} item-border-radius [(rem(4px), rem(0), rem(4px))] - The border radius used for the navdrawer items.
|
|
376
|
-
/// @prop {Map} typography [
|
|
377
|
-
///
|
|
378
|
-
/// header: (value: 'overline')
|
|
379
|
-
/// ] - The typography styles used for the component.
|
|
380
|
-
/// @requires {Map} $light-navdrawer
|
|
367
|
+
/// @prop {Map} typography [item: (value: 'subtitle-2'), header: (value: 'overline')] - The typography styles used for the component.
|
|
368
|
+
/// @requires $light-navdrawer
|
|
381
369
|
$indigo-navdrawer: extend(
|
|
382
370
|
$light-navdrawer,
|
|
383
371
|
(
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
////
|
|
9
9
|
|
|
10
10
|
/// Generates a base light overlay schema.
|
|
11
|
-
/// @type
|
|
11
|
+
/// @type Map
|
|
12
12
|
/// @prop {Map} background-color [color: ('gray', 500, .54)] - The background color used for modal overlays.
|
|
13
13
|
$light-overlay: (
|
|
14
14
|
background-color: (
|
|
@@ -25,8 +25,8 @@ $light-overlay: (
|
|
|
25
25
|
);
|
|
26
26
|
|
|
27
27
|
/// Generates a material overlay schema.
|
|
28
|
-
/// @type
|
|
29
|
-
/// @requires
|
|
28
|
+
/// @type Map
|
|
29
|
+
/// @requires $light-overlay
|
|
30
30
|
$material-overlay: extend(
|
|
31
31
|
$light-overlay,
|
|
32
32
|
(
|
|
@@ -37,8 +37,8 @@ $material-overlay: extend(
|
|
|
37
37
|
);
|
|
38
38
|
|
|
39
39
|
/// Generates a fluent overlay schema.
|
|
40
|
-
/// @type
|
|
41
|
-
/// @requires
|
|
40
|
+
/// @type Map
|
|
41
|
+
/// @requires $light-overlay
|
|
42
42
|
$fluent-overlay: extend(
|
|
43
43
|
$light-overlay,
|
|
44
44
|
(
|
|
@@ -49,8 +49,8 @@ $fluent-overlay: extend(
|
|
|
49
49
|
);
|
|
50
50
|
|
|
51
51
|
/// Generates a bootstrap overlay schema.
|
|
52
|
-
/// @type
|
|
53
|
-
/// @requires
|
|
52
|
+
/// @type Map
|
|
53
|
+
/// @requires $light-overlay
|
|
54
54
|
$bootstrap-overlay: extend(
|
|
55
55
|
$light-overlay,
|
|
56
56
|
(
|
|
@@ -61,8 +61,8 @@ $bootstrap-overlay: extend(
|
|
|
61
61
|
);
|
|
62
62
|
|
|
63
63
|
/// Generates an indigo overlay schema.
|
|
64
|
-
/// @type
|
|
65
|
-
/// @requires
|
|
64
|
+
/// @type Map
|
|
65
|
+
/// @requires $light-overlay
|
|
66
66
|
$indigo-overlay: extend(
|
|
67
67
|
$light-overlay,
|
|
68
68
|
(
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
////
|
|
9
9
|
|
|
10
10
|
/// Generates a base light pagination schema.
|
|
11
|
-
/// @type
|
|
11
|
+
/// @type Map
|
|
12
12
|
/// @prop {Map} text-color [color: ('gray', 800)] - The text color.
|
|
13
13
|
/// @prop {Map} background-color [color: ('gray', 100)] - The background color of the paging panel.
|
|
14
14
|
/// @prop {Map} border-color [color: ('gray', 200)] - The border color of the paging panel.
|
|
@@ -49,8 +49,8 @@ $light-pagination: (
|
|
|
49
49
|
);
|
|
50
50
|
|
|
51
51
|
/// Generates a material pagination schema.
|
|
52
|
-
/// @type
|
|
53
|
-
/// @requires
|
|
52
|
+
/// @type Map
|
|
53
|
+
/// @requires $light-pagination
|
|
54
54
|
$material-pagination: extend(
|
|
55
55
|
$light-pagination,
|
|
56
56
|
(
|
|
@@ -61,10 +61,10 @@ $material-pagination: extend(
|
|
|
61
61
|
);
|
|
62
62
|
|
|
63
63
|
/// Generates a fluent pagination schema.
|
|
64
|
-
/// @type
|
|
64
|
+
/// @type Map
|
|
65
65
|
/// @prop {Map} background-color [color: 'surface'] - The background color of the paging panel.
|
|
66
66
|
/// @prop {Map} border-color [color: ('gray', 100)] - The border color of the paging panel.
|
|
67
|
-
/// @requires
|
|
67
|
+
/// @requires $light-pagination
|
|
68
68
|
$fluent-pagination: extend(
|
|
69
69
|
$light-pagination,
|
|
70
70
|
(
|
|
@@ -85,9 +85,9 @@ $fluent-pagination: extend(
|
|
|
85
85
|
);
|
|
86
86
|
|
|
87
87
|
/// Generates a bootstrap pagination schema.
|
|
88
|
-
/// @type
|
|
88
|
+
/// @type Map
|
|
89
89
|
/// @prop {Map} background-color [color: ('gray', 50)] - The background color of the paging panel.
|
|
90
|
-
/// @requires
|
|
90
|
+
/// @requires $light-pagination
|
|
91
91
|
$bootstrap-pagination: extend(
|
|
92
92
|
$light-pagination,
|
|
93
93
|
(
|
|
@@ -104,10 +104,10 @@ $bootstrap-pagination: extend(
|
|
|
104
104
|
);
|
|
105
105
|
|
|
106
106
|
/// Generates an indigo pagination schema.
|
|
107
|
-
/// @type
|
|
107
|
+
/// @type Map
|
|
108
108
|
/// @prop {Map} background-color [color: ('surface', 500)] - The background color of the paging panel.
|
|
109
109
|
/// @prop {Map} border-color [color: ('gray', 400)] - The border color of the paging panel.
|
|
110
|
-
/// @requires
|
|
110
|
+
/// @requires $light-pagination
|
|
111
111
|
$indigo-pagination: extend(
|
|
112
112
|
$light-pagination,
|
|
113
113
|
(
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
////
|
|
9
9
|
|
|
10
10
|
/// Generates a base light pivot data selector schema.
|
|
11
|
-
/// @type
|
|
11
|
+
/// @type Map
|
|
12
12
|
$light-pivot-data-selector: (
|
|
13
13
|
background: (
|
|
14
14
|
color: 'surface',
|
|
@@ -27,8 +27,8 @@ $light-pivot-data-selector: (
|
|
|
27
27
|
);
|
|
28
28
|
|
|
29
29
|
/// Generates a material pivot data selector schema.
|
|
30
|
-
/// @type
|
|
31
|
-
/// @requires
|
|
30
|
+
/// @type Map
|
|
31
|
+
/// @requires $light-pivot-data-selector
|
|
32
32
|
$material-pivot-data-selector: extend(
|
|
33
33
|
$light-pivot-data-selector,
|
|
34
34
|
(
|
|
@@ -39,8 +39,8 @@ $material-pivot-data-selector: extend(
|
|
|
39
39
|
);
|
|
40
40
|
|
|
41
41
|
/// Generates a fluent pivot data selector schema.
|
|
42
|
-
/// @type
|
|
43
|
-
/// @requires
|
|
42
|
+
/// @type Map
|
|
43
|
+
/// @requires $light-pivot-data-selector
|
|
44
44
|
$fluent-pivot-data-selector: extend(
|
|
45
45
|
$light-pivot-data-selector,
|
|
46
46
|
(
|
|
@@ -51,8 +51,8 @@ $fluent-pivot-data-selector: extend(
|
|
|
51
51
|
);
|
|
52
52
|
|
|
53
53
|
/// Generates a bootstrap pivot data selector schema.
|
|
54
|
-
/// @type
|
|
55
|
-
/// @requires
|
|
54
|
+
/// @type Map
|
|
55
|
+
/// @requires $light-pivot-data-selector
|
|
56
56
|
$bootstrap-pivot-data-selector: extend(
|
|
57
57
|
$light-pivot-data-selector,
|
|
58
58
|
(
|
|
@@ -63,8 +63,8 @@ $bootstrap-pivot-data-selector: extend(
|
|
|
63
63
|
);
|
|
64
64
|
|
|
65
65
|
/// Generates a indigo pivot data selector schema.
|
|
66
|
-
/// @type
|
|
67
|
-
/// @requires
|
|
66
|
+
/// @type Map
|
|
67
|
+
/// @requires $light-pivot-data-selector
|
|
68
68
|
$indigo-pivot-data-selector: extend(
|
|
69
69
|
$light-pivot-data-selector,
|
|
70
70
|
(
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
////
|
|
9
9
|
|
|
10
10
|
/// Generates a base light progress-linear schema.
|
|
11
|
-
/// @type
|
|
11
|
+
/// @type Map
|
|
12
12
|
/// @prop {Map} track-color [color: ('gray', 300)] - The main track color.
|
|
13
13
|
/// @prop {Map} fill-color-default [color: ('primary', 500)] - The track default fill color.
|
|
14
14
|
/// @prop {Map} fill-color-danger [color: ('error')] - The track danger fill color.
|
|
@@ -99,7 +99,7 @@ $light-progress-linear: extend(
|
|
|
99
99
|
);
|
|
100
100
|
|
|
101
101
|
/// Generates a material progress-linear schema.
|
|
102
|
-
/// @type
|
|
102
|
+
/// @type Map
|
|
103
103
|
/// @requires $light-progress-linear
|
|
104
104
|
$material-progress-linear: extend(
|
|
105
105
|
$light-progress-linear,
|
|
@@ -111,7 +111,7 @@ $material-progress-linear: extend(
|
|
|
111
111
|
);
|
|
112
112
|
|
|
113
113
|
/// Generates a fluent progress-linear schema.
|
|
114
|
-
/// @type
|
|
114
|
+
/// @type Map
|
|
115
115
|
/// @prop {Number} track-height [rem(2px)] - The linear progress bar track height.
|
|
116
116
|
/// @requires $light-progress-linear
|
|
117
117
|
$fluent-progress-linear: extend(
|
|
@@ -125,7 +125,7 @@ $fluent-progress-linear: extend(
|
|
|
125
125
|
);
|
|
126
126
|
|
|
127
127
|
/// Generates a bootstrap progress-linear schema.
|
|
128
|
-
/// @type
|
|
128
|
+
/// @type Map
|
|
129
129
|
/// @prop {Map} stripes-color [color: ('gray', 50, .2)] - The track stripes color.
|
|
130
130
|
/// @prop {List} track-border-radius [(rem(4px), rem(0), rem(8px))] - The border radius used for the progress bar track.
|
|
131
131
|
/// @prop {Number} track-height [rem(16px)] - The linear progress bar track height.
|
|
@@ -159,7 +159,7 @@ $bootstrap-progress-linear: extend(
|
|
|
159
159
|
);
|
|
160
160
|
|
|
161
161
|
/// Generates an indigo progress-linear schema.
|
|
162
|
-
/// @type
|
|
162
|
+
/// @type Map
|
|
163
163
|
/// @prop {Map} text-color [color: ('gray', 600)] - The track value text color.
|
|
164
164
|
/// @prop {Map} track-color [color: ('gray', 900, .15)] - The main track color.
|
|
165
165
|
/// @prop {Map} fill-color-default [color: ('primary', 400)] - The track default fill color.
|
|
@@ -236,7 +236,7 @@ $indigo-progress-linear: extend(
|
|
|
236
236
|
);
|
|
237
237
|
|
|
238
238
|
/// Generates a base light progress-circular schema.
|
|
239
|
-
/// @type
|
|
239
|
+
/// @type Map
|
|
240
240
|
/// @prop {Map} base-circle-color [color: ('gray', 300)] - The base circle fill color.
|
|
241
241
|
/// @prop {Map} fill-color-default [color: ('primary', 500)] - The progress circle default fill color.
|
|
242
242
|
/// @prop {Map} fill-color-danger [color: ('error')] - The progress circle danger fill color.
|
|
@@ -303,8 +303,8 @@ $light-progress-circular: extend(
|
|
|
303
303
|
);
|
|
304
304
|
|
|
305
305
|
/// Generates a material progress-circular schema.
|
|
306
|
-
/// @type
|
|
307
|
-
/// @requires
|
|
306
|
+
/// @type Map
|
|
307
|
+
/// @requires $light-progress-circular
|
|
308
308
|
$material-progress-circular: extend(
|
|
309
309
|
$light-progress-circular,
|
|
310
310
|
(
|
|
@@ -315,8 +315,8 @@ $material-progress-circular: extend(
|
|
|
315
315
|
);
|
|
316
316
|
|
|
317
317
|
/// Generates a fluent progress-circular schema.
|
|
318
|
-
/// @type
|
|
319
|
-
/// @requires
|
|
318
|
+
/// @type Map
|
|
319
|
+
/// @requires $light-progress-circular
|
|
320
320
|
$fluent-progress-circular: extend(
|
|
321
321
|
$light-progress-circular,
|
|
322
322
|
(
|
|
@@ -327,9 +327,9 @@ $fluent-progress-circular: extend(
|
|
|
327
327
|
);
|
|
328
328
|
|
|
329
329
|
/// Generates a bootstrap progress-circular schema.
|
|
330
|
-
/// @type
|
|
330
|
+
/// @type Map
|
|
331
331
|
/// @prop {Number} diameter [rem(54px)] - The progress circle diameter.
|
|
332
|
-
/// @requires
|
|
332
|
+
/// @requires $light-progress-circular
|
|
333
333
|
$bootstrap-progress-circular: extend(
|
|
334
334
|
$light-progress-circular,
|
|
335
335
|
(
|
|
@@ -341,7 +341,7 @@ $bootstrap-progress-circular: extend(
|
|
|
341
341
|
);
|
|
342
342
|
|
|
343
343
|
/// Generates an indigo progress-circular schema.
|
|
344
|
-
/// @type
|
|
344
|
+
/// @type Map
|
|
345
345
|
/// @prop {Map} base-circle-color [color: ('gray', 900, .15)] - The base circle fill color.
|
|
346
346
|
/// @prop {Map} fill-color-default [color: ('primary', 400)] - The track default fill color.
|
|
347
347
|
/// @prop {Map} fill-color-danger [color: ('error', 400)] - The track danger fill color.
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
////
|
|
11
11
|
|
|
12
12
|
/// Generates a base light query builder schema.
|
|
13
|
-
/// @type
|
|
13
|
+
/// @type Map
|
|
14
14
|
/// @prop {Map} background [color: ('surface', 500)] - The background color of the query builder.
|
|
15
15
|
/// @prop {Map} header-background [color: ('surface', 500)] - The background color of the query builder header.
|
|
16
16
|
/// @prop {Map} header-foreground [color: ('gray', 900)] - The foreground color of the query builder header.
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
/// @prop {Color} color-expression-group-or [#007254] - The color of advanced filtering "OR" condition group.
|
|
24
24
|
/// @prop {Number} subquery-border-radius [rem(12px)] - The border radius of the subquery block.
|
|
25
25
|
/// @prop {Number} border-radius [rem(4px)] - The border radius of the query builder.
|
|
26
|
-
/// @requires
|
|
26
|
+
/// @requires $default-elevation-query-builder
|
|
27
27
|
$light-query-builder: extend(
|
|
28
28
|
$default-elevation-query-builder,
|
|
29
29
|
(
|
|
@@ -91,8 +91,8 @@ $light-query-builder: extend(
|
|
|
91
91
|
);
|
|
92
92
|
|
|
93
93
|
/// Generates a material query builder schema.
|
|
94
|
-
/// @type
|
|
95
|
-
/// @requires
|
|
94
|
+
/// @type Map
|
|
95
|
+
/// @requires $light-query-builder
|
|
96
96
|
$material-query-builder: extend(
|
|
97
97
|
$light-query-builder,
|
|
98
98
|
(
|
|
@@ -103,9 +103,9 @@ $material-query-builder: extend(
|
|
|
103
103
|
);
|
|
104
104
|
|
|
105
105
|
/// Generates a fluent query builder schema.
|
|
106
|
-
/// @type
|
|
106
|
+
/// @type Map
|
|
107
107
|
/// @prop {Number} border-radius [rem(4px)] - The border radius of the query builder.
|
|
108
|
-
/// @requires
|
|
108
|
+
/// @requires $light-query-builder
|
|
109
109
|
$fluent-query-builder: extend(
|
|
110
110
|
$light-query-builder,
|
|
111
111
|
(
|
|
@@ -117,9 +117,9 @@ $fluent-query-builder: extend(
|
|
|
117
117
|
);
|
|
118
118
|
|
|
119
119
|
/// Generates a bootstrap query builder schema.
|
|
120
|
-
/// @type
|
|
120
|
+
/// @type Map
|
|
121
121
|
/// @prop {Map} header-border [color: ('gray', 300)] - The border color of the query builder header.
|
|
122
|
-
/// @requires
|
|
122
|
+
/// @requires $light-query-builder
|
|
123
123
|
$bootstrap-query-builder: extend(
|
|
124
124
|
$light-query-builder,
|
|
125
125
|
(
|
|
@@ -136,11 +136,11 @@ $bootstrap-query-builder: extend(
|
|
|
136
136
|
);
|
|
137
137
|
|
|
138
138
|
/// Generates an indigo query builder schema.
|
|
139
|
-
/// @type
|
|
139
|
+
/// @type Map
|
|
140
140
|
/// @prop {Map} background [contrast-color: ('gray', 900)] - The background color of the query builder.
|
|
141
141
|
/// @prop {Map} header-background [contrast-color: ('gray', 900)] - The background color of the query builder header.
|
|
142
142
|
/// @prop {Number} border-radius [rem(10px)] - The border radius of the query builder.
|
|
143
|
-
/// @requires
|
|
143
|
+
/// @requires $light-query-builder
|
|
144
144
|
$indigo-query-builder: extend(
|
|
145
145
|
$light-query-builder,
|
|
146
146
|
(
|