@material/web 1.0.0-pre.15 → 1.0.0-pre.16
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 +22 -17
- package/button/internal/_filled-button.scss +0 -1
- package/button/internal/_outlined-button.scss +6 -0
- package/button/internal/_shared.scss +7 -1
- package/button/internal/button.d.ts +15 -14
- package/button/internal/button.js +41 -39
- package/button/internal/button.js.map +1 -1
- package/button/internal/outlined-styles.css.js +1 -1
- package/button/internal/outlined-styles.css.js.map +1 -1
- package/button/internal/shared-elevation-styles.css.js +1 -1
- package/button/internal/shared-elevation-styles.css.js.map +1 -1
- package/button/internal/shared-styles.css.js +1 -1
- package/button/internal/shared-styles.css.js.map +1 -1
- package/checkbox/internal/_checkbox.scss +1 -0
- package/checkbox/internal/checkbox-styles.css.js +1 -1
- package/checkbox/internal/checkbox-styles.css.js.map +1 -1
- package/checkbox/internal/checkbox.d.ts +2 -2
- package/checkbox/internal/checkbox.js +18 -14
- package/checkbox/internal/checkbox.js.map +1 -1
- package/chips/assist-chip.js +1 -2
- package/chips/assist-chip.js.map +1 -1
- package/chips/filter-chip.js +1 -3
- package/chips/filter-chip.js.map +1 -1
- package/chips/input-chip.js +1 -5
- package/chips/input-chip.js.map +1 -1
- package/chips/internal/_assist-chip.scss +6 -0
- package/chips/internal/_elevated.scss +1 -1
- package/chips/internal/_filter-chip.scss +6 -0
- package/chips/internal/_input-chip.scss +32 -0
- package/chips/internal/_selectable.scss +17 -13
- package/chips/internal/_shared.scss +17 -10
- package/chips/internal/_suggestion-chip.scss +6 -0
- package/chips/internal/_trailing-icon.scss +24 -24
- package/chips/internal/assist-styles.css.js +1 -1
- package/chips/internal/assist-styles.css.js.map +1 -1
- package/chips/internal/elevated-styles.css.js +1 -1
- package/chips/internal/elevated-styles.css.js.map +1 -1
- package/chips/internal/filter-styles.css.js +1 -1
- package/chips/internal/filter-styles.css.js.map +1 -1
- package/chips/internal/input-styles.css.js +1 -1
- package/chips/internal/input-styles.css.js.map +1 -1
- package/chips/internal/selectable-styles.css.js +1 -1
- package/chips/internal/selectable-styles.css.js.map +1 -1
- package/chips/internal/shared-styles.css.js +1 -1
- package/chips/internal/shared-styles.css.js.map +1 -1
- package/chips/internal/suggestion-styles.css.js +1 -1
- package/chips/internal/suggestion-styles.css.js.map +1 -1
- package/chips/internal/trailing-icon-styles.css.js +1 -1
- package/chips/internal/trailing-icon-styles.css.js.map +1 -1
- package/chips/suggestion-chip.js +1 -2
- package/chips/suggestion-chip.js.map +1 -1
- package/elevation/internal/_elevation.scss +14 -7
- package/elevation/internal/elevation-styles.css.js +1 -1
- package/elevation/internal/elevation-styles.css.js.map +1 -1
- package/fab/branded-fab.d.ts +0 -1
- package/fab/internal/_fab.scss +11 -10
- package/fab/internal/_shared.scss +4 -1
- package/fab/internal/fab-styles.css.js +1 -1
- package/fab/internal/fab-styles.css.js.map +1 -1
- package/fab/internal/fab.d.ts +0 -1
- package/fab/internal/shared-styles.css.js +1 -1
- package/fab/internal/shared-styles.css.js.map +1 -1
- package/fab/internal/shared.d.ts +0 -9
- package/fab/internal/shared.js +2 -18
- package/fab/internal/shared.js.map +1 -1
- package/field/internal/filled-styles.css.js +1 -1
- package/field/internal/filled-styles.css.js.map +1 -1
- package/field/internal/outlined-styles.css.js +1 -1
- package/field/internal/outlined-styles.css.js.map +1 -1
- package/icon/internal/_icon.scss +10 -5
- package/icon/internal/icon-styles.css.js +1 -1
- package/icon/internal/icon-styles.css.js.map +1 -1
- package/iconbutton/internal/_icon-button.scss +4 -0
- package/iconbutton/internal/_shared.scss +9 -0
- package/iconbutton/internal/icon-button.d.ts +16 -3
- package/iconbutton/internal/icon-button.js +31 -7
- package/iconbutton/internal/icon-button.js.map +1 -1
- package/iconbutton/internal/shared-styles.css.js +1 -1
- package/iconbutton/internal/shared-styles.css.js.map +1 -1
- package/iconbutton/internal/standard-styles.css.js +1 -1
- package/iconbutton/internal/standard-styles.css.js.map +1 -1
- package/internal/controller/form-submitter.d.ts +12 -0
- package/internal/controller/form-submitter.js +3 -1
- package/internal/controller/form-submitter.js.map +1 -1
- package/labs/badge/internal/_badge.scss +11 -8
- package/labs/navigationbar/internal/_navigation-bar.scss +11 -9
- package/labs/navigationbar/internal/navigation-bar-styles.css.js +1 -1
- package/labs/navigationbar/internal/navigation-bar-styles.css.js.map +1 -1
- package/labs/navigationdrawer/internal/_navigation-drawer-modal.scss +11 -8
- package/labs/navigationdrawer/internal/_navigation-drawer.scss +11 -8
- package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js +1 -1
- package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js.map +1 -1
- package/labs/navigationdrawer/internal/navigation-drawer-styles.css.js +1 -1
- package/labs/navigationdrawer/internal/navigation-drawer-styles.css.js.map +1 -1
- package/labs/navigationtab/internal/_navigation-tab.scss +10 -10
- package/labs/segmentedbutton/internal/_outlined-segmented-button.scss +1 -3
- package/labs/segmentedbutton/internal/outlined-styles.css.js +1 -1
- package/labs/segmentedbutton/internal/outlined-styles.css.js.map +1 -1
- package/list/internal/_list.scss +6 -2
- package/list/internal/list-styles.css.js +1 -1
- package/list/internal/list-styles.css.js.map +1 -1
- package/list/internal/listitem/_list-item.scss +83 -93
- package/list/internal/listitem/forced-colors-styles.css.js +1 -1
- package/list/internal/listitem/forced-colors-styles.css.js.map +1 -1
- package/list/internal/listitem/forced-colors-styles.scss +6 -6
- package/list/internal/listitem/list-item-styles.css.js +1 -1
- package/list/internal/listitem/list-item-styles.css.js.map +1 -1
- package/menu/internal/_menu.scss +6 -3
- package/menu/internal/menu-styles.css.js +1 -1
- package/menu/internal/menu-styles.css.js.map +1 -1
- package/menu/internal/menu.js +6 -6
- package/menu/internal/menu.js.map +1 -1
- package/menu/internal/menuitem/_menu-item.scss +7 -4
- package/menu/internal/menuitem/menu-item-styles.css.js +1 -1
- package/menu/internal/menuitem/menu-item-styles.css.js.map +1 -1
- package/package.json +1 -1
- package/progress/harness.js +2 -4
- package/progress/harness.js.map +1 -1
- package/progress/internal/_circular-progress.scss +4 -4
- package/progress/internal/_linear-progress.scss +93 -132
- package/progress/internal/circular-progress-styles.css.js +1 -1
- package/progress/internal/circular-progress-styles.css.js.map +1 -1
- package/progress/internal/circular-progress.js +1 -1
- package/progress/internal/circular-progress.js.map +1 -1
- package/progress/internal/linear-progress-styles.css.js +1 -1
- package/progress/internal/linear-progress-styles.css.js.map +1 -1
- package/progress/internal/linear-progress.d.ts +0 -11
- package/progress/internal/linear-progress.js +4 -48
- package/progress/internal/linear-progress.js.map +1 -1
- package/radio/internal/radio.d.ts +1 -1
- package/radio/internal/radio.js.map +1 -1
- package/ripple/internal/_ripple.scss +1 -1
- package/ripple/internal/ripple-styles.css.js +1 -1
- package/ripple/internal/ripple-styles.css.js.map +1 -1
- package/select/internal/_filled-select.scss +0 -1
- package/select/internal/_outlined-select.scss +0 -1
- package/select/internal/_shared.scss +0 -1
- package/select/internal/filled-select-styles.css.js +1 -1
- package/select/internal/filled-select-styles.css.js.map +1 -1
- package/select/internal/outlined-select-styles.css.js +1 -1
- package/select/internal/outlined-select-styles.css.js.map +1 -1
- package/slider/internal/_slider.scss +33 -28
- package/slider/internal/forced-colors-styles.css.js +1 -1
- package/slider/internal/forced-colors-styles.css.js.map +1 -1
- package/slider/internal/slider-styles.css.js +1 -1
- package/slider/internal/slider-styles.css.js.map +1 -1
- package/slider/internal/slider.d.ts +22 -8
- package/slider/internal/slider.js +113 -22
- package/slider/internal/slider.js.map +1 -1
- package/switch/internal/_switch.scss +9 -1
- package/switch/internal/switch-styles.css.js +1 -1
- package/switch/internal/switch-styles.css.js.map +1 -1
- package/switch/internal/switch.d.ts +1 -1
- package/switch/internal/switch.js +2 -2
- package/switch/internal/switch.js.map +1 -1
- package/tabs/internal/_tab.scss +76 -20
- package/tabs/internal/tab-styles.css.js +1 -1
- package/tabs/internal/tab-styles.css.js.map +1 -1
- package/tabs/internal/tab.js +0 -1
- package/tabs/internal/tab.js.map +1 -1
- package/textfield/internal/filled-styles.css.js +1 -1
- package/textfield/internal/filled-styles.css.js.map +1 -1
- package/textfield/internal/outlined-styles.css.js +1 -1
- package/textfield/internal/outlined-styles.css.js.map +1 -1
- package/textfield/internal/text-field.d.ts +11 -10
- package/textfield/internal/text-field.js +60 -32
- package/textfield/internal/text-field.js.map +1 -1
- package/tokens/_md-comp-filled-field.scss +2 -2
- package/tokens/_md-comp-filled-select.scss +3 -0
- package/tokens/_md-comp-filled-text-field.scss +3 -1
- package/tokens/_md-comp-list-item.scss +117 -103
- package/tokens/_md-comp-menu-item.scss +3 -3
- package/tokens/_md-comp-outlined-field.scss +2 -1
- package/tokens/_md-comp-outlined-select.scss +8 -0
- package/tokens/_md-comp-outlined-text-field.scss +3 -1
- package/chips/internal/assist-forced-colors-styles.css.d.ts +0 -1
- package/chips/internal/assist-forced-colors-styles.css.js +0 -9
- package/chips/internal/assist-forced-colors-styles.css.js.map +0 -1
- package/chips/internal/assist-forced-colors-styles.scss +0 -27
- package/chips/internal/filter-forced-colors-styles.css.d.ts +0 -1
- package/chips/internal/filter-forced-colors-styles.css.js +0 -9
- package/chips/internal/filter-forced-colors-styles.css.js.map +0 -1
- package/chips/internal/filter-forced-colors-styles.scss +0 -34
- package/chips/internal/input-forced-colors-styles.css.d.ts +0 -1
- package/chips/internal/input-forced-colors-styles.css.js +0 -9
- package/chips/internal/input-forced-colors-styles.css.js.map +0 -1
- package/chips/internal/input-forced-colors-styles.scss +0 -39
- package/chips/internal/suggestion-forced-colors-styles.css.d.ts +0 -1
- package/chips/internal/suggestion-forced-colors-styles.css.js +0 -9
- package/chips/internal/suggestion-forced-colors-styles.css.js.map +0 -1
- package/chips/internal/suggestion-forced-colors-styles.scss +0 -27
- package/internal/sass/_theme.scss +0 -249
|
@@ -4,7 +4,9 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// go/keep-sorted start
|
|
7
|
+
@use 'sass:list';
|
|
7
8
|
@use 'sass:map';
|
|
9
|
+
@use 'sass:string';
|
|
8
10
|
// go/keep-sorted end
|
|
9
11
|
// go/keep-sorted start
|
|
10
12
|
@use './md-sys-color';
|
|
@@ -18,102 +20,102 @@
|
|
|
18
20
|
|
|
19
21
|
$supported-tokens: (
|
|
20
22
|
// go/keep-sorted start
|
|
21
|
-
'
|
|
22
|
-
'
|
|
23
|
-
'
|
|
24
|
-
'
|
|
25
|
-
'
|
|
26
|
-
'
|
|
27
|
-
'
|
|
28
|
-
'
|
|
29
|
-
'
|
|
30
|
-
'
|
|
31
|
-
'
|
|
32
|
-
'
|
|
33
|
-
'
|
|
34
|
-
'
|
|
35
|
-
'
|
|
36
|
-
'
|
|
37
|
-
'
|
|
38
|
-
'
|
|
39
|
-
'
|
|
40
|
-
'
|
|
41
|
-
'
|
|
42
|
-
'
|
|
43
|
-
'
|
|
44
|
-
'
|
|
45
|
-
'
|
|
46
|
-
'
|
|
47
|
-
'
|
|
48
|
-
'
|
|
49
|
-
'
|
|
50
|
-
'
|
|
51
|
-
'
|
|
52
|
-
'
|
|
53
|
-
'
|
|
54
|
-
'
|
|
55
|
-
'
|
|
56
|
-
'
|
|
57
|
-
'
|
|
58
|
-
'
|
|
59
|
-
'
|
|
60
|
-
'
|
|
61
|
-
'
|
|
62
|
-
'
|
|
63
|
-
'
|
|
64
|
-
'
|
|
65
|
-
'
|
|
66
|
-
'
|
|
67
|
-
'
|
|
68
|
-
'
|
|
69
|
-
'
|
|
70
|
-
'
|
|
71
|
-
'
|
|
72
|
-
'
|
|
73
|
-
'
|
|
23
|
+
'container-color',
|
|
24
|
+
'container-shape',
|
|
25
|
+
'disabled-label-text-color',
|
|
26
|
+
'disabled-label-text-opacity',
|
|
27
|
+
'disabled-leading-icon-color',
|
|
28
|
+
'disabled-leading-icon-opacity',
|
|
29
|
+
'disabled-trailing-icon-color',
|
|
30
|
+
'disabled-trailing-icon-opacity',
|
|
31
|
+
'focus-label-text-color',
|
|
32
|
+
'focus-leading-icon-icon-color',
|
|
33
|
+
'focus-trailing-icon-icon-color',
|
|
34
|
+
'hover-label-text-color',
|
|
35
|
+
'hover-leading-icon-icon-color',
|
|
36
|
+
'hover-state-layer-color',
|
|
37
|
+
'hover-state-layer-opacity',
|
|
38
|
+
'hover-trailing-icon-icon-color',
|
|
39
|
+
'label-text-color',
|
|
40
|
+
'label-text-line-height',
|
|
41
|
+
'label-text-type',
|
|
42
|
+
'large-leading-video-height',
|
|
43
|
+
'leading-avatar-color',
|
|
44
|
+
'leading-avatar-label-color',
|
|
45
|
+
'leading-avatar-label-type',
|
|
46
|
+
'leading-avatar-shape',
|
|
47
|
+
'leading-avatar-size',
|
|
48
|
+
'leading-element-leading-space',
|
|
49
|
+
'leading-icon-color',
|
|
50
|
+
'leading-icon-size',
|
|
51
|
+
'leading-image-height',
|
|
52
|
+
'leading-image-shape',
|
|
53
|
+
'leading-image-width',
|
|
54
|
+
'leading-space',
|
|
55
|
+
'leading-video-leading-space',
|
|
56
|
+
'leading-video-shape',
|
|
57
|
+
'leading-video-width',
|
|
58
|
+
'one-line-container-height',
|
|
59
|
+
'pressed-label-text-color',
|
|
60
|
+
'pressed-leading-icon-icon-color',
|
|
61
|
+
'pressed-state-layer-color',
|
|
62
|
+
'pressed-state-layer-opacity',
|
|
63
|
+
'pressed-trailing-icon-icon-color',
|
|
64
|
+
'small-leading-video-height',
|
|
65
|
+
'supporting-text-color',
|
|
66
|
+
'supporting-text-type',
|
|
67
|
+
'three-line-container-height',
|
|
68
|
+
'trailing-element-headline-trailing-element-space',
|
|
69
|
+
'trailing-icon-color',
|
|
70
|
+
'trailing-icon-size',
|
|
71
|
+
'trailing-space',
|
|
72
|
+
'trailing-supporting-text-color',
|
|
73
|
+
'trailing-supporting-text-line-height',
|
|
74
|
+
'trailing-supporting-text-type',
|
|
75
|
+
'two-line-container-height',
|
|
74
76
|
// go/keep-sorted end
|
|
75
77
|
);
|
|
76
78
|
|
|
77
79
|
$unsupported-tokens: (
|
|
78
80
|
// go/keep-sorted start
|
|
79
|
-
'
|
|
80
|
-
'
|
|
81
|
-
'
|
|
82
|
-
'
|
|
83
|
-
'
|
|
84
|
-
'
|
|
85
|
-
'
|
|
86
|
-
'
|
|
87
|
-
'
|
|
88
|
-
'
|
|
89
|
-
'
|
|
90
|
-
'
|
|
91
|
-
'
|
|
92
|
-
'
|
|
93
|
-
'
|
|
94
|
-
'
|
|
95
|
-
'
|
|
96
|
-
'
|
|
97
|
-
'
|
|
98
|
-
'
|
|
99
|
-
'
|
|
100
|
-
'
|
|
101
|
-
'
|
|
102
|
-
'
|
|
103
|
-
'
|
|
104
|
-
'
|
|
105
|
-
'
|
|
106
|
-
'
|
|
107
|
-
'
|
|
108
|
-
'
|
|
109
|
-
'
|
|
110
|
-
'
|
|
111
|
-
'
|
|
112
|
-
'
|
|
113
|
-
'
|
|
114
|
-
'
|
|
115
|
-
'
|
|
116
|
-
'
|
|
81
|
+
'container-elevation',
|
|
82
|
+
'disabled-state-layer-color',
|
|
83
|
+
'disabled-state-layer-opacity',
|
|
84
|
+
'dragged-container-elevation',
|
|
85
|
+
'dragged-label-text-color',
|
|
86
|
+
'dragged-leading-icon-icon-color',
|
|
87
|
+
'dragged-state-layer-color',
|
|
88
|
+
'dragged-state-layer-opacity',
|
|
89
|
+
'dragged-trailing-icon-icon-color',
|
|
90
|
+
'focus-state-layer-color',
|
|
91
|
+
'focus-state-layer-opacity',
|
|
92
|
+
'label-text-font',
|
|
93
|
+
'label-text-size',
|
|
94
|
+
'label-text-tracking',
|
|
95
|
+
'label-text-weight',
|
|
96
|
+
'leading-avatar-label-font',
|
|
97
|
+
'leading-avatar-label-line-height',
|
|
98
|
+
'leading-avatar-label-size',
|
|
99
|
+
'leading-avatar-label-tracking',
|
|
100
|
+
'leading-avatar-label-weight',
|
|
101
|
+
'overline-color',
|
|
102
|
+
'overline-font',
|
|
103
|
+
'overline-line-height',
|
|
104
|
+
'overline-size',
|
|
105
|
+
'overline-tracking',
|
|
106
|
+
'overline-type',
|
|
107
|
+
'overline-weight',
|
|
108
|
+
'selected-trailing-icon-color',
|
|
109
|
+
'supporting-text-font',
|
|
110
|
+
'supporting-text-line-height',
|
|
111
|
+
'supporting-text-size',
|
|
112
|
+
'supporting-text-tracking',
|
|
113
|
+
'supporting-text-weight',
|
|
114
|
+
'trailing-supporting-text-font',
|
|
115
|
+
'trailing-supporting-text-size',
|
|
116
|
+
'trailing-supporting-text-tracking',
|
|
117
|
+
'trailing-supporting-text-weight',
|
|
118
|
+
'unselected-trailing-icon-color',
|
|
117
119
|
// go/keep-sorted end
|
|
118
120
|
);
|
|
119
121
|
|
|
@@ -133,29 +135,41 @@ $_default: (
|
|
|
133
135
|
$original-tokens,
|
|
134
136
|
$supported-tokens: $supported-tokens,
|
|
135
137
|
$unsupported-tokens: $unsupported-tokens,
|
|
136
|
-
$new-tokens: _get-new-tokens($deps, $exclude-hardcoded-values)
|
|
138
|
+
$new-tokens: _get-new-tokens($deps, $exclude-hardcoded-values),
|
|
139
|
+
$renamed-tokens: _get-renamed-tokens($original-tokens)
|
|
137
140
|
);
|
|
138
141
|
|
|
139
142
|
@return $tokens;
|
|
140
143
|
}
|
|
141
144
|
|
|
145
|
+
// remove list-item prefix from tokens
|
|
146
|
+
@function _get-renamed-tokens($tokens) {
|
|
147
|
+
$keys: map.keys($tokens);
|
|
148
|
+
$renamed-tokens: ();
|
|
149
|
+
|
|
150
|
+
@each $key in $keys {
|
|
151
|
+
$renamed-key: string.slice($key, string.length('list-item-') + 1);
|
|
152
|
+
$renamed-tokens: map.set($renamed-tokens, $key, $renamed-key);
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
@return $renamed-tokens;
|
|
156
|
+
}
|
|
157
|
+
|
|
142
158
|
@function _get-new-tokens($deps, $exclude-hardcoded-values) {
|
|
143
159
|
// Values pulled from b/198759625 spreadsheet
|
|
144
160
|
@return (
|
|
145
161
|
// go/keep-sorted start
|
|
146
|
-
'
|
|
147
|
-
|
|
148
|
-
'
|
|
149
|
-
'list-item-leading-video-leading-space':
|
|
150
|
-
if($exclude-hardcoded-values, null, 0px),
|
|
162
|
+
'leading-element-leading-space': if($exclude-hardcoded-values, null, 16px),
|
|
163
|
+
'leading-space': if($exclude-hardcoded-values, null, 16px),
|
|
164
|
+
'leading-video-leading-space': if($exclude-hardcoded-values, null, 0px),
|
|
151
165
|
// Commented out until the comments in the spreadsheet linked above are
|
|
152
166
|
// resolved regarding vertical alignment.
|
|
153
|
-
// '
|
|
154
|
-
// '
|
|
155
|
-
// '
|
|
156
|
-
// '
|
|
157
|
-
'
|
|
158
|
-
'
|
|
167
|
+
// 'leading-item-top-space': if($exclude-hardcoded-values, null, 8px),
|
|
168
|
+
// 'leading-video-top-space': if($exclude-hardcoded-values, null, 0px),
|
|
169
|
+
// 'leading-item-bottom-space': if($exclude-hardcoded-values, null, 8px),
|
|
170
|
+
// 'leading-video-bottom-space': if($exclude-hardcoded-values, null, 0px),
|
|
171
|
+
'trailing-element-headline-trailing-element-space': 16px,
|
|
172
|
+
'trailing-space': if($exclude-hardcoded-values, null, 24px),
|
|
159
173
|
// go/keep-sorted end
|
|
160
174
|
);
|
|
161
175
|
}
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
|
|
19
19
|
$supported-tokens: (
|
|
20
20
|
// go/keep-sorted start
|
|
21
|
-
'
|
|
22
|
-
'
|
|
21
|
+
'container-color',
|
|
22
|
+
'selected-container-color',
|
|
23
23
|
// go/keep-sorted end
|
|
24
24
|
);
|
|
25
25
|
|
|
@@ -43,7 +43,7 @@ $_default: (
|
|
|
43
43
|
$supported-tokens: $supported-tokens,
|
|
44
44
|
$unsupported-tokens: $unsupported-tokens,
|
|
45
45
|
$renamed-tokens: (
|
|
46
|
-
'container-color': '
|
|
46
|
+
'list-item-selected-container-color': 'selected-container-color',
|
|
47
47
|
)
|
|
48
48
|
);
|
|
49
49
|
|
|
@@ -166,7 +166,8 @@ $_default: (
|
|
|
166
166
|
'focus-leading-content-color':
|
|
167
167
|
map.get($text-field, 'focus-leading-icon-color'),
|
|
168
168
|
'focus-outline-color': map.get($text-field, 'focus-outline-color'),
|
|
169
|
-
|
|
169
|
+
// TODO(b/259455114): remove when focus tokens update to 3px
|
|
170
|
+
'focus-outline-width': if($exclude-hardcoded-values, null, 3px),
|
|
170
171
|
'focus-supporting-text-color':
|
|
171
172
|
map.get($text-field, 'focus-supporting-text-color'),
|
|
172
173
|
'focus-trailing-content-color':
|
|
@@ -143,5 +143,13 @@ $_default: (
|
|
|
143
143
|
$unsupported-tokens: $unsupported-tokens
|
|
144
144
|
);
|
|
145
145
|
|
|
146
|
+
$tokens: map.merge(
|
|
147
|
+
$tokens,
|
|
148
|
+
(
|
|
149
|
+
// TODO(b/259455114): remove when focus tokens update to 3px
|
|
150
|
+
'text-field-focus-outline-width': if($exclude-hardcoded-values, null, 3px)
|
|
151
|
+
)
|
|
152
|
+
);
|
|
153
|
+
|
|
146
154
|
@return $tokens;
|
|
147
155
|
}
|
|
@@ -117,13 +117,15 @@ $_default: (
|
|
|
117
117
|
$unsupported-tokens: $unsupported-tokens
|
|
118
118
|
);
|
|
119
119
|
|
|
120
|
-
// TODO(b/271876162): remove when tokens compiler emits typescale tokens
|
|
121
120
|
$tokens: map.merge(
|
|
122
121
|
$tokens,
|
|
123
122
|
(
|
|
123
|
+
// TODO(b/271876162): remove when tokens compiler emits typescale tokens
|
|
124
124
|
'input-text-type': map.get($deps, 'md-sys-typescale', 'body-large'),
|
|
125
125
|
'label-text-type': map.get($deps, 'md-sys-typescale', 'body-large'),
|
|
126
126
|
'supporting-text-type': map.get($deps, 'md-sys-typescale', 'body-small'),
|
|
127
|
+
// TODO(b/259455114): remove when focus tokens update to 3px
|
|
128
|
+
'focus-outline-width': if($exclude-hardcoded-values, null, 3px)
|
|
127
129
|
)
|
|
128
130
|
);
|
|
129
131
|
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit").CSSResult;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `@media(forced-colors: active){:host{--md-assist-chip-disabled-label-text-color: GrayText;--md-assist-chip-disabled-label-text-opacity: 1;--md-assist-chip-disabled-leading-icon-color: GrayText;--md-assist-chip-disabled-leading-icon-opacity: 1;--md-assist-chip-disabled-outline-color: GrayText;--md-assist-chip-disabled-outline-opacity: 1}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=assist-forced-colors-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=assist-forced-colors-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"assist-forced-colors-styles.css.js","sourceRoot":"","sources":["assist-forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-assist-chip-disabled-label-text-color: GrayText;--md-assist-chip-disabled-label-text-opacity: 1;--md-assist-chip-disabled-leading-icon-color: GrayText;--md-assist-chip-disabled-leading-icon-opacity: 1;--md-assist-chip-disabled-outline-color: GrayText;--md-assist-chip-disabled-outline-opacity: 1}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=assist-forced-colors-styles.css.map */\n`;\n "]}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 Google LLC
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
// go/keep-sorted start
|
|
7
|
-
@use './assist-chip';
|
|
8
|
-
// go/keep-sorted end
|
|
9
|
-
|
|
10
|
-
@media (forced-colors: active) {
|
|
11
|
-
:host {
|
|
12
|
-
@include assist-chip.theme(
|
|
13
|
-
(
|
|
14
|
-
'disabled-label-text-color': GrayText,
|
|
15
|
-
'disabled-label-text-opacity': 1,
|
|
16
|
-
'disabled-leading-icon-color': GrayText,
|
|
17
|
-
'disabled-leading-icon-opacity': 1,
|
|
18
|
-
'disabled-outline-color': GrayText,
|
|
19
|
-
'disabled-outline-opacity': 1,
|
|
20
|
-
)
|
|
21
|
-
);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.link .outline {
|
|
25
|
-
border-color: ActiveText;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit").CSSResult;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `@media(forced-colors: active){:host{--md-filter-chip-disabled-label-text-color: GrayText;--md-filter-chip-disabled-label-text-opacity: 1;--md-filter-chip-disabled-leading-icon-color: GrayText;--md-filter-chip-disabled-leading-icon-opacity: 1;--md-filter-chip-disabled-trailing-icon-color: GrayText;--md-filter-chip-disabled-trailing-icon-opacity: 1;--md-filter-chip-disabled-outline-color: GrayText;--md-filter-chip-disabled-outline-opacity: 1;--md-filter-chip-trailing-icon-color: ButtonText;--md-filter-chip-hover-trailing-icon-color: ButtonText;--md-filter-chip-focus-trailing-icon-color: ButtonText;--md-filter-chip-pressed-trailing-icon-color: ButtonText;--md-filter-chip-selected-trailing-icon-color: ButtonText;--md-filter-chip-selected-hover-trailing-icon-color: ButtonText;--md-filter-chip-selected-focus-trailing-icon-color: ButtonText;--md-filter-chip-selected-pressed-trailing-icon-color: ButtonText;--md-filter-chip-selected-outline-width: 1px}}/*# sourceMappingURL=filter-forced-colors-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=filter-forced-colors-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"filter-forced-colors-styles.css.js","sourceRoot":"","sources":["filter-forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-filter-chip-disabled-label-text-color: GrayText;--md-filter-chip-disabled-label-text-opacity: 1;--md-filter-chip-disabled-leading-icon-color: GrayText;--md-filter-chip-disabled-leading-icon-opacity: 1;--md-filter-chip-disabled-trailing-icon-color: GrayText;--md-filter-chip-disabled-trailing-icon-opacity: 1;--md-filter-chip-disabled-outline-color: GrayText;--md-filter-chip-disabled-outline-opacity: 1;--md-filter-chip-trailing-icon-color: ButtonText;--md-filter-chip-hover-trailing-icon-color: ButtonText;--md-filter-chip-focus-trailing-icon-color: ButtonText;--md-filter-chip-pressed-trailing-icon-color: ButtonText;--md-filter-chip-selected-trailing-icon-color: ButtonText;--md-filter-chip-selected-hover-trailing-icon-color: ButtonText;--md-filter-chip-selected-focus-trailing-icon-color: ButtonText;--md-filter-chip-selected-pressed-trailing-icon-color: ButtonText;--md-filter-chip-selected-outline-width: 1px}}/*# sourceMappingURL=filter-forced-colors-styles.css.map */\n`;\n "]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 Google LLC
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
// go/keep-sorted start
|
|
7
|
-
@use './filter-chip';
|
|
8
|
-
// go/keep-sorted end
|
|
9
|
-
|
|
10
|
-
@media (forced-colors: active) {
|
|
11
|
-
:host {
|
|
12
|
-
@include filter-chip.theme(
|
|
13
|
-
(
|
|
14
|
-
'disabled-label-text-color': GrayText,
|
|
15
|
-
'disabled-label-text-opacity': 1,
|
|
16
|
-
'disabled-leading-icon-color': GrayText,
|
|
17
|
-
'disabled-leading-icon-opacity': 1,
|
|
18
|
-
'disabled-trailing-icon-color': GrayText,
|
|
19
|
-
'disabled-trailing-icon-opacity': 1,
|
|
20
|
-
'disabled-outline-color': GrayText,
|
|
21
|
-
'disabled-outline-opacity': 1,
|
|
22
|
-
'trailing-icon-color': ButtonText,
|
|
23
|
-
'hover-trailing-icon-color': ButtonText,
|
|
24
|
-
'focus-trailing-icon-color': ButtonText,
|
|
25
|
-
'pressed-trailing-icon-color': ButtonText,
|
|
26
|
-
'selected-trailing-icon-color': ButtonText,
|
|
27
|
-
'selected-hover-trailing-icon-color': ButtonText,
|
|
28
|
-
'selected-focus-trailing-icon-color': ButtonText,
|
|
29
|
-
'selected-pressed-trailing-icon-color': ButtonText,
|
|
30
|
-
'selected-outline-width': 1px,
|
|
31
|
-
)
|
|
32
|
-
);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit").CSSResult;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `@media(forced-colors: active){:host{--md-input-chip-disabled-avatar-opacity: 1;--md-input-chip-disabled-label-text-color: GrayText;--md-input-chip-disabled-label-text-opacity: 1;--md-input-chip-disabled-leading-icon-color: GrayText;--md-input-chip-disabled-leading-icon-opacity: 1;--md-input-chip-disabled-trailing-icon-color: GrayText;--md-input-chip-disabled-trailing-icon-opacity: 1;--md-input-chip-disabled-outline-color: GrayText;--md-input-chip-disabled-outline-opacity: 1;--md-input-chip-trailing-icon-color: ButtonText;--md-input-chip-hover-trailing-icon-color: ButtonText;--md-input-chip-focus-trailing-icon-color: ButtonText;--md-input-chip-pressed-trailing-icon-color: ButtonText;--md-input-chip-selected-trailing-icon-color: ButtonText;--md-input-chip-selected-hover-trailing-icon-color: ButtonText;--md-input-chip-selected-focus-trailing-icon-color: ButtonText;--md-input-chip-selected-pressed-trailing-icon-color: ButtonText;--md-input-chip-selected-outline-width: 1px}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=input-forced-colors-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=input-forced-colors-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input-forced-colors-styles.css.js","sourceRoot":"","sources":["input-forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-input-chip-disabled-avatar-opacity: 1;--md-input-chip-disabled-label-text-color: GrayText;--md-input-chip-disabled-label-text-opacity: 1;--md-input-chip-disabled-leading-icon-color: GrayText;--md-input-chip-disabled-leading-icon-opacity: 1;--md-input-chip-disabled-trailing-icon-color: GrayText;--md-input-chip-disabled-trailing-icon-opacity: 1;--md-input-chip-disabled-outline-color: GrayText;--md-input-chip-disabled-outline-opacity: 1;--md-input-chip-trailing-icon-color: ButtonText;--md-input-chip-hover-trailing-icon-color: ButtonText;--md-input-chip-focus-trailing-icon-color: ButtonText;--md-input-chip-pressed-trailing-icon-color: ButtonText;--md-input-chip-selected-trailing-icon-color: ButtonText;--md-input-chip-selected-hover-trailing-icon-color: ButtonText;--md-input-chip-selected-focus-trailing-icon-color: ButtonText;--md-input-chip-selected-pressed-trailing-icon-color: ButtonText;--md-input-chip-selected-outline-width: 1px}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=input-forced-colors-styles.css.map */\n`;\n "]}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 Google LLC
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
// go/keep-sorted start
|
|
7
|
-
@use './input-chip';
|
|
8
|
-
// go/keep-sorted end
|
|
9
|
-
|
|
10
|
-
@media (forced-colors: active) {
|
|
11
|
-
:host {
|
|
12
|
-
@include input-chip.theme(
|
|
13
|
-
(
|
|
14
|
-
'disabled-avatar-opacity': 1,
|
|
15
|
-
'disabled-label-text-color': GrayText,
|
|
16
|
-
'disabled-label-text-opacity': 1,
|
|
17
|
-
'disabled-leading-icon-color': GrayText,
|
|
18
|
-
'disabled-leading-icon-opacity': 1,
|
|
19
|
-
'disabled-trailing-icon-color': GrayText,
|
|
20
|
-
'disabled-trailing-icon-opacity': 1,
|
|
21
|
-
'disabled-outline-color': GrayText,
|
|
22
|
-
'disabled-outline-opacity': 1,
|
|
23
|
-
'trailing-icon-color': ButtonText,
|
|
24
|
-
'hover-trailing-icon-color': ButtonText,
|
|
25
|
-
'focus-trailing-icon-color': ButtonText,
|
|
26
|
-
'pressed-trailing-icon-color': ButtonText,
|
|
27
|
-
'selected-trailing-icon-color': ButtonText,
|
|
28
|
-
'selected-hover-trailing-icon-color': ButtonText,
|
|
29
|
-
'selected-focus-trailing-icon-color': ButtonText,
|
|
30
|
-
'selected-pressed-trailing-icon-color': ButtonText,
|
|
31
|
-
'selected-outline-width': 1px,
|
|
32
|
-
)
|
|
33
|
-
);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.link .outline {
|
|
37
|
-
border-color: ActiveText;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit").CSSResult;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `@media(forced-colors: active){:host{--md-suggestion-chip-disabled-label-text-color: GrayText;--md-suggestion-chip-disabled-label-text-opacity: 1;--md-suggestion-chip-disabled-leading-icon-color: GrayText;--md-suggestion-chip-disabled-leading-icon-opacity: 1;--md-suggestion-chip-disabled-outline-color: GrayText;--md-suggestion-chip-disabled-outline-opacity: 1}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=suggestion-forced-colors-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=suggestion-forced-colors-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"suggestion-forced-colors-styles.css.js","sourceRoot":"","sources":["suggestion-forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-suggestion-chip-disabled-label-text-color: GrayText;--md-suggestion-chip-disabled-label-text-opacity: 1;--md-suggestion-chip-disabled-leading-icon-color: GrayText;--md-suggestion-chip-disabled-leading-icon-opacity: 1;--md-suggestion-chip-disabled-outline-color: GrayText;--md-suggestion-chip-disabled-outline-opacity: 1}.link .outline{border-color:ActiveText}}/*# sourceMappingURL=suggestion-forced-colors-styles.css.map */\n`;\n "]}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 Google LLC
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
// go/keep-sorted start
|
|
7
|
-
@use './suggestion-chip';
|
|
8
|
-
// go/keep-sorted end
|
|
9
|
-
|
|
10
|
-
@media (forced-colors: active) {
|
|
11
|
-
:host {
|
|
12
|
-
@include suggestion-chip.theme(
|
|
13
|
-
(
|
|
14
|
-
'disabled-label-text-color': GrayText,
|
|
15
|
-
'disabled-label-text-opacity': 1,
|
|
16
|
-
'disabled-leading-icon-color': GrayText,
|
|
17
|
-
'disabled-leading-icon-opacity': 1,
|
|
18
|
-
'disabled-outline-color': GrayText,
|
|
19
|
-
'disabled-outline-opacity': 1,
|
|
20
|
-
)
|
|
21
|
-
);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.link .outline {
|
|
25
|
-
border-color: ActiveText;
|
|
26
|
-
}
|
|
27
|
-
}
|