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
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
/// @access public
|
|
10
10
|
////
|
|
11
11
|
|
|
12
|
-
/// @type
|
|
12
|
+
/// @type Map
|
|
13
13
|
/// @prop {Color} shadow-color [transparent] - The shadow color of the button.
|
|
14
14
|
/// @prop {Color} border-color [transparent] - The outline color of the button.
|
|
15
15
|
/// @prop {Color} hover-border-color [transparent] - The hover border color of the button.
|
|
@@ -69,7 +69,7 @@ $light-base-button: (
|
|
|
69
69
|
|
|
70
70
|
/// Flat button schema.
|
|
71
71
|
/// @access private
|
|
72
|
-
/// @type
|
|
72
|
+
/// @type Map
|
|
73
73
|
$flat-button: (
|
|
74
74
|
selector: '[igxButton="flat"], .igx-button--flat',
|
|
75
75
|
_meta: (
|
|
@@ -80,7 +80,7 @@ $flat-button: (
|
|
|
80
80
|
|
|
81
81
|
/// Contained button schema.
|
|
82
82
|
/// @access private
|
|
83
|
-
/// @type
|
|
83
|
+
/// @type Map
|
|
84
84
|
$contained-button: (
|
|
85
85
|
selector: '[igxButton="contained"], .igx-button--contained',
|
|
86
86
|
_meta: (
|
|
@@ -91,7 +91,7 @@ $contained-button: (
|
|
|
91
91
|
|
|
92
92
|
/// Outlined button schema.
|
|
93
93
|
/// @access private
|
|
94
|
-
/// @type
|
|
94
|
+
/// @type Map
|
|
95
95
|
$outlined-button: (
|
|
96
96
|
selector: '[igxButton="outlined"], .igx-button--outlined',
|
|
97
97
|
_meta: (
|
|
@@ -102,7 +102,7 @@ $outlined-button: (
|
|
|
102
102
|
|
|
103
103
|
/// Floating action button schema.
|
|
104
104
|
/// @access private
|
|
105
|
-
/// @type
|
|
105
|
+
/// @type Map
|
|
106
106
|
$fab-button: (
|
|
107
107
|
selector: '[igxButton="fab"], .igx-button--fab',
|
|
108
108
|
_meta: (
|
|
@@ -111,12 +111,12 @@ $fab-button: (
|
|
|
111
111
|
),
|
|
112
112
|
);
|
|
113
113
|
|
|
114
|
-
/// @type
|
|
114
|
+
/// @type Map
|
|
115
115
|
/// @prop {Color} background [transparent] - The background color of a flat button.
|
|
116
116
|
/// @prop {Map} focus-foreground [color: ('secondary', 500)] - The text color of a flat button when focused with click and keyboard.
|
|
117
117
|
/// @prop {List} border-radius [(rem(4px), rem(0), rem(20px))] - The border radius used for flat button.
|
|
118
|
-
/// @requires
|
|
119
|
-
/// @requires
|
|
118
|
+
/// @requires $light-base-button
|
|
119
|
+
/// @requires $flat-elevation-button
|
|
120
120
|
$light-flat-button: extend(
|
|
121
121
|
$light-base-button,
|
|
122
122
|
$flat-button,
|
|
@@ -139,9 +139,9 @@ $light-flat-button: extend(
|
|
|
139
139
|
)
|
|
140
140
|
);
|
|
141
141
|
|
|
142
|
-
/// @type
|
|
142
|
+
/// @type Map
|
|
143
143
|
/// @prop {Map} disabled-border-color [color: ('gray', 300)] - The disabled focused border color of an outlined button.
|
|
144
|
-
/// @requires
|
|
144
|
+
/// @requires $light-flat-button
|
|
145
145
|
$light-outlined-button: extend(
|
|
146
146
|
$light-flat-button,
|
|
147
147
|
$outlined-button,
|
|
@@ -155,15 +155,15 @@ $light-outlined-button: extend(
|
|
|
155
155
|
)
|
|
156
156
|
);
|
|
157
157
|
|
|
158
|
-
/// @type
|
|
158
|
+
/// @type Map
|
|
159
159
|
/// @prop {Map} background [color: ('secondary', 500)] - The background color of an contained button.
|
|
160
160
|
/// @prop {Map} active-background [color: ('secondary', 300)] - The active background color of a contained button.
|
|
161
161
|
/// @prop {Number} resting-elevation [2] - The elevation level, between 0-24, to be used for the resting state.
|
|
162
162
|
/// @prop {Number} hover-elevation [4] - The elevation level, between 0-24, to be used for the hover state.
|
|
163
163
|
/// @prop {Number} focus-elevation [8] - The elevation level, between 0-24, to be used for the focus state.
|
|
164
164
|
/// @prop {List} border-radius [(rem(4px), rem(0), rem(20px))] - The border radius used for contained button.
|
|
165
|
-
/// @requires
|
|
166
|
-
/// @requires
|
|
165
|
+
/// @requires $light-base-button
|
|
166
|
+
/// @requires $light-contained-elevation
|
|
167
167
|
$light-contained-button: extend(
|
|
168
168
|
$light-base-button,
|
|
169
169
|
$contained-button,
|
|
@@ -191,13 +191,13 @@ $light-contained-button: extend(
|
|
|
191
191
|
)
|
|
192
192
|
);
|
|
193
193
|
|
|
194
|
-
/// @type
|
|
194
|
+
/// @type Map
|
|
195
195
|
/// @prop {Number} resting-elevation [6] - The elevation level, between 0-24, to be used for the resting state.
|
|
196
196
|
/// @prop {Number} hover-elevation [12] - The elevation level, between 0-24, to be used for the hover state.
|
|
197
197
|
/// @prop {Number} focus-elevation [12] - The elevation level, between 0-24, to be used for the focus state.
|
|
198
198
|
/// @prop {List} size [(rem(32px), rem(40px), rem(48px))] - The size used for floating button.
|
|
199
|
-
/// @requires
|
|
200
|
-
/// @requires
|
|
199
|
+
/// @requires $light-contained-button
|
|
200
|
+
/// @requires $light-fab-elevation
|
|
201
201
|
$light-fab-button: extend(
|
|
202
202
|
$light-contained-button,
|
|
203
203
|
$fab-button,
|
|
@@ -214,11 +214,11 @@ $light-fab-button: extend(
|
|
|
214
214
|
);
|
|
215
215
|
|
|
216
216
|
/// Generates a light button schema.
|
|
217
|
-
/// @type
|
|
218
|
-
/// @requires
|
|
219
|
-
/// @requires
|
|
220
|
-
/// @requires
|
|
221
|
-
/// @requires
|
|
217
|
+
/// @type Map
|
|
218
|
+
/// @requires $light-flat-button
|
|
219
|
+
/// @requires $light-outlined-button
|
|
220
|
+
/// @requires $light-contained-button
|
|
221
|
+
/// @requires $light-fab-button
|
|
222
222
|
$light-button: (
|
|
223
223
|
flat: $light-flat-button,
|
|
224
224
|
outlined: $light-outlined-button,
|
|
@@ -226,8 +226,8 @@ $light-button: (
|
|
|
226
226
|
fab: $light-fab-button,
|
|
227
227
|
);
|
|
228
228
|
|
|
229
|
-
/// @type
|
|
230
|
-
/// @requires
|
|
229
|
+
/// @type Map
|
|
230
|
+
/// @requires $light-base-button
|
|
231
231
|
$material-base-button: extend(
|
|
232
232
|
$light-base-button,
|
|
233
233
|
(
|
|
@@ -237,7 +237,7 @@ $material-base-button: extend(
|
|
|
237
237
|
)
|
|
238
238
|
);
|
|
239
239
|
|
|
240
|
-
/// @type
|
|
240
|
+
/// @type Map
|
|
241
241
|
/// @prop {Map} foreground [color: ('secondary', 500)] - The idle text color of a flat button.
|
|
242
242
|
/// @prop {Map} icon-color [color: ('secondary', 500)] - The idle icon color of the button.
|
|
243
243
|
/// @prop {Map} icon-color-hover [color: ('secondary', 800)] - The hover icon color of the button.
|
|
@@ -252,8 +252,8 @@ $material-base-button: extend(
|
|
|
252
252
|
/// @prop {Map} active-background [color: ('secondary', 500, .16)] - The active background color of a flat button.
|
|
253
253
|
/// @prop {Map} active-foreground [color: ('secondary', 800)] - The active text color of a flat button.
|
|
254
254
|
/// @prop {Color} disabled-background [transparent] - The disabled background color of a flat button.
|
|
255
|
-
/// @requires
|
|
256
|
-
/// @requires
|
|
255
|
+
/// @requires $material-base-button
|
|
256
|
+
/// @requires $light-flat-button
|
|
257
257
|
$material-flat-button: extend(
|
|
258
258
|
$material-base-button,
|
|
259
259
|
$light-flat-button,
|
|
@@ -345,15 +345,15 @@ $material-flat-button: extend(
|
|
|
345
345
|
)
|
|
346
346
|
);
|
|
347
347
|
|
|
348
|
-
/// @type
|
|
348
|
+
/// @type Map
|
|
349
349
|
/// @prop {Map} focus-foreground [color: ('secondary', 900)] - The text color of an outlined button when focused with click and keyboard.
|
|
350
350
|
/// @prop {Map} border-color [color: ('secondary', 500)] - The outline color of an outlined button.
|
|
351
351
|
/// @prop {Map} hover-border-color [color: ('secondary', 800)] - The hover border color of an outlined button.
|
|
352
352
|
/// @prop {Map} focus-border-color [color: ('secondary', 900)] - The focus border color of an outlined button.
|
|
353
353
|
/// @prop {Map} focus-visible-border-color [color: ('secondary', 800)] - The focus-visible border color of an outlined button.
|
|
354
354
|
/// @prop {Map} active-border-color [color: ('secondary', 800)] - The active border color of an outlined button.
|
|
355
|
-
/// @requires
|
|
356
|
-
/// @requires
|
|
355
|
+
/// @requires $material-base-button
|
|
356
|
+
/// @requires $light-outlined-button
|
|
357
357
|
$material-outlined-button: extend(
|
|
358
358
|
$material-flat-button,
|
|
359
359
|
$light-outlined-button,
|
|
@@ -398,7 +398,7 @@ $material-outlined-button: extend(
|
|
|
398
398
|
)
|
|
399
399
|
);
|
|
400
400
|
|
|
401
|
-
/// @type
|
|
401
|
+
/// @type Map
|
|
402
402
|
/// @prop {Map} foreground [contrast-color: ('secondary', 400)] - The idle text color of a contained button.
|
|
403
403
|
/// @prop {Map} icon-color [contrast-color: ('secondary', 400)] - The idle icon color of the button.
|
|
404
404
|
/// @prop {Map} hover-background [color: ('secondary', 400)] - The hover background color of a contained button.
|
|
@@ -412,8 +412,8 @@ $material-outlined-button: extend(
|
|
|
412
412
|
/// @prop {Map} focus-hover-foreground [contrast-color: ('secondary', 400)] - The text color on focus hovered state of the button.
|
|
413
413
|
/// @prop {Map} active-foreground [contrast-color: ('secondary', 300)] - The active text color of a contained button.
|
|
414
414
|
/// @prop {Map} disabled-background [color: ('gray', 100)] - The disabled background color of the button.
|
|
415
|
-
/// @requires
|
|
416
|
-
/// @requires
|
|
415
|
+
/// @requires $light-contained-button
|
|
416
|
+
/// @requires $material-base-button
|
|
417
417
|
$material-contained-button: extend(
|
|
418
418
|
$material-base-button,
|
|
419
419
|
$light-contained-button,
|
|
@@ -499,11 +499,11 @@ $material-contained-button: extend(
|
|
|
499
499
|
)
|
|
500
500
|
);
|
|
501
501
|
|
|
502
|
-
/// @type
|
|
502
|
+
/// @type Map
|
|
503
503
|
/// @prop {Map} disabled-background [color: ('gray', 100)] - The disabled background color of the button.
|
|
504
504
|
/// @prop {List} border-radius [(rem(28px), rem(12px), rem(28px))] - The border radius used for floating button.
|
|
505
|
-
/// @requires
|
|
506
|
-
/// @requires
|
|
505
|
+
/// @requires $light-fab-button
|
|
506
|
+
/// @requires $material-base-button
|
|
507
507
|
$material-fab-button: extend(
|
|
508
508
|
$material-base-button,
|
|
509
509
|
$material-contained-button,
|
|
@@ -526,11 +526,11 @@ $material-fab-button: extend(
|
|
|
526
526
|
);
|
|
527
527
|
|
|
528
528
|
/// Generates a light material button schema.
|
|
529
|
-
/// @type
|
|
530
|
-
/// @requires
|
|
531
|
-
/// @requires
|
|
532
|
-
/// @requires
|
|
533
|
-
/// @requires
|
|
529
|
+
/// @type Map
|
|
530
|
+
/// @requires $material-flat-button
|
|
531
|
+
/// @requires $material-outlined-button
|
|
532
|
+
/// @requires $material-contained-button
|
|
533
|
+
/// @requires $material-fab-button
|
|
534
534
|
$material-button: (
|
|
535
535
|
flat: $material-flat-button,
|
|
536
536
|
outlined: $material-outlined-button,
|
|
@@ -538,9 +538,9 @@ $material-button: (
|
|
|
538
538
|
fab: $material-fab-button,
|
|
539
539
|
);
|
|
540
540
|
|
|
541
|
-
/// @type
|
|
542
|
-
/// @requires
|
|
543
|
-
/// @requires
|
|
541
|
+
/// @type Map
|
|
542
|
+
/// @requires $light-base-button
|
|
543
|
+
/// @requires $flat-elevation-button
|
|
544
544
|
/// @prop {Map} foreground [color: ('gray', 900)] - The idle text color of the button.
|
|
545
545
|
/// @prop {Map} icon-color [color: ('gray', 900)] - The idle icon color of the button.
|
|
546
546
|
/// @prop {Map} icon-color-hover [color: ('gray', 900)] - The hover icon color of the button.
|
|
@@ -668,11 +668,11 @@ $fluent-base-button: extend(
|
|
|
668
668
|
)
|
|
669
669
|
);
|
|
670
670
|
|
|
671
|
-
/// @type
|
|
671
|
+
/// @type Map
|
|
672
672
|
/// @prop {Color} disabled-background [transparent] - The disabled background color of a flat button.
|
|
673
|
-
/// @requires
|
|
674
|
-
/// @requires
|
|
675
|
-
/// @requires
|
|
673
|
+
/// @requires $material-flat-button
|
|
674
|
+
/// @requires $light-flat-button
|
|
675
|
+
/// @requires $fluent-base-button
|
|
676
676
|
$fluent-flat-button: extend(
|
|
677
677
|
$light-flat-button,
|
|
678
678
|
$fluent-base-button,
|
|
@@ -681,14 +681,14 @@ $fluent-flat-button: extend(
|
|
|
681
681
|
)
|
|
682
682
|
);
|
|
683
683
|
|
|
684
|
-
/// @type
|
|
684
|
+
/// @type Map
|
|
685
685
|
/// @prop {Map} border-color [color: ('gray', 600)] - The border color of an outlined button.
|
|
686
686
|
/// @prop {Map} hover-border-color [color: ('gray', 600)] - The hover border color of an outlined button.
|
|
687
687
|
/// @prop {Map} focus-border-color [color: ('gray', 600)] - The focus border color of the button.
|
|
688
688
|
/// @prop {Map} active-border-color [color: ('gray', 600)] - The active border color of an outlined button.
|
|
689
689
|
/// @prop {Map} disabled-border-color [color: ('gray', 300)] - The disabled focused border color of an outlined button.
|
|
690
|
-
/// @requires
|
|
691
|
-
/// @requires
|
|
690
|
+
/// @requires $light-outlined-button
|
|
691
|
+
/// @requires $fluent-base-button
|
|
692
692
|
$fluent-outlined-button: extend(
|
|
693
693
|
$light-outlined-button,
|
|
694
694
|
$fluent-base-button,
|
|
@@ -733,7 +733,7 @@ $fluent-outlined-button: extend(
|
|
|
733
733
|
)
|
|
734
734
|
);
|
|
735
735
|
|
|
736
|
-
/// @type
|
|
736
|
+
/// @type Map
|
|
737
737
|
/// @prop {Map} focus-visible-border-color [contrast-color: ('primary', 900)] - The focus-visible border color of a contained button.
|
|
738
738
|
/// @prop {Map} background [color: ('primary', 500)] - The background color of an contained button.
|
|
739
739
|
/// @prop {Map} foreground [contrast-color: ('primary', 900)] - The idle text color of a contained button.
|
|
@@ -753,8 +753,8 @@ $fluent-outlined-button: extend(
|
|
|
753
753
|
/// @prop {Number} hover-elevation [0] - The elevation level, between 0-24, to be used for the hover state.
|
|
754
754
|
/// @prop {Number} focus-elevation [0] - The elevation level, between 0-24, to be used for the focus state.
|
|
755
755
|
/// @prop {List} border-radius [(rem(2px), rem(0), rem(20px))] - The border radius used for contained button.
|
|
756
|
-
/// @requires
|
|
757
|
-
/// @requires
|
|
756
|
+
/// @requires $light-contained-button
|
|
757
|
+
/// @requires $fluent-base-button
|
|
758
758
|
$fluent-contained-button: extend(
|
|
759
759
|
$light-contained-button,
|
|
760
760
|
$fluent-base-button,
|
|
@@ -859,14 +859,14 @@ $fluent-contained-button: extend(
|
|
|
859
859
|
)
|
|
860
860
|
);
|
|
861
861
|
|
|
862
|
-
/// @type
|
|
862
|
+
/// @type Map
|
|
863
863
|
/// @prop {Number} resting-elevation [0] - The elevation level, between 0-24, to be used for the resting state.
|
|
864
864
|
/// @prop {Number} hover-elevation [0] - The elevation level, between 0-24, to be used for the hover state.
|
|
865
865
|
/// @prop {Number} focus-elevation [0] - The elevation level, between 0-24, to be used for the focus state.
|
|
866
866
|
/// @prop {List} border-radius [(rem(14px), rem(12px), rem(28px))] - The border radius used for fab button.
|
|
867
867
|
/// @prop {List} size [(rem(32px), rem(40px), rem(48px))] - The size used for the button.
|
|
868
|
-
/// @requires
|
|
869
|
-
/// @requires
|
|
868
|
+
/// @requires $fluent-base-button
|
|
869
|
+
/// @requires $fluent-contained-button
|
|
870
870
|
$fluent-fab-button: extend(
|
|
871
871
|
$fluent-base-button,
|
|
872
872
|
$fluent-contained-button,
|
|
@@ -890,11 +890,11 @@ $fluent-fab-button: extend(
|
|
|
890
890
|
);
|
|
891
891
|
|
|
892
892
|
/// Generates a light fluent button schema.
|
|
893
|
-
/// @type
|
|
894
|
-
/// @requires
|
|
895
|
-
/// @requires
|
|
896
|
-
/// @requires
|
|
897
|
-
/// @requires
|
|
893
|
+
/// @type Map
|
|
894
|
+
/// @requires $fluent-flat-button
|
|
895
|
+
/// @requires $fluent-outlined-button
|
|
896
|
+
/// @requires $fluent-contained-button
|
|
897
|
+
/// @requires $fluent-fab-button
|
|
898
898
|
$fluent-button: (
|
|
899
899
|
flat: $fluent-flat-button,
|
|
900
900
|
outlined: $fluent-outlined-button,
|
|
@@ -902,15 +902,15 @@ $fluent-button: (
|
|
|
902
902
|
fab: $fluent-fab-button,
|
|
903
903
|
);
|
|
904
904
|
|
|
905
|
-
/// @type
|
|
905
|
+
/// @type Map
|
|
906
906
|
/// @prop {Map} disabled-background [color: ('primary', 50)] - The disabled background color of the button.
|
|
907
907
|
/// @prop {Map} disabled-foreground [color: ('primary', 200)] - The disabled foreground color of the button.
|
|
908
908
|
/// @prop {Map} disabled-icon-color [color: ('primary', 200)] - The disabled icon color of the button.
|
|
909
909
|
/// @prop {Map} shadow-color [color: ('primary', 600, .5)] - The shadow color of the button.
|
|
910
910
|
/// @prop {List} size [(rem(31px), rem(38px), rem(48px))] - The size used for the button.
|
|
911
911
|
/// @prop {Number} default-size [2] - The default size used for the button component.
|
|
912
|
-
/// @requires
|
|
913
|
-
/// @requires
|
|
912
|
+
/// @requires $light-base-button
|
|
913
|
+
/// @requires $flat-elevation-button
|
|
914
914
|
$bootstrap-base-button: extend(
|
|
915
915
|
$light-base-button,
|
|
916
916
|
$flat-elevation-button,
|
|
@@ -954,7 +954,7 @@ $bootstrap-base-button: extend(
|
|
|
954
954
|
)
|
|
955
955
|
);
|
|
956
956
|
|
|
957
|
-
/// @type
|
|
957
|
+
/// @type Map
|
|
958
958
|
/// @prop {Map} foreground [color: ('primary', 500)] - The idle text color of a flat button.
|
|
959
959
|
/// @prop {Map} icon-color [color: ('primary', 500)] - The idle icon color of the button.
|
|
960
960
|
/// @prop {Color} hover-background [transparent] - The hover background color of a flat button.
|
|
@@ -969,8 +969,8 @@ $bootstrap-base-button: extend(
|
|
|
969
969
|
/// @prop {Color} active-background [transparent] - The active background color of a flat button.
|
|
970
970
|
/// @prop {Map} active-foreground [color: ('primary', 800)] - The active background color of a flat button.
|
|
971
971
|
/// @prop {Color} disabled-background [transparent] - The disabled background color of a flat button.
|
|
972
|
-
/// @requires
|
|
973
|
-
/// @requires
|
|
972
|
+
/// @requires $light-flat-button
|
|
973
|
+
/// @requires $bootstrap-base-button
|
|
974
974
|
$bootstrap-flat-button: extend(
|
|
975
975
|
$light-flat-button,
|
|
976
976
|
$bootstrap-base-button,
|
|
@@ -1032,7 +1032,7 @@ $bootstrap-flat-button: extend(
|
|
|
1032
1032
|
)
|
|
1033
1033
|
);
|
|
1034
1034
|
|
|
1035
|
-
/// @type
|
|
1035
|
+
/// @type Map
|
|
1036
1036
|
/// @prop {Map} foreground [color: ('primary', 500)] - The idle text color of an outlined button.
|
|
1037
1037
|
/// @prop {Map} icon-color [color: ('primary', 500)] - The idle icon color of an outlined button.
|
|
1038
1038
|
/// @prop {Map} border-color [color: ('primary', 500)] - The border color of an outlined button.
|
|
@@ -1053,8 +1053,8 @@ $bootstrap-flat-button: extend(
|
|
|
1053
1053
|
/// @prop {Map} active-border-color [color: ('primary', 800)] - The active border color of an outlined button.
|
|
1054
1054
|
/// @prop {Map} disabled-border-color [color: ('primary', 50), lighten: 35%] - The disabled focused border color of an outlined button.
|
|
1055
1055
|
/// @prop {Color} disabled-background [transparent] - The disabled background color of an outlined button.
|
|
1056
|
-
/// @requires
|
|
1057
|
-
/// @requires
|
|
1056
|
+
/// @requires $light-outlined-button
|
|
1057
|
+
/// @requires $bootstrap-base-button
|
|
1058
1058
|
$bootstrap-outlined-button: extend(
|
|
1059
1059
|
$light-outlined-button,
|
|
1060
1060
|
$bootstrap-base-button,
|
|
@@ -1177,7 +1177,7 @@ $bootstrap-outlined-button: extend(
|
|
|
1177
1177
|
)
|
|
1178
1178
|
);
|
|
1179
1179
|
|
|
1180
|
-
/// @type
|
|
1180
|
+
/// @type Map
|
|
1181
1181
|
/// @prop {Map} background [color: ('primary', 500)] - The background color of a contained button.
|
|
1182
1182
|
/// @prop {Map} foreground [contrast-color: ('primary', 600)] - The idle text color of a contained button.
|
|
1183
1183
|
/// @prop {Map} icon-color [contrast-color: ('primary', 600)] - The idle icon color of the button.
|
|
@@ -1192,8 +1192,8 @@ $bootstrap-outlined-button: extend(
|
|
|
1192
1192
|
/// @prop {Map} focus-foreground [contrast-color: ('primary', 800)] - The text color of a contained button when focused with click and keyboard.
|
|
1193
1193
|
/// @prop {Map} active-background [color: ('primary', 800)] - The active background color of an contained button.
|
|
1194
1194
|
/// @prop {Map} active-foreground [contrast-color: ('primary', 800)] - The active text color of an contained button.
|
|
1195
|
-
/// @requires
|
|
1196
|
-
/// @requires
|
|
1195
|
+
/// @requires $light-contained-button
|
|
1196
|
+
/// @requires $bootstrap-base-button
|
|
1197
1197
|
$bootstrap-contained-button: extend(
|
|
1198
1198
|
$light-contained-button,
|
|
1199
1199
|
$bootstrap-base-button,
|
|
@@ -1285,11 +1285,11 @@ $bootstrap-contained-button: extend(
|
|
|
1285
1285
|
)
|
|
1286
1286
|
);
|
|
1287
1287
|
|
|
1288
|
-
/// @type
|
|
1288
|
+
/// @type Map
|
|
1289
1289
|
/// @prop {List} border-radius [(rem(15px), rem(12px), rem(28px))] - The border radius used for outlined button.
|
|
1290
|
-
/// @requires
|
|
1291
|
-
/// @requires
|
|
1292
|
-
/// @requires
|
|
1290
|
+
/// @requires $light-fab-button
|
|
1291
|
+
/// @requires $bootstrap-base-button
|
|
1292
|
+
/// @requires $bootstrap-contained-button
|
|
1293
1293
|
$bootstrap-fab-button: extend(
|
|
1294
1294
|
$bootstrap-base-button,
|
|
1295
1295
|
$bootstrap-contained-button,
|
|
@@ -1306,11 +1306,11 @@ $bootstrap-fab-button: extend(
|
|
|
1306
1306
|
);
|
|
1307
1307
|
|
|
1308
1308
|
/// Generates a light bootstrap button schema.
|
|
1309
|
-
/// @type
|
|
1310
|
-
/// @requires
|
|
1311
|
-
/// @requires
|
|
1312
|
-
/// @requires
|
|
1313
|
-
/// @requires
|
|
1309
|
+
/// @type Map
|
|
1310
|
+
/// @requires $bootstrap-flat-button
|
|
1311
|
+
/// @requires $bootstrap-outlined-button
|
|
1312
|
+
/// @requires $bootstrap-contained-button
|
|
1313
|
+
/// @requires $bootstrap-fab-button
|
|
1314
1314
|
$bootstrap-button: (
|
|
1315
1315
|
flat: $bootstrap-flat-button,
|
|
1316
1316
|
outlined: $bootstrap-outlined-button,
|
|
@@ -1318,7 +1318,7 @@ $bootstrap-button: (
|
|
|
1318
1318
|
fab: $bootstrap-fab-button,
|
|
1319
1319
|
);
|
|
1320
1320
|
|
|
1321
|
-
/// @type
|
|
1321
|
+
/// @type Map
|
|
1322
1322
|
/// @prop {Map} foreground [color: ('gray', 700)] - The idle text color of the button.
|
|
1323
1323
|
/// @prop {Map} icon-color [color: ('gray', 600)] - The idle icon color of the button.
|
|
1324
1324
|
/// @prop {Map} icon-color-hover [color: ('gray', 700)] - The hover icon color of the button.
|
|
@@ -1339,8 +1339,8 @@ $bootstrap-button: (
|
|
|
1339
1339
|
/// @prop {List} border-radius [(rem(40px), rem(0), rem(40px))] - The border radius used for the button.
|
|
1340
1340
|
/// @prop {List} size [(rem(24px), rem(28px), rem(32px))] - The size used for the button.
|
|
1341
1341
|
/// @prop {Number} default-size [2] - The default size used for the button component.
|
|
1342
|
-
/// @requires
|
|
1343
|
-
/// @requires
|
|
1342
|
+
/// @requires $light-base-button
|
|
1343
|
+
/// @requires $flat-elevation-button
|
|
1344
1344
|
$indigo-base-button: extend(
|
|
1345
1345
|
$light-base-button,
|
|
1346
1346
|
$flat-elevation-button,
|
|
@@ -1465,20 +1465,20 @@ $indigo-base-button: extend(
|
|
|
1465
1465
|
)
|
|
1466
1466
|
);
|
|
1467
1467
|
|
|
1468
|
-
/// @type
|
|
1469
|
-
/// @requires
|
|
1470
|
-
/// @requires
|
|
1468
|
+
/// @type Map
|
|
1469
|
+
/// @requires $light-flat-button
|
|
1470
|
+
/// @requires $indigo-base-button
|
|
1471
1471
|
$indigo-flat-button: extend($light-flat-button, $indigo-base-button);
|
|
1472
1472
|
|
|
1473
|
-
/// @type
|
|
1473
|
+
/// @type Map
|
|
1474
1474
|
/// @prop {Map} border-color [color: ('gray', 500)] - The border color of an outlined button.
|
|
1475
1475
|
/// @prop {Map} hover-border-color [color: ('gray', 600)] - The hover border color of a outlined button.
|
|
1476
1476
|
/// @prop {Map} focus-border-color [color: ('gray', 600)] - The focus border color of a outlined button.
|
|
1477
1477
|
/// @prop {Map} focus-visible-border-color [color: ('gray', 500)] - The focus-visible border color of a outlined button.
|
|
1478
1478
|
/// @prop {Map} active-border-color [color: ('gray', 900, 0.15)] - The active border color of a outlined button.
|
|
1479
1479
|
/// @prop {Map} disabled-border-color [color: ('gray', 900, 0.15)] - The disabled focused border color of an outlined button.
|
|
1480
|
-
/// @requires
|
|
1481
|
-
/// @requires
|
|
1480
|
+
/// @requires $light-outlined-button
|
|
1481
|
+
/// @requires $indigo-base-button
|
|
1482
1482
|
$indigo-outlined-button: extend(
|
|
1483
1483
|
$light-outlined-button,
|
|
1484
1484
|
$indigo-base-button,
|
|
@@ -1523,7 +1523,7 @@ $indigo-outlined-button: extend(
|
|
|
1523
1523
|
)
|
|
1524
1524
|
);
|
|
1525
1525
|
|
|
1526
|
-
/// @type
|
|
1526
|
+
/// @type Map
|
|
1527
1527
|
/// @prop {Map} background [color: ('primary', 500)] - The background color of a flat button.
|
|
1528
1528
|
/// @prop {Map} foreground [contrast-color: ('primary', 500)] - The idle text color of a contained button.
|
|
1529
1529
|
/// @prop {Map} icon-color [contrast-color: ('primary', 500, 0.8)] - The idle icon color of the button.
|
|
@@ -1542,8 +1542,8 @@ $indigo-outlined-button: extend(
|
|
|
1542
1542
|
/// @prop {Map} disabled-background [color: ('primary', 400, 0.50)] - The disabled background color of a flat button.
|
|
1543
1543
|
/// @prop {Map} disabled-foreground [contrast-color: ('primary', 500, 0.4)] - The disabled foreground color of the button.
|
|
1544
1544
|
/// @prop {Map} disabled-icon-color [contrast-color: ('primary', 500, 0.3)] - The disabled icon color of the button.
|
|
1545
|
-
/// @requires
|
|
1546
|
-
/// @requires
|
|
1545
|
+
/// @requires $light-contained-button
|
|
1546
|
+
/// @requires $indigo-base-button
|
|
1547
1547
|
$indigo-contained-button: extend(
|
|
1548
1548
|
$light-contained-button,
|
|
1549
1549
|
$indigo-base-button,
|
|
@@ -1664,12 +1664,12 @@ $indigo-contained-button: extend(
|
|
|
1664
1664
|
)
|
|
1665
1665
|
);
|
|
1666
1666
|
|
|
1667
|
-
/// @type
|
|
1667
|
+
/// @type Map
|
|
1668
1668
|
/// @prop {List} border-radius [(rem(40px), rem(12px), rem(40px))] - The border radius used for fab button.
|
|
1669
1669
|
/// @prop {List} size [(rem(28px), rem(32px), rem(36px))] - The size used for the fab button.
|
|
1670
|
-
/// @requires
|
|
1671
|
-
/// @requires
|
|
1672
|
-
/// @requires
|
|
1670
|
+
/// @requires $light-fab-button
|
|
1671
|
+
/// @requires $indigo-base-button
|
|
1672
|
+
/// @requires $indigo-contained-button
|
|
1673
1673
|
$indigo-fab-button: extend(
|
|
1674
1674
|
$indigo-base-button,
|
|
1675
1675
|
$indigo-contained-button,
|
|
@@ -1693,11 +1693,11 @@ $indigo-fab-button: extend(
|
|
|
1693
1693
|
);
|
|
1694
1694
|
|
|
1695
1695
|
/// Generates a light indigo button schema.
|
|
1696
|
-
/// @type
|
|
1697
|
-
/// @requires
|
|
1698
|
-
/// @requires
|
|
1699
|
-
/// @requires
|
|
1700
|
-
/// @requires
|
|
1696
|
+
/// @type Map
|
|
1697
|
+
/// @requires $indigo-flat-button
|
|
1698
|
+
/// @requires $indigo-outlined-button
|
|
1699
|
+
/// @requires $indigo-contained-button
|
|
1700
|
+
/// @requires $indigo-fab-button
|
|
1701
1701
|
$indigo-button: (
|
|
1702
1702
|
flat: $indigo-flat-button,
|
|
1703
1703
|
outlined: $indigo-outlined-button,
|
|
@@ -12,20 +12,20 @@
|
|
|
12
12
|
////
|
|
13
13
|
|
|
14
14
|
/// Generates a light calendar schema.
|
|
15
|
-
/// @type
|
|
16
|
-
/// @requires
|
|
17
|
-
/// @requires
|
|
18
|
-
/// @requires
|
|
19
|
-
/// @requires
|
|
15
|
+
/// @type Map
|
|
16
|
+
/// @requires $calendar-base
|
|
17
|
+
/// @requires $light-picker
|
|
18
|
+
/// @requires $light-days-view
|
|
19
|
+
/// @requires $light-year-month
|
|
20
20
|
$light-calendar: extend($calendar-base, $light-picker, $light-days-view, $light-year-month);
|
|
21
21
|
|
|
22
22
|
/// Generates a material calendar schema.
|
|
23
|
-
/// @type
|
|
23
|
+
/// @type Map
|
|
24
24
|
/// @requires $light-calendar
|
|
25
|
-
/// @requires
|
|
26
|
-
/// @requires
|
|
27
|
-
/// @requires
|
|
28
|
-
/// @requires
|
|
25
|
+
/// @requires $material-base
|
|
26
|
+
/// @requires $material-picker
|
|
27
|
+
/// @requires $material-days-view
|
|
28
|
+
/// @requires $material-year-month
|
|
29
29
|
$material-calendar: extend(
|
|
30
30
|
$light-calendar,
|
|
31
31
|
$material-picker,
|
|
@@ -35,21 +35,21 @@ $material-calendar: extend(
|
|
|
35
35
|
);
|
|
36
36
|
|
|
37
37
|
/// Generates a fluent calendar schema.
|
|
38
|
-
/// @type
|
|
39
|
-
/// @requires
|
|
40
|
-
/// @requires
|
|
41
|
-
/// @requires
|
|
42
|
-
/// @requires
|
|
43
|
-
/// @requires
|
|
38
|
+
/// @type Map
|
|
39
|
+
/// @requires $light-calendar
|
|
40
|
+
/// @requires $fluent-base
|
|
41
|
+
/// @requires $fluent-picker
|
|
42
|
+
/// @requires $fluent-days-view
|
|
43
|
+
/// @requires $fluent-year-month
|
|
44
44
|
$fluent-calendar: extend($light-calendar, $fluent-picker, $fluent-days-view, $fluent-year-month, $fluent-base);
|
|
45
45
|
|
|
46
46
|
/// Generates a bootstrap calendar schema.
|
|
47
|
-
/// @type
|
|
48
|
-
/// @requires
|
|
49
|
-
/// @requires
|
|
50
|
-
/// @requires
|
|
51
|
-
/// @requires
|
|
52
|
-
/// @requires
|
|
47
|
+
/// @type Map
|
|
48
|
+
/// @requires $light-calendar
|
|
49
|
+
/// @requires $bootstrap-base
|
|
50
|
+
/// @requires $bootstrap-picker
|
|
51
|
+
/// @requires $bootstrap-days-view
|
|
52
|
+
/// @requires $bootstrap-year-month
|
|
53
53
|
$bootstrap-calendar: extend(
|
|
54
54
|
$light-calendar,
|
|
55
55
|
$bootstrap-picker,
|
|
@@ -59,10 +59,10 @@ $bootstrap-calendar: extend(
|
|
|
59
59
|
);
|
|
60
60
|
|
|
61
61
|
/// Generates an indigo calendar schema.
|
|
62
|
-
/// @type
|
|
63
|
-
/// @requires
|
|
64
|
-
/// @requires
|
|
65
|
-
/// @requires
|
|
66
|
-
/// @requires
|
|
67
|
-
/// @requires
|
|
62
|
+
/// @type Map
|
|
63
|
+
/// @requires $light-calendar
|
|
64
|
+
/// @requires $indigo-base
|
|
65
|
+
/// @requires $indigo-picker
|
|
66
|
+
/// @requires $indigo-days-view
|
|
67
|
+
/// @requires $indigo-year-month
|
|
68
68
|
$indigo-calendar: extend($light-calendar, $indigo-picker, $indigo-days-view, $indigo-year-month, $indigo-base);
|