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
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
/// Generates a base light pie chart schema.
|
|
12
12
|
/// @access private
|
|
13
|
-
/// @type
|
|
13
|
+
/// @type Map
|
|
14
14
|
$light-pie-chart: (
|
|
15
15
|
_meta: (
|
|
16
16
|
name: 'pie-chart',
|
|
@@ -19,7 +19,7 @@ $light-pie-chart: (
|
|
|
19
19
|
);
|
|
20
20
|
|
|
21
21
|
/// Generates a material pie chart schema.
|
|
22
|
-
/// @type
|
|
22
|
+
/// @type Map
|
|
23
23
|
/// @property {List} brushes [series] - Defines the palette from which automatically assigned series colors are selected.
|
|
24
24
|
/// @property {List} outlines [series] - Defines the palette from which automatically assigned series outline colors are selected.
|
|
25
25
|
/// @property {Number} label-extent [30] - Sets the pixel amount by which the labels are offset from the edge of the slices.
|
|
@@ -55,8 +55,8 @@ $material-pie-chart: extend(
|
|
|
55
55
|
);
|
|
56
56
|
|
|
57
57
|
/// Generates a fluent pie chart schema.
|
|
58
|
-
/// @type
|
|
59
|
-
/// @requires
|
|
58
|
+
/// @type Map
|
|
59
|
+
/// @requires $material-pie-chart
|
|
60
60
|
/// @see $material-pie-chart
|
|
61
61
|
$fluent-pie-chart: extend(
|
|
62
62
|
$material-pie-chart,
|
|
@@ -68,8 +68,8 @@ $fluent-pie-chart: extend(
|
|
|
68
68
|
);
|
|
69
69
|
|
|
70
70
|
/// Generates a bootstrap pie chart schema.
|
|
71
|
-
/// @type
|
|
72
|
-
/// @requires
|
|
71
|
+
/// @type Map
|
|
72
|
+
/// @requires $material-pie-chart
|
|
73
73
|
/// @see $material-pie-chart
|
|
74
74
|
$bootstrap-pie-chart: extend(
|
|
75
75
|
$material-pie-chart,
|
|
@@ -81,8 +81,8 @@ $bootstrap-pie-chart: extend(
|
|
|
81
81
|
);
|
|
82
82
|
|
|
83
83
|
/// Generates an indigo pie chart schema.
|
|
84
|
-
/// @type
|
|
85
|
-
/// @requires
|
|
84
|
+
/// @type Map
|
|
85
|
+
/// @requires $material-pie-chart
|
|
86
86
|
/// @see $material-pie-chart
|
|
87
87
|
$indigo-pie-chart: extend(
|
|
88
88
|
$material-pie-chart,
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
/// Generates a base light shape chart schema.
|
|
12
12
|
/// @access private
|
|
13
|
-
/// @type
|
|
13
|
+
/// @type Map
|
|
14
14
|
$light-shape-chart: (
|
|
15
15
|
_meta: (
|
|
16
16
|
name: 'shape-chart',
|
|
@@ -19,7 +19,7 @@ $light-shape-chart: (
|
|
|
19
19
|
);
|
|
20
20
|
|
|
21
21
|
/// Generates a material base shape chart schema.
|
|
22
|
-
/// @type
|
|
22
|
+
/// @type Map
|
|
23
23
|
/// @property {List} margin [null] - Sets the margin (top, right, bottom, left) of the chart content.
|
|
24
24
|
/// @property {Color} title-alignment [null] - Sets horizontal alignment which determines the title position, relative to the left and right edges of the control.
|
|
25
25
|
/// @property {Color} title-text-color [null] - Sets the color of the chart title.
|
|
@@ -121,9 +121,9 @@ $material-shape-chart: extend(
|
|
|
121
121
|
);
|
|
122
122
|
|
|
123
123
|
/// Generates a fluent shaep-chart schema.
|
|
124
|
-
/// @type
|
|
124
|
+
/// @type Map
|
|
125
125
|
/// @requires {function} extend
|
|
126
|
-
/// @requires
|
|
126
|
+
/// @requires $material-shape-chart
|
|
127
127
|
$fluent-shape-chart: extend(
|
|
128
128
|
$material-shape-chart,
|
|
129
129
|
(
|
|
@@ -134,9 +134,9 @@ $fluent-shape-chart: extend(
|
|
|
134
134
|
);
|
|
135
135
|
|
|
136
136
|
/// Generates a bootstrap shape-chart schema.
|
|
137
|
-
/// @type
|
|
137
|
+
/// @type Map
|
|
138
138
|
/// @requires {function} extend
|
|
139
|
-
/// @requires
|
|
139
|
+
/// @requires $material-shape-chart
|
|
140
140
|
$bootstrap-shape-chart: extend(
|
|
141
141
|
$material-shape-chart,
|
|
142
142
|
(
|
|
@@ -147,9 +147,9 @@ $bootstrap-shape-chart: extend(
|
|
|
147
147
|
);
|
|
148
148
|
|
|
149
149
|
/// Generates an indigo shape-chart schema.
|
|
150
|
-
/// @type
|
|
150
|
+
/// @type Map
|
|
151
151
|
/// @requires {function} extend
|
|
152
|
-
/// @requires
|
|
152
|
+
/// @requires $material-shape-chart
|
|
153
153
|
$indigo-shape-chart: extend(
|
|
154
154
|
$material-shape-chart,
|
|
155
155
|
(
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
/// Generates a base light sparkline schema.
|
|
12
12
|
/// @access private
|
|
13
|
-
/// @type
|
|
13
|
+
/// @type Map
|
|
14
14
|
$light-sparkline: (
|
|
15
15
|
_meta: (
|
|
16
16
|
name: 'sparkline',
|
|
@@ -19,7 +19,7 @@ $light-sparkline: (
|
|
|
19
19
|
);
|
|
20
20
|
|
|
21
21
|
/// Generates a material base sparkline schema.
|
|
22
|
-
/// @type
|
|
22
|
+
/// @type Map
|
|
23
23
|
/// @prop {Color} brush [color: ('primary', 500)] - Sets the sparkline brush.
|
|
24
24
|
/// @prop {Number} line-thickness [null] - Sets the line thickness of the sparkline.
|
|
25
25
|
/// @prop {Color} marker-brush [null] - Sets the marker brush of the sparkline.
|
|
@@ -34,7 +34,7 @@ $light-sparkline: (
|
|
|
34
34
|
/// @prop {Number} high-marker-size [null] - Sets the high marker size of the sparkline.
|
|
35
35
|
/// @prop {Color} negative-brush [null] - Sets the negative brush of the sparkline.
|
|
36
36
|
/// @prop {Color} negative-marker-brush [null] - Sets the negative marker brush of the sparkline.
|
|
37
|
-
/// @prop {Number} negative
|
|
37
|
+
/// @prop {Number} negative-marker-size [null] - Sets the negative marker size of the sparkline.
|
|
38
38
|
/// @prop {Color} trend-line-brush [null] - Sets the trendline brush of the sparkline.
|
|
39
39
|
/// @prop {Color} trend-line-thickness [null] - Sets the thickness of the sparkline's trendline.
|
|
40
40
|
/// @prop {Color} horizontal-axis-brush [null] - Sets the horizontal axis line brush of the sparkline.
|
|
@@ -75,9 +75,9 @@ $material-sparkline: extend(
|
|
|
75
75
|
);
|
|
76
76
|
|
|
77
77
|
/// Generates a fluent sparkline schema.
|
|
78
|
-
/// @type
|
|
78
|
+
/// @type Map
|
|
79
79
|
/// @requires {function} extend
|
|
80
|
-
/// @requires
|
|
80
|
+
/// @requires $material-sparkline
|
|
81
81
|
$fluent-sparkline: extend(
|
|
82
82
|
$material-sparkline,
|
|
83
83
|
(
|
|
@@ -88,9 +88,9 @@ $fluent-sparkline: extend(
|
|
|
88
88
|
);
|
|
89
89
|
|
|
90
90
|
/// Generates a bootstrap sparkline schema.
|
|
91
|
-
/// @type
|
|
91
|
+
/// @type Map
|
|
92
92
|
/// @requires {function} extend
|
|
93
|
-
/// @requires
|
|
93
|
+
/// @requires $material-sparkline
|
|
94
94
|
$bootstrap-sparkline: extend(
|
|
95
95
|
$material-sparkline,
|
|
96
96
|
(
|
|
@@ -101,9 +101,9 @@ $bootstrap-sparkline: extend(
|
|
|
101
101
|
);
|
|
102
102
|
|
|
103
103
|
/// Generates an indigo sparkline schema.
|
|
104
|
-
/// @type
|
|
104
|
+
/// @type Map
|
|
105
105
|
/// @requires {function} extend
|
|
106
|
-
/// @requires
|
|
106
|
+
/// @requires $material-sparkline
|
|
107
107
|
$indigo-sparkline: extend(
|
|
108
108
|
$material-sparkline,
|
|
109
109
|
(
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
/// Generates a base dark action-strip schema.
|
|
11
11
|
/// @access private
|
|
12
|
-
/// @type
|
|
12
|
+
/// @type Map
|
|
13
13
|
$dark-base-action-strip: (
|
|
14
14
|
_meta: (
|
|
15
15
|
name: 'action-strip',
|
|
@@ -18,12 +18,12 @@ $dark-base-action-strip: (
|
|
|
18
18
|
);
|
|
19
19
|
|
|
20
20
|
/// Generates a dark material action-strip schema.
|
|
21
|
-
/// @type
|
|
21
|
+
/// @type Map
|
|
22
22
|
/// @requires $material-action-strip
|
|
23
23
|
$dark-material-action-strip: extend($material-action-strip, $dark-base-action-strip);
|
|
24
24
|
|
|
25
25
|
/// Generates a dark fluent action strip schema.
|
|
26
|
-
/// @type
|
|
26
|
+
/// @type Map
|
|
27
27
|
/// @prop {Map} actions-background [color: ('gray', 600)] - The color used for actions background.
|
|
28
28
|
/// @requires $fluent-action-strip
|
|
29
29
|
$dark-fluent-action-strip: extend(
|
|
@@ -40,7 +40,7 @@ $dark-fluent-action-strip: extend(
|
|
|
40
40
|
);
|
|
41
41
|
|
|
42
42
|
/// Generates a dark bootstrap action strip schema.
|
|
43
|
-
/// @type
|
|
43
|
+
/// @type Map
|
|
44
44
|
/// @prop {Map} actions-background [color: ('gray', 100)] - The color used for actions background.
|
|
45
45
|
/// @requires $bootstrap-action-strip
|
|
46
46
|
$dark-bootstrap-action-strip: extend(
|
|
@@ -57,6 +57,6 @@ $dark-bootstrap-action-strip: extend(
|
|
|
57
57
|
);
|
|
58
58
|
|
|
59
59
|
/// Generates a dark indigo action strip schema.
|
|
60
|
-
/// @type
|
|
60
|
+
/// @type Map
|
|
61
61
|
/// @requires $indigo-action-strip
|
|
62
62
|
$dark-indigo-action-strip: extend($indigo-action-strip, $dark-base-action-strip);
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
/// Generates a base dark avatar schema.
|
|
11
11
|
/// @access private
|
|
12
|
-
/// @type
|
|
12
|
+
/// @type Map
|
|
13
13
|
/// @prop {Map} background [color: ('gray', 200)] - The background color of the avatar.
|
|
14
14
|
$dark-base-avatar: (
|
|
15
15
|
background: (
|
|
@@ -25,25 +25,25 @@ $dark-base-avatar: (
|
|
|
25
25
|
);
|
|
26
26
|
|
|
27
27
|
/// Generates a dark material avatar schema.
|
|
28
|
-
/// @type
|
|
28
|
+
/// @type Map
|
|
29
29
|
/// @requires $material-avatar
|
|
30
30
|
/// @requires $dark-base-avatar
|
|
31
31
|
$dark-material-avatar: extend($material-avatar, $dark-base-avatar);
|
|
32
32
|
|
|
33
33
|
/// Generates a dark fluent avatar schema.
|
|
34
|
-
/// @type
|
|
34
|
+
/// @type Map
|
|
35
35
|
/// @requires $fluent-avatar
|
|
36
36
|
/// @requires $dark-base-avatar
|
|
37
37
|
$dark-fluent-avatar: extend($fluent-avatar, $dark-base-avatar);
|
|
38
38
|
|
|
39
39
|
/// Generates a dark bootstrap avatar schema.
|
|
40
|
-
/// @type
|
|
40
|
+
/// @type Map
|
|
41
41
|
/// @requires $bootstrap-avatar
|
|
42
42
|
/// @requires $dark-base-avatar
|
|
43
43
|
$dark-bootstrap-avatar: extend($bootstrap-avatar, $dark-base-avatar);
|
|
44
44
|
|
|
45
45
|
/// Generates a dark indigo avatar schema.
|
|
46
|
-
/// @type
|
|
46
|
+
/// @type Map
|
|
47
47
|
/// @prop {Map} color [contrast-color: ('gray', 300)] - The text color of the avatar.
|
|
48
48
|
/// @prop {Map} icon-color [contrast-color: ('gray', 300)] - The icon color of the avatar.
|
|
49
49
|
/// @requires $indigo-avatar
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
/// Generates a base dark badge schema.
|
|
11
11
|
/// @access private
|
|
12
|
-
/// @type
|
|
12
|
+
/// @type Map
|
|
13
13
|
$dark-base-badge: (
|
|
14
14
|
_meta: (
|
|
15
15
|
name: 'badge',
|
|
@@ -18,22 +18,22 @@ $dark-base-badge: (
|
|
|
18
18
|
);
|
|
19
19
|
|
|
20
20
|
/// Generates a dark material badge schema.
|
|
21
|
-
/// @type
|
|
21
|
+
/// @type Map
|
|
22
22
|
/// @requires $material-badge
|
|
23
23
|
$dark-material-badge: extend($material-badge, $dark-base-badge);
|
|
24
24
|
|
|
25
25
|
/// Generates a dark fluent badge schema.
|
|
26
|
-
/// @type
|
|
26
|
+
/// @type Map
|
|
27
27
|
/// @requires $fluent-badge
|
|
28
28
|
$dark-fluent-badge: extend($fluent-badge, $dark-base-badge);
|
|
29
29
|
|
|
30
30
|
/// Generates a dark bootstrap badge schema.
|
|
31
|
-
/// @type
|
|
31
|
+
/// @type Map
|
|
32
32
|
/// @requires $bootstrap-badge
|
|
33
33
|
$dark-bootstrap-badge: extend($bootstrap-badge, $dark-base-badge);
|
|
34
34
|
|
|
35
35
|
/// Generates a dark indigo badge schema.
|
|
36
|
-
/// @type
|
|
36
|
+
/// @type Map
|
|
37
37
|
/// @prop {Map} background-color [color: ('primary', 400)] - The background color used for the badge component.
|
|
38
38
|
/// @prop {Map} border-color [contrast-color: ('gray', 900)] - The border color used for the badge component.
|
|
39
39
|
/// @requires $indigo-badge
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
/// Generates a base dark banner schema.
|
|
11
11
|
/// @access private
|
|
12
|
-
/// @type
|
|
12
|
+
/// @type Map
|
|
13
13
|
$dark-base-banner: (
|
|
14
14
|
_meta: (
|
|
15
15
|
name: 'banner',
|
|
@@ -18,22 +18,22 @@ $dark-base-banner: (
|
|
|
18
18
|
);
|
|
19
19
|
|
|
20
20
|
/// Generates a dark material banner schema.
|
|
21
|
-
/// @type
|
|
21
|
+
/// @type Map
|
|
22
22
|
/// @requires $material-banner
|
|
23
23
|
$dark-material-banner: extend($material-banner, $dark-base-banner);
|
|
24
24
|
|
|
25
25
|
/// Generates a dark fluent banner schema.
|
|
26
|
-
/// @type
|
|
26
|
+
/// @type Map
|
|
27
27
|
/// @requires $fluent-banner
|
|
28
28
|
$dark-fluent-banner: extend($fluent-banner, $dark-base-banner);
|
|
29
29
|
|
|
30
30
|
/// Generates a dark bootstrap banner schema.
|
|
31
|
-
/// @type
|
|
31
|
+
/// @type Map
|
|
32
32
|
/// @requires $bootstrap-banner
|
|
33
33
|
$dark-bootstrap-banner: extend($bootstrap-banner, $dark-base-banner);
|
|
34
34
|
|
|
35
35
|
/// Generates a dark indigo banner schema.
|
|
36
|
-
/// @type
|
|
36
|
+
/// @type Map
|
|
37
37
|
/// @prop {Map} banner-background [color: ('gray', 50)] - The color used for the banner background.
|
|
38
38
|
/// @prop {Map} banner-border-color [color: ('gray', 100)] - The color used for the banner border.
|
|
39
39
|
/// @requires $indigo-banner
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
/// Generates a base dark bottom-nav schema.
|
|
11
11
|
/// @access private
|
|
12
|
-
/// @type
|
|
12
|
+
/// @type Map
|
|
13
13
|
$dark-base-bottom-nav: (
|
|
14
14
|
_meta: (
|
|
15
15
|
name: 'bottom-nav',
|
|
@@ -18,7 +18,7 @@ $dark-base-bottom-nav: (
|
|
|
18
18
|
);
|
|
19
19
|
|
|
20
20
|
/// Generates a dark material bottom-nav schema.
|
|
21
|
-
/// @type
|
|
21
|
+
/// @type Map
|
|
22
22
|
/// @prop {Map} icon-selected-color [color: ('primary', 500)] - The icon color used for the selected item.
|
|
23
23
|
/// @prop {Map} label-selected-color [color: ('primary', 500)] - The label color used for the selected item.
|
|
24
24
|
/// @requires $material-bottom-nav
|
|
@@ -43,7 +43,7 @@ $dark-material-bottom-nav: extend(
|
|
|
43
43
|
);
|
|
44
44
|
|
|
45
45
|
/// Generates a dark fluent bottom-nav schema.
|
|
46
|
-
/// @type
|
|
46
|
+
/// @type Map
|
|
47
47
|
/// @prop {Map} label-selected-color [color: ('primary', 300)] - The label color used for the selected item.
|
|
48
48
|
/// @prop {Map} icon-selected-color [color: ('primary', 300)] - The icon color used for the selected item.
|
|
49
49
|
/// @requires $fluent-bottom-nav
|
|
@@ -68,7 +68,7 @@ $dark-fluent-bottom-nav: extend(
|
|
|
68
68
|
);
|
|
69
69
|
|
|
70
70
|
/// Generates a dark bootstrap bottom-nav schema.
|
|
71
|
-
/// @type
|
|
71
|
+
/// @type Map
|
|
72
72
|
/// @prop {Map} label-selected-color [color: ('primary', 300)] - The label color used for the selected item.
|
|
73
73
|
/// @prop {Map} icon-selected-color [color: ('primary', 300)] - The icon color used for the selected item.
|
|
74
74
|
/// @requires $bootstrap-bottom-nav
|
|
@@ -94,7 +94,7 @@ $dark-bootstrap-bottom-nav: extend(
|
|
|
94
94
|
);
|
|
95
95
|
|
|
96
96
|
/// Generates a dark indigo bottom-nav schema.
|
|
97
|
-
/// @type
|
|
97
|
+
/// @type Map
|
|
98
98
|
/// @prop {Map} border-color [color: ('gray', 100)] - The border color of the bottom navigation.
|
|
99
99
|
/// @prop {Map} icon-color [contrast-color: ('gray', 50, .6)] - The icon color in idle state.
|
|
100
100
|
/// @prop {Map} icon-selected-color [color: ('primary', 200)] - The icon color used for the selected item.
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
////
|
|
9
9
|
|
|
10
10
|
/// Generates the base dark button-group schema.
|
|
11
|
-
/// @type
|
|
11
|
+
/// @type Map
|
|
12
12
|
/// @prop {Map} item-border-color [color: ('gray', 100)] - The border color between button group items.
|
|
13
13
|
/// @prop {Map} item-hover-border-color [color: ('gray', 100)] - The hover border color between button group items.
|
|
14
14
|
/// @prop {Map} item-focused-border-color [color: ('gray', 100)] - The focused border color for an item from the button group.
|
|
@@ -108,7 +108,7 @@ $base-dark-button-group: (
|
|
|
108
108
|
);
|
|
109
109
|
|
|
110
110
|
/// Generates a dark material button-group schema based on a mix of $light-button-group and $base-dark-button-group
|
|
111
|
-
/// @type
|
|
111
|
+
/// @type Map
|
|
112
112
|
/// @prop {Map} item-selected-background [color: ('gray', 100)] - The background color for a selected item in the button group.
|
|
113
113
|
/// @prop {Map} item-focused-hover-background [color: ('gray', 400, .5)] - The focused & hover background color for button group items.
|
|
114
114
|
/// @prop {Map} item-selected-hover-background [color: ('gray', 300, .4)] - The background color for a selected item in hover state in the button group.
|
|
@@ -162,7 +162,7 @@ $dark-material-button-group: extend(
|
|
|
162
162
|
);
|
|
163
163
|
|
|
164
164
|
/// Generates a dark fluent button-group schema based on a mix of $fluent-button-group and $base-dark-button-group
|
|
165
|
-
/// @type
|
|
165
|
+
/// @type Map
|
|
166
166
|
/// @prop {Map} item-border-color [color: ('gray', 400)] - The border color for button group items.
|
|
167
167
|
/// @prop {Map} item-hover-border-color [color: ('gray', 400)] - The hover border color between button group items.
|
|
168
168
|
/// @prop {Map} item-focused-border-color [color: ('gray', 400)] - The focused border color for button group items.
|
|
@@ -173,7 +173,7 @@ $dark-material-button-group: extend(
|
|
|
173
173
|
/// @prop {Map} item-selected-focus-background [color: ('gray', 300)] - The background color for a selected item in focus state in the button group.
|
|
174
174
|
/// @prop {Map} item-selected-hover-background [color: ('gray', 400, .3)] - The background color for a selected item in hover or focus state in the button group.
|
|
175
175
|
/// @prop {Map} item-selected-hover-border-color [color: ('gray', 400)] - The border color for a selected item in hover state in the button group.
|
|
176
|
-
/// @prop {Map} item-disabled-border
|
|
176
|
+
/// @prop {Map} item-disabled-border [color: ('gray', 400)] - The border color for button group disabled items.
|
|
177
177
|
/// @prop {Map} disabled-text-color [color: ('gray', 300)]- The text/icon color for a disabled item in the button group.
|
|
178
178
|
/// @prop {Map} disabled-selected-text-color [color: ('gray', 300)] - The disabled text color for a selected item in the button group.
|
|
179
179
|
/// @prop {Map} disabled-selected-icon-color [color: ('gray', 300)] - The disabled icon color for a selected item in the button group.
|
|
@@ -293,7 +293,7 @@ $dark-fluent-button-group: extend(
|
|
|
293
293
|
);
|
|
294
294
|
|
|
295
295
|
/// Generates a dark bootstrap button-group schema based on a mix of $bootstrap-button-group
|
|
296
|
-
/// @type
|
|
296
|
+
/// @type Map
|
|
297
297
|
/// @requires $bootstrap-button-group
|
|
298
298
|
$dark-bootstrap-button-group: extend(
|
|
299
299
|
$bootstrap-button-group,
|
|
@@ -305,7 +305,7 @@ $dark-bootstrap-button-group: extend(
|
|
|
305
305
|
);
|
|
306
306
|
|
|
307
307
|
/// Generates a dark indigo button-group schema
|
|
308
|
-
/// @type
|
|
308
|
+
/// @type Map
|
|
309
309
|
/// @prop {Map} item-background [contrast-color: ('gray', 50, .05)] - The background color for button group items.
|
|
310
310
|
/// @prop {Map} item-text-color [contrast-color: ('gray', 50, .8)] - The text color for button group items.
|
|
311
311
|
/// @prop {Map} item-icon-color [contrast-color: ('gray', 50, .8)] - The icon color for button group items.
|