@material/web 2.4.0 → 2.4.1-nightly.3fd3f55.0
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/fab/internal/fab-styles.css +1 -1
- package/fab/internal/fab-styles.css.map +1 -1
- package/fab/internal/fab-styles.js +1 -1
- package/fab/internal/fab-styles.js.map +1 -1
- package/fab/internal/shared-styles.css +1 -1
- package/fab/internal/shared-styles.css.map +1 -1
- package/fab/internal/shared-styles.js +1 -1
- package/fab/internal/shared-styles.js.map +1 -1
- package/iconbutton/internal/filled-styles.css +1 -1
- package/iconbutton/internal/filled-styles.css.map +1 -1
- package/iconbutton/internal/filled-styles.js +1 -1
- package/iconbutton/internal/filled-styles.js.map +1 -1
- package/iconbutton/internal/filled-tonal-styles.css +1 -1
- package/iconbutton/internal/filled-tonal-styles.css.map +1 -1
- package/iconbutton/internal/filled-tonal-styles.js +1 -1
- package/iconbutton/internal/filled-tonal-styles.js.map +1 -1
- package/iconbutton/internal/outlined-styles.css +1 -1
- package/iconbutton/internal/outlined-styles.css.map +1 -1
- package/iconbutton/internal/outlined-styles.js +1 -1
- package/iconbutton/internal/outlined-styles.js.map +1 -1
- package/iconbutton/internal/standard-styles.css +1 -1
- package/iconbutton/internal/standard-styles.css.map +1 -1
- package/iconbutton/internal/standard-styles.js +1 -1
- package/iconbutton/internal/standard-styles.js.map +1 -1
- package/labs/navigationtab/internal/navigation-tab-styles.css +1 -1
- package/labs/navigationtab/internal/navigation-tab-styles.css.map +1 -1
- package/labs/navigationtab/internal/navigation-tab-styles.js +1 -1
- package/labs/navigationtab/internal/navigation-tab-styles.js.map +1 -1
- package/labs/segmentedbutton/internal/shared-styles.css +1 -1
- package/labs/segmentedbutton/internal/shared-styles.css.map +1 -1
- package/labs/segmentedbutton/internal/shared-styles.js +1 -1
- package/labs/segmentedbutton/internal/shared-styles.js.map +1 -1
- package/package.json +2 -2
- package/radio/internal/single-selection-controller.js +6 -6
- package/radio/internal/single-selection-controller.js.map +1 -1
- package/tokens/_index.scss +57 -57
- package/tokens/_md-comp-assist-chip.scss +8 -8
- package/tokens/_md-comp-badge.scss +4 -4
- package/tokens/_md-comp-checkbox.scss +6 -6
- package/tokens/_md-comp-circular-progress.scss +4 -4
- package/tokens/_md-comp-dialog.scss +8 -8
- package/tokens/_md-comp-divider.scss +3 -3
- package/tokens/_md-comp-elevated-button.scss +8 -8
- package/tokens/_md-comp-elevated-card.scss +6 -6
- package/tokens/_md-comp-elevation.scss +3 -3
- package/tokens/_md-comp-fab-branded.scss +10 -10
- package/tokens/_md-comp-fab.scss +17 -17
- package/tokens/_md-comp-filled-button.scss +8 -8
- package/tokens/_md-comp-filled-card.scss +6 -6
- package/tokens/_md-comp-filled-field.scss +7 -7
- package/tokens/_md-comp-filled-icon-button.scss +6 -6
- package/tokens/_md-comp-filled-select.scss +8 -8
- package/tokens/_md-comp-filled-text-field.scss +7 -7
- package/tokens/_md-comp-filled-tonal-button.scss +8 -8
- package/tokens/_md-comp-filled-tonal-icon-button.scss +6 -6
- package/tokens/_md-comp-filter-chip.scss +8 -8
- package/tokens/_md-comp-focus-ring.scss +5 -5
- package/tokens/_md-comp-full-screen-dialog.scss +6 -6
- package/tokens/_md-comp-icon-button.scss +5 -5
- package/tokens/_md-comp-icon.scss +1 -1
- package/tokens/_md-comp-input-chip.scss +8 -8
- package/tokens/_md-comp-item.scss +4 -4
- package/tokens/_md-comp-linear-progress.scss +4 -4
- package/tokens/_md-comp-list-item.scss +5 -5
- package/tokens/_md-comp-list.scss +3 -3
- package/tokens/_md-comp-menu-item.scss +8 -8
- package/tokens/_md-comp-menu.scss +5 -5
- package/tokens/_md-comp-navigation-bar.scss +6 -6
- package/tokens/_md-comp-navigation-drawer.scss +6 -6
- package/tokens/_md-comp-outlined-button.scss +7 -7
- package/tokens/_md-comp-outlined-card.scss +6 -6
- package/tokens/_md-comp-outlined-field.scss +7 -7
- package/tokens/_md-comp-outlined-icon-button.scss +6 -6
- package/tokens/_md-comp-outlined-segmented-button.scss +7 -7
- package/tokens/_md-comp-outlined-select.scss +8 -8
- package/tokens/_md-comp-outlined-text-field.scss +6 -6
- package/tokens/_md-comp-primary-tab.scss +8 -8
- package/tokens/_md-comp-radio.scss +4 -4
- package/tokens/_md-comp-ripple.scss +4 -4
- package/tokens/_md-comp-secondary-tab.scss +8 -8
- package/tokens/_md-comp-slider.scss +7 -7
- package/tokens/_md-comp-suggestion-chip.scss +8 -8
- package/tokens/_md-comp-switch.scss +6 -6
- package/tokens/_md-comp-test-table.scss +2 -2
- package/tokens/_md-comp-text-button.scss +7 -7
- package/tokens/_md-ref-palette.scss +2 -2
- package/tokens/_md-ref-typeface.scss +2 -2
- package/tokens/_md-sys-color.scss +3 -3
- package/tokens/_md-sys-elevation.scss +1 -1
- package/tokens/_md-sys-motion.scss +1 -1
- package/tokens/_md-sys-shape.scss +2 -2
- package/tokens/_md-sys-state.scss +1 -1
- package/tokens/_md-sys-typescale.scss +3 -3
- package/tokens/v0_192/_index.scss +3 -102
- package/tokens/v0_192/_md-comp-assist-chip.scss +1 -106
- package/tokens/v0_192/_md-comp-badge.scss +1 -56
- package/tokens/v0_192/_md-comp-banner.scss +1 -71
- package/tokens/v0_192/_md-comp-bottom-app-bar.scss +1 -31
- package/tokens/v0_192/_md-comp-carousel-item.scss +1 -61
- package/tokens/v0_192/_md-comp-checkbox.scss +1 -124
- package/tokens/v0_192/_md-comp-circular-progress-indicator.scss +1 -36
- package/tokens/v0_192/_md-comp-data-table.scss +1 -94
- package/tokens/v0_192/_md-comp-date-input-modal.scss +1 -85
- package/tokens/v0_192/_md-comp-date-picker-docked.scss +1 -242
- package/tokens/v0_192/_md-comp-date-picker-modal.scss +1 -301
- package/tokens/v0_192/_md-comp-dialog.scss +1 -119
- package/tokens/v0_192/_md-comp-divider.scss +1 -23
- package/tokens/v0_192/_md-comp-elevated-button.scss +1 -87
- package/tokens/v0_192/_md-comp-elevated-card.scss +1 -55
- package/tokens/v0_192/_md-comp-extended-fab-branded.scss +1 -84
- package/tokens/v0_192/_md-comp-extended-fab-primary.scss +1 -92
- package/tokens/v0_192/_md-comp-extended-fab-secondary.scss +1 -93
- package/tokens/v0_192/_md-comp-extended-fab-surface.scss +1 -88
- package/tokens/v0_192/_md-comp-extended-fab-tertiary.scss +1 -93
- package/tokens/v0_192/_md-comp-fab-branded-large.scss +1 -58
- package/tokens/v0_192/_md-comp-fab-branded.scss +1 -58
- package/tokens/v0_192/_md-comp-fab-primary-large.scss +1 -63
- package/tokens/v0_192/_md-comp-fab-primary-small.scss +1 -63
- package/tokens/v0_192/_md-comp-fab-primary.scss +1 -63
- package/tokens/v0_192/_md-comp-fab-secondary-large.scss +1 -64
- package/tokens/v0_192/_md-comp-fab-secondary-small.scss +1 -64
- package/tokens/v0_192/_md-comp-fab-secondary.scss +1 -64
- package/tokens/v0_192/_md-comp-fab-surface-large.scss +1 -62
- package/tokens/v0_192/_md-comp-fab-surface-small.scss +1 -62
- package/tokens/v0_192/_md-comp-fab-surface.scss +1 -62
- package/tokens/v0_192/_md-comp-fab-tertiary-large.scss +1 -64
- package/tokens/v0_192/_md-comp-fab-tertiary-small.scss +1 -64
- package/tokens/v0_192/_md-comp-fab-tertiary.scss +1 -64
- package/tokens/v0_192/_md-comp-filled-autocomplete.scss +1 -234
- package/tokens/v0_192/_md-comp-filled-button.scss +1 -87
- package/tokens/v0_192/_md-comp-filled-card.scss +1 -57
- package/tokens/v0_192/_md-comp-filled-icon-button.scss +1 -78
- package/tokens/v0_192/_md-comp-filled-menu-button.scss +1 -96
- package/tokens/v0_192/_md-comp-filled-select.scss +1 -268
- package/tokens/v0_192/_md-comp-filled-text-field.scss +1 -188
- package/tokens/v0_192/_md-comp-filled-tonal-button.scss +1 -97
- package/tokens/v0_192/_md-comp-filled-tonal-icon-button.scss +1 -85
- package/tokens/v0_192/_md-comp-filter-chip.scss +1 -205
- package/tokens/v0_192/_md-comp-full-screen-dialog.scss +1 -109
- package/tokens/v0_192/_md-comp-icon-button.scss +1 -69
- package/tokens/v0_192/_md-comp-input-chip.scss +1 -182
- package/tokens/v0_192/_md-comp-linear-progress-indicator.scss +1 -38
- package/tokens/v0_192/_md-comp-list.scss +1 -250
- package/tokens/v0_192/_md-comp-menu.scss +1 -39
- package/tokens/v0_192/_md-comp-navigation-bar.scss +1 -110
- package/tokens/v0_192/_md-comp-navigation-drawer.scss +1 -160
- package/tokens/v0_192/_md-comp-navigation-rail.scss +1 -114
- package/tokens/v0_192/_md-comp-outlined-autocomplete.scss +1 -224
- package/tokens/v0_192/_md-comp-outlined-button.scss +1 -82
- package/tokens/v0_192/_md-comp-outlined-card.scss +1 -61
- package/tokens/v0_192/_md-comp-outlined-icon-button.scss +1 -78
- package/tokens/v0_192/_md-comp-outlined-menu-button.scss +1 -92
- package/tokens/v0_192/_md-comp-outlined-segmented-button.scss +1 -110
- package/tokens/v0_192/_md-comp-outlined-select.scss +1 -258
- package/tokens/v0_192/_md-comp-outlined-text-field.scss +1 -169
- package/tokens/v0_192/_md-comp-plain-tooltip.scss +1 -53
- package/tokens/v0_192/_md-comp-primary-navigation-tab.scss +1 -119
- package/tokens/v0_192/_md-comp-radio-button.scss +1 -66
- package/tokens/v0_192/_md-comp-rich-tooltip.scss +1 -117
- package/tokens/v0_192/_md-comp-scrim.scss +1 -23
- package/tokens/v0_192/_md-comp-search-bar.scss +1 -95
- package/tokens/v0_192/_md-comp-search-view.scss +1 -89
- package/tokens/v0_192/_md-comp-secondary-navigation-tab.scss +1 -82
- package/tokens/v0_192/_md-comp-sheet-bottom.scss +1 -41
- package/tokens/v0_192/_md-comp-sheet-floating.scss +1 -30
- package/tokens/v0_192/_md-comp-sheet-side.scss +1 -89
- package/tokens/v0_192/_md-comp-slider.scss +1 -113
- package/tokens/v0_192/_md-comp-snackbar.scss +1 -125
- package/tokens/v0_192/_md-comp-standard-menu-button.scss +1 -96
- package/tokens/v0_192/_md-comp-suggestion-chip.scss +1 -122
- package/tokens/v0_192/_md-comp-switch.scss +1 -136
- package/tokens/v0_192/_md-comp-text-button.scss +1 -75
- package/tokens/v0_192/_md-comp-time-input.scss +1 -215
- package/tokens/v0_192/_md-comp-time-picker.scss +1 -262
- package/tokens/v0_192/_md-comp-top-app-bar-large.scss +1 -59
- package/tokens/v0_192/_md-comp-top-app-bar-medium.scss +1 -59
- package/tokens/v0_192/_md-comp-top-app-bar-small-centered.scss +1 -66
- package/tokens/v0_192/_md-comp-top-app-bar-small.scss +1 -62
- package/tokens/v0_192/_md-ref-palette.scss +1 -104
- package/tokens/v0_192/_md-ref-typeface.scss +1 -18
- package/tokens/v0_192/_md-sys-color.scss +1 -130
- package/tokens/v0_192/_md-sys-elevation.scss +1 -19
- package/tokens/v0_192/_md-sys-motion.scss +1 -50
- package/tokens/v0_192/_md-sys-shape.scss +1 -28
- package/tokens/v0_192/_md-sys-state.scss +1 -17
- package/tokens/v0_192/_md-sys-typescale.scss +1 -281
- package/tokens/versions/v0_192/_index.scss +107 -0
- package/tokens/versions/v0_192/_md-comp-assist-chip.scss +111 -0
- package/tokens/versions/v0_192/_md-comp-badge.scss +61 -0
- package/tokens/versions/v0_192/_md-comp-banner.scss +76 -0
- package/tokens/versions/v0_192/_md-comp-bottom-app-bar.scss +36 -0
- package/tokens/versions/v0_192/_md-comp-carousel-item.scss +66 -0
- package/tokens/versions/v0_192/_md-comp-checkbox.scss +129 -0
- package/tokens/versions/v0_192/_md-comp-circular-progress-indicator.scss +41 -0
- package/tokens/versions/v0_192/_md-comp-data-table.scss +99 -0
- package/tokens/versions/v0_192/_md-comp-date-input-modal.scss +90 -0
- package/tokens/versions/v0_192/_md-comp-date-picker-docked.scss +247 -0
- package/tokens/versions/v0_192/_md-comp-date-picker-modal.scss +306 -0
- package/tokens/versions/v0_192/_md-comp-dialog.scss +124 -0
- package/tokens/versions/v0_192/_md-comp-divider.scss +28 -0
- package/tokens/versions/v0_192/_md-comp-elevated-button.scss +92 -0
- package/tokens/versions/v0_192/_md-comp-elevated-card.scss +60 -0
- package/tokens/versions/v0_192/_md-comp-extended-fab-branded.scss +89 -0
- package/tokens/versions/v0_192/_md-comp-extended-fab-primary.scss +97 -0
- package/tokens/versions/v0_192/_md-comp-extended-fab-secondary.scss +98 -0
- package/tokens/versions/v0_192/_md-comp-extended-fab-surface.scss +93 -0
- package/tokens/versions/v0_192/_md-comp-extended-fab-tertiary.scss +98 -0
- package/tokens/versions/v0_192/_md-comp-fab-branded-large.scss +63 -0
- package/tokens/versions/v0_192/_md-comp-fab-branded.scss +63 -0
- package/tokens/versions/v0_192/_md-comp-fab-primary-large.scss +68 -0
- package/tokens/versions/v0_192/_md-comp-fab-primary-small.scss +68 -0
- package/tokens/versions/v0_192/_md-comp-fab-primary.scss +68 -0
- package/tokens/versions/v0_192/_md-comp-fab-secondary-large.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-fab-secondary-small.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-fab-secondary.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-fab-surface-large.scss +67 -0
- package/tokens/versions/v0_192/_md-comp-fab-surface-small.scss +67 -0
- package/tokens/versions/v0_192/_md-comp-fab-surface.scss +67 -0
- package/tokens/versions/v0_192/_md-comp-fab-tertiary-large.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-fab-tertiary-small.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-fab-tertiary.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-filled-autocomplete.scss +239 -0
- package/tokens/versions/v0_192/_md-comp-filled-button.scss +92 -0
- package/tokens/versions/v0_192/_md-comp-filled-card.scss +62 -0
- package/tokens/versions/v0_192/_md-comp-filled-icon-button.scss +83 -0
- package/tokens/versions/v0_192/_md-comp-filled-menu-button.scss +101 -0
- package/tokens/versions/v0_192/_md-comp-filled-select.scss +273 -0
- package/tokens/versions/v0_192/_md-comp-filled-text-field.scss +193 -0
- package/tokens/versions/v0_192/_md-comp-filled-tonal-button.scss +102 -0
- package/tokens/versions/v0_192/_md-comp-filled-tonal-icon-button.scss +90 -0
- package/tokens/versions/v0_192/_md-comp-filter-chip.scss +210 -0
- package/tokens/versions/v0_192/_md-comp-full-screen-dialog.scss +114 -0
- package/tokens/versions/v0_192/_md-comp-icon-button.scss +74 -0
- package/tokens/versions/v0_192/_md-comp-input-chip.scss +187 -0
- package/tokens/versions/v0_192/_md-comp-linear-progress-indicator.scss +43 -0
- package/tokens/versions/v0_192/_md-comp-list.scss +255 -0
- package/tokens/versions/v0_192/_md-comp-menu.scss +44 -0
- package/tokens/versions/v0_192/_md-comp-navigation-bar.scss +115 -0
- package/tokens/versions/v0_192/_md-comp-navigation-drawer.scss +165 -0
- package/tokens/versions/v0_192/_md-comp-navigation-rail.scss +119 -0
- package/tokens/versions/v0_192/_md-comp-outlined-autocomplete.scss +229 -0
- package/tokens/versions/v0_192/_md-comp-outlined-button.scss +87 -0
- package/tokens/versions/v0_192/_md-comp-outlined-card.scss +66 -0
- package/tokens/versions/v0_192/_md-comp-outlined-icon-button.scss +83 -0
- package/tokens/versions/v0_192/_md-comp-outlined-menu-button.scss +97 -0
- package/tokens/versions/v0_192/_md-comp-outlined-segmented-button.scss +115 -0
- package/tokens/versions/v0_192/_md-comp-outlined-select.scss +263 -0
- package/tokens/versions/v0_192/_md-comp-outlined-text-field.scss +174 -0
- package/tokens/versions/v0_192/_md-comp-plain-tooltip.scss +58 -0
- package/tokens/versions/v0_192/_md-comp-primary-navigation-tab.scss +124 -0
- package/tokens/versions/v0_192/_md-comp-radio-button.scss +71 -0
- package/tokens/versions/v0_192/_md-comp-rich-tooltip.scss +122 -0
- package/tokens/versions/v0_192/_md-comp-scrim.scss +28 -0
- package/tokens/versions/v0_192/_md-comp-search-bar.scss +100 -0
- package/tokens/versions/v0_192/_md-comp-search-view.scss +94 -0
- package/tokens/versions/v0_192/_md-comp-secondary-navigation-tab.scss +87 -0
- package/tokens/versions/v0_192/_md-comp-sheet-bottom.scss +46 -0
- package/tokens/versions/v0_192/_md-comp-sheet-floating.scss +35 -0
- package/tokens/versions/v0_192/_md-comp-sheet-side.scss +94 -0
- package/tokens/versions/v0_192/_md-comp-slider.scss +118 -0
- package/tokens/versions/v0_192/_md-comp-snackbar.scss +130 -0
- package/tokens/versions/v0_192/_md-comp-standard-menu-button.scss +101 -0
- package/tokens/versions/v0_192/_md-comp-suggestion-chip.scss +127 -0
- package/tokens/versions/v0_192/_md-comp-switch.scss +141 -0
- package/tokens/versions/v0_192/_md-comp-text-button.scss +80 -0
- package/tokens/versions/v0_192/_md-comp-time-input.scss +220 -0
- package/tokens/versions/v0_192/_md-comp-time-picker.scss +267 -0
- package/tokens/versions/v0_192/_md-comp-top-app-bar-large.scss +64 -0
- package/tokens/versions/v0_192/_md-comp-top-app-bar-medium.scss +64 -0
- package/tokens/versions/v0_192/_md-comp-top-app-bar-small-centered.scss +71 -0
- package/tokens/versions/v0_192/_md-comp-top-app-bar-small.scss +67 -0
- package/tokens/versions/v0_192/_md-ref-palette.scss +109 -0
- package/tokens/versions/v0_192/_md-ref-typeface.scss +23 -0
- package/tokens/versions/v0_192/_md-sys-color.scss +135 -0
- package/tokens/versions/v0_192/_md-sys-elevation.scss +24 -0
- package/tokens/versions/v0_192/_md-sys-motion.scss +55 -0
- package/tokens/versions/v0_192/_md-sys-shape.scss +33 -0
- package/tokens/versions/v0_192/_md-sys-state.scss +22 -0
- package/tokens/versions/v0_192/_md-sys-typescale.scss +286 -0
- package/tokens/versions/v0_192/index.test.css +1 -0
- package/tokens/versions/v0_192/index.test.css.map +1 -0
- package/tokens/versions/v0_192/index.test.scss +584 -0
- package/tokens/versions/v0_192/lib.test.css +1 -0
- package/tokens/versions/v0_192/lib.test.css.map +1 -0
- package/tokens/versions/v0_192/lib.test.scss +663 -0
|
@@ -2,173 +2,5 @@
|
|
|
2
2
|
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
|
-
//
|
|
6
|
-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
|
-
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
|
-
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.192
|
|
10
|
-
// User-configured context group "Audience": "3P"
|
|
11
|
-
// User-configured context group "Platform": "Web"
|
|
12
|
-
// User-configured context group "Scheme": "Dynamic"
|
|
13
|
-
//
|
|
14
|
-
|
|
15
|
-
@use 'sass:map';
|
|
16
|
-
|
|
17
|
-
@use './md-sys-color';
|
|
18
|
-
|
|
19
|
-
@use './md-sys-shape';
|
|
20
|
-
|
|
21
|
-
@use './md-sys-typescale';
|
|
22
|
-
|
|
23
|
-
$_default: (
|
|
24
|
-
'md-sys-color': md-sys-color.values-light(),
|
|
25
|
-
'md-sys-shape': md-sys-shape.values(),
|
|
26
|
-
'md-sys-typescale': md-sys-typescale.values(),
|
|
27
|
-
);
|
|
28
5
|
|
|
29
|
-
@
|
|
30
|
-
@return (
|
|
31
|
-
'caret-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
32
|
-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-small'),
|
|
33
|
-
'disabled-input-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
34
|
-
'disabled-input-text-opacity': if($exclude-hardcoded-values, null, 0.38),
|
|
35
|
-
'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
36
|
-
'disabled-label-text-opacity': if($exclude-hardcoded-values, null, 0.38),
|
|
37
|
-
'disabled-leading-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
38
|
-
'disabled-leading-icon-opacity': if($exclude-hardcoded-values, null, 0.38),
|
|
39
|
-
'disabled-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
40
|
-
'disabled-outline-opacity': if($exclude-hardcoded-values, null, 0.12),
|
|
41
|
-
'disabled-outline-width': if($exclude-hardcoded-values, null, 1px),
|
|
42
|
-
'disabled-supporting-text-color':
|
|
43
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
44
|
-
'disabled-supporting-text-opacity':
|
|
45
|
-
if($exclude-hardcoded-values, null, 0.38),
|
|
46
|
-
'disabled-trailing-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
47
|
-
'disabled-trailing-icon-opacity': if($exclude-hardcoded-values, null, 0.38),
|
|
48
|
-
'error-focus-caret-color': map.get($deps, 'md-sys-color', 'error'),
|
|
49
|
-
'error-focus-input-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
50
|
-
'error-focus-label-text-color': map.get($deps, 'md-sys-color', 'error'),
|
|
51
|
-
'error-focus-leading-icon-color':
|
|
52
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
53
|
-
'error-focus-outline-color': map.get($deps, 'md-sys-color', 'error'),
|
|
54
|
-
'error-focus-supporting-text-color': map.get($deps, 'md-sys-color', 'error'),
|
|
55
|
-
'error-focus-trailing-icon-color': map.get($deps, 'md-sys-color', 'error'),
|
|
56
|
-
'error-hover-input-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
57
|
-
'error-hover-label-text-color':
|
|
58
|
-
map.get($deps, 'md-sys-color', 'on-error-container'),
|
|
59
|
-
'error-hover-leading-icon-color':
|
|
60
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
61
|
-
'error-hover-outline-color':
|
|
62
|
-
map.get($deps, 'md-sys-color', 'on-error-container'),
|
|
63
|
-
'error-hover-supporting-text-color': map.get($deps, 'md-sys-color', 'error'),
|
|
64
|
-
'error-hover-trailing-icon-color':
|
|
65
|
-
map.get($deps, 'md-sys-color', 'on-error-container'),
|
|
66
|
-
'error-input-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
67
|
-
'error-label-text-color': map.get($deps, 'md-sys-color', 'error'),
|
|
68
|
-
'error-leading-icon-color':
|
|
69
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
70
|
-
'error-outline-color': map.get($deps, 'md-sys-color', 'error'),
|
|
71
|
-
'error-supporting-text-color': map.get($deps, 'md-sys-color', 'error'),
|
|
72
|
-
'error-trailing-icon-color': map.get($deps, 'md-sys-color', 'error'),
|
|
73
|
-
'focus-input-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
74
|
-
'focus-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
75
|
-
'focus-leading-icon-color':
|
|
76
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
77
|
-
'focus-outline-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
78
|
-
'focus-outline-width': if($exclude-hardcoded-values, null, 2px),
|
|
79
|
-
'focus-supporting-text-color':
|
|
80
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
81
|
-
'focus-trailing-icon-color':
|
|
82
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
83
|
-
'hover-input-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
84
|
-
'hover-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
85
|
-
'hover-leading-icon-color':
|
|
86
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
87
|
-
'hover-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
88
|
-
'hover-outline-width': if($exclude-hardcoded-values, null, 1px),
|
|
89
|
-
'hover-supporting-text-color':
|
|
90
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
91
|
-
'hover-trailing-icon-color':
|
|
92
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
93
|
-
'input-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
94
|
-
'input-text-font': map.get($deps, 'md-sys-typescale', 'body-large-font'),
|
|
95
|
-
'input-text-line-height':
|
|
96
|
-
map.get($deps, 'md-sys-typescale', 'body-large-line-height'),
|
|
97
|
-
'input-text-placeholder-color':
|
|
98
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
99
|
-
'input-text-prefix-color':
|
|
100
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
101
|
-
'input-text-size': map.get($deps, 'md-sys-typescale', 'body-large-size'),
|
|
102
|
-
'input-text-suffix-color':
|
|
103
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
104
|
-
'input-text-tracking':
|
|
105
|
-
map.get($deps, 'md-sys-typescale', 'body-large-tracking'),
|
|
106
|
-
'input-text-type':
|
|
107
|
-
if(
|
|
108
|
-
$exclude-hardcoded-values,
|
|
109
|
-
null,
|
|
110
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.outlined-text-field.input-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
111
|
-
map.get($deps, 'md-sys-typescale', 'body-large-weight')
|
|
112
|
-
map.get($deps, 'md-sys-typescale', 'body-large-size') #{'/'} map.get(
|
|
113
|
-
$deps,
|
|
114
|
-
'md-sys-typescale',
|
|
115
|
-
'body-large-line-height'
|
|
116
|
-
) map.get($deps, 'md-sys-typescale', 'body-large-font')
|
|
117
|
-
),
|
|
118
|
-
'input-text-weight': map.get($deps, 'md-sys-typescale', 'body-large-weight'),
|
|
119
|
-
'label-text-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
120
|
-
'label-text-font': map.get($deps, 'md-sys-typescale', 'body-large-font'),
|
|
121
|
-
'label-text-line-height':
|
|
122
|
-
map.get($deps, 'md-sys-typescale', 'body-large-line-height'),
|
|
123
|
-
'label-text-populated-line-height':
|
|
124
|
-
map.get($deps, 'md-sys-typescale', 'body-small-line-height'),
|
|
125
|
-
'label-text-populated-size':
|
|
126
|
-
map.get($deps, 'md-sys-typescale', 'body-small-size'),
|
|
127
|
-
'label-text-size': map.get($deps, 'md-sys-typescale', 'body-large-size'),
|
|
128
|
-
'label-text-tracking':
|
|
129
|
-
map.get($deps, 'md-sys-typescale', 'body-large-tracking'),
|
|
130
|
-
'label-text-type':
|
|
131
|
-
if(
|
|
132
|
-
$exclude-hardcoded-values,
|
|
133
|
-
null,
|
|
134
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.outlined-text-field.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
135
|
-
map.get($deps, 'md-sys-typescale', 'body-large-weight')
|
|
136
|
-
map.get($deps, 'md-sys-typescale', 'body-large-size') #{'/'} map.get(
|
|
137
|
-
$deps,
|
|
138
|
-
'md-sys-typescale',
|
|
139
|
-
'body-large-line-height'
|
|
140
|
-
) map.get($deps, 'md-sys-typescale', 'body-large-font')
|
|
141
|
-
),
|
|
142
|
-
'label-text-weight': map.get($deps, 'md-sys-typescale', 'body-large-weight'),
|
|
143
|
-
'leading-icon-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
144
|
-
'leading-icon-size': if($exclude-hardcoded-values, null, 24px),
|
|
145
|
-
'outline-color': map.get($deps, 'md-sys-color', 'outline'),
|
|
146
|
-
'outline-width': if($exclude-hardcoded-values, null, 1px),
|
|
147
|
-
'supporting-text-color':
|
|
148
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
149
|
-
'supporting-text-font':
|
|
150
|
-
map.get($deps, 'md-sys-typescale', 'body-small-font'),
|
|
151
|
-
'supporting-text-line-height':
|
|
152
|
-
map.get($deps, 'md-sys-typescale', 'body-small-line-height'),
|
|
153
|
-
'supporting-text-size':
|
|
154
|
-
map.get($deps, 'md-sys-typescale', 'body-small-size'),
|
|
155
|
-
'supporting-text-tracking':
|
|
156
|
-
map.get($deps, 'md-sys-typescale', 'body-small-tracking'),
|
|
157
|
-
'supporting-text-type':
|
|
158
|
-
if(
|
|
159
|
-
$exclude-hardcoded-values,
|
|
160
|
-
null,
|
|
161
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.outlined-text-field.supporting-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
162
|
-
map.get($deps, 'md-sys-typescale', 'body-small-weight')
|
|
163
|
-
map.get($deps, 'md-sys-typescale', 'body-small-size') #{'/'} map.get(
|
|
164
|
-
$deps,
|
|
165
|
-
'md-sys-typescale',
|
|
166
|
-
'body-small-line-height'
|
|
167
|
-
) map.get($deps, 'md-sys-typescale', 'body-small-font')
|
|
168
|
-
),
|
|
169
|
-
'supporting-text-weight':
|
|
170
|
-
map.get($deps, 'md-sys-typescale', 'body-small-weight'),
|
|
171
|
-
'trailing-icon-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
172
|
-
'trailing-icon-size': if($exclude-hardcoded-values, null, 24px)
|
|
173
|
-
);
|
|
174
|
-
}
|
|
6
|
+
@forward '../versions/v0_192/md-comp-outlined-text-field';
|
|
@@ -2,57 +2,5 @@
|
|
|
2
2
|
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
|
-
//
|
|
6
|
-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
|
-
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
|
-
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.192
|
|
10
|
-
// User-configured context group "Audience": "3P"
|
|
11
|
-
// User-configured context group "Platform": "Web"
|
|
12
|
-
// User-configured context group "Scheme": "Dynamic"
|
|
13
|
-
//
|
|
14
|
-
|
|
15
|
-
@use 'sass:map';
|
|
16
|
-
|
|
17
|
-
@use './md-sys-color';
|
|
18
|
-
|
|
19
|
-
@use './md-sys-shape';
|
|
20
|
-
|
|
21
|
-
@use './md-sys-typescale';
|
|
22
|
-
|
|
23
|
-
$_default: (
|
|
24
|
-
'md-sys-color': md-sys-color.values-light(),
|
|
25
|
-
'md-sys-shape': md-sys-shape.values(),
|
|
26
|
-
'md-sys-typescale': md-sys-typescale.values(),
|
|
27
|
-
);
|
|
28
5
|
|
|
29
|
-
@
|
|
30
|
-
@return (
|
|
31
|
-
'container-color': map.get($deps, 'md-sys-color', 'inverse-surface'),
|
|
32
|
-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-small'),
|
|
33
|
-
'supporting-text-color':
|
|
34
|
-
map.get($deps, 'md-sys-color', 'inverse-on-surface'),
|
|
35
|
-
'supporting-text-font':
|
|
36
|
-
map.get($deps, 'md-sys-typescale', 'body-small-font'),
|
|
37
|
-
'supporting-text-line-height':
|
|
38
|
-
map.get($deps, 'md-sys-typescale', 'body-small-line-height'),
|
|
39
|
-
'supporting-text-size':
|
|
40
|
-
map.get($deps, 'md-sys-typescale', 'body-small-size'),
|
|
41
|
-
'supporting-text-tracking':
|
|
42
|
-
map.get($deps, 'md-sys-typescale', 'body-small-tracking'),
|
|
43
|
-
'supporting-text-type':
|
|
44
|
-
if(
|
|
45
|
-
$exclude-hardcoded-values,
|
|
46
|
-
null,
|
|
47
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.plain-tooltip.supporting-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
48
|
-
map.get($deps, 'md-sys-typescale', 'body-small-weight')
|
|
49
|
-
map.get($deps, 'md-sys-typescale', 'body-small-size') #{'/'} map.get(
|
|
50
|
-
$deps,
|
|
51
|
-
'md-sys-typescale',
|
|
52
|
-
'body-small-line-height'
|
|
53
|
-
) map.get($deps, 'md-sys-typescale', 'body-small-font')
|
|
54
|
-
),
|
|
55
|
-
'supporting-text-weight':
|
|
56
|
-
map.get($deps, 'md-sys-typescale', 'body-small-weight')
|
|
57
|
-
);
|
|
58
|
-
}
|
|
6
|
+
@forward '../versions/v0_192/md-comp-plain-tooltip';
|
|
@@ -2,123 +2,5 @@
|
|
|
2
2
|
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
|
-
//
|
|
6
|
-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
|
-
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
|
-
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.192
|
|
10
|
-
// User-configured context group "Audience": "3P"
|
|
11
|
-
// User-configured context group "Platform": "Web"
|
|
12
|
-
// User-configured context group "Scheme": "Dynamic"
|
|
13
|
-
//
|
|
14
|
-
|
|
15
|
-
@use 'sass:map';
|
|
16
|
-
|
|
17
|
-
@use './md-sys-color';
|
|
18
|
-
|
|
19
|
-
@use './md-sys-elevation';
|
|
20
|
-
|
|
21
|
-
@use './md-sys-shape';
|
|
22
|
-
|
|
23
|
-
@use './md-sys-state';
|
|
24
|
-
|
|
25
|
-
@use './md-sys-typescale';
|
|
26
|
-
|
|
27
|
-
$_default: (
|
|
28
|
-
'md-sys-color': md-sys-color.values-light(),
|
|
29
|
-
'md-sys-elevation': md-sys-elevation.values(),
|
|
30
|
-
'md-sys-shape': md-sys-shape.values(),
|
|
31
|
-
'md-sys-state': md-sys-state.values(),
|
|
32
|
-
'md-sys-typescale': md-sys-typescale.values(),
|
|
33
|
-
);
|
|
34
5
|
|
|
35
|
-
@
|
|
36
|
-
@return (
|
|
37
|
-
'active-indicator-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
38
|
-
'active-indicator-height': if($exclude-hardcoded-values, null, 3px),
|
|
39
|
-
'active-indicator-shape':
|
|
40
|
-
if($exclude-hardcoded-values, null, (3px 3px 0px 0px)),
|
|
41
|
-
'active-focus-state-layer-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
42
|
-
'active-focus-state-layer-opacity':
|
|
43
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
44
|
-
'active-hover-state-layer-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
45
|
-
'active-hover-state-layer-opacity':
|
|
46
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
47
|
-
'active-pressed-state-layer-color':
|
|
48
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
49
|
-
'active-pressed-state-layer-opacity':
|
|
50
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
51
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
52
|
-
'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
|
|
53
|
-
'container-height': if($exclude-hardcoded-values, null, 48px),
|
|
54
|
-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
|
|
55
|
-
'inactive-focus-state-layer-color':
|
|
56
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
57
|
-
'inactive-focus-state-layer-opacity':
|
|
58
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
59
|
-
'inactive-hover-state-layer-color':
|
|
60
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
61
|
-
'inactive-hover-state-layer-opacity':
|
|
62
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
63
|
-
'inactive-pressed-state-layer-color':
|
|
64
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
65
|
-
'inactive-pressed-state-layer-opacity':
|
|
66
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
67
|
-
'with-icon-and-label-text-container-height':
|
|
68
|
-
if($exclude-hardcoded-values, null, 64px),
|
|
69
|
-
'with-icon-active-focus-icon-color':
|
|
70
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
71
|
-
'with-icon-active-hover-icon-color':
|
|
72
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
73
|
-
'with-icon-active-icon-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
74
|
-
'with-icon-active-pressed-icon-color':
|
|
75
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
76
|
-
'with-icon-icon-size': if($exclude-hardcoded-values, null, 24px),
|
|
77
|
-
'with-icon-inactive-focus-icon-color':
|
|
78
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
79
|
-
'with-icon-inactive-hover-icon-color':
|
|
80
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
81
|
-
'with-icon-inactive-icon-color':
|
|
82
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
83
|
-
'with-icon-inactive-pressed-icon-color':
|
|
84
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
85
|
-
'with-label-text-active-focus-label-text-color':
|
|
86
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
87
|
-
'with-label-text-active-hover-label-text-color':
|
|
88
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
89
|
-
'with-label-text-active-label-text-color':
|
|
90
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
91
|
-
'with-label-text-active-pressed-label-text-color':
|
|
92
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
93
|
-
'with-label-text-inactive-focus-label-text-color':
|
|
94
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
95
|
-
'with-label-text-inactive-hover-label-text-color':
|
|
96
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
97
|
-
'with-label-text-inactive-label-text-color':
|
|
98
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
99
|
-
'with-label-text-inactive-pressed-label-text-color':
|
|
100
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
101
|
-
'with-label-text-label-text-font':
|
|
102
|
-
map.get($deps, 'md-sys-typescale', 'title-small-font'),
|
|
103
|
-
'with-label-text-label-text-line-height':
|
|
104
|
-
map.get($deps, 'md-sys-typescale', 'title-small-line-height'),
|
|
105
|
-
'with-label-text-label-text-size':
|
|
106
|
-
map.get($deps, 'md-sys-typescale', 'title-small-size'),
|
|
107
|
-
'with-label-text-label-text-tracking':
|
|
108
|
-
map.get($deps, 'md-sys-typescale', 'title-small-tracking'),
|
|
109
|
-
'with-label-text-label-text-type':
|
|
110
|
-
if(
|
|
111
|
-
$exclude-hardcoded-values,
|
|
112
|
-
null,
|
|
113
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.primary-navigation-tab.with-label-text.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
114
|
-
map.get($deps, 'md-sys-typescale', 'title-small-weight')
|
|
115
|
-
map.get($deps, 'md-sys-typescale', 'title-small-size') #{'/'} map.get(
|
|
116
|
-
$deps,
|
|
117
|
-
'md-sys-typescale',
|
|
118
|
-
'title-small-line-height'
|
|
119
|
-
) map.get($deps, 'md-sys-typescale', 'title-small-font')
|
|
120
|
-
),
|
|
121
|
-
'with-label-text-label-text-weight':
|
|
122
|
-
map.get($deps, 'md-sys-typescale', 'title-small-weight')
|
|
123
|
-
);
|
|
124
|
-
}
|
|
6
|
+
@forward '../versions/v0_192/md-comp-primary-navigation-tab';
|
|
@@ -2,70 +2,5 @@
|
|
|
2
2
|
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
|
-
//
|
|
6
|
-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
|
-
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
|
-
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.192
|
|
10
|
-
// User-configured context group "Audience": "3P"
|
|
11
|
-
// User-configured context group "Platform": "Web"
|
|
12
|
-
// User-configured context group "Scheme": "Dynamic"
|
|
13
|
-
//
|
|
14
|
-
|
|
15
|
-
@use 'sass:map';
|
|
16
|
-
|
|
17
|
-
@use './md-sys-color';
|
|
18
|
-
|
|
19
|
-
@use './md-sys-state';
|
|
20
|
-
|
|
21
|
-
$_default: (
|
|
22
|
-
'md-sys-color': md-sys-color.values-light(),
|
|
23
|
-
'md-sys-state': md-sys-state.values(),
|
|
24
|
-
);
|
|
25
5
|
|
|
26
|
-
@
|
|
27
|
-
@return (
|
|
28
|
-
'disabled-selected-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
29
|
-
'disabled-selected-icon-opacity': if($exclude-hardcoded-values, null, 0.38),
|
|
30
|
-
'disabled-unselected-icon-color':
|
|
31
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
32
|
-
'disabled-unselected-icon-opacity':
|
|
33
|
-
if($exclude-hardcoded-values, null, 0.38),
|
|
34
|
-
'icon-size': if($exclude-hardcoded-values, null, 20px),
|
|
35
|
-
'selected-focus-icon-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
36
|
-
'selected-focus-state-layer-color':
|
|
37
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
38
|
-
'selected-focus-state-layer-opacity':
|
|
39
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
40
|
-
'selected-hover-icon-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
41
|
-
'selected-hover-state-layer-color':
|
|
42
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
43
|
-
'selected-hover-state-layer-opacity':
|
|
44
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
45
|
-
'selected-icon-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
46
|
-
'selected-pressed-icon-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
47
|
-
'selected-pressed-state-layer-color':
|
|
48
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
49
|
-
'selected-pressed-state-layer-opacity':
|
|
50
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
51
|
-
'state-layer-size': if($exclude-hardcoded-values, null, 40px),
|
|
52
|
-
'unselected-focus-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
53
|
-
'unselected-focus-state-layer-color':
|
|
54
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
55
|
-
'unselected-focus-state-layer-opacity':
|
|
56
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
57
|
-
'unselected-hover-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
58
|
-
'unselected-hover-state-layer-color':
|
|
59
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
60
|
-
'unselected-hover-state-layer-opacity':
|
|
61
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
62
|
-
'unselected-icon-color':
|
|
63
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
64
|
-
'unselected-pressed-icon-color':
|
|
65
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
66
|
-
'unselected-pressed-state-layer-color':
|
|
67
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
68
|
-
'unselected-pressed-state-layer-opacity':
|
|
69
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity')
|
|
70
|
-
);
|
|
71
|
-
}
|
|
6
|
+
@forward '../versions/v0_192/md-comp-radio-button';
|
|
@@ -2,121 +2,5 @@
|
|
|
2
2
|
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
|
-
//
|
|
6
|
-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
|
-
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
|
-
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.192
|
|
10
|
-
// User-configured context group "Audience": "3P"
|
|
11
|
-
// User-configured context group "Platform": "Web"
|
|
12
|
-
// User-configured context group "Scheme": "Dynamic"
|
|
13
|
-
//
|
|
14
|
-
|
|
15
|
-
@use 'sass:map';
|
|
16
|
-
|
|
17
|
-
@use './md-sys-color';
|
|
18
|
-
|
|
19
|
-
@use './md-sys-elevation';
|
|
20
|
-
|
|
21
|
-
@use './md-sys-shape';
|
|
22
|
-
|
|
23
|
-
@use './md-sys-state';
|
|
24
|
-
|
|
25
|
-
@use './md-sys-typescale';
|
|
26
|
-
|
|
27
|
-
$_default: (
|
|
28
|
-
'md-sys-color': md-sys-color.values-light(),
|
|
29
|
-
'md-sys-elevation': md-sys-elevation.values(),
|
|
30
|
-
'md-sys-shape': md-sys-shape.values(),
|
|
31
|
-
'md-sys-state': md-sys-state.values(),
|
|
32
|
-
'md-sys-typescale': md-sys-typescale.values(),
|
|
33
|
-
);
|
|
34
5
|
|
|
35
|
-
@
|
|
36
|
-
@return (
|
|
37
|
-
'action-focus-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
38
|
-
'action-focus-state-layer-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
39
|
-
'action-focus-state-layer-opacity':
|
|
40
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
41
|
-
'action-hover-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
42
|
-
'action-hover-state-layer-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
43
|
-
'action-hover-state-layer-opacity':
|
|
44
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
45
|
-
'action-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
46
|
-
'action-label-text-font':
|
|
47
|
-
map.get($deps, 'md-sys-typescale', 'label-large-font'),
|
|
48
|
-
'action-label-text-line-height':
|
|
49
|
-
map.get($deps, 'md-sys-typescale', 'label-large-line-height'),
|
|
50
|
-
'action-label-text-size':
|
|
51
|
-
map.get($deps, 'md-sys-typescale', 'label-large-size'),
|
|
52
|
-
'action-label-text-tracking':
|
|
53
|
-
map.get($deps, 'md-sys-typescale', 'label-large-tracking'),
|
|
54
|
-
'action-label-text-type':
|
|
55
|
-
if(
|
|
56
|
-
$exclude-hardcoded-values,
|
|
57
|
-
null,
|
|
58
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.rich-tooltip.action.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
59
|
-
map.get($deps, 'md-sys-typescale', 'label-large-weight')
|
|
60
|
-
map.get($deps, 'md-sys-typescale', 'label-large-size') #{'/'} map.get(
|
|
61
|
-
$deps,
|
|
62
|
-
'md-sys-typescale',
|
|
63
|
-
'label-large-line-height'
|
|
64
|
-
) map.get($deps, 'md-sys-typescale', 'label-large-font')
|
|
65
|
-
),
|
|
66
|
-
'action-label-text-weight':
|
|
67
|
-
map.get($deps, 'md-sys-typescale', 'label-large-weight'),
|
|
68
|
-
'action-pressed-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
69
|
-
'action-pressed-state-layer-color':
|
|
70
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
71
|
-
'action-pressed-state-layer-opacity':
|
|
72
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
73
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface-container'),
|
|
74
|
-
'container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
|
|
75
|
-
'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
|
|
76
|
-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-medium'),
|
|
77
|
-
'subhead-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
78
|
-
'subhead-font': map.get($deps, 'md-sys-typescale', 'title-small-font'),
|
|
79
|
-
'subhead-line-height':
|
|
80
|
-
map.get($deps, 'md-sys-typescale', 'title-small-line-height'),
|
|
81
|
-
'subhead-size': map.get($deps, 'md-sys-typescale', 'title-small-size'),
|
|
82
|
-
'subhead-tracking':
|
|
83
|
-
map.get($deps, 'md-sys-typescale', 'title-small-tracking'),
|
|
84
|
-
'subhead-type':
|
|
85
|
-
if(
|
|
86
|
-
$exclude-hardcoded-values,
|
|
87
|
-
null,
|
|
88
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.rich-tooltip.subhead.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
89
|
-
map.get($deps, 'md-sys-typescale', 'title-small-weight')
|
|
90
|
-
map.get($deps, 'md-sys-typescale', 'title-small-size') #{'/'} map.get(
|
|
91
|
-
$deps,
|
|
92
|
-
'md-sys-typescale',
|
|
93
|
-
'title-small-line-height'
|
|
94
|
-
) map.get($deps, 'md-sys-typescale', 'title-small-font')
|
|
95
|
-
),
|
|
96
|
-
'subhead-weight': map.get($deps, 'md-sys-typescale', 'title-small-weight'),
|
|
97
|
-
'supporting-text-color':
|
|
98
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
99
|
-
'supporting-text-font':
|
|
100
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-font'),
|
|
101
|
-
'supporting-text-line-height':
|
|
102
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-line-height'),
|
|
103
|
-
'supporting-text-size':
|
|
104
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-size'),
|
|
105
|
-
'supporting-text-tracking':
|
|
106
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-tracking'),
|
|
107
|
-
'supporting-text-type':
|
|
108
|
-
if(
|
|
109
|
-
$exclude-hardcoded-values,
|
|
110
|
-
null,
|
|
111
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.rich-tooltip.supporting-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
112
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-weight')
|
|
113
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-size') #{'/'} map.get(
|
|
114
|
-
$deps,
|
|
115
|
-
'md-sys-typescale',
|
|
116
|
-
'body-medium-line-height'
|
|
117
|
-
) map.get($deps, 'md-sys-typescale', 'body-medium-font')
|
|
118
|
-
),
|
|
119
|
-
'supporting-text-weight':
|
|
120
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-weight')
|
|
121
|
-
);
|
|
122
|
-
}
|
|
6
|
+
@forward '../versions/v0_192/md-comp-rich-tooltip';
|
|
@@ -2,27 +2,5 @@
|
|
|
2
2
|
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
|
-
//
|
|
6
|
-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
|
-
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
|
-
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.192
|
|
10
|
-
// User-configured context group "Audience": "3P"
|
|
11
|
-
// User-configured context group "Platform": "Web"
|
|
12
|
-
// User-configured context group "Scheme": "Dynamic"
|
|
13
|
-
//
|
|
14
|
-
|
|
15
|
-
@use 'sass:map';
|
|
16
|
-
|
|
17
|
-
@use './md-sys-color';
|
|
18
|
-
|
|
19
|
-
$_default: (
|
|
20
|
-
'md-sys-color': md-sys-color.values-light(),
|
|
21
|
-
);
|
|
22
5
|
|
|
23
|
-
@
|
|
24
|
-
@return (
|
|
25
|
-
'container-color': map.get($deps, 'md-sys-color', 'scrim'),
|
|
26
|
-
'container-opacity': if($exclude-hardcoded-values, null, 0.32)
|
|
27
|
-
);
|
|
28
|
-
}
|
|
6
|
+
@forward '../versions/v0_192/md-comp-scrim';
|