@withlayers/tokens 0.9.2 → 0.10.1
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/dist/index.css +142 -117
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -108,9 +108,9 @@
|
|
|
108
108
|
--l--color--light-alpha--80: rgba(255, 255, 255, 0.8);
|
|
109
109
|
--l--color--light-alpha--90: rgba(255, 255, 255, 0.9);
|
|
110
110
|
--l--color--light-alpha--100: rgba(255, 255, 255, 1);
|
|
111
|
+
--l--typography--font-family--primary: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
|
|
112
|
+
--l--typography--font-family--secondary: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
|
|
111
113
|
--l--typography--font-family--monospace: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
|
|
112
|
-
--l--typography--font-family--sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
|
|
113
|
-
--l--typography--font-family--serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
|
|
114
114
|
--l--typography--font-size--8: 0.5rem;
|
|
115
115
|
--l--typography--font-size--10: 0.625rem;
|
|
116
116
|
--l--typography--font-size--12: 0.75rem;
|
|
@@ -179,6 +179,15 @@
|
|
|
179
179
|
--l--typography--text-transform--uppercase: uppercase;
|
|
180
180
|
--l--typography--text-transform--lowercase: lowercase;
|
|
181
181
|
--l--typography--text-transform--capitalize: capitalize;
|
|
182
|
+
--l--typography--text-decoration-line--line-through: line-through;
|
|
183
|
+
--l--typography--text-decoration-line--none: none;
|
|
184
|
+
--l--typography--text-decoration-line--underline: underline;
|
|
185
|
+
--l--typography--text-decoration-style--dashed: dashed;
|
|
186
|
+
--l--typography--text-decoration-style--dotted: dotted;
|
|
187
|
+
--l--typography--text-decoration-style--double: double;
|
|
188
|
+
--l--typography--text-decoration-style--solid: solid;
|
|
189
|
+
--l--typography--text-decoration-style--wavy: wavy;
|
|
190
|
+
--l--typography--text-decoration-thickness--auto: from-font;
|
|
182
191
|
--l--theme--typography--heading--line-height--l5: 1;
|
|
183
192
|
--l--theme--typography--heading--line-height--l6: 1;
|
|
184
193
|
--l--units--1: 0.0625rem;
|
|
@@ -210,67 +219,27 @@
|
|
|
210
219
|
--l--units--384: 24rem;
|
|
211
220
|
--l--units--448: 28rem;
|
|
212
221
|
--l--units--512: 32rem;
|
|
213
|
-
--l--theme--measure--sm: 18.75rem;
|
|
214
|
-
--l--theme--measure--md: 37.5rem;
|
|
215
|
-
--l--theme--measure--lg: 48rem;
|
|
216
|
-
--l--theme--measure--xl: 64rem;
|
|
217
|
-
--l--theme--measure--xxl: 80rem;
|
|
218
|
-
--l--theme--blockquote--typography--font-family: var(--l--typography--font-family--serif);
|
|
219
|
-
--l--theme--blockquote--typography--font-size: clamp(var(--l--typography--font-size--24), 1.1765vw + 1.2353rem, var(--l--typography--font-size--32));
|
|
220
|
-
--l--theme--blockquote--typography--font-style: var(--l--typography--font-style--italic);
|
|
221
|
-
--l--theme--blockquote--typography--font-variant-caps: var(--l--typography--font-variant-caps--normal);
|
|
222
|
-
--l--theme--blockquote--typography--font-weight: var(--l--typography--font-weight--medium);
|
|
223
|
-
--l--theme--blockquote--typography--letter-spacing: var(--l--typography--letter-spacing--normal);
|
|
224
|
-
--l--theme--blockquote--typography--line-height: var(--l--typography--line-height--1250);
|
|
225
|
-
--l--theme--blockquote--typography--text-transform: var(--l--typography--text-transform--none);
|
|
222
|
+
--l--theme--size--measure--sm: 18.75rem;
|
|
223
|
+
--l--theme--size--measure--md: 37.5rem;
|
|
224
|
+
--l--theme--size--measure--lg: 48rem;
|
|
225
|
+
--l--theme--size--measure--xl: 64rem;
|
|
226
|
+
--l--theme--size--measure--xxl: 80rem;
|
|
226
227
|
--l--theme--button--border--style: var(--l--border--style--solid);
|
|
227
|
-
--l--theme--button--typography--font-family--xs: var(--l--typography--font-family--sans-serif);
|
|
228
|
-
--l--theme--button--typography--font-family--sm: var(--l--typography--font-family--sans-serif);
|
|
229
|
-
--l--theme--button--typography--font-family--md: var(--l--typography--font-family--sans-serif);
|
|
230
|
-
--l--theme--button--typography--font-family--lg: var(--l--typography--font-family--sans-serif);
|
|
231
|
-
--l--theme--button--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
232
|
-
--l--theme--button--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
233
|
-
--l--theme--button--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
234
|
-
--l--theme--button--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
|
|
235
|
-
--l--theme--button--typography--font-style--xs: var(--l--typography--font-style--normal);
|
|
236
|
-
--l--theme--button--typography--font-style--sm: var(--l--typography--font-style--normal);
|
|
237
|
-
--l--theme--button--typography--font-style--md: var(--l--typography--font-style--normal);
|
|
238
|
-
--l--theme--button--typography--font-style--lg: var(--l--typography--font-style--normal);
|
|
239
|
-
--l--theme--button--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
|
|
240
|
-
--l--theme--button--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
|
|
241
|
-
--l--theme--button--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
|
|
242
|
-
--l--theme--button--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
|
|
243
|
-
--l--theme--button--typography--font-weight--xs: var(--l--typography--font-weight--medium);
|
|
244
|
-
--l--theme--button--typography--font-weight--sm: var(--l--typography--font-weight--medium);
|
|
245
|
-
--l--theme--button--typography--font-weight--md: var(--l--typography--font-weight--medium);
|
|
246
|
-
--l--theme--button--typography--font-weight--lg: var(--l--typography--font-weight--medium);
|
|
247
|
-
--l--theme--button--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
|
|
248
|
-
--l--theme--button--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
|
|
249
|
-
--l--theme--button--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
|
|
250
|
-
--l--theme--button--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
|
|
251
|
-
--l--theme--button--typography--line-height--xs: var(--l--typography--line-height--1250);
|
|
252
|
-
--l--theme--button--typography--line-height--sm: var(--l--typography--line-height--1250);
|
|
253
|
-
--l--theme--button--typography--line-height--md: var(--l--typography--line-height--1375);
|
|
254
|
-
--l--theme--button--typography--line-height--lg: var(--l--typography--line-height--1500);
|
|
255
|
-
--l--theme--button--typography--text-transform--xs: var(--l--typography--text-transform--none);
|
|
256
|
-
--l--theme--button--typography--text-transform--sm: var(--l--typography--text-transform--none);
|
|
257
|
-
--l--theme--button--typography--text-transform--md: var(--l--typography--text-transform--none);
|
|
258
|
-
--l--theme--button--typography--text-transform--lg: var(--l--typography--text-transform--none);
|
|
259
228
|
--l--theme--button--color--background--primary--on-default--rest: var(--l--color--neutral--100);
|
|
260
229
|
--l--theme--button--color--background--primary--on-default--active: var(--l--color--neutral--80);
|
|
261
230
|
--l--theme--button--color--background--primary--on-default--disabled: var(--l--color--neutral--80);
|
|
262
231
|
--l--theme--button--color--background--primary--on-default--focus: var(--l--color--neutral--100);
|
|
263
232
|
--l--theme--button--color--background--primary--on-default--hover: var(--l--color--neutral--80);
|
|
264
|
-
--l--theme--button--color--background--secondary--on-default--rest: var(--l--color--
|
|
265
|
-
--l--theme--button--color--background--secondary--on-default--active: var(--l--color--
|
|
266
|
-
--l--theme--button--color--background--secondary--on-default--disabled: var(--l--color--
|
|
267
|
-
--l--theme--button--color--background--secondary--on-default--focus: var(--l--color--neutral--
|
|
268
|
-
--l--theme--button--color--background--secondary--on-default--hover: var(--l--color--
|
|
269
|
-
--l--theme--button--color--background--tertiary--on-default--rest: var(--l--color--
|
|
270
|
-
--l--theme--button--color--background--tertiary--on-default--active: var(--l--color--
|
|
271
|
-
--l--theme--button--color--background--tertiary--on-default--disabled: var(--l--color--
|
|
272
|
-
--l--theme--button--color--background--tertiary--on-default--focus: var(--l--color--neutral--
|
|
273
|
-
--l--theme--button--color--background--tertiary--on-default--hover: var(--l--color--
|
|
233
|
+
--l--theme--button--color--background--secondary--on-default--rest: var(--l--color--dark-alpha--0);
|
|
234
|
+
--l--theme--button--color--background--secondary--on-default--active: var(--l--color--dark-alpha--10);
|
|
235
|
+
--l--theme--button--color--background--secondary--on-default--disabled: var(--l--color--dark-alpha--0);
|
|
236
|
+
--l--theme--button--color--background--secondary--on-default--focus: var(--l--color--neutral--0);
|
|
237
|
+
--l--theme--button--color--background--secondary--on-default--hover: var(--l--color--dark-alpha--10);
|
|
238
|
+
--l--theme--button--color--background--tertiary--on-default--rest: var(--l--color--neutral--10);
|
|
239
|
+
--l--theme--button--color--background--tertiary--on-default--active: var(--l--color--neutral--20);
|
|
240
|
+
--l--theme--button--color--background--tertiary--on-default--disabled: var(--l--color--neutral--10);
|
|
241
|
+
--l--theme--button--color--background--tertiary--on-default--focus: var(--l--color--neutral--20);
|
|
242
|
+
--l--theme--button--color--background--tertiary--on-default--hover: var(--l--color--neutral--20);
|
|
274
243
|
--l--theme--button--color--background--destructive--on-default--rest: var(--l--color--red--70);
|
|
275
244
|
--l--theme--button--color--background--destructive--on-default--active: var(--l--color--red--60);
|
|
276
245
|
--l--theme--button--color--background--destructive--on-default--disabled: var(--l--color--red--40);
|
|
@@ -281,16 +250,16 @@
|
|
|
281
250
|
--l--theme--button--color--border--primary--on-default--disabled: var(--l--color--neutral--80);
|
|
282
251
|
--l--theme--button--color--border--primary--on-default--focus: var(--l--color--neutral--100);
|
|
283
252
|
--l--theme--button--color--border--primary--on-default--hover: var(--l--color--neutral--80);
|
|
284
|
-
--l--theme--button--color--border--secondary--on-default--rest: var(--l--color--neutral--
|
|
285
|
-
--l--theme--button--color--border--secondary--on-default--active: var(--l--color--neutral--
|
|
286
|
-
--l--theme--button--color--border--secondary--on-default--disabled: var(--l--color--neutral--
|
|
287
|
-
--l--theme--button--color--border--secondary--on-default--focus: var(--l--color--neutral--
|
|
288
|
-
--l--theme--button--color--border--secondary--on-default--hover: var(--l--color--neutral--
|
|
289
|
-
--l--theme--button--color--border--tertiary--on-default--rest: var(--l--color--neutral--
|
|
290
|
-
--l--theme--button--color--border--tertiary--on-default--active: var(--l--color--neutral--
|
|
291
|
-
--l--theme--button--color--border--tertiary--on-default--disabled: var(--l--color--neutral--
|
|
292
|
-
--l--theme--button--color--border--tertiary--on-default--focus: var(--l--color--neutral--
|
|
293
|
-
--l--theme--button--color--border--tertiary--on-default--hover: var(--l--color--neutral--
|
|
253
|
+
--l--theme--button--color--border--secondary--on-default--rest: var(--l--color--neutral--90);
|
|
254
|
+
--l--theme--button--color--border--secondary--on-default--active: var(--l--color--neutral--90);
|
|
255
|
+
--l--theme--button--color--border--secondary--on-default--disabled: var(--l--color--neutral--40);
|
|
256
|
+
--l--theme--button--color--border--secondary--on-default--focus: var(--l--color--neutral--90);
|
|
257
|
+
--l--theme--button--color--border--secondary--on-default--hover: var(--l--color--neutral--90);
|
|
258
|
+
--l--theme--button--color--border--tertiary--on-default--rest: var(--l--color--neutral--10);
|
|
259
|
+
--l--theme--button--color--border--tertiary--on-default--active: var(--l--color--neutral--20);
|
|
260
|
+
--l--theme--button--color--border--tertiary--on-default--disabled: var(--l--color--neutral--10);
|
|
261
|
+
--l--theme--button--color--border--tertiary--on-default--focus: var(--l--color--neutral--20);
|
|
262
|
+
--l--theme--button--color--border--tertiary--on-default--hover: var(--l--color--neutral--20);
|
|
294
263
|
--l--theme--button--color--border--destructive--on-default--rest: var(--l--color--red--70);
|
|
295
264
|
--l--theme--button--color--border--destructive--on-default--active: var(--l--color--red--60);
|
|
296
265
|
--l--theme--button--color--border--destructive--on-default--disabled: var(--l--color--red--40);
|
|
@@ -301,16 +270,16 @@
|
|
|
301
270
|
--l--theme--button--color--content--primary--on-default--disabled: var(--l--color--neutral--40);
|
|
302
271
|
--l--theme--button--color--content--primary--on-default--focus: var(--l--color--neutral--10);
|
|
303
272
|
--l--theme--button--color--content--primary--on-default--hover: var(--l--color--neutral--10);
|
|
304
|
-
--l--theme--button--color--content--secondary--on-default--rest: var(--l--color--neutral--90);
|
|
305
|
-
--l--theme--button--color--content--secondary--on-default--active: var(--l--color--neutral--90);
|
|
306
|
-
--l--theme--button--color--content--secondary--on-default--disabled: var(--l--color--neutral--40);
|
|
307
|
-
--l--theme--button--color--content--secondary--on-default--focus: var(--l--color--neutral--90);
|
|
308
|
-
--l--theme--button--color--content--secondary--on-default--hover: var(--l--color--neutral--90);
|
|
309
273
|
--l--theme--button--color--content--tertiary--on-default--rest: var(--l--color--neutral--90);
|
|
310
274
|
--l--theme--button--color--content--tertiary--on-default--active: var(--l--color--neutral--90);
|
|
311
275
|
--l--theme--button--color--content--tertiary--on-default--disabled: var(--l--color--neutral--40);
|
|
312
276
|
--l--theme--button--color--content--tertiary--on-default--focus: var(--l--color--neutral--90);
|
|
313
277
|
--l--theme--button--color--content--tertiary--on-default--hover: var(--l--color--neutral--90);
|
|
278
|
+
--l--theme--button--color--content--secondary--on-default--rest: var(--l--color--neutral--90);
|
|
279
|
+
--l--theme--button--color--content--secondary--on-default--active: var(--l--color--neutral--90);
|
|
280
|
+
--l--theme--button--color--content--secondary--on-default--disabled: var(--l--color--neutral--40);
|
|
281
|
+
--l--theme--button--color--content--secondary--on-default--focus: var(--l--color--neutral--90);
|
|
282
|
+
--l--theme--button--color--content--secondary--on-default--hover: var(--l--color--neutral--90);
|
|
314
283
|
--l--theme--button--color--content--destructive--on-default--rest: var(--l--color--red--10);
|
|
315
284
|
--l--theme--button--color--content--destructive--on-default--active: var(--l--color--red--10);
|
|
316
285
|
--l--theme--button--color--content--destructive--on-default--disabled: var(--l--color--red--20);
|
|
@@ -344,21 +313,11 @@
|
|
|
344
313
|
--l--theme--checkbox-control--color--content--on-default--invalid-checked: var(--l--color--neutral--0);
|
|
345
314
|
--l--theme--checkbox-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
|
|
346
315
|
--l--theme--dialog--border--style: var(--l--border--style--none);
|
|
347
|
-
--l--theme--dialog--measure: var(--l--theme--measure--md);
|
|
316
|
+
--l--theme--dialog--measure: var(--l--theme--size--measure--md);
|
|
348
317
|
--l--theme--focus-ring--color--outline--on-default: var(--l--color--neutral--100);
|
|
349
318
|
--l--theme--focus-ring--outline--offset: var(--l--units--2);
|
|
350
319
|
--l--theme--focus-ring--outline--style: var(--l--border--style--solid);
|
|
351
320
|
--l--theme--focus-ring--outline--width: var(--l--border--width--2);
|
|
352
|
-
--l--theme--link--color--content--primary--on-default--rest: var(--l--color--primary--80);
|
|
353
|
-
--l--theme--link--color--content--primary--on-default--hover: var(--l--color--primary--60);
|
|
354
|
-
--l--theme--link--color--content--primary--on-default--focus: var(--l--color--primary--60);
|
|
355
|
-
--l--theme--link--color--content--primary--on-default--active: var(--l--color--primary--60);
|
|
356
|
-
--l--theme--link--color--content--primary--on-default--visited: var(--l--color--primary--60);
|
|
357
|
-
--l--theme--link--color--content--secondary--on-default--rest: var(--l--color--neutral--60);
|
|
358
|
-
--l--theme--link--color--content--secondary--on-default--hover: var(--l--color--neutral--90);
|
|
359
|
-
--l--theme--link--color--content--secondary--on-default--focus: var(--l--color--neutral--90);
|
|
360
|
-
--l--theme--link--color--content--secondary--on-default--active: var(--l--color--neutral--90);
|
|
361
|
-
--l--theme--link--color--content--secondary--on-default--visited: var(--l--color--neutral--90);
|
|
362
321
|
--l--theme--radio-button-control--border--style: var(--l--border--style--solid);
|
|
363
322
|
--l--theme--radio-button-control--color--background--on-default--checked: var(--l--color--neutral--90);
|
|
364
323
|
--l--theme--radio-button-control--color--background--on-default--disabled: var(--l--color--neutral--20);
|
|
@@ -383,10 +342,10 @@
|
|
|
383
342
|
--l--theme--selection--color--background--on-default: var(--l--color--neutral--90);
|
|
384
343
|
--l--theme--selection--color--content--on-default: var(--l--color--neutral--10);
|
|
385
344
|
--l--theme--text-control--border--style: var(--l--border--style--solid);
|
|
386
|
-
--l--theme--text-control--typography--font-family--xs: var(--l--typography--font-family--
|
|
387
|
-
--l--theme--text-control--typography--font-family--sm: var(--l--typography--font-family--
|
|
388
|
-
--l--theme--text-control--typography--font-family--md: var(--l--typography--font-family--
|
|
389
|
-
--l--theme--text-control--typography--font-family--lg: var(--l--typography--font-family--
|
|
345
|
+
--l--theme--text-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
|
|
346
|
+
--l--theme--text-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
|
|
347
|
+
--l--theme--text-control--typography--font-family--md: var(--l--typography--font-family--secondary);
|
|
348
|
+
--l--theme--text-control--typography--font-family--lg: var(--l--typography--font-family--secondary);
|
|
390
349
|
--l--theme--text-control--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
391
350
|
--l--theme--text-control--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
392
351
|
--l--theme--text-control--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
@@ -437,7 +396,6 @@
|
|
|
437
396
|
--l--theme--color--content--primary--on-default: var(--l--color--neutral--90);
|
|
438
397
|
--l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
|
|
439
398
|
--l--theme--color--content--disabled--on-default: var(--l--color--neutral--40);
|
|
440
|
-
--l--theme--color--overlay--on-default: var(--l--color--dark-alpha--50);
|
|
441
399
|
--l--theme--color--code--background--on-default: var(--l--color--neutral--10);
|
|
442
400
|
--l--theme--color--code--content--on-default: var(--l--color--neutral--90);
|
|
443
401
|
--l--theme--color--feedback--destructive--background--on-default: var(--l--color--red--20);
|
|
@@ -452,9 +410,36 @@
|
|
|
452
410
|
--l--theme--color--feedback--warning--background--on-default: var(--l--color--yellow--20);
|
|
453
411
|
--l--theme--color--feedback--warning--border--on-default: var(--l--color--yellow--30);
|
|
454
412
|
--l--theme--color--feedback--warning--content--on-default: var(--l--color--yellow--100);
|
|
455
|
-
--l--theme--
|
|
456
|
-
--l--theme--
|
|
457
|
-
--l--theme--
|
|
413
|
+
--l--theme--color--link--content--primary--on-default--rest: var(--l--color--primary--80);
|
|
414
|
+
--l--theme--color--link--content--primary--on-default--hover: var(--l--color--primary--60);
|
|
415
|
+
--l--theme--color--link--content--primary--on-default--focus: var(--l--color--primary--60);
|
|
416
|
+
--l--theme--color--link--content--primary--on-default--active: var(--l--color--primary--60);
|
|
417
|
+
--l--theme--color--link--content--primary--on-default--visited: var(--l--color--primary--80);
|
|
418
|
+
--l--theme--color--link--content--secondary--on-default--rest: var(--l--color--neutral--90);
|
|
419
|
+
--l--theme--color--link--content--secondary--on-default--hover: var(--l--color--neutral--60);
|
|
420
|
+
--l--theme--color--link--content--secondary--on-default--focus: var(--l--color--neutral--60);
|
|
421
|
+
--l--theme--color--link--content--secondary--on-default--active: var(--l--color--neutral--60);
|
|
422
|
+
--l--theme--color--link--content--secondary--on-default--visited: var(--l--color--neutral--90);
|
|
423
|
+
--l--theme--color--link--content--tertiary--on-default--rest: var(--l--color--neutral--60);
|
|
424
|
+
--l--theme--color--link--content--tertiary--on-default--hover: var(--l--color--neutral--90);
|
|
425
|
+
--l--theme--color--link--content--tertiary--on-default--focus: var(--l--color--neutral--60);
|
|
426
|
+
--l--theme--color--link--content--tertiary--on-default--active: var(--l--color--neutral--90);
|
|
427
|
+
--l--theme--color--link--content--tertiary--on-default--visited: var(--l--color--neutral--60);
|
|
428
|
+
--l--theme--color--overlay--on-default: var(--l--color--dark-alpha--50);
|
|
429
|
+
--l--typography--text-decoration-thickness--sm: var(--l--units--1);
|
|
430
|
+
--l--typography--text-decoration-thickness--md: var(--l--units--2);
|
|
431
|
+
--l--typography--text-decoration-thickness--lg: var(--l--units--4);
|
|
432
|
+
--l--theme--typography--blockquote--font-family: var(--l--typography--font-family--primary);
|
|
433
|
+
--l--theme--typography--blockquote--font-size: clamp(var(--l--typography--font-size--24), 1.1765vw + 1.2353rem, var(--l--typography--font-size--32));
|
|
434
|
+
--l--theme--typography--blockquote--font-style: var(--l--typography--font-style--italic);
|
|
435
|
+
--l--theme--typography--blockquote--font-variant-caps: var(--l--typography--font-variant-caps--normal);
|
|
436
|
+
--l--theme--typography--blockquote--font-weight: var(--l--typography--font-weight--medium);
|
|
437
|
+
--l--theme--typography--blockquote--letter-spacing: var(--l--typography--letter-spacing--normal);
|
|
438
|
+
--l--theme--typography--blockquote--line-height: var(--l--typography--line-height--1250);
|
|
439
|
+
--l--theme--typography--blockquote--text-transform: var(--l--typography--text-transform--none);
|
|
440
|
+
--l--theme--typography--body--font-family--sm: var(--l--typography--font-family--primary);
|
|
441
|
+
--l--theme--typography--body--font-family--md: var(--l--typography--font-family--primary);
|
|
442
|
+
--l--theme--typography--body--font-family--lg: var(--l--typography--font-family--primary);
|
|
458
443
|
--l--theme--typography--body--font-size--sm: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
459
444
|
--l--theme--typography--body--font-size--md: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
|
|
460
445
|
--l--theme--typography--body--font-size--lg: clamp(var(--l--typography--font-size--18), 0.18519vw + 1.0833rem, var(--l--typography--font-size--20));
|
|
@@ -476,22 +461,54 @@
|
|
|
476
461
|
--l--theme--typography--body--text-transform--sm: var(--l--typography--text-transform--none);
|
|
477
462
|
--l--theme--typography--body--text-transform--md: var(--l--typography--text-transform--none);
|
|
478
463
|
--l--theme--typography--body--text-transform--lg: var(--l--typography--text-transform--none);
|
|
479
|
-
--l--theme--typography--
|
|
480
|
-
--l--theme--typography--
|
|
481
|
-
--l--theme--typography--
|
|
482
|
-
--l--theme--typography--
|
|
483
|
-
--l--theme--typography--
|
|
484
|
-
--l--theme--typography--
|
|
485
|
-
--l--theme--typography--
|
|
486
|
-
--l--theme--typography--
|
|
487
|
-
--l--theme--typography--
|
|
488
|
-
--l--theme--typography--
|
|
489
|
-
--l--theme--typography--
|
|
490
|
-
--l--theme--typography--
|
|
491
|
-
--l--theme--typography--
|
|
492
|
-
--l--theme--typography--
|
|
493
|
-
--l--theme--typography--
|
|
494
|
-
--l--theme--typography--
|
|
464
|
+
--l--theme--typography--button--font-family--xs: var(--l--typography--font-family--secondary);
|
|
465
|
+
--l--theme--typography--button--font-family--sm: var(--l--typography--font-family--secondary);
|
|
466
|
+
--l--theme--typography--button--font-family--md: var(--l--typography--font-family--secondary);
|
|
467
|
+
--l--theme--typography--button--font-family--lg: var(--l--typography--font-family--secondary);
|
|
468
|
+
--l--theme--typography--button--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
469
|
+
--l--theme--typography--button--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
470
|
+
--l--theme--typography--button--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
471
|
+
--l--theme--typography--button--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
|
|
472
|
+
--l--theme--typography--button--font-style--xs: var(--l--typography--font-style--normal);
|
|
473
|
+
--l--theme--typography--button--font-style--sm: var(--l--typography--font-style--normal);
|
|
474
|
+
--l--theme--typography--button--font-style--md: var(--l--typography--font-style--normal);
|
|
475
|
+
--l--theme--typography--button--font-style--lg: var(--l--typography--font-style--normal);
|
|
476
|
+
--l--theme--typography--button--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
|
|
477
|
+
--l--theme--typography--button--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
|
|
478
|
+
--l--theme--typography--button--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
|
|
479
|
+
--l--theme--typography--button--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
|
|
480
|
+
--l--theme--typography--button--font-weight--xs: var(--l--typography--font-weight--medium);
|
|
481
|
+
--l--theme--typography--button--font-weight--sm: var(--l--typography--font-weight--medium);
|
|
482
|
+
--l--theme--typography--button--font-weight--md: var(--l--typography--font-weight--medium);
|
|
483
|
+
--l--theme--typography--button--font-weight--lg: var(--l--typography--font-weight--medium);
|
|
484
|
+
--l--theme--typography--button--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
|
|
485
|
+
--l--theme--typography--button--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
|
|
486
|
+
--l--theme--typography--button--letter-spacing--md: var(--l--typography--letter-spacing--normal);
|
|
487
|
+
--l--theme--typography--button--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
|
|
488
|
+
--l--theme--typography--button--line-height--xs: var(--l--typography--line-height--1250);
|
|
489
|
+
--l--theme--typography--button--line-height--sm: var(--l--typography--line-height--1250);
|
|
490
|
+
--l--theme--typography--button--line-height--md: var(--l--typography--line-height--1375);
|
|
491
|
+
--l--theme--typography--button--line-height--lg: var(--l--typography--line-height--1500);
|
|
492
|
+
--l--theme--typography--button--text-transform--xs: var(--l--typography--text-transform--none);
|
|
493
|
+
--l--theme--typography--button--text-transform--sm: var(--l--typography--text-transform--none);
|
|
494
|
+
--l--theme--typography--button--text-transform--md: var(--l--typography--text-transform--none);
|
|
495
|
+
--l--theme--typography--button--text-transform--lg: var(--l--typography--text-transform--none);
|
|
496
|
+
--l--theme--typography--caption--font-family--primary: var(--l--typography--font-family--secondary);
|
|
497
|
+
--l--theme--typography--caption--font-family--secondary: var(--l--typography--font-family--primary);
|
|
498
|
+
--l--theme--typography--caption--font-size--primary: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
499
|
+
--l--theme--typography--caption--font-size--secondary: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
500
|
+
--l--theme--typography--caption--font-style--primary: var(--l--typography--font-style--normal);
|
|
501
|
+
--l--theme--typography--caption--font-style--secondary: var(--l--typography--font-style--italic);
|
|
502
|
+
--l--theme--typography--caption--font-variant-caps--primary: var(--l--typography--font-variant-caps--normal);
|
|
503
|
+
--l--theme--typography--caption--font-variant-caps--secondary: var(--l--typography--font-variant-caps--normal);
|
|
504
|
+
--l--theme--typography--caption--font-weight--primary: var(--l--typography--font-weight--normal);
|
|
505
|
+
--l--theme--typography--caption--font-weight--secondary: var(--l--typography--font-weight--normal);
|
|
506
|
+
--l--theme--typography--caption--letter-spacing--primary: var(--l--typography--letter-spacing--normal);
|
|
507
|
+
--l--theme--typography--caption--letter-spacing--secondary: var(--l--typography--letter-spacing--normal);
|
|
508
|
+
--l--theme--typography--caption--line-height--primary: var(--l--typography--line-height--1250);
|
|
509
|
+
--l--theme--typography--caption--line-height--secondary: var(--l--typography--line-height--1250);
|
|
510
|
+
--l--theme--typography--caption--text-transform--primary: var(--l--typography--text-transform--none);
|
|
511
|
+
--l--theme--typography--caption--text-transform--secondary: var(--l--typography--text-transform--none);
|
|
495
512
|
--l--theme--typography--code--font-family: var(--l--typography--font-family--monospace);
|
|
496
513
|
--l--theme--typography--code--font-size: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
497
514
|
--l--theme--typography--code--font-style: var(--l--typography--font-style--normal);
|
|
@@ -500,12 +517,12 @@
|
|
|
500
517
|
--l--theme--typography--code--letter-spacing: var(--l--typography--letter-spacing--normal);
|
|
501
518
|
--l--theme--typography--code--line-height: var(--l--typography--line-height--1500);
|
|
502
519
|
--l--theme--typography--code--text-transform: var(--l--typography--text-transform--none);
|
|
503
|
-
--l--theme--typography--heading--font-family--l1: var(--l--typography--font-family--
|
|
504
|
-
--l--theme--typography--heading--font-family--l2: var(--l--typography--font-family--
|
|
505
|
-
--l--theme--typography--heading--font-family--l3: var(--l--typography--font-family--
|
|
506
|
-
--l--theme--typography--heading--font-family--l4: var(--l--typography--font-family--
|
|
507
|
-
--l--theme--typography--heading--font-family--l5: var(--l--typography--font-family--
|
|
508
|
-
--l--theme--typography--heading--font-family--l6: var(--l--typography--font-family--
|
|
520
|
+
--l--theme--typography--heading--font-family--l1: var(--l--typography--font-family--secondary);
|
|
521
|
+
--l--theme--typography--heading--font-family--l2: var(--l--typography--font-family--secondary);
|
|
522
|
+
--l--theme--typography--heading--font-family--l3: var(--l--typography--font-family--secondary);
|
|
523
|
+
--l--theme--typography--heading--font-family--l4: var(--l--typography--font-family--secondary);
|
|
524
|
+
--l--theme--typography--heading--font-family--l5: var(--l--typography--font-family--secondary);
|
|
525
|
+
--l--theme--typography--heading--font-family--l6: var(--l--typography--font-family--secondary);
|
|
509
526
|
--l--theme--typography--heading--font-size--l1: clamp(var(--l--typography--font-size--32), 0.74074vw + 1.8333rem, var(--l--typography--font-size--40));
|
|
510
527
|
--l--theme--typography--heading--font-size--l2: clamp(var(--l--typography--font-size--24), 0.74074vw + 1.3333rem, var(--l--typography--font-size--32));
|
|
511
528
|
--l--theme--typography--heading--font-size--l3: clamp(var(--l--typography--font-size--20), 0.37037vw + 1.1667rem, var(--l--typography--font-size--24));
|
|
@@ -546,7 +563,7 @@
|
|
|
546
563
|
--l--theme--typography--heading--text-transform--l4: var(--l--typography--text-transform--none);
|
|
547
564
|
--l--theme--typography--heading--text-transform--l5: var(--l--typography--text-transform--none);
|
|
548
565
|
--l--theme--typography--heading--text-transform--l6: var(--l--typography--text-transform--none);
|
|
549
|
-
--l--theme--typography--label--font-family: var(--l--typography--font-family--
|
|
566
|
+
--l--theme--typography--label--font-family: var(--l--typography--font-family--secondary);
|
|
550
567
|
--l--theme--typography--label--font-size: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
551
568
|
--l--theme--typography--label--font-style: var(--l--typography--font-style--normal);
|
|
552
569
|
--l--theme--typography--label--font-variant-caps: var(--l--typography--font-variant-caps--normal);
|
|
@@ -554,7 +571,15 @@
|
|
|
554
571
|
--l--theme--typography--label--letter-spacing: var(--l--typography--letter-spacing--normal);
|
|
555
572
|
--l--theme--typography--label--line-height: var(--l--typography--line-height--1500);
|
|
556
573
|
--l--theme--typography--label--text-transform: var(--l--typography--text-transform--none);
|
|
557
|
-
--l--theme--typography--
|
|
574
|
+
--l--theme--typography--link--text-decoration-line--primary--rest: var(--l--typography--text-decoration-line--underline);
|
|
575
|
+
--l--theme--typography--link--text-decoration-line--primary--hover: var(--l--typography--text-decoration-line--none);
|
|
576
|
+
--l--theme--typography--link--text-decoration-line--primary--focus: var(--l--typography--text-decoration-line--underline);
|
|
577
|
+
--l--theme--typography--link--text-decoration-line--primary--active: var(--l--typography--text-decoration-line--none);
|
|
578
|
+
--l--theme--typography--link--text-decoration-line--secondary--rest: var(--l--typography--text-decoration-line--none);
|
|
579
|
+
--l--theme--typography--link--text-decoration-line--secondary--hover: var(--l--typography--text-decoration-line--underline);
|
|
580
|
+
--l--theme--typography--link--text-decoration-line--secondary--focus: var(--l--typography--text-decoration-line--none);
|
|
581
|
+
--l--theme--typography--link--text-decoration-line--secondary--active: var(--l--typography--text-decoration-line--underline);
|
|
582
|
+
--l--theme--typography--overline--font-family: var(--l--typography--font-family--secondary);
|
|
558
583
|
--l--theme--typography--overline--font-size: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
559
584
|
--l--theme--typography--overline--font-style: var(--l--typography--font-style--normal);
|
|
560
585
|
--l--theme--typography--overline--font-variant-caps: var(--l--typography--font-variant-caps--all-small-caps);
|
|
@@ -562,7 +587,7 @@
|
|
|
562
587
|
--l--theme--typography--overline--letter-spacing: var(--l--typography--letter-spacing--4);
|
|
563
588
|
--l--theme--typography--overline--line-height: var(--l--typography--line-height--1000);
|
|
564
589
|
--l--theme--typography--overline--text-transform: var(--l--typography--text-transform--none);
|
|
565
|
-
--l--theme--typography--subhead--font-family: var(--l--typography--font-family--
|
|
590
|
+
--l--theme--typography--subhead--font-family: var(--l--typography--font-family--primary);
|
|
566
591
|
--l--theme--typography--subhead--font-size: clamp(var(--l--typography--font-size--20), 0.37037vw + 1.1667rem, var(--l--typography--font-size--24));
|
|
567
592
|
--l--theme--typography--subhead--font-style: var(--l--typography--font-style--italic);
|
|
568
593
|
--l--theme--typography--subhead--font-variant-caps: var(--l--typography--font-variant-caps--normal);
|
|
@@ -623,7 +648,6 @@
|
|
|
623
648
|
--l--theme--dialog--color--border: var(--l--theme--color--border--primary--on-default);
|
|
624
649
|
--l--theme--dialog--color--content: var(--l--theme--color--content--primary--on-default);
|
|
625
650
|
--l--theme--dialog--color--overlay: var(--l--theme--color--overlay--on-default);
|
|
626
|
-
--l--theme--media--border--radius: var(--l--theme--border--radius--md);
|
|
627
651
|
--l--theme--radio-button-control--border--width: var(--l--theme--border--width--sm);
|
|
628
652
|
--l--theme--radio-button-control--border--radius: var(--l--theme--border--radius--full);
|
|
629
653
|
--l--theme--radio-button-control--color--background--on-default--rest: var(--l--theme--color--background--default);
|
|
@@ -658,6 +682,7 @@
|
|
|
658
682
|
--l--theme--text-control--color--content--on-default--focus: var(--l--theme--color--content--primary--on-default);
|
|
659
683
|
--l--theme--text-control--color--content--on-default--hover: var(--l--theme--color--content--primary--on-default);
|
|
660
684
|
--l--theme--text-control--color--placeholder--on-default--rest: var(--l--theme--color--content--secondary--on-default);
|
|
685
|
+
--l--theme--border--media--radius: var(--l--theme--border--radius--md);
|
|
661
686
|
--l--theme--space--gutter: var(--l--theme--space--70);
|
|
662
687
|
--l--theme--dialog--space--inner--inline: var(--l--theme--space--gutter);
|
|
663
688
|
--l--theme--dialog--space--inner--block: var(--l--theme--space--gutter);
|