@material/web 2.4.2-nightly.f57b157.0 → 2.4.2-nightly.fd17013.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.
Files changed (76) hide show
  1. package/button/internal/_touch-target.scss +1 -1
  2. package/button/internal/button.d.ts +0 -4
  3. package/button/internal/button.js.map +1 -1
  4. package/button/internal/shared-styles.css +1 -1
  5. package/button/internal/shared-styles.css.map +1 -1
  6. package/button/internal/shared-styles.cssresult.js +1 -1
  7. package/button/internal/shared-styles.cssresult.js.map +1 -1
  8. package/checkbox/internal/checkbox.d.ts +0 -2
  9. package/checkbox/internal/checkbox.js.map +1 -1
  10. package/icon/internal/icon.d.ts +1 -1
  11. package/icon/internal/icon.js +1 -1
  12. package/icon/internal/icon.js.map +1 -1
  13. package/iconbutton/internal/icon-button.d.ts +0 -4
  14. package/iconbutton/internal/icon-button.js.map +1 -1
  15. package/labs/behaviors/form-associated.d.ts +0 -22
  16. package/labs/behaviors/form-associated.js +0 -11
  17. package/labs/behaviors/form-associated.js.map +1 -1
  18. package/labs/gb/components/ripple/ripple.js +3 -0
  19. package/labs/gb/components/ripple/ripple.js.map +1 -1
  20. package/labs/gb/components/splitbutton/_split-button-tokens.scss +135 -0
  21. package/labs/gb/components/splitbutton/md-split-button.d.ts +26 -0
  22. package/labs/gb/components/splitbutton/md-split-button.js +119 -0
  23. package/labs/gb/components/splitbutton/md-split-button.js.map +1 -0
  24. package/labs/gb/components/splitbutton/split-button.css +4 -0
  25. package/labs/gb/components/splitbutton/split-button.css.map +1 -0
  26. package/labs/gb/components/splitbutton/split-button.cssresult.d.ts +3 -0
  27. package/labs/gb/components/splitbutton/split-button.cssresult.js +14 -0
  28. package/labs/gb/components/splitbutton/split-button.cssresult.js.map +1 -0
  29. package/labs/gb/components/splitbutton/split-button.d.ts +47 -0
  30. package/labs/gb/components/splitbutton/split-button.js +46 -0
  31. package/labs/gb/components/splitbutton/split-button.js.map +1 -0
  32. package/labs/gb/components/splitbutton/split-button.scss +164 -0
  33. package/labs/gb/styles/icon/md-icon.css +1 -1
  34. package/labs/gb/styles/icon/md-icon.css.map +1 -1
  35. package/labs/gb/styles/icon/md-icon.cssresult.js +1 -1
  36. package/labs/gb/styles/icon/md-icon.cssresult.js.map +1 -1
  37. package/labs/gb/styles/icon/md-icon.d.ts +20 -0
  38. package/labs/gb/styles/icon/md-icon.js +24 -0
  39. package/labs/gb/styles/icon/md-icon.js.map +1 -0
  40. package/labs/gb/styles/icon/md-icon.scss +2 -1
  41. package/labs/gb/styles/m3.css +5 -2
  42. package/labs/gb/styles/m3.css.map +1 -1
  43. package/labs/gb/styles/m3.cssresult.js +5 -2
  44. package/labs/gb/styles/m3.cssresult.js.map +1 -1
  45. package/labs/gb/styles/m3.scss +1 -0
  46. package/labs/gb/styles/space/md-space-tokens.css +4 -0
  47. package/labs/gb/styles/space/md-space-tokens.css.map +1 -0
  48. package/labs/gb/styles/space/md-space-tokens.cssresult.d.ts +3 -0
  49. package/labs/gb/styles/space/md-space-tokens.cssresult.js +14 -0
  50. package/labs/gb/styles/space/md-space-tokens.cssresult.js.map +1 -0
  51. package/labs/gb/styles/space/md-space-tokens.scss +28 -0
  52. package/labs/gb/styles/tailwind.css +4 -0
  53. package/labs/gb/styles/tailwind.css.map +1 -0
  54. package/labs/gb/styles/tailwind.cssresult.d.ts +3 -0
  55. package/labs/gb/styles/tailwind.cssresult.js +14 -0
  56. package/labs/gb/styles/tailwind.cssresult.js.map +1 -0
  57. package/labs/gb/styles/tailwind.scss +349 -0
  58. package/labs/gb/styles/typography/internal/_typography-tokens.scss +85 -16
  59. package/labs/gb/styles/typography/md-typography-tokens.css +1 -1
  60. package/labs/gb/styles/typography/md-typography-tokens.css.map +1 -1
  61. package/labs/gb/styles/typography/md-typography-tokens.cssresult.js +1 -1
  62. package/labs/gb/styles/typography/md-typography-tokens.cssresult.js.map +1 -1
  63. package/package.json +5 -2
  64. package/radio/internal/radio.d.ts +0 -2
  65. package/radio/internal/radio.js.map +1 -1
  66. package/select/internal/select.d.ts +0 -2
  67. package/select/internal/select.js.map +1 -1
  68. package/slider/internal/slider.d.ts +0 -2
  69. package/slider/internal/slider.js.map +1 -1
  70. package/switch/internal/_switch.scss +1 -0
  71. package/switch/internal/switch-styles.css +1 -1
  72. package/switch/internal/switch-styles.css.map +1 -1
  73. package/switch/internal/switch-styles.cssresult.js +1 -1
  74. package/switch/internal/switch-styles.cssresult.js.map +1 -1
  75. package/switch/internal/switch.d.ts +0 -2
  76. package/switch/internal/switch.js.map +1 -1
@@ -0,0 +1,349 @@
1
+ /*!
2
+ * Copyright 2026 Google LLC
3
+ * SPDX-License-Identifier: Apache-2.0
4
+ */
5
+
6
+ // stylelint-disable scss/at-rule-no-unknown -- Uses TailwindCSS at-rules.
7
+
8
+ // Cascade `md` layer between `base` reset styles and `utilities` for overrides.
9
+ @layer theme, base, md, components, utilities;
10
+ // Non-inline theme to preserve Tailwind's default 4px spacing convention.
11
+ @theme {
12
+ --spacing: calc(var(--md-sys-space-unit) / 2);
13
+ }
14
+ // Inline theme to replace Tailwind's default custom properties.
15
+ @theme inline {
16
+ // Color
17
+ #{'--color-*'}: initial; // Do not use Tailwind's default color utilities.
18
+ --color-primary: var(--md-sys-color-primary);
19
+ --color-on-primary: var(--md-sys-color-on-primary);
20
+ --color-primary-container: var(--md-sys-color-primary-container);
21
+ --color-on-primary-container: var(--md-sys-color-on-primary-container);
22
+ --color-primary-fixed: var(--md-sys-color-primary-fixed);
23
+ --color-primary-fixed-dim: var(--md-sys-color-primary-fixed-dim);
24
+ --color-on-primary-fixed: var(--md-sys-color-on-primary-fixed);
25
+ --color-on-primary-fixed-variant: var(
26
+ --md-sys-color-on-primary-fixed-variant
27
+ );
28
+ --color-secondary: var(--md-sys-color-secondary);
29
+ --color-on-secondary: var(--md-sys-color-on-secondary);
30
+ --color-secondary-container: var(--md-sys-color-secondary-container);
31
+ --color-on-secondary-container: var(--md-sys-color-on-secondary-container);
32
+ --color-secondary-fixed: var(--md-sys-color-secondary-fixed);
33
+ --color-secondary-fixed-dim: var(--md-sys-color-secondary-fixed-dim);
34
+ --color-on-secondary-fixed: var(--md-sys-color-on-secondary-fixed);
35
+ --color-on-secondary-fixed-variant: var(
36
+ --md-sys-color-on-secondary-fixed-variant
37
+ );
38
+ --color-tertiary: var(--md-sys-color-tertiary);
39
+ --color-on-tertiary: var(--md-sys-color-on-tertiary);
40
+ --color-tertiary-container: var(--md-sys-color-tertiary-container);
41
+ --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);
42
+ --color-tertiary-fixed: var(--md-sys-color-tertiary-fixed);
43
+ --color-tertiary-fixed-dim: var(--md-sys-color-tertiary-fixed-dim);
44
+ --color-on-tertiary-fixed: var(--md-sys-color-on-tertiary-fixed);
45
+ --color-on-tertiary-fixed-variant: var(
46
+ --md-sys-color-on-tertiary-fixed-variant
47
+ );
48
+ --color-error: var(--md-sys-color-error);
49
+ --color-on-error: var(--md-sys-color-on-error);
50
+ --color-error-container: var(--md-sys-color-error-container);
51
+ --color-on-error-container: var(--md-sys-color-on-error-container);
52
+ --color-surface: var(--md-sys-color-surface);
53
+ --color-surface-dim: var(--md-sys-color-surface-dim);
54
+ --color-surface-bright: var(--md-sys-color-surface-bright);
55
+ --color-surface-container-lowest: var(
56
+ --md-sys-color-surface-container-lowest
57
+ );
58
+ --color-surface-container-low: var(--md-sys-color-surface-container-low);
59
+ --color-surface-container: var(--md-sys-color-surface-container);
60
+ --color-surface-container-high: var(--md-sys-color-surface-container-high);
61
+ --color-surface-container-highest: var(
62
+ --md-sys-color-surface-container-highest
63
+ );
64
+ --color-on-surface: var(--md-sys-color-on-surface);
65
+ --color-on-surface-variant: var(--md-sys-color-on-surface-variant);
66
+ --color-outline: var(--md-sys-color-outline);
67
+ --color-outline-variant: var(--md-sys-color-outline-variant);
68
+ --color-inverse-surface: var(--md-sys-color-inverse-surface);
69
+ --color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);
70
+ --color-inverse-primary: var(--md-sys-color-inverse-primary);
71
+ --color-scrim: var(--md-sys-color-scrim);
72
+ --color-shadow: var(--md-sys-color-shadow);
73
+
74
+ // Typography
75
+ #{'--font-*'}: initial; // Do not use Tailwind's default font utilities.
76
+ --font-brand: var(--md-ref-typeface-brand);
77
+ --font-plain: var(--md-ref-typeface-plain);
78
+ --font-weight-normal: var(--md-ref-typeface-weight-regular);
79
+ --font-weight-medium: var(--md-ref-typeface-weight-medium);
80
+ --font-weight-bold: var(--md-ref-typeface-weight-bold);
81
+ #{'--text-*'}: initial; // Do not use Tailwind's default text utilities.
82
+ #{'--tracking-*'}: initial;
83
+ #{'--leading-*'}: initial;
84
+ // Use the `typescale-<name>-<size>` utility to apply typography tokens.
85
+ --typescale-label-sm: var(--md-sys-typescale-label-sm);
86
+ --typescale-label-sm-tracking: var(--md-sys-typescale-label-sm-tracking);
87
+ --typescale-label-sm-axes: var(--md-sys-typescale-label-sm-axes);
88
+ --typescale-label-md: var(--md-sys-typescale-label-md);
89
+ --typescale-label-md-tracking: var(--md-sys-typescale-label-md-tracking);
90
+ --typescale-label-md-axes: var(--md-sys-typescale-label-md-axes);
91
+ --typescale-label-lg: var(--md-sys-typescale-label-lg);
92
+ --typescale-label-lg-tracking: var(--md-sys-typescale-label-lg-tracking);
93
+ --typescale-label-lg-axes: var(--md-sys-typescale-label-lg-axes);
94
+ --typescale-body-sm: var(--md-sys-typescale-body-sm);
95
+ --typescale-body-sm-tracking: var(--md-sys-typescale-body-sm-tracking);
96
+ --typescale-body-sm-axes: var(--md-sys-typescale-body-sm-axes);
97
+ --typescale-body-md: var(--md-sys-typescale-body-md);
98
+ --typescale-body-md-tracking: var(--md-sys-typescale-body-md-tracking);
99
+ --typescale-body-md-axes: var(--md-sys-typescale-body-md-axes);
100
+ --typescale-body-lg: var(--md-sys-typescale-body-lg);
101
+ --typescale-body-lg-tracking: var(--md-sys-typescale-body-lg-tracking);
102
+ --typescale-body-lg-axes: var(--md-sys-typescale-body-lg-axes);
103
+ --typescale-title-sm: var(--md-sys-typescale-title-sm);
104
+ --typescale-title-sm-tracking: var(--md-sys-typescale-title-sm-tracking);
105
+ --typescale-title-sm-axes: var(--md-sys-typescale-title-sm-axes);
106
+ --typescale-title-md: var(--md-sys-typescale-title-md);
107
+ --typescale-title-md-tracking: var(--md-sys-typescale-title-md-tracking);
108
+ --typescale-title-md-axes: var(--md-sys-typescale-title-md-axes);
109
+ --typescale-title-lg: var(--md-sys-typescale-title-lg);
110
+ --typescale-title-lg-tracking: var(--md-sys-typescale-title-lg-tracking);
111
+ --typescale-title-lg-axes: var(--md-sys-typescale-title-lg-axes);
112
+ --typescale-headline-sm: var(--md-sys-typescale-headline-sm);
113
+ --typescale-headline-sm-tracking: var(
114
+ --md-sys-typescale-headline-sm-tracking
115
+ );
116
+ --typescale-headline-sm-axes: var(--md-sys-typescale-headline-sm-axes);
117
+ --typescale-headline-md: var(--md-sys-typescale-headline-md);
118
+ --typescale-headline-md-tracking: var(
119
+ --md-sys-typescale-headline-md-tracking
120
+ );
121
+ --typescale-headline-md-axes: var(--md-sys-typescale-headline-md-axes);
122
+ --typescale-headline-lg: var(--md-sys-typescale-headline-lg);
123
+ --typescale-headline-lg-tracking: var(
124
+ --md-sys-typescale-headline-lg-tracking
125
+ );
126
+ --typescale-headline-lg-axes: var(--md-sys-typescale-headline-lg-axes);
127
+ --typescale-display-sm: var(--md-sys-typescale-display-sm);
128
+ --typescale-display-sm-tracking: var(--md-sys-typescale-display-sm-tracking);
129
+ --typescale-display-sm-axes: var(--md-sys-typescale-display-sm-axes);
130
+ --typescale-display-md: var(--md-sys-typescale-display-md);
131
+ --typescale-display-md-tracking: var(--md-sys-typescale-display-md-tracking);
132
+ --typescale-display-md-axes: var(--md-sys-typescale-display-md-axes);
133
+ --typescale-display-lg: var(--md-sys-typescale-display-lg);
134
+ --typescale-display-lg-tracking: var(--md-sys-typescale-display-lg-tracking);
135
+ --typescale-display-lg-axes: var(--md-sys-typescale-display-lg-axes);
136
+ --typescale-emphasized-label-sm: var(--md-sys-typescale-emphasized-label-sm);
137
+ --typescale-emphasized-label-sm-axes: var(
138
+ --md-sys-typescale-emphasized-label-sm-axes
139
+ );
140
+ --typescale-emphasized-label-md: var(--md-sys-typescale-emphasized-label-md);
141
+ --typescale-emphasized-label-md-axes: var(
142
+ --md-sys-typescale-emphasized-label-md-axes
143
+ );
144
+ --typescale-emphasized-label-lg: var(--md-sys-typescale-emphasized-label-lg);
145
+ --typescale-emphasized-label-lg-axes: var(
146
+ --md-sys-typescale-emphasized-label-lg-axes
147
+ );
148
+ --typescale-emphasized-body-sm: var(--md-sys-typescale-emphasized-body-sm);
149
+ --typescale-emphasized-body-sm-axes: var(
150
+ --md-sys-typescale-emphasized-body-sm-axes
151
+ );
152
+ --typescale-emphasized-body-md: var(--md-sys-typescale-emphasized-body-md);
153
+ --typescale-emphasized-body-md-axes: var(
154
+ --md-sys-typescale-emphasized-body-md-axes
155
+ );
156
+ --typescale-emphasized-body-lg: var(--md-sys-typescale-emphasized-body-lg);
157
+ --typescale-emphasized-body-lg-axes: var(
158
+ --md-sys-typescale-emphasized-body-lg-axes
159
+ );
160
+ --typescale-emphasized-title-sm: var(--md-sys-typescale-emphasized-title-sm);
161
+ --typescale-emphasized-title-sm-axes: var(
162
+ --md-sys-typescale-emphasized-title-sm-axes
163
+ );
164
+ --typescale-emphasized-title-md: var(--md-sys-typescale-emphasized-title-md);
165
+ --typescale-emphasized-title-md-axes: var(
166
+ --md-sys-typescale-emphasized-title-md-axes
167
+ );
168
+ --typescale-emphasized-title-lg: var(--md-sys-typescale-emphasized-title-lg);
169
+ --typescale-emphasized-title-lg-axes: var(
170
+ --md-sys-typescale-emphasized-title-lg-axes
171
+ );
172
+ --typescale-emphasized-headline-sm: var(
173
+ --md-sys-typescale-emphasized-headline-sm
174
+ );
175
+ --typescale-emphasized-headline-sm-axes: var(
176
+ --md-sys-typescale-emphasized-headline-sm-axes
177
+ );
178
+ --typescale-emphasized-headline-md: var(
179
+ --md-sys-typescale-emphasized-headline-md
180
+ );
181
+ --typescale-emphasized-headline-md-axes: var(
182
+ --md-sys-typescale-emphasized-headline-md-axes
183
+ );
184
+ --typescale-emphasized-headline-lg: var(
185
+ --md-sys-typescale-emphasized-headline-lg
186
+ );
187
+ --typescale-emphasized-headline-lg-axes: var(
188
+ --md-sys-typescale-emphasized-headline-lg-axes
189
+ );
190
+ --typescale-emphasized-display-sm: var(
191
+ --md-sys-typescale-emphasized-display-sm
192
+ );
193
+ --typescale-emphasized-display-sm-axes: var(
194
+ --md-sys-typescale-emphasized-display-sm-axes
195
+ );
196
+ --typescale-emphasized-display-md: var(
197
+ --md-sys-typescale-emphasized-display-md
198
+ );
199
+ --typescale-emphasized-display-md-axes: var(
200
+ --md-sys-typescale-emphasized-display-md-axes
201
+ );
202
+ --typescale-emphasized-display-lg: var(
203
+ --md-sys-typescale-emphasized-display-lg
204
+ );
205
+ --typescale-emphasized-display-lg-axes: var(
206
+ --md-sys-typescale-emphasized-display-lg-axes
207
+ );
208
+
209
+ // Shape
210
+ --radius-xs: var(--md-sys-shape-corner-xs);
211
+ --radius-sm: var(--md-sys-shape-corner-sm);
212
+ --radius-md: var(--md-sys-shape-corner-md);
213
+ --radius-lg: var(--md-sys-shape-corner-lg);
214
+ --radius-xl: var(--md-sys-shape-corner-lg-increased);
215
+ --radius-2xl: var(--md-sys-shape-corner-xl);
216
+ --radius-3xl: var(--md-sys-shape-corner-xl-increased);
217
+ --radius-4xl: var(--md-sys-shape-corner-xxl);
218
+
219
+ // Elevation
220
+ --shadow-2xs: initial; // Material does not have a 2xs shadow.
221
+ --shadow-xs: var(--md-sys-elevation-shadow-1);
222
+ --shadow-sm: var(--md-sys-elevation-shadow-2);
223
+ --shadow-md: var(--md-sys-elevation-shadow-3);
224
+ --shadow-lg: var(--md-sys-elevation-shadow-4);
225
+ --shadow-xl: var(--md-sys-elevation-shadow-5);
226
+ --shadow-2xl: initial; // Material does not have a 2xl shadow.
227
+
228
+ // Space
229
+ --spacing-s0: var(--md-sys-space-0);
230
+ --spacing-s25: var(--md-sys-space-25);
231
+ --spacing-s50: var(--md-sys-space-50);
232
+ --spacing-s75: var(--md-sys-space-75);
233
+ --spacing-s100: var(--md-sys-space-100);
234
+ --spacing-s125: var(--md-sys-space-125);
235
+ --spacing-s150: var(--md-sys-space-150);
236
+ --spacing-s175: var(--md-sys-space-175);
237
+ --spacing-s200: var(--md-sys-space-200);
238
+ --spacing-s250: var(--md-sys-space-250);
239
+ --spacing-s300: var(--md-sys-space-300);
240
+ --spacing-s400: var(--md-sys-space-400);
241
+ --spacing-s450: var(--md-sys-space-450);
242
+ --spacing-s500: var(--md-sys-space-500);
243
+ --spacing-s600: var(--md-sys-space-600);
244
+ --spacing-s700: var(--md-sys-space-700);
245
+ --spacing-s800: var(--md-sys-space-800);
246
+ --spacing-s900: var(--md-sys-space-900);
247
+
248
+ // Breakpoints
249
+ --breakpoint-sm: 600px; // medium
250
+ --breakpoint-md: 840px; // expanded
251
+ --breakpoint-lg: 1200px; // large
252
+ --breakpoint-xl: 1600px; // extra-large
253
+ --breakpoint-2xl: initial; // Material does not have a 2xl breakpoint.
254
+ }
255
+
256
+ // Use the `typescale-<name>-<size>` utility to apply typography tokens.
257
+ @utility typescale-* {
258
+ font: #{'--value(--typescale-*)'};
259
+ letter-spacing: #{'--value(--typescale-*-tracking)'};
260
+ font-variation-settings: #{'--value(--typescale-*-axes)'};
261
+ }
262
+ @utility typescale-emphasized-* {
263
+ font: #{'--value(--typescale-emphasized-*)'};
264
+ letter-spacing: #{'--value(--typescale-*-tracking)'};
265
+ font-variation-settings: #{'--value(--typescale-emphasized-*-axes)'};
266
+ }
267
+
268
+ // Add Material spacing utilities for padding, margin, and gap.
269
+ @utility p-* {
270
+ padding: #{'--value(--spacing-*)'};
271
+ }
272
+ @utility px-* {
273
+ padding-inline: #{'--value(--spacing-*)'};
274
+ }
275
+ @utility py-* {
276
+ padding-block: #{'--value(--spacing-*)'};
277
+ }
278
+ @utility pl-* {
279
+ padding-inline-start: #{'--value(--spacing-*)'};
280
+ }
281
+ @utility ps-* {
282
+ padding-inline-start: #{'--value(--spacing-*)'};
283
+ }
284
+ @utility pe-* {
285
+ padding-inline-end: #{'--value(--spacing-*)'};
286
+ }
287
+ @utility pr-* {
288
+ padding-inline-end: #{'--value(--spacing-*)'};
289
+ }
290
+ @utility pt-* {
291
+ padding-block-start: #{'--value(--spacing-*)'};
292
+ }
293
+ @utility pbs-* {
294
+ padding-block-start: #{'--value(--spacing-*)'};
295
+ }
296
+ @utility pb-* {
297
+ padding-block-end: #{'--value(--spacing-*)'};
298
+ }
299
+ @utility pbe-* {
300
+ padding-block-end: #{'--value(--spacing-*)'};
301
+ }
302
+ @utility m-* {
303
+ margin: #{'--value(--spacing-*)'};
304
+ }
305
+ @utility mx-* {
306
+ margin-inline: #{'--value(--spacing-*)'};
307
+ }
308
+ @utility my-* {
309
+ margin-block: #{'--value(--spacing-*)'};
310
+ }
311
+ @utility ml-* {
312
+ margin-inline-start: #{'--value(--spacing-*)'};
313
+ }
314
+ @utility ms-* {
315
+ margin-inline-start: #{'--value(--spacing-*)'};
316
+ }
317
+ @utility me-* {
318
+ margin-inline-end: #{'--value(--spacing-*)'};
319
+ }
320
+ @utility mr-* {
321
+ margin-inline-end: #{'--value(--spacing-*)'};
322
+ }
323
+ @utility mt-* {
324
+ margin-block-start: #{'--value(--spacing-*)'};
325
+ }
326
+ @utility mbs-* {
327
+ margin-block-start: #{'--value(--spacing-*)'};
328
+ }
329
+ @utility mb-* {
330
+ margin-block-end: #{'--value(--spacing-*)'};
331
+ }
332
+ @utility mbe-* {
333
+ margin-block-end: #{'--value(--spacing-*)'};
334
+ }
335
+ @utility gap-* {
336
+ gap: #{'--value(--spacing-*)'};
337
+ }
338
+ @utility gap-x-* {
339
+ column-gap: #{'--value(--spacing-*)'};
340
+ }
341
+ @utility gap-y-* {
342
+ row-gap: #{'--value(--spacing-*)'};
343
+ }
344
+
345
+ // Override Tailwind's default `display: list-item` utility, which clashes
346
+ // with the `.list-item` component class.
347
+ @utility list-item {
348
+ display: flex;
349
+ }
@@ -4,17 +4,24 @@
4
4
  //
5
5
 
6
6
  // go/keep-sorted start by_regex='(.+) prefix_order=sass:
7
+ @use 'sass:list';
7
8
  @use 'sass:map';
8
9
  @use 'sass:meta';
10
+ @use 'sass:string';
9
11
  @use '../../../../../sass/ext/map_ext';
10
12
  @use '../../../../../tokens/versions/latest/sass/md-ref-typeface';
11
13
  @use '../../../../../tokens/versions/latest/sass/md-sys-typescale';
14
+ @use '../../../../../tokens/versions/latest/sass/md-sys-typescale-emphasized';
15
+ @use '../../../../../tokens/versions/latest/sass/md-sys-typescale-emphasized-meta';
12
16
  @use '../../../../../tokens/versions/latest/sass/md-sys-typescale-meta';
13
17
  // go/keep-sorted end
14
18
 
15
19
  @mixin emit-custom-properties(
16
20
  $typescale-vars: meta.module-variables(md-sys-typescale),
17
21
  $typescale-meta: meta.module-variables(md-sys-typescale-meta),
22
+ $typescale-emphasized-vars: meta.module-variables(md-sys-typescale-emphasized),
23
+ $typescale-emphasized-meta:
24
+ meta.module-variables(md-sys-typescale-emphasized-meta),
18
25
  $typeface-vars:
19
26
  map.merge(
20
27
  meta.module-variables(md-ref-typeface),
@@ -55,26 +62,88 @@
55
62
  @each $scale in $scales {
56
63
  @each $long-size, $short-size in $sizes {
57
64
  $typescale: '#{$scale}-#{$long-size}';
58
- $weight: map_ext.get-strict(
59
- $typescale-meta,
60
- '#{$typescale}-weight--resolved'
61
- );
62
- $size: map_ext.get-strict($typescale-vars, '#{$typescale}-size');
63
- $line-height: map_ext.get-strict(
64
- $typescale-vars,
65
- '#{$typescale}-line-height'
65
+
66
+ $font: _font($typescale, $typescale-vars, $typescale-meta);
67
+ $tracking: map_ext.get-strict($typescale-vars, '#{$typescale}-tracking');
68
+ $axes: _axes($typescale, $typescale-vars);
69
+ $emphasized-font: _font(
70
+ $typescale,
71
+ $typescale-emphasized-vars,
72
+ $typescale-emphasized-meta
66
73
  );
67
- $font: map_ext.get-strict(
68
- $typescale-meta,
69
- '#{$typescale}-font--resolved'
74
+ $emphasized-axes: _axes-emphasized(
75
+ $typescale,
76
+ $typescale-emphasized-vars
70
77
  );
71
- $tracking: map_ext.get-strict($typescale-vars, '#{$typescale}-tracking');
72
78
 
73
- --md-sys-typescale-#{$scale}-#{$short-size}: #{$weight}
74
- #{$size} /
75
- #{$line-height}
76
- #{$font};
79
+ --md-sys-typescale-#{$scale}-#{$short-size}: #{$font};
77
80
  --md-sys-typescale-#{$scale}-#{$short-size}-tracking: #{$tracking};
81
+ --md-sys-typescale-#{$scale}-#{$short-size}-axes: #{$axes};
82
+ --md-sys-typescale-emphasized-#{$scale}-#{$short-size}: #{$emphasized-font};
83
+ --md-sys-typescale-emphasized-#{$scale}-#{$short-size}-axes: #{$emphasized-axes};
78
84
  }
79
85
  }
80
86
  }
87
+
88
+ /// Returns the `font` shorthand for a typescale from the provided token and
89
+ /// metadata variable maps.
90
+ @function _font($typescale, $vars, $meta) {
91
+ $weight: map_ext.get-strict($meta, '#{$typescale}-weight--resolved');
92
+ $size: map_ext.get-strict($vars, '#{$typescale}-size');
93
+ $line-height: map_ext.get-strict($vars, '#{$typescale}-line-height');
94
+ $family: map_ext.get-strict($meta, '#{$typescale}-font--resolved');
95
+ @return #{$weight} #{$size} / #{$line-height} #{$family};
96
+ }
97
+
98
+ /// Returns the `font-variation-settings` value for a typescale from the
99
+ /// provided token variable map. Returns `normal` if no axes are changed from
100
+ /// their default values.
101
+ @function _axes($typescale, $vars) {
102
+ $axes: ();
103
+ $axes: _append-axis($axes, map_ext.get-strict($vars, '#{$typescale}-rond'));
104
+ $axes: _append-axis($axes, map_ext.get-strict($vars, '#{$typescale}-grad'));
105
+ @if list.length($axes) == 0 {
106
+ @return normal;
107
+ }
108
+ @return $axes;
109
+ }
110
+
111
+ // TODO: Remove this function once emphasized tokens are fixed to use `'ROND' 100`
112
+ @function _axes-emphasized($typescale, $vars) {
113
+ $axes: ();
114
+ $axes: _append-axis($axes, ('ROND' 100));
115
+ $axes: _append-axis($axes, map_ext.get-strict($vars, '#{$typescale}-grad'));
116
+ @return $axes;
117
+ }
118
+
119
+ /// Appends a font axis to a list if it is not the default value for the axis.
120
+ @function _append-axis($axes, $axis) {
121
+ // Not all axes from Carbon are supported in gBreeze.
122
+ // - 'opsz': use `font-size`
123
+ // - 'slnt': use `font-style`
124
+ // - 'wdth': use `font-stretch`/`font-width`
125
+ // - 'wght': use `font-weight`
126
+ $default-axes: (
127
+ 'ROND': 0,
128
+ 'GRAD': 0,
129
+ // These axes are unused in Material, but included for Carbon completeness.
130
+ 'CRSV': 0,
131
+ 'FILL': 0,
132
+ 'HEXP': 0,
133
+ );
134
+ $axis-tag: list.nth($axis, 1);
135
+ $axis-value: list.nth($axis, 2);
136
+ @if not map.has-key($default-axes, $axis-tag) {
137
+ // Do not append unsupported axes.
138
+ @return $axes;
139
+ }
140
+ @if map.get($default-axes, $axis-tag) == $axis-value {
141
+ // Do not append axes with default values.
142
+ @return $axes;
143
+ }
144
+
145
+ // Manually add quotes since Sass removes them for custom property values,
146
+ // even with string.quote().
147
+ $axis: '"#{$axis-tag}" #{$axis-value}';
148
+ @return list.append($axes, $axis, $separator: comma);
149
+ }
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Copyright 2026 Google LLC
3
3
  * SPDX-License-Identifier: Apache-2.0
4
- */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem / 1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem / 2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem / 2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem / 2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem / 2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem / 3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem / 4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem}}/*# sourceMappingURL=md-typography-tokens.css.map */
4
+ */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-sm-axes: normal;--md-sys-typescale-emphasized-label-sm: var(--md-ref-typeface-weight-bold) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-sm-axes: "ROND" 100;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-md-axes: normal;--md-sys-typescale-emphasized-label-md: var(--md-ref-typeface-weight-bold) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-md-axes: "ROND" 100;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-label-lg-axes: normal;--md-sys-typescale-emphasized-label-lg: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-lg-axes: "ROND" 100;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-sm-axes: normal;--md-sys-typescale-emphasized-body-sm: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-sm-axes: "ROND" 100;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-md-axes: normal;--md-sys-typescale-emphasized-body-md: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-md-axes: "ROND" 100;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-body-lg-axes: normal;--md-sys-typescale-emphasized-body-lg: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-lg-axes: "ROND" 100;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-sm-axes: normal;--md-sys-typescale-emphasized-title-sm: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-sm-axes: "ROND" 100;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-md-axes: normal;--md-sys-typescale-emphasized-title-md: var(--md-ref-typeface-weight-bold) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-md-axes: "ROND" 100;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-title-lg-axes: normal;--md-sys-typescale-emphasized-title-lg: var(--md-ref-typeface-weight-medium) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-lg-axes: "ROND" 100;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-sm-axes: normal;--md-sys-typescale-emphasized-headline-sm: var(--md-ref-typeface-weight-medium) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-sm-axes: "ROND" 100;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-md-axes: normal;--md-sys-typescale-emphasized-headline-md: var(--md-ref-typeface-weight-medium) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-md-axes: "ROND" 100;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-headline-lg-axes: normal;--md-sys-typescale-emphasized-headline-lg: var(--md-ref-typeface-weight-medium) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-lg-axes: "ROND" 100;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-sm-axes: normal;--md-sys-typescale-emphasized-display-sm: var(--md-ref-typeface-weight-medium) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-sm-axes: "ROND" 100;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-md-axes: normal;--md-sys-typescale-emphasized-display-md: var(--md-ref-typeface-weight-medium) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-md-axes: "ROND" 100;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem;--md-sys-typescale-display-lg-axes: normal;--md-sys-typescale-emphasized-display-lg: var(--md-ref-typeface-weight-medium) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-lg-axes: "ROND" 100}}/*# sourceMappingURL=md-typography-tokens.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["md-typography-tokens.scss","internal/_typography-tokens.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GASA,wBACE,MCsBA,sDACA,+EACA,sCAIA,qCAIA,mCA8BI,gHAIA,iDAJA,8GAIA,iDAJA,kHAIA,iDAJA,8GAIA,8CAJA,kHAIA,iDAJA,6GAIA,gDAJA,kHAIA,iDAJA,6GAIA,kDAJA,mHAIA,2CAJA,iHAIA,8CAJA,qHAIA,8CAJA,iHAIA,8CAJA,oHAIA,6CAJA,sHAIA,6CAJA,mHAIA","file":"md-typography-tokens.css"}
1
+ {"version":3,"sourceRoot":"","sources":["md-typography-tokens.scss","internal/_typography-tokens.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GASA,wBACE,MC6BA,sDACA,+EACA,sCAIA,qCAIA,mCA6BI,8GACA,iDACA,yCACA,uHACA,wDAJA,4GACA,iDACA,yCACA,qHACA,wDAJA,gHACA,iDACA,yCACA,yHACA,wDAJA,4GACA,8CACA,wCACA,sHACA,uDAJA,gHACA,iDACA,wCACA,0HACA,uDAJA,2GACA,gDACA,wCACA,qHACA,uDAJA,gHACA,iDACA,yCACA,yHACA,wDAJA,2GACA,kDACA,yCACA,oHACA,wDAJA,iHACA,2CACA,yCACA,2HACA,wDAJA,+GACA,8CACA,4CACA,yHACA,2DAJA,mHACA,8CACA,4CACA,6HACA,2DAJA,+GACA,8CACA,4CACA,yHACA,2DAJA,kHACA,6CACA,2CACA,4HACA,0DAJA,oHACA,6CACA,2CACA,8HACA,0DAJA,iHACA,qDACA,2CACA,2HACA","file":"md-typography-tokens.css"}
@@ -8,7 +8,7 @@ import { css } from 'lit';
8
8
  export const styles = css `/*!
9
9
  * Copyright 2026 Google LLC
10
10
  * SPDX-License-Identifier: Apache-2.0
11
- */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem / 1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem / 2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem / 2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem / 2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem / 2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem / 3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem / 4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem}}
11
+ */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-sm-axes: normal;--md-sys-typescale-emphasized-label-sm: var(--md-ref-typeface-weight-bold) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-sm-axes: "ROND" 100;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-md-axes: normal;--md-sys-typescale-emphasized-label-md: var(--md-ref-typeface-weight-bold) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-md-axes: "ROND" 100;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-label-lg-axes: normal;--md-sys-typescale-emphasized-label-lg: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-lg-axes: "ROND" 100;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-sm-axes: normal;--md-sys-typescale-emphasized-body-sm: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-sm-axes: "ROND" 100;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-md-axes: normal;--md-sys-typescale-emphasized-body-md: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-md-axes: "ROND" 100;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-body-lg-axes: normal;--md-sys-typescale-emphasized-body-lg: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-lg-axes: "ROND" 100;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-sm-axes: normal;--md-sys-typescale-emphasized-title-sm: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-sm-axes: "ROND" 100;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-md-axes: normal;--md-sys-typescale-emphasized-title-md: var(--md-ref-typeface-weight-bold) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-md-axes: "ROND" 100;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-title-lg-axes: normal;--md-sys-typescale-emphasized-title-lg: var(--md-ref-typeface-weight-medium) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-lg-axes: "ROND" 100;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-sm-axes: normal;--md-sys-typescale-emphasized-headline-sm: var(--md-ref-typeface-weight-medium) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-sm-axes: "ROND" 100;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-md-axes: normal;--md-sys-typescale-emphasized-headline-md: var(--md-ref-typeface-weight-medium) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-md-axes: "ROND" 100;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-headline-lg-axes: normal;--md-sys-typescale-emphasized-headline-lg: var(--md-ref-typeface-weight-medium) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-lg-axes: "ROND" 100;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-sm-axes: normal;--md-sys-typescale-emphasized-display-sm: var(--md-ref-typeface-weight-medium) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-sm-axes: "ROND" 100;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-md-axes: normal;--md-sys-typescale-emphasized-display-md: var(--md-ref-typeface-weight-medium) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-md-axes: "ROND" 100;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem;--md-sys-typescale-display-lg-axes: normal;--md-sys-typescale-emphasized-display-lg: var(--md-ref-typeface-weight-medium) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-lg-axes: "ROND" 100}}
12
12
  `;
13
13
  export default styles.styleSheet;
14
14
  //# sourceMappingURL=md-typography-tokens.cssresult.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"md-typography-tokens.cssresult.js","sourceRoot":"","sources":["md-typography-tokens.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,iFAAiF;AACjF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/gb/styles/typography/md-typography-tokens.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem / 1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem / 2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem / 2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem / 2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem / 2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem / 3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem / 4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem}}\n`;\nexport default styles.styleSheet!;\n"]}
1
+ {"version":3,"file":"md-typography-tokens.cssresult.js","sourceRoot":"","sources":["md-typography-tokens.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,iFAAiF;AACjF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/gb/styles/typography/md-typography-tokens.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-sm-axes: normal;--md-sys-typescale-emphasized-label-sm: var(--md-ref-typeface-weight-bold) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-sm-axes: \"ROND\" 100;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-md-axes: normal;--md-sys-typescale-emphasized-label-md: var(--md-ref-typeface-weight-bold) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-md-axes: \"ROND\" 100;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-label-lg-axes: normal;--md-sys-typescale-emphasized-label-lg: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-lg-axes: \"ROND\" 100;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-sm-axes: normal;--md-sys-typescale-emphasized-body-sm: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-sm-axes: \"ROND\" 100;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-md-axes: normal;--md-sys-typescale-emphasized-body-md: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-md-axes: \"ROND\" 100;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-body-lg-axes: normal;--md-sys-typescale-emphasized-body-lg: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-lg-axes: \"ROND\" 100;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-sm-axes: normal;--md-sys-typescale-emphasized-title-sm: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-sm-axes: \"ROND\" 100;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-md-axes: normal;--md-sys-typescale-emphasized-title-md: var(--md-ref-typeface-weight-bold) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-md-axes: \"ROND\" 100;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-title-lg-axes: normal;--md-sys-typescale-emphasized-title-lg: var(--md-ref-typeface-weight-medium) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-lg-axes: \"ROND\" 100;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-sm-axes: normal;--md-sys-typescale-emphasized-headline-sm: var(--md-ref-typeface-weight-medium) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-sm-axes: \"ROND\" 100;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-md-axes: normal;--md-sys-typescale-emphasized-headline-md: var(--md-ref-typeface-weight-medium) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-md-axes: \"ROND\" 100;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-headline-lg-axes: normal;--md-sys-typescale-emphasized-headline-lg: var(--md-ref-typeface-weight-medium) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-lg-axes: \"ROND\" 100;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-sm-axes: normal;--md-sys-typescale-emphasized-display-sm: var(--md-ref-typeface-weight-medium) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-sm-axes: \"ROND\" 100;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-md-axes: normal;--md-sys-typescale-emphasized-display-md: var(--md-ref-typeface-weight-medium) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-md-axes: \"ROND\" 100;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem;--md-sys-typescale-display-lg-axes: normal;--md-sys-typescale-emphasized-display-lg: var(--md-ref-typeface-weight-medium) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-lg-axes: \"ROND\" 100}}\n`;\nexport default styles.styleSheet!;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@material/web",
3
- "version": "2.4.2-nightly.f57b157.0",
3
+ "version": "2.4.2-nightly.fd17013.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -63,7 +63,7 @@
63
63
  "tslib": "^2.4.0"
64
64
  },
65
65
  "devDependencies": {
66
- "@lit-labs/analyzer": "^0.12.1",
66
+ "@lit-labs/analyzer": "^0.14.0",
67
67
  "@rollup/plugin-multi-entry": "^6.0.1",
68
68
  "@rollup/plugin-node-resolve": "^15.2.3",
69
69
  "@rollup/plugin-terser": "^0.4.4",
@@ -101,6 +101,7 @@
101
101
  "**/*.ts",
102
102
  "!**/*.d.ts",
103
103
  "!**/*.cssresult.ts",
104
+ "!labs/gb/**",
104
105
  "!catalog/",
105
106
  "!scripts/"
106
107
  ],
@@ -112,6 +113,7 @@
112
113
  "!web-test-runner.config.js",
113
114
  "!commitlint.config.js",
114
115
  "!types/",
116
+ "!labs/gb/**",
115
117
  "!catalog/",
116
118
  "!scripts/"
117
119
  ],
@@ -149,6 +151,7 @@
149
151
  "**/*.cssresult.ts",
150
152
  "!catalog/"
151
153
  ],
154
+ "clean": "if-file-deleted",
152
155
  "dependencies": [
153
156
  "build:scripts",
154
157
  "build:sass"
@@ -43,8 +43,6 @@ export declare class Radio extends radioBaseClass {
43
43
  protected updated(): void;
44
44
  private handleClick;
45
45
  private handleKeydown;
46
- disabled: boolean;
47
- name: string;
48
46
  [getFormValue](): string;
49
47
  [getFormState](): string;
50
48
  formResetCallback(): void;