@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.
- package/button/internal/_touch-target.scss +1 -1
- package/button/internal/button.d.ts +0 -4
- package/button/internal/button.js.map +1 -1
- package/button/internal/shared-styles.css +1 -1
- package/button/internal/shared-styles.css.map +1 -1
- package/button/internal/shared-styles.cssresult.js +1 -1
- package/button/internal/shared-styles.cssresult.js.map +1 -1
- package/checkbox/internal/checkbox.d.ts +0 -2
- package/checkbox/internal/checkbox.js.map +1 -1
- package/icon/internal/icon.d.ts +1 -1
- package/icon/internal/icon.js +1 -1
- package/icon/internal/icon.js.map +1 -1
- package/iconbutton/internal/icon-button.d.ts +0 -4
- package/iconbutton/internal/icon-button.js.map +1 -1
- package/labs/behaviors/form-associated.d.ts +0 -22
- package/labs/behaviors/form-associated.js +0 -11
- package/labs/behaviors/form-associated.js.map +1 -1
- package/labs/gb/components/ripple/ripple.js +3 -0
- package/labs/gb/components/ripple/ripple.js.map +1 -1
- package/labs/gb/components/splitbutton/_split-button-tokens.scss +135 -0
- package/labs/gb/components/splitbutton/md-split-button.d.ts +26 -0
- package/labs/gb/components/splitbutton/md-split-button.js +119 -0
- package/labs/gb/components/splitbutton/md-split-button.js.map +1 -0
- package/labs/gb/components/splitbutton/split-button.css +4 -0
- package/labs/gb/components/splitbutton/split-button.css.map +1 -0
- package/labs/gb/components/splitbutton/split-button.cssresult.d.ts +3 -0
- package/labs/gb/components/splitbutton/split-button.cssresult.js +14 -0
- package/labs/gb/components/splitbutton/split-button.cssresult.js.map +1 -0
- package/labs/gb/components/splitbutton/split-button.d.ts +47 -0
- package/labs/gb/components/splitbutton/split-button.js +46 -0
- package/labs/gb/components/splitbutton/split-button.js.map +1 -0
- package/labs/gb/components/splitbutton/split-button.scss +164 -0
- package/labs/gb/styles/icon/md-icon.css +1 -1
- package/labs/gb/styles/icon/md-icon.css.map +1 -1
- package/labs/gb/styles/icon/md-icon.cssresult.js +1 -1
- package/labs/gb/styles/icon/md-icon.cssresult.js.map +1 -1
- package/labs/gb/styles/icon/md-icon.d.ts +20 -0
- package/labs/gb/styles/icon/md-icon.js +24 -0
- package/labs/gb/styles/icon/md-icon.js.map +1 -0
- package/labs/gb/styles/icon/md-icon.scss +2 -1
- package/labs/gb/styles/m3.css +5 -2
- package/labs/gb/styles/m3.css.map +1 -1
- package/labs/gb/styles/m3.cssresult.js +5 -2
- package/labs/gb/styles/m3.cssresult.js.map +1 -1
- package/labs/gb/styles/m3.scss +1 -0
- package/labs/gb/styles/space/md-space-tokens.css +4 -0
- package/labs/gb/styles/space/md-space-tokens.css.map +1 -0
- package/labs/gb/styles/space/md-space-tokens.cssresult.d.ts +3 -0
- package/labs/gb/styles/space/md-space-tokens.cssresult.js +14 -0
- package/labs/gb/styles/space/md-space-tokens.cssresult.js.map +1 -0
- package/labs/gb/styles/space/md-space-tokens.scss +28 -0
- package/labs/gb/styles/tailwind.css +4 -0
- package/labs/gb/styles/tailwind.css.map +1 -0
- package/labs/gb/styles/tailwind.cssresult.d.ts +3 -0
- package/labs/gb/styles/tailwind.cssresult.js +14 -0
- package/labs/gb/styles/tailwind.cssresult.js.map +1 -0
- package/labs/gb/styles/tailwind.scss +349 -0
- package/labs/gb/styles/typography/internal/_typography-tokens.scss +85 -16
- package/labs/gb/styles/typography/md-typography-tokens.css +1 -1
- package/labs/gb/styles/typography/md-typography-tokens.css.map +1 -1
- package/labs/gb/styles/typography/md-typography-tokens.cssresult.js +1 -1
- package/labs/gb/styles/typography/md-typography-tokens.cssresult.js.map +1 -1
- package/package.json +5 -2
- package/radio/internal/radio.d.ts +0 -2
- package/radio/internal/radio.js.map +1 -1
- package/select/internal/select.d.ts +0 -2
- package/select/internal/select.js.map +1 -1
- package/slider/internal/slider.d.ts +0 -2
- package/slider/internal/slider.js.map +1 -1
- package/switch/internal/_switch.scss +1 -0
- package/switch/internal/switch-styles.css +1 -1
- package/switch/internal/switch-styles.css.map +1 -1
- package/switch/internal/switch-styles.cssresult.js +1 -1
- package/switch/internal/switch-styles.cssresult.js.map +1 -1
- package/switch/internal/switch.d.ts +0 -2
- 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
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
);
|
|
62
|
-
$
|
|
63
|
-
|
|
64
|
-
$typescale-vars,
|
|
65
|
-
|
|
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
|
-
$
|
|
68
|
-
$typescale
|
|
69
|
-
|
|
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}: #{$
|
|
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
|
|
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,
|
|
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
|
|
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
|
|
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.
|
|
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.
|
|
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"
|