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
|
@@ -11,14 +11,14 @@
|
|
|
11
11
|
|
|
12
12
|
/// Generates a base dark button schema.
|
|
13
13
|
/// @access private
|
|
14
|
-
/// @type
|
|
14
|
+
/// @type Map
|
|
15
15
|
$dark-base-button: (
|
|
16
16
|
_meta: (
|
|
17
17
|
variant: 'dark',
|
|
18
18
|
),
|
|
19
19
|
);
|
|
20
20
|
|
|
21
|
-
/// @type
|
|
21
|
+
/// @type Map
|
|
22
22
|
/// @prop {Map} disabled-background [color: ('gray', 100)] - The disabled background color of the button.
|
|
23
23
|
/// @prop {Map} disabled-foreground [color: ('gray', 500)] - The disabled foreground color of the button.
|
|
24
24
|
/// @prop {Map} disabled-icon-color [color: ('gray', 500)] - The disabled icon color of the button.
|
|
@@ -46,7 +46,7 @@ $material-base-button-dark: extend(
|
|
|
46
46
|
)
|
|
47
47
|
);
|
|
48
48
|
|
|
49
|
-
/// @type
|
|
49
|
+
/// @type Map
|
|
50
50
|
/// @prop {Map} icon-color-hover [color: ('secondary', 300)] - The hover icon color of the button.
|
|
51
51
|
/// @prop {Map} hover-foreground [color: ('secondary', 300)] - The hover text color of a flat button.
|
|
52
52
|
/// @prop {Map} focus-foreground [color: ('secondary', 200)] - The text color of a flat button when focused with click and keyboard.
|
|
@@ -54,8 +54,8 @@ $material-base-button-dark: extend(
|
|
|
54
54
|
/// @prop {Map} focus-visible-foreground [color: ('secondary', 300)] - The focus-visible text color of a flat button.
|
|
55
55
|
/// @prop {Map} active-foreground [color: ('secondary', 300)] - The active text color of a flat button.
|
|
56
56
|
/// @prop {Color} disabled-background [transparent] - The disabled background color a flat button.
|
|
57
|
-
/// @requires
|
|
58
|
-
/// @requires
|
|
57
|
+
/// @requires $material-base-button-dark
|
|
58
|
+
/// @requires $material-flat-button
|
|
59
59
|
$material-flat-button-dark: extend(
|
|
60
60
|
$material-flat-button,
|
|
61
61
|
$material-base-button-dark,
|
|
@@ -100,7 +100,7 @@ $material-flat-button-dark: extend(
|
|
|
100
100
|
)
|
|
101
101
|
);
|
|
102
102
|
|
|
103
|
-
/// @type
|
|
103
|
+
/// @type Map
|
|
104
104
|
/// @prop {Map} icon-color-hover [color: ('secondary', 300)] - The hover icon color of the button.
|
|
105
105
|
/// @prop {Map} hover-foreground [color: ('secondary', 300)] - The hover text color of a flat button.
|
|
106
106
|
/// @prop {Map} focus-foreground [color: ('secondary', 200)] - The text color of a flat button when focused with click and keyboard.
|
|
@@ -113,8 +113,8 @@ $material-flat-button-dark: extend(
|
|
|
113
113
|
/// @prop {Map} active-border-color [color: ('secondary', 300)] - The active border color of an outlined button.
|
|
114
114
|
/// @prop {Map} disabled-border-color [color: ('gray', 300)] - The disabled focused border color of an outlined button.
|
|
115
115
|
/// @prop {Color} disabled-background [transparent] - The disabled background color an outlined button.
|
|
116
|
-
/// @requires
|
|
117
|
-
/// @requires
|
|
116
|
+
/// @requires $material-outlined-button
|
|
117
|
+
/// @requires $material-base-button-dark
|
|
118
118
|
$material-outlined-button-dark: extend(
|
|
119
119
|
$material-outlined-button,
|
|
120
120
|
$material-base-button-dark,
|
|
@@ -189,20 +189,20 @@ $material-outlined-button-dark: extend(
|
|
|
189
189
|
)
|
|
190
190
|
);
|
|
191
191
|
|
|
192
|
-
/// @requires
|
|
193
|
-
/// @requires
|
|
192
|
+
/// @requires $material-contained-button
|
|
193
|
+
/// @requires $material-base-button-dark
|
|
194
194
|
$material-contained-button-dark: extend($material-contained-button, $material-base-button-dark);
|
|
195
195
|
|
|
196
|
-
/// @requires
|
|
197
|
-
/// @requires
|
|
196
|
+
/// @requires $material-fab-button
|
|
197
|
+
/// @requires $material-base-button-dark
|
|
198
198
|
$material-fab-button-dark: extend($material-fab-button, $material-base-button-dark);
|
|
199
199
|
|
|
200
200
|
/// Generates a dark material button schema.
|
|
201
|
-
/// @type
|
|
202
|
-
/// @requires
|
|
203
|
-
/// @requires
|
|
204
|
-
/// @requires
|
|
205
|
-
/// @requires
|
|
201
|
+
/// @type Map
|
|
202
|
+
/// @requires $material-flat-button-dark
|
|
203
|
+
/// @requires $material-outlined-button-dark
|
|
204
|
+
/// @requires $material-contained-button-dark
|
|
205
|
+
/// @requires $material-fab-button-dark
|
|
206
206
|
$dark-material-button: (
|
|
207
207
|
flat: $material-flat-button-dark,
|
|
208
208
|
outlined: $material-outlined-button-dark,
|
|
@@ -210,7 +210,7 @@ $dark-material-button: (
|
|
|
210
210
|
fab: $material-fab-button-dark,
|
|
211
211
|
);
|
|
212
212
|
|
|
213
|
-
/// @type
|
|
213
|
+
/// @type Map
|
|
214
214
|
/// @prop {Map} focus-visible-border-color [color: ('gray', 400)] - The focus-visible border color of a contained button.
|
|
215
215
|
/// @prop {Map} hover-background [color: ('gray', 50)] - The hover background of a contained button.
|
|
216
216
|
/// @prop {Map} focus-background [color: ('gray', 100)] - The background color of a contained button when focused with click and keyboard.
|
|
@@ -273,10 +273,10 @@ $fluent-base-button-dark: extend(
|
|
|
273
273
|
)
|
|
274
274
|
);
|
|
275
275
|
|
|
276
|
-
/// @type
|
|
276
|
+
/// @type Map
|
|
277
277
|
/// @prop {Color} disabled-background [transparent] - The disabled background color an outlined button.
|
|
278
|
-
/// @requires
|
|
279
|
-
/// @requires
|
|
278
|
+
/// @requires $fluent-flat-button
|
|
279
|
+
/// @requires $fluent-base-button-dark
|
|
280
280
|
$fluent-flat-button-dark: extend(
|
|
281
281
|
$fluent-flat-button,
|
|
282
282
|
$fluent-base-button-dark,
|
|
@@ -290,8 +290,8 @@ $fluent-flat-button-dark: extend(
|
|
|
290
290
|
/// @prop {Map} focus-border-color [color: ('gray', 400)] - The focus border color of a contained button.
|
|
291
291
|
/// @prop {Map} active-border-color [color: ('gray', 400)] - The active border color of an outlined button.
|
|
292
292
|
/// @prop {Map} disabled-border-color [color: ('gray', 100)] - The disabled focused border color of an outlined button.
|
|
293
|
-
/// @requires
|
|
294
|
-
/// @requires
|
|
293
|
+
/// @requires $fluent-outlined-button
|
|
294
|
+
/// @requires $fluent-base-button-dark
|
|
295
295
|
$fluent-outlined-button-dark: extend(
|
|
296
296
|
$fluent-outlined-button,
|
|
297
297
|
$fluent-base-button-dark,
|
|
@@ -329,7 +329,7 @@ $fluent-outlined-button-dark: extend(
|
|
|
329
329
|
)
|
|
330
330
|
);
|
|
331
331
|
|
|
332
|
-
/// @type
|
|
332
|
+
/// @type Map
|
|
333
333
|
/// @prop {Map} background [color: ('primary', 300)] - The background color of an contained button.
|
|
334
334
|
/// @prop {Map} foreground [contrast-color: ('primary', 300)] - The idle text color of a contained button.
|
|
335
335
|
/// @prop {Map} icon-color [contrast-color: ('primary', 300)] - The idle icon color of the button.
|
|
@@ -345,8 +345,8 @@ $fluent-outlined-button-dark: extend(
|
|
|
345
345
|
/// @prop {Map} focus-visible-foreground [contrast-color: ('primary', 500)] - The focus-visible text color of a contained button.
|
|
346
346
|
/// @prop {Map} active-background [color: ('primary', 100)] - The active background color of a contained button.
|
|
347
347
|
/// @prop {Map} active-foreground [contrast-color: ('primary', 500)] - The active text color of a contained button.
|
|
348
|
-
/// @requires
|
|
349
|
-
/// @requires
|
|
348
|
+
/// @requires $fluent-contained-button
|
|
349
|
+
/// @requires $fluent-base-button-dark
|
|
350
350
|
$fluent-contained-button-dark: extend(
|
|
351
351
|
$fluent-contained-button,
|
|
352
352
|
$fluent-base-button-dark,
|
|
@@ -444,7 +444,7 @@ $fluent-contained-button-dark: extend(
|
|
|
444
444
|
)
|
|
445
445
|
);
|
|
446
446
|
|
|
447
|
-
/// @type
|
|
447
|
+
/// @type Map
|
|
448
448
|
/// @prop {Map} background [color: ('primary', 300)] - The background color of an contained button.
|
|
449
449
|
/// @prop {Map} foreground [contrast-color: ('primary', 300)] - The idle text color of a contained button.
|
|
450
450
|
/// @prop {Map} icon-color [contrast-color: ('primary', 300)] - The idle icon color of the button.
|
|
@@ -461,8 +461,8 @@ $fluent-contained-button-dark: extend(
|
|
|
461
461
|
/// @prop {Map} focus-visible-foreground [contrast-color: ('primary', 300)] - The focus-visible text color of a contained button.
|
|
462
462
|
/// @prop {Map} active-background [color: ('primary', 100)] - The active background color of a contained button.
|
|
463
463
|
/// @prop {Map} active-foreground [contrast-color: ('primary', 300)] - The active text color of a contained button.
|
|
464
|
-
/// @requires
|
|
465
|
-
/// @requires
|
|
464
|
+
/// @requires $fluent-fab-button
|
|
465
|
+
/// @requires $fluent-base-button-dark
|
|
466
466
|
$fluent-fab-button-dark: extend(
|
|
467
467
|
$fluent-fab-button,
|
|
468
468
|
$fluent-base-button-dark,
|
|
@@ -561,11 +561,11 @@ $fluent-fab-button-dark: extend(
|
|
|
561
561
|
);
|
|
562
562
|
|
|
563
563
|
/// Generates a dark fluent button schema.
|
|
564
|
-
/// @type
|
|
565
|
-
/// @requires
|
|
566
|
-
/// @requires
|
|
567
|
-
/// @requires
|
|
568
|
-
/// @requires
|
|
564
|
+
/// @type Map
|
|
565
|
+
/// @requires $fluent-flat-button-dark
|
|
566
|
+
/// @requires $fluent-outlined-button-dark
|
|
567
|
+
/// @requires $fluent-contained-button-dark
|
|
568
|
+
/// @requires $fluent-fab-button-dark
|
|
569
569
|
$dark-fluent-button: (
|
|
570
570
|
flat: $fluent-flat-button-dark,
|
|
571
571
|
outlined: $fluent-outlined-button-dark,
|
|
@@ -573,28 +573,28 @@ $dark-fluent-button: (
|
|
|
573
573
|
fab: $fluent-fab-button-dark,
|
|
574
574
|
);
|
|
575
575
|
|
|
576
|
-
/// @type
|
|
577
|
-
/// @requires
|
|
576
|
+
/// @type Map
|
|
577
|
+
/// @requires $bootsrap-flat-button
|
|
578
578
|
$bootstrap-flat-button-dark: extend($bootstrap-flat-button, $dark-base-button);
|
|
579
579
|
|
|
580
|
-
/// @type
|
|
581
|
-
/// @requires
|
|
580
|
+
/// @type Map
|
|
581
|
+
/// @requires $bootsrap-outlined-button
|
|
582
582
|
$bootstrap-outlined-button-dark: extend($bootstrap-outlined-button, $dark-base-button);
|
|
583
583
|
|
|
584
|
-
/// @type
|
|
585
|
-
/// @requires
|
|
584
|
+
/// @type Map
|
|
585
|
+
/// @requires $bootsrap-contained-button
|
|
586
586
|
$bootstrap-contained-button-dark: extend($bootstrap-contained-button, $dark-base-button);
|
|
587
587
|
|
|
588
|
-
/// @type
|
|
589
|
-
/// @requires
|
|
588
|
+
/// @type Map
|
|
589
|
+
/// @requires $bootsrap-fab-button
|
|
590
590
|
$bootstrap-fab-button-dark: extend($bootstrap-fab-button, $dark-base-button);
|
|
591
591
|
|
|
592
592
|
/// Generates a dark bootstrap button schema.
|
|
593
|
-
/// @type
|
|
594
|
-
/// @requires
|
|
595
|
-
/// @requires
|
|
596
|
-
/// @requires
|
|
597
|
-
/// @requires
|
|
593
|
+
/// @type Map
|
|
594
|
+
/// @requires $bootstrap-flat-button
|
|
595
|
+
/// @requires $bootstrap-outlined-button
|
|
596
|
+
/// @requires $bootstrap-contained-button
|
|
597
|
+
/// @requires $bootstrap-fab-button
|
|
598
598
|
$dark-bootstrap-button: (
|
|
599
599
|
flat: $bootstrap-flat-button-dark,
|
|
600
600
|
outlined: $bootstrap-outlined-button-dark,
|
|
@@ -602,7 +602,7 @@ $dark-bootstrap-button: (
|
|
|
602
602
|
fab: $bootstrap-fab-button-dark,
|
|
603
603
|
);
|
|
604
604
|
|
|
605
|
-
/// @type
|
|
605
|
+
/// @type Map
|
|
606
606
|
/// @prop {Map} foreground [contrast-color: ('primary', 500)] - The idle text color of the button.
|
|
607
607
|
/// @prop {Map} icon-color [contrast-color: ('primary', 500, 0.8)] - The idle icon color of the button.
|
|
608
608
|
/// @prop {Map} icon-color-hover [contrast-color: ('primary', 500)] - The hover icon color of the button.
|
|
@@ -682,14 +682,14 @@ $indigo-base-button-dark: extend(
|
|
|
682
682
|
)
|
|
683
683
|
);
|
|
684
684
|
|
|
685
|
-
/// @type
|
|
685
|
+
/// @type Map
|
|
686
686
|
/// @prop {Map} hover-background [contrast-color: ('primary', 500, 0.1)] - The hover background color of a flat button.
|
|
687
687
|
/// @prop {Map} focus-hover-background [contrast-color: ('primary', 500, 0.1] - The background color on focus hovered state of a flat button.
|
|
688
688
|
/// @prop {Map} focus-background [contrast-color: ('primary', 500, 0.1)] - The background color of a flat button when focused with click and keyboard.
|
|
689
689
|
/// @prop {Map} active-background [contrast-color: ('primary', 500, 0.1)] - The active background color of a flat button.
|
|
690
690
|
/// @prop {Map} shadow-color [contrast-color: ('primary', 500, 0.2)] - The shadow color of a flat button.
|
|
691
|
-
/// @requires
|
|
692
|
-
/// @requires
|
|
691
|
+
/// @requires $indigo-flat-button
|
|
692
|
+
/// @requires $indigo-base-button-dark
|
|
693
693
|
$indigo-flat-button-dark: extend(
|
|
694
694
|
$indigo-flat-button,
|
|
695
695
|
$indigo-base-button-dark,
|
|
@@ -732,7 +732,7 @@ $indigo-flat-button-dark: extend(
|
|
|
732
732
|
)
|
|
733
733
|
);
|
|
734
734
|
|
|
735
|
-
/// @type
|
|
735
|
+
/// @type Map
|
|
736
736
|
/// @prop {Map} border-color [contrast-color: ('primary', 500, 0.6)] - The border color of an outlined button.
|
|
737
737
|
/// @prop {Map} hover-background [contrast-color: ('primary', 500, 0.1)] - The hover background color of an outlined button.
|
|
738
738
|
/// @prop {Map} hover-border-color [contrast-color: ('primary', 500, 0.8)] - The hover border color of an outlined button.
|
|
@@ -744,8 +744,8 @@ $indigo-flat-button-dark: extend(
|
|
|
744
744
|
/// @prop {Map} active-border-color [contrast-color: ('primary', 500, 0.8)] - The active border color of an outlined button.
|
|
745
745
|
/// @prop {Map} shadow-color [contrast-color: ('primary', 500, 0.2)] - The shadow color of an outlined button.
|
|
746
746
|
/// @prop {Map} disabled-border-color [contrast-color: ('primary', 500, 0.2)] - The disabled focused border color of an outlined button.
|
|
747
|
-
/// @requires
|
|
748
|
-
/// @requires
|
|
747
|
+
/// @requires $indigo-outlined-button
|
|
748
|
+
/// @requires $indigo-base-button-dark
|
|
749
749
|
$indigo-outlined-button-dark: extend(
|
|
750
750
|
$indigo-outlined-button,
|
|
751
751
|
$indigo-base-button-dark,
|
|
@@ -830,22 +830,22 @@ $indigo-outlined-button-dark: extend(
|
|
|
830
830
|
)
|
|
831
831
|
);
|
|
832
832
|
|
|
833
|
-
/// @type
|
|
834
|
-
/// @requires
|
|
835
|
-
/// @requires
|
|
833
|
+
/// @type Map
|
|
834
|
+
/// @requires $indigo-contained-button
|
|
835
|
+
/// @requires $indigo-base-button-dark
|
|
836
836
|
$indigo-contained-button-dark: extend($indigo-contained-button, $indigo-base-button-dark);
|
|
837
837
|
|
|
838
|
-
/// @type
|
|
839
|
-
/// @requires
|
|
840
|
-
/// @requires
|
|
838
|
+
/// @type Map
|
|
839
|
+
/// @requires $indigo-fab-button
|
|
840
|
+
/// @requires $indigo-base-button-dark
|
|
841
841
|
$indigo-fab-button-dark: extend($indigo-fab-button, $indigo-base-button-dark);
|
|
842
842
|
|
|
843
843
|
/// Generates a dark indigo button schema.
|
|
844
|
-
/// @type
|
|
845
|
-
/// @requires
|
|
846
|
-
/// @requires
|
|
847
|
-
/// @requires
|
|
848
|
-
/// @requires
|
|
844
|
+
/// @type Map
|
|
845
|
+
/// @requires $indigo-flat-button
|
|
846
|
+
/// @requires $indigo-outlined-button
|
|
847
|
+
/// @requires $indigo-contained-button
|
|
848
|
+
/// @requires $indigo-fab-button
|
|
849
849
|
$dark-indigo-button: (
|
|
850
850
|
flat: $indigo-flat-button-dark,
|
|
851
851
|
outlined: $indigo-outlined-button-dark,
|
|
@@ -12,12 +12,12 @@
|
|
|
12
12
|
////
|
|
13
13
|
|
|
14
14
|
/// Generates a dark material calendar schema.
|
|
15
|
-
/// @type
|
|
16
|
-
/// @requires
|
|
17
|
-
/// @requires
|
|
18
|
-
/// @requires
|
|
19
|
-
/// @requires
|
|
20
|
-
/// @requires
|
|
15
|
+
/// @type Map
|
|
16
|
+
/// @requires $material-calendar
|
|
17
|
+
/// @requires $dark-material-base
|
|
18
|
+
/// @requires $dark-material-picker
|
|
19
|
+
/// @requires $dark-material-days-view
|
|
20
|
+
/// @requires $dark-material-year-month
|
|
21
21
|
$dark-material-calendar: extend(
|
|
22
22
|
$material-calendar,
|
|
23
23
|
$dark-material-picker,
|
|
@@ -27,12 +27,12 @@ $dark-material-calendar: extend(
|
|
|
27
27
|
);
|
|
28
28
|
|
|
29
29
|
/// Generates a dark fluent calendar schema.
|
|
30
|
-
/// @type
|
|
31
|
-
/// @requires
|
|
32
|
-
/// @requires
|
|
33
|
-
/// @requires
|
|
34
|
-
/// @requires
|
|
35
|
-
/// @requires
|
|
30
|
+
/// @type Map
|
|
31
|
+
/// @requires $fluent-calendar
|
|
32
|
+
/// @requires $dark-fluent-base
|
|
33
|
+
/// @requires $dark-fluent-picker
|
|
34
|
+
/// @requires $dark-fluent-days-view
|
|
35
|
+
/// @requires $dark-fluent-year-month
|
|
36
36
|
$dark-fluent-calendar: extend(
|
|
37
37
|
$fluent-calendar,
|
|
38
38
|
$dark-fluent-picker,
|
|
@@ -42,12 +42,12 @@ $dark-fluent-calendar: extend(
|
|
|
42
42
|
);
|
|
43
43
|
|
|
44
44
|
/// Generates a dark bootstrap calendar schema.
|
|
45
|
-
/// @type
|
|
46
|
-
/// @requires
|
|
47
|
-
/// @requires
|
|
48
|
-
/// @requires
|
|
49
|
-
/// @requires
|
|
50
|
-
/// @requires
|
|
45
|
+
/// @type Map
|
|
46
|
+
/// @requires $bootstrap-calendar
|
|
47
|
+
/// @requires $dark-bootstrap-base
|
|
48
|
+
/// @requires $dark-bootstrap-picker
|
|
49
|
+
/// @requires $dark-bootstrap-days-view
|
|
50
|
+
/// @requires $dark-bootstrap-year-month
|
|
51
51
|
$dark-bootstrap-calendar: extend(
|
|
52
52
|
$bootstrap-calendar,
|
|
53
53
|
$dark-bootstrap-picker,
|
|
@@ -57,12 +57,12 @@ $dark-bootstrap-calendar: extend(
|
|
|
57
57
|
);
|
|
58
58
|
|
|
59
59
|
/// Generates a dark indigo calendar schema.
|
|
60
|
-
/// @type
|
|
61
|
-
/// @requires
|
|
62
|
-
/// @requires
|
|
63
|
-
/// @requires
|
|
64
|
-
/// @requires
|
|
65
|
-
/// @requires
|
|
60
|
+
/// @type Map
|
|
61
|
+
/// @requires $indigo-calendar
|
|
62
|
+
/// @requires $dark-indigo-base
|
|
63
|
+
/// @requires $dark-indigo-picker
|
|
64
|
+
/// @requires $dark-indigo-days-view
|
|
65
|
+
/// @requires $dark-indigo-year-month
|
|
66
66
|
$dark-indigo-calendar: extend(
|
|
67
67
|
$indigo-calendar,
|
|
68
68
|
$dark-indigo-picker,
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
////
|
|
9
9
|
|
|
10
10
|
/// Generates a base dark card schema.
|
|
11
|
-
/// @type
|
|
11
|
+
/// @type Map
|
|
12
12
|
$dark-base-card: (
|
|
13
13
|
_meta: (
|
|
14
14
|
name: 'card',
|
|
@@ -17,7 +17,7 @@ $dark-base-card: (
|
|
|
17
17
|
);
|
|
18
18
|
|
|
19
19
|
/// Generates a dark material card schema.
|
|
20
|
-
/// @type
|
|
20
|
+
/// @type Map
|
|
21
21
|
/// @prop {Map} outline-color [color: ('gray', 400, .38)] - The outline color of an outlined type card.
|
|
22
22
|
/// @requires $material-card
|
|
23
23
|
/// @requires $dark-base-card
|
|
@@ -36,7 +36,7 @@ $dark-material-card: extend(
|
|
|
36
36
|
);
|
|
37
37
|
|
|
38
38
|
/// Generates a dark fluent card schema.
|
|
39
|
-
/// @type
|
|
39
|
+
/// @type Map
|
|
40
40
|
/// @prop {Map} actions-text-color [color: ('primary', 300)] - The text color of the card buttons.
|
|
41
41
|
/// @requires $fluent-card
|
|
42
42
|
/// @requires $dark-base-card
|
|
@@ -54,13 +54,13 @@ $dark-fluent-card: extend(
|
|
|
54
54
|
);
|
|
55
55
|
|
|
56
56
|
/// Generates a dark bootstrap card schema.
|
|
57
|
-
/// @type
|
|
57
|
+
/// @type Map
|
|
58
58
|
/// @requires $bootstrap-card
|
|
59
59
|
/// @requires $dark-base-card
|
|
60
60
|
$dark-bootstrap-card: extend($bootstrap-card, $dark-base-card);
|
|
61
61
|
|
|
62
62
|
/// Generates a dark indigo card schema.
|
|
63
|
-
/// @type
|
|
63
|
+
/// @type Map
|
|
64
64
|
/// @prop {Map} background [color: ('gray', 50)] - The card background color.
|
|
65
65
|
/// @prop {Map} outline-color [color: ('gray', 100)] - The outline color of an outlined type card.
|
|
66
66
|
/// @prop {Map} header-text-color [contrast-color: ('gray', 50, .9)] - The text color of the card title.
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
////
|
|
9
9
|
|
|
10
10
|
/// Generates the base dark carousel schema.
|
|
11
|
-
/// @type
|
|
11
|
+
/// @type Map
|
|
12
12
|
/// @requires $light-carousel
|
|
13
13
|
$base-dark-carousel: (
|
|
14
14
|
_meta: (
|
|
@@ -18,7 +18,7 @@ $base-dark-carousel: (
|
|
|
18
18
|
);
|
|
19
19
|
|
|
20
20
|
/// Generates a dark material carousel schema based on a mix of $material-carousel and $base-dark-carousel
|
|
21
|
-
/// @type
|
|
21
|
+
/// @type Map
|
|
22
22
|
/// @prop {Map} button-focus-arrow-color [color: ('secondary', 200)] - The previous/next buttons focus arrow color.
|
|
23
23
|
/// @prop {Map} indicator-focus-color [color: ('secondary', 200)] - The indicators border and dot color on focus.
|
|
24
24
|
/// @prop {Map} button-focus-border-color [color: ('secondary', 200)] - The navigation buttons border color on focus.
|
|
@@ -52,7 +52,7 @@ $dark-material-carousel: extend(
|
|
|
52
52
|
);
|
|
53
53
|
|
|
54
54
|
/// Generates a dark fluent carousel schema based on a mix of $fluent-carousel and $base-dark-carousel
|
|
55
|
-
/// @type
|
|
55
|
+
/// @type Map
|
|
56
56
|
/// @prop {Map} button-focus-arrow-color [color: ('primary', 200)] - The previous/next buttons focus arrow color.
|
|
57
57
|
/// @prop {Map} button-disabled-background [color: ('gray', 50)] - The previous/next buttons disabled background color.
|
|
58
58
|
/// @prop {Map} button-disabled-arrow-color [color: ('gray' 200)] - The previous/next buttons disabled color.
|
|
@@ -102,7 +102,7 @@ $dark-fluent-carousel: extend(
|
|
|
102
102
|
);
|
|
103
103
|
|
|
104
104
|
/// Generates a dark bootstrap carousel schema based on a mix of $bootstrap-carousel and $base-dark-carousel
|
|
105
|
-
/// @type
|
|
105
|
+
/// @type Map
|
|
106
106
|
/// @prop {Map} indicator-focus-color [color: ('primary', 200)] - The buttons/indicators border color on focus.
|
|
107
107
|
/// @requires $bootstrap-carousel
|
|
108
108
|
/// @requires $base-dark-carousel
|
|
@@ -120,7 +120,7 @@ $dark-bootstrap-carousel: extend(
|
|
|
120
120
|
);
|
|
121
121
|
|
|
122
122
|
/// Generates a dark indigo carousel schema based on a mix of $indigo-carousel and $base-dark-carousel
|
|
123
|
-
/// @type
|
|
123
|
+
/// @type Map
|
|
124
124
|
/// @prop {Map} button-hover-background [color: ('gray', 100)] - The previous/next buttons hover background color.
|
|
125
125
|
/// @prop {Map} button-arrow-color [contrast-color: ('gray', 50, .8)] - The previous/next buttons idle arrow color.
|
|
126
126
|
/// @prop {Map} button-hover-arrow-color [color: ('gray', 50)] - The previous/next buttons hover arrow color.
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
////
|
|
9
9
|
|
|
10
10
|
/// /// Generates a base dark chat schema.
|
|
11
|
-
/// @type
|
|
11
|
+
/// @type Map
|
|
12
12
|
/// @prop {Map} chat-input-border [color: ('gray', 200)] - The border color of the chat input area.
|
|
13
13
|
/// @prop {Map} code-border [color: ('gray', 200)] - The border color of the code snippets in the chat component.
|
|
14
14
|
$dark-base-chat: (
|
|
@@ -31,25 +31,25 @@ $dark-base-chat: (
|
|
|
31
31
|
);
|
|
32
32
|
|
|
33
33
|
/// Generates a dark material chat schema.
|
|
34
|
-
/// @type
|
|
34
|
+
/// @type Map
|
|
35
35
|
/// @requires $material-chat
|
|
36
36
|
/// @requires $dark-base-chat
|
|
37
37
|
$dark-material-chat: extend($material-chat, $dark-base-chat);
|
|
38
38
|
|
|
39
39
|
/// Generates a dark fluent chat schema.
|
|
40
|
-
/// @type
|
|
40
|
+
/// @type Map
|
|
41
41
|
/// @requires $fluent-chat
|
|
42
42
|
/// @requires $dark-base-chat
|
|
43
43
|
$dark-fluent-chat: extend($fluent-chat, $dark-base-chat);
|
|
44
44
|
|
|
45
45
|
/// Generates a dark bootstrap chat schema.
|
|
46
|
-
/// @type
|
|
46
|
+
/// @type Map
|
|
47
47
|
/// @requires $bootstrap-chat
|
|
48
48
|
/// @requires $dark-base-chat
|
|
49
49
|
$dark-bootstrap-chat: extend($bootstrap-chat, $dark-base-chat);
|
|
50
50
|
|
|
51
51
|
/// Generates a dark indigo chat schema.
|
|
52
|
-
/// @type
|
|
52
|
+
/// @type Map
|
|
53
53
|
/// @requires $indigo-chat
|
|
54
54
|
/// @requires $dark-base-chat
|
|
55
55
|
$dark-indigo-chat: extend($indigo-chat, $dark-base-chat);
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
/// Generates a base dark checkbox schema.
|
|
12
12
|
/// @access private
|
|
13
|
-
/// @type
|
|
13
|
+
/// @type Map
|
|
14
14
|
$dark-base-checkbox: (
|
|
15
15
|
_meta: (
|
|
16
16
|
name: 'checkbox',
|
|
@@ -19,7 +19,7 @@ $dark-base-checkbox: (
|
|
|
19
19
|
);
|
|
20
20
|
|
|
21
21
|
/// Generates a dark material checkbox schema.
|
|
22
|
-
/// @type
|
|
22
|
+
/// @type Map
|
|
23
23
|
/// @prop {Map} error-color [color: ('error', 500)] - The border and fill colors in invalid state.
|
|
24
24
|
/// @prop {Map} error-color-hover [color: ('error', 500)] - The border and fill colors in invalid state on hover.
|
|
25
25
|
/// @requires $material-checkbox
|
|
@@ -44,7 +44,7 @@ $dark-material-checkbox: extend(
|
|
|
44
44
|
);
|
|
45
45
|
|
|
46
46
|
/// Generates a dark fluent checkbox schema.
|
|
47
|
-
/// @type
|
|
47
|
+
/// @type Map
|
|
48
48
|
/// @prop {Map} tick-color-hover [color: ('gray', 400)] - The checked mark color on hover when the control in unchecked.
|
|
49
49
|
/// @prop {Map} focus-outline-color [color: ('gray', 400)] - The focus outlined color.
|
|
50
50
|
/// @prop {Map} fill-color [color: ('primary', 300)] - The checked border and fill colors.
|
|
@@ -111,7 +111,7 @@ $dark-fluent-checkbox: extend(
|
|
|
111
111
|
);
|
|
112
112
|
|
|
113
113
|
/// Generates a dark bootstrap checkbox schema.
|
|
114
|
-
/// @type
|
|
114
|
+
/// @type Map
|
|
115
115
|
/// @prop {Map} focus-outline-color [color: ('primary', 900, 0.5)] - The focus outlined color.
|
|
116
116
|
/// @prop {Map} focus-outline-color-error [color: ('error', 900, 0.5)] - The focus outlined color for focused invalid state.
|
|
117
117
|
/// @prop {Map} disabled-color [color: ('gray', 100)] - The disabled border color.
|
|
@@ -166,7 +166,7 @@ $dark-bootstrap-checkbox: extend(
|
|
|
166
166
|
);
|
|
167
167
|
|
|
168
168
|
/// Generates a dark indigo checkbox schema.
|
|
169
|
-
/// @type
|
|
169
|
+
/// @type Map
|
|
170
170
|
/// @prop {Map} label-color [color: ('gray', 900, .8)]- The text color used for the label text.
|
|
171
171
|
/// @prop {Map} label-color-hover [color: ('gray', 900)]- The text color used for the label text on hover.
|
|
172
172
|
/// @prop {Map} focus-outline-color [color: ('gray', 900, .2)] - The focus outlined color.
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
/// Generates a base dark chip schema.
|
|
11
11
|
/// @access private
|
|
12
|
-
/// @type
|
|
12
|
+
/// @type Map
|
|
13
13
|
$dark-base-chip: (
|
|
14
14
|
_meta: (
|
|
15
15
|
name: 'chip',
|
|
@@ -18,19 +18,19 @@ $dark-base-chip: (
|
|
|
18
18
|
);
|
|
19
19
|
|
|
20
20
|
/// Generates a dark material chip schema.
|
|
21
|
-
/// @type
|
|
21
|
+
/// @type Map
|
|
22
22
|
/// @requires $material-chip
|
|
23
23
|
/// @requires $dark-base-chip
|
|
24
24
|
$dark-material-chip: extend($material-chip, $dark-base-chip);
|
|
25
25
|
|
|
26
26
|
/// Generates a dark fluent chip schema.
|
|
27
|
-
/// @type
|
|
27
|
+
/// @type Map
|
|
28
28
|
/// @requires $fluent-chip
|
|
29
29
|
/// @requires $dark-base-chip
|
|
30
30
|
$dark-fluent-chip: extend($fluent-chip, $dark-base-chip);
|
|
31
31
|
|
|
32
32
|
/// Generates a dark bootstrap chip schema.
|
|
33
|
-
/// @type
|
|
33
|
+
/// @type Map
|
|
34
34
|
/// @prop {Map} hover-background [color: ('gray', 100)] - The chip hover background color.
|
|
35
35
|
/// @prop {Map} hover-text-color [contrast-color: ('gray', 100)] - The chip text hover color.
|
|
36
36
|
/// @prop {Map} hover-selected-background [color: ('gray', 100)] - The selected chip hover background color.
|
|
@@ -90,14 +90,14 @@ $dark-bootstrap-chip: extend(
|
|
|
90
90
|
);
|
|
91
91
|
|
|
92
92
|
/// Generates a dark indigo chip schema.
|
|
93
|
-
/// @type
|
|
93
|
+
/// @type Map
|
|
94
94
|
/// @prop {Map} text-color [contrast-color: ('gray', 50, .8)] - The chip text color.
|
|
95
95
|
/// @prop {Map} hover-text-color [contrast-color: ('gray', 50)] - The chip text hover color.
|
|
96
|
-
/// @prop {Map} focus-text-color [contrast-color: ('gray', 50, .8)] The focused chip text color.
|
|
96
|
+
/// @prop {Map} focus-text-color [contrast-color: ('gray', 50, .8)] - The focused chip text color.
|
|
97
97
|
///
|
|
98
98
|
/// @prop {Map} background [contrast-color: ('gray', 50, .05)] - The chip background color.
|
|
99
99
|
/// @prop {Map} hover-background [contrast-color: ('gray', 50, .1)] - The chip hover background color.
|
|
100
|
-
/// @prop {Map} focus-background [contrast-color: ('gray', 50, .05)] The focused chip background color.
|
|
100
|
+
/// @prop {Map} focus-background [contrast-color: ('gray', 50, .05)] - The focused chip background color.
|
|
101
101
|
///
|
|
102
102
|
/// @prop {Map} border-color [color: ('gray', 100)] - The chip border color.
|
|
103
103
|
/// @prop {Map} hover-border-color [color: ('gray', 200)] - The chip hover border color.
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
/// Generates a base dark column-actions schema.
|
|
11
11
|
/// @access private
|
|
12
|
-
/// @type
|
|
12
|
+
/// @type Map
|
|
13
13
|
$dark-base-column-actions: (
|
|
14
14
|
_meta: (
|
|
15
15
|
name: 'column-actions',
|
|
@@ -18,21 +18,21 @@ $dark-base-column-actions: (
|
|
|
18
18
|
);
|
|
19
19
|
|
|
20
20
|
/// Generates a dark material column actions schema.
|
|
21
|
-
/// @type
|
|
21
|
+
/// @type Map
|
|
22
22
|
/// @requires $material-column-actions
|
|
23
23
|
$dark-material-column-actions: extend($material-column-actions, $dark-base-column-actions);
|
|
24
24
|
|
|
25
25
|
/// Generates a dark fluent column actions schema.
|
|
26
|
-
/// @type
|
|
26
|
+
/// @type Map
|
|
27
27
|
/// @requires $fluent-column-actions
|
|
28
28
|
$dark-fluent-column-actions: extend($fluent-column-actions, $dark-base-column-actions);
|
|
29
29
|
|
|
30
30
|
/// Generates a dark bootstrap column actions schema.
|
|
31
|
-
/// @type
|
|
31
|
+
/// @type Map
|
|
32
32
|
/// @requires $bootstrap-column-actions
|
|
33
33
|
$dark-bootstrap-column-actions: extend($bootstrap-column-actions, $dark-base-column-actions);
|
|
34
34
|
|
|
35
35
|
/// Generates a dark indigo column actions schema.
|
|
36
|
-
/// @type
|
|
36
|
+
/// @type Map
|
|
37
37
|
/// @requires $indigo-column-actions
|
|
38
38
|
$dark-indigo-column-actions: extend($indigo-column-actions, $dark-base-column-actions);
|