@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.
Files changed (192) hide show
  1. package/README.md +22 -17
  2. package/button/internal/_filled-button.scss +0 -1
  3. package/button/internal/_outlined-button.scss +6 -0
  4. package/button/internal/_shared.scss +7 -1
  5. package/button/internal/button.d.ts +15 -14
  6. package/button/internal/button.js +41 -39
  7. package/button/internal/button.js.map +1 -1
  8. package/button/internal/outlined-styles.css.js +1 -1
  9. package/button/internal/outlined-styles.css.js.map +1 -1
  10. package/button/internal/shared-elevation-styles.css.js +1 -1
  11. package/button/internal/shared-elevation-styles.css.js.map +1 -1
  12. package/button/internal/shared-styles.css.js +1 -1
  13. package/button/internal/shared-styles.css.js.map +1 -1
  14. package/checkbox/internal/_checkbox.scss +1 -0
  15. package/checkbox/internal/checkbox-styles.css.js +1 -1
  16. package/checkbox/internal/checkbox-styles.css.js.map +1 -1
  17. package/checkbox/internal/checkbox.d.ts +2 -2
  18. package/checkbox/internal/checkbox.js +18 -14
  19. package/checkbox/internal/checkbox.js.map +1 -1
  20. package/chips/assist-chip.js +1 -2
  21. package/chips/assist-chip.js.map +1 -1
  22. package/chips/filter-chip.js +1 -3
  23. package/chips/filter-chip.js.map +1 -1
  24. package/chips/input-chip.js +1 -5
  25. package/chips/input-chip.js.map +1 -1
  26. package/chips/internal/_assist-chip.scss +6 -0
  27. package/chips/internal/_elevated.scss +1 -1
  28. package/chips/internal/_filter-chip.scss +6 -0
  29. package/chips/internal/_input-chip.scss +32 -0
  30. package/chips/internal/_selectable.scss +17 -13
  31. package/chips/internal/_shared.scss +17 -10
  32. package/chips/internal/_suggestion-chip.scss +6 -0
  33. package/chips/internal/_trailing-icon.scss +24 -24
  34. package/chips/internal/assist-styles.css.js +1 -1
  35. package/chips/internal/assist-styles.css.js.map +1 -1
  36. package/chips/internal/elevated-styles.css.js +1 -1
  37. package/chips/internal/elevated-styles.css.js.map +1 -1
  38. package/chips/internal/filter-styles.css.js +1 -1
  39. package/chips/internal/filter-styles.css.js.map +1 -1
  40. package/chips/internal/input-styles.css.js +1 -1
  41. package/chips/internal/input-styles.css.js.map +1 -1
  42. package/chips/internal/selectable-styles.css.js +1 -1
  43. package/chips/internal/selectable-styles.css.js.map +1 -1
  44. package/chips/internal/shared-styles.css.js +1 -1
  45. package/chips/internal/shared-styles.css.js.map +1 -1
  46. package/chips/internal/suggestion-styles.css.js +1 -1
  47. package/chips/internal/suggestion-styles.css.js.map +1 -1
  48. package/chips/internal/trailing-icon-styles.css.js +1 -1
  49. package/chips/internal/trailing-icon-styles.css.js.map +1 -1
  50. package/chips/suggestion-chip.js +1 -2
  51. package/chips/suggestion-chip.js.map +1 -1
  52. package/elevation/internal/_elevation.scss +14 -7
  53. package/elevation/internal/elevation-styles.css.js +1 -1
  54. package/elevation/internal/elevation-styles.css.js.map +1 -1
  55. package/fab/branded-fab.d.ts +0 -1
  56. package/fab/internal/_fab.scss +11 -10
  57. package/fab/internal/_shared.scss +4 -1
  58. package/fab/internal/fab-styles.css.js +1 -1
  59. package/fab/internal/fab-styles.css.js.map +1 -1
  60. package/fab/internal/fab.d.ts +0 -1
  61. package/fab/internal/shared-styles.css.js +1 -1
  62. package/fab/internal/shared-styles.css.js.map +1 -1
  63. package/fab/internal/shared.d.ts +0 -9
  64. package/fab/internal/shared.js +2 -18
  65. package/fab/internal/shared.js.map +1 -1
  66. package/field/internal/filled-styles.css.js +1 -1
  67. package/field/internal/filled-styles.css.js.map +1 -1
  68. package/field/internal/outlined-styles.css.js +1 -1
  69. package/field/internal/outlined-styles.css.js.map +1 -1
  70. package/icon/internal/_icon.scss +10 -5
  71. package/icon/internal/icon-styles.css.js +1 -1
  72. package/icon/internal/icon-styles.css.js.map +1 -1
  73. package/iconbutton/internal/_icon-button.scss +4 -0
  74. package/iconbutton/internal/_shared.scss +9 -0
  75. package/iconbutton/internal/icon-button.d.ts +16 -3
  76. package/iconbutton/internal/icon-button.js +31 -7
  77. package/iconbutton/internal/icon-button.js.map +1 -1
  78. package/iconbutton/internal/shared-styles.css.js +1 -1
  79. package/iconbutton/internal/shared-styles.css.js.map +1 -1
  80. package/iconbutton/internal/standard-styles.css.js +1 -1
  81. package/iconbutton/internal/standard-styles.css.js.map +1 -1
  82. package/internal/controller/form-submitter.d.ts +12 -0
  83. package/internal/controller/form-submitter.js +3 -1
  84. package/internal/controller/form-submitter.js.map +1 -1
  85. package/labs/badge/internal/_badge.scss +11 -8
  86. package/labs/navigationbar/internal/_navigation-bar.scss +11 -9
  87. package/labs/navigationbar/internal/navigation-bar-styles.css.js +1 -1
  88. package/labs/navigationbar/internal/navigation-bar-styles.css.js.map +1 -1
  89. package/labs/navigationdrawer/internal/_navigation-drawer-modal.scss +11 -8
  90. package/labs/navigationdrawer/internal/_navigation-drawer.scss +11 -8
  91. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js +1 -1
  92. package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js.map +1 -1
  93. package/labs/navigationdrawer/internal/navigation-drawer-styles.css.js +1 -1
  94. package/labs/navigationdrawer/internal/navigation-drawer-styles.css.js.map +1 -1
  95. package/labs/navigationtab/internal/_navigation-tab.scss +10 -10
  96. package/labs/segmentedbutton/internal/_outlined-segmented-button.scss +1 -3
  97. package/labs/segmentedbutton/internal/outlined-styles.css.js +1 -1
  98. package/labs/segmentedbutton/internal/outlined-styles.css.js.map +1 -1
  99. package/list/internal/_list.scss +6 -2
  100. package/list/internal/list-styles.css.js +1 -1
  101. package/list/internal/list-styles.css.js.map +1 -1
  102. package/list/internal/listitem/_list-item.scss +83 -93
  103. package/list/internal/listitem/forced-colors-styles.css.js +1 -1
  104. package/list/internal/listitem/forced-colors-styles.css.js.map +1 -1
  105. package/list/internal/listitem/forced-colors-styles.scss +6 -6
  106. package/list/internal/listitem/list-item-styles.css.js +1 -1
  107. package/list/internal/listitem/list-item-styles.css.js.map +1 -1
  108. package/menu/internal/_menu.scss +6 -3
  109. package/menu/internal/menu-styles.css.js +1 -1
  110. package/menu/internal/menu-styles.css.js.map +1 -1
  111. package/menu/internal/menu.js +6 -6
  112. package/menu/internal/menu.js.map +1 -1
  113. package/menu/internal/menuitem/_menu-item.scss +7 -4
  114. package/menu/internal/menuitem/menu-item-styles.css.js +1 -1
  115. package/menu/internal/menuitem/menu-item-styles.css.js.map +1 -1
  116. package/package.json +1 -1
  117. package/progress/harness.js +2 -4
  118. package/progress/harness.js.map +1 -1
  119. package/progress/internal/_circular-progress.scss +4 -4
  120. package/progress/internal/_linear-progress.scss +93 -132
  121. package/progress/internal/circular-progress-styles.css.js +1 -1
  122. package/progress/internal/circular-progress-styles.css.js.map +1 -1
  123. package/progress/internal/circular-progress.js +1 -1
  124. package/progress/internal/circular-progress.js.map +1 -1
  125. package/progress/internal/linear-progress-styles.css.js +1 -1
  126. package/progress/internal/linear-progress-styles.css.js.map +1 -1
  127. package/progress/internal/linear-progress.d.ts +0 -11
  128. package/progress/internal/linear-progress.js +4 -48
  129. package/progress/internal/linear-progress.js.map +1 -1
  130. package/radio/internal/radio.d.ts +1 -1
  131. package/radio/internal/radio.js.map +1 -1
  132. package/ripple/internal/_ripple.scss +1 -1
  133. package/ripple/internal/ripple-styles.css.js +1 -1
  134. package/ripple/internal/ripple-styles.css.js.map +1 -1
  135. package/select/internal/_filled-select.scss +0 -1
  136. package/select/internal/_outlined-select.scss +0 -1
  137. package/select/internal/_shared.scss +0 -1
  138. package/select/internal/filled-select-styles.css.js +1 -1
  139. package/select/internal/filled-select-styles.css.js.map +1 -1
  140. package/select/internal/outlined-select-styles.css.js +1 -1
  141. package/select/internal/outlined-select-styles.css.js.map +1 -1
  142. package/slider/internal/_slider.scss +33 -28
  143. package/slider/internal/forced-colors-styles.css.js +1 -1
  144. package/slider/internal/forced-colors-styles.css.js.map +1 -1
  145. package/slider/internal/slider-styles.css.js +1 -1
  146. package/slider/internal/slider-styles.css.js.map +1 -1
  147. package/slider/internal/slider.d.ts +22 -8
  148. package/slider/internal/slider.js +113 -22
  149. package/slider/internal/slider.js.map +1 -1
  150. package/switch/internal/_switch.scss +9 -1
  151. package/switch/internal/switch-styles.css.js +1 -1
  152. package/switch/internal/switch-styles.css.js.map +1 -1
  153. package/switch/internal/switch.d.ts +1 -1
  154. package/switch/internal/switch.js +2 -2
  155. package/switch/internal/switch.js.map +1 -1
  156. package/tabs/internal/_tab.scss +76 -20
  157. package/tabs/internal/tab-styles.css.js +1 -1
  158. package/tabs/internal/tab-styles.css.js.map +1 -1
  159. package/tabs/internal/tab.js +0 -1
  160. package/tabs/internal/tab.js.map +1 -1
  161. package/textfield/internal/filled-styles.css.js +1 -1
  162. package/textfield/internal/filled-styles.css.js.map +1 -1
  163. package/textfield/internal/outlined-styles.css.js +1 -1
  164. package/textfield/internal/outlined-styles.css.js.map +1 -1
  165. package/textfield/internal/text-field.d.ts +11 -10
  166. package/textfield/internal/text-field.js +60 -32
  167. package/textfield/internal/text-field.js.map +1 -1
  168. package/tokens/_md-comp-filled-field.scss +2 -2
  169. package/tokens/_md-comp-filled-select.scss +3 -0
  170. package/tokens/_md-comp-filled-text-field.scss +3 -1
  171. package/tokens/_md-comp-list-item.scss +117 -103
  172. package/tokens/_md-comp-menu-item.scss +3 -3
  173. package/tokens/_md-comp-outlined-field.scss +2 -1
  174. package/tokens/_md-comp-outlined-select.scss +8 -0
  175. package/tokens/_md-comp-outlined-text-field.scss +3 -1
  176. package/chips/internal/assist-forced-colors-styles.css.d.ts +0 -1
  177. package/chips/internal/assist-forced-colors-styles.css.js +0 -9
  178. package/chips/internal/assist-forced-colors-styles.css.js.map +0 -1
  179. package/chips/internal/assist-forced-colors-styles.scss +0 -27
  180. package/chips/internal/filter-forced-colors-styles.css.d.ts +0 -1
  181. package/chips/internal/filter-forced-colors-styles.css.js +0 -9
  182. package/chips/internal/filter-forced-colors-styles.css.js.map +0 -1
  183. package/chips/internal/filter-forced-colors-styles.scss +0 -34
  184. package/chips/internal/input-forced-colors-styles.css.d.ts +0 -1
  185. package/chips/internal/input-forced-colors-styles.css.js +0 -9
  186. package/chips/internal/input-forced-colors-styles.css.js.map +0 -1
  187. package/chips/internal/input-forced-colors-styles.scss +0 -39
  188. package/chips/internal/suggestion-forced-colors-styles.css.d.ts +0 -1
  189. package/chips/internal/suggestion-forced-colors-styles.css.js +0 -9
  190. package/chips/internal/suggestion-forced-colors-styles.css.js.map +0 -1
  191. package/chips/internal/suggestion-forced-colors-styles.scss +0 -27
  192. 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
- 'list-item-container-color',
22
- 'list-item-container-shape',
23
- 'list-item-disabled-label-text-color',
24
- 'list-item-disabled-label-text-opacity',
25
- 'list-item-disabled-leading-icon-color',
26
- 'list-item-disabled-leading-icon-opacity',
27
- 'list-item-disabled-trailing-icon-color',
28
- 'list-item-disabled-trailing-icon-opacity',
29
- 'list-item-focus-label-text-color',
30
- 'list-item-focus-leading-icon-icon-color',
31
- 'list-item-focus-trailing-icon-icon-color',
32
- 'list-item-hover-label-text-color',
33
- 'list-item-hover-leading-icon-icon-color',
34
- 'list-item-hover-state-layer-color',
35
- 'list-item-hover-state-layer-opacity',
36
- 'list-item-hover-trailing-icon-icon-color',
37
- 'list-item-label-text-color',
38
- 'list-item-label-text-line-height',
39
- 'list-item-label-text-type',
40
- 'list-item-large-leading-video-height',
41
- 'list-item-leading-avatar-color',
42
- 'list-item-leading-avatar-label-color',
43
- 'list-item-leading-avatar-label-type',
44
- 'list-item-leading-avatar-shape',
45
- 'list-item-leading-avatar-size',
46
- 'list-item-leading-element-leading-space',
47
- 'list-item-leading-icon-color',
48
- 'list-item-leading-icon-size',
49
- 'list-item-leading-image-height',
50
- 'list-item-leading-image-shape',
51
- 'list-item-leading-image-width',
52
- 'list-item-leading-space',
53
- 'list-item-leading-video-leading-space',
54
- 'list-item-leading-video-shape',
55
- 'list-item-leading-video-width',
56
- 'list-item-one-line-container-height',
57
- 'list-item-pressed-label-text-color',
58
- 'list-item-pressed-leading-icon-icon-color',
59
- 'list-item-pressed-state-layer-color',
60
- 'list-item-pressed-state-layer-opacity',
61
- 'list-item-pressed-trailing-icon-icon-color',
62
- 'list-item-small-leading-video-height',
63
- 'list-item-supporting-text-color',
64
- 'list-item-supporting-text-type',
65
- 'list-item-three-line-container-height',
66
- 'list-item-trailing-element-headline-trailing-element-space',
67
- 'list-item-trailing-icon-color',
68
- 'list-item-trailing-icon-size',
69
- 'list-item-trailing-space',
70
- 'list-item-trailing-supporting-text-color',
71
- 'list-item-trailing-supporting-text-line-height',
72
- 'list-item-trailing-supporting-text-type',
73
- 'list-item-two-line-container-height',
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
- 'list-item-container-elevation',
80
- 'list-item-disabled-state-layer-color',
81
- 'list-item-disabled-state-layer-opacity',
82
- 'list-item-dragged-container-elevation',
83
- 'list-item-dragged-label-text-color',
84
- 'list-item-dragged-leading-icon-icon-color',
85
- 'list-item-dragged-state-layer-color',
86
- 'list-item-dragged-state-layer-opacity',
87
- 'list-item-dragged-trailing-icon-icon-color',
88
- 'list-item-focus-state-layer-color',
89
- 'list-item-focus-state-layer-opacity',
90
- 'list-item-label-text-font',
91
- 'list-item-label-text-size',
92
- 'list-item-label-text-tracking',
93
- 'list-item-label-text-weight',
94
- 'list-item-leading-avatar-label-font',
95
- 'list-item-leading-avatar-label-line-height',
96
- 'list-item-leading-avatar-label-size',
97
- 'list-item-leading-avatar-label-tracking',
98
- 'list-item-leading-avatar-label-weight',
99
- 'list-item-overline-color',
100
- 'list-item-overline-font',
101
- 'list-item-overline-line-height',
102
- 'list-item-overline-size',
103
- 'list-item-overline-tracking',
104
- 'list-item-overline-type',
105
- 'list-item-overline-weight',
106
- 'list-item-selected-trailing-icon-color',
107
- 'list-item-supporting-text-font',
108
- 'list-item-supporting-text-line-height',
109
- 'list-item-supporting-text-size',
110
- 'list-item-supporting-text-tracking',
111
- 'list-item-supporting-text-weight',
112
- 'list-item-trailing-supporting-text-font',
113
- 'list-item-trailing-supporting-text-size',
114
- 'list-item-trailing-supporting-text-tracking',
115
- 'list-item-trailing-supporting-text-weight',
116
- 'list-item-unselected-trailing-icon-color',
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
- 'list-item-leading-element-leading-space':
147
- if($exclude-hardcoded-values, null, 16px),
148
- 'list-item-leading-space': if($exclude-hardcoded-values, null, 16px),
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
- // 'list-item-leading-item-top-space': if($exclude-hardcoded-values, null, 8px),
154
- // 'list-item-leading-video-top-space': if($exclude-hardcoded-values, null, 0px),
155
- // 'list-item-leading-item-bottom-space': if($exclude-hardcoded-values, null, 8px),
156
- // 'list-item-leading-video-bottom-space': if($exclude-hardcoded-values, null, 0px),
157
- 'list-item-trailing-element-headline-trailing-element-space': 16px,
158
- 'list-item-trailing-space': if($exclude-hardcoded-values, null, 24px),
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
- 'list-item-container-color',
22
- 'list-item-selected-container-color',
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': 'list-item-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
- 'focus-outline-width': map.get($text-field, 'focus-outline-width'),
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
- }