@withlayers/tokens 0.10.0 → 0.10.2

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 (2) hide show
  1. package/dist/index.css +75 -109
  2. 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;
@@ -219,19 +219,11 @@
219
219
  --l--units--384: 24rem;
220
220
  --l--units--448: 28rem;
221
221
  --l--units--512: 32rem;
222
- --l--theme--measure--sm: 18.75rem;
223
- --l--theme--measure--md: 37.5rem;
224
- --l--theme--measure--lg: 48rem;
225
- --l--theme--measure--xl: 64rem;
226
- --l--theme--measure--xxl: 80rem;
227
- --l--theme--blockquote--typography--font-family: var(--l--typography--font-family--serif);
228
- --l--theme--blockquote--typography--font-size: clamp(var(--l--typography--font-size--24), 1.1765vw + 1.2353rem, var(--l--typography--font-size--32));
229
- --l--theme--blockquote--typography--font-style: var(--l--typography--font-style--italic);
230
- --l--theme--blockquote--typography--font-variant-caps: var(--l--typography--font-variant-caps--normal);
231
- --l--theme--blockquote--typography--font-weight: var(--l--typography--font-weight--medium);
232
- --l--theme--blockquote--typography--letter-spacing: var(--l--typography--letter-spacing--normal);
233
- --l--theme--blockquote--typography--line-height: var(--l--typography--line-height--1250);
234
- --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;
235
227
  --l--theme--button--border--style: var(--l--border--style--solid);
236
228
  --l--theme--button--color--background--primary--on-default--rest: var(--l--color--neutral--100);
237
229
  --l--theme--button--color--background--primary--on-default--active: var(--l--color--neutral--80);
@@ -294,66 +286,22 @@
294
286
  --l--theme--button--color--content--destructive--on-default--focus: var(--l--color--red--10);
295
287
  --l--theme--button--color--content--destructive--on-default--hover: var(--l--color--red--10);
296
288
  --l--theme--checkbox-control--border--style: var(--l--border--style--solid);
297
- --l--theme--checkbox-control--color--background--on-default--checked: var(--l--color--neutral--90);
298
- --l--theme--checkbox-control--color--background--on-default--disabled: var(--l--color--neutral--20);
299
- --l--theme--checkbox-control--color--background--on-default--disabled-checked: var(--l--color--neutral--20);
300
- --l--theme--checkbox-control--color--background--on-default--focus-checked: var(--l--color--neutral--90);
301
- --l--theme--checkbox-control--color--background--on-default--hover: var(--l--color--neutral--10);
302
- --l--theme--checkbox-control--color--background--on-default--hover-checked: var(--l--color--neutral--80);
303
- --l--theme--checkbox-control--color--background--on-default--invalid: var(--l--color--red--20);
304
- --l--theme--checkbox-control--color--background--on-default--invalid-checked: var(--l--color--red--70);
305
- --l--theme--checkbox-control--color--border--on-default--checked: var(--l--color--neutral--90);
306
- --l--theme--checkbox-control--color--border--on-default--disabled: var(--l--color--neutral--30);
307
- --l--theme--checkbox-control--color--border--on-default--disabled-checked: var(--l--color--neutral--30);
308
- --l--theme--checkbox-control--color--border--on-default--focus-checked: var(--l--color--neutral--90);
309
- --l--theme--checkbox-control--color--border--on-default--hover-checked: var(--l--color--neutral--90);
310
- --l--theme--checkbox-control--color--border--on-default--invalid: var(--l--color--red--70);
311
- --l--theme--checkbox-control--color--border--on-default--invalid-checked: var(--l--color--red--70);
312
- --l--theme--checkbox-control--color--content--on-default--rest: var(--l--color--light-alpha--0);
313
- --l--theme--checkbox-control--color--content--on-default--checked: var(--l--color--neutral--10);
314
- --l--theme--checkbox-control--color--content--on-default--disabled: var(--l--color--light-alpha--0);
315
- --l--theme--checkbox-control--color--content--on-default--disabled-checked: var(--l--color--neutral--40);
316
- --l--theme--checkbox-control--color--content--on-default--focus: var(--l--color--light-alpha--0);
317
- --l--theme--checkbox-control--color--content--on-default--focus-checked: var(--l--color--neutral--10);
318
- --l--theme--checkbox-control--color--content--on-default--hover: var(--l--color--light-alpha--0);
319
- --l--theme--checkbox-control--color--content--on-default--hover-checked: var(--l--color--neutral--10);
320
- --l--theme--checkbox-control--color--content--on-default--invalid: var(--l--color--light-alpha--0);
321
- --l--theme--checkbox-control--color--content--on-default--invalid-checked: var(--l--color--neutral--0);
322
289
  --l--theme--checkbox-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
323
290
  --l--theme--dialog--border--style: var(--l--border--style--none);
324
- --l--theme--dialog--measure: var(--l--theme--measure--md);
291
+ --l--theme--dialog--measure: var(--l--theme--size--measure--md);
325
292
  --l--theme--focus-ring--color--outline--on-default: var(--l--color--neutral--100);
326
293
  --l--theme--focus-ring--outline--offset: var(--l--units--2);
327
294
  --l--theme--focus-ring--outline--style: var(--l--border--style--solid);
328
295
  --l--theme--focus-ring--outline--width: var(--l--border--width--2);
329
296
  --l--theme--radio-button-control--border--style: var(--l--border--style--solid);
330
- --l--theme--radio-button-control--color--background--on-default--checked: var(--l--color--neutral--90);
331
- --l--theme--radio-button-control--color--background--on-default--disabled: var(--l--color--neutral--20);
332
- --l--theme--radio-button-control--color--background--on-default--disabled-checked: var(--l--color--neutral--20);
333
- --l--theme--radio-button-control--color--background--on-default--focus-checked: var(--l--color--neutral--90);
334
- --l--theme--radio-button-control--color--background--on-default--hover: var(--l--color--neutral--10);
335
- --l--theme--radio-button-control--color--background--on-default--hover-checked: var(--l--color--neutral--80);
336
- --l--theme--radio-button-control--color--border--on-default--checked: var(--l--color--neutral--90);
337
- --l--theme--radio-button-control--color--border--on-default--disabled: var(--l--color--neutral--30);
338
- --l--theme--radio-button-control--color--border--on-default--disabled-checked: var(--l--color--neutral--30);
339
- --l--theme--radio-button-control--color--border--on-default--focus-checked: var(--l--color--neutral--90);
340
- --l--theme--radio-button-control--color--border--on-default--hover-checked: var(--l--color--neutral--90);
341
- --l--theme--radio-button-control--color--content--on-default--rest: var(--l--color--light-alpha--0);
342
- --l--theme--radio-button-control--color--content--on-default--checked: var(--l--color--neutral--10);
343
- --l--theme--radio-button-control--color--content--on-default--disabled: var(--l--color--light-alpha--0);
344
- --l--theme--radio-button-control--color--content--on-default--disabled-checked: var(--l--color--neutral--40);
345
- --l--theme--radio-button-control--color--content--on-default--focus: var(--l--color--light-alpha--0);
346
- --l--theme--radio-button-control--color--content--on-default--focus-checked: var(--l--color--neutral--10);
347
- --l--theme--radio-button-control--color--content--on-default--hover: var(--l--color--light-alpha--0);
348
- --l--theme--radio-button-control--color--content--on-default--hover-checked: var(--l--color--neutral--10);
349
297
  --l--theme--radio-button-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
350
298
  --l--theme--selection--color--background--on-default: var(--l--color--neutral--90);
351
299
  --l--theme--selection--color--content--on-default: var(--l--color--neutral--10);
352
300
  --l--theme--text-control--border--style: var(--l--border--style--solid);
353
- --l--theme--text-control--typography--font-family--xs: var(--l--typography--font-family--sans-serif);
354
- --l--theme--text-control--typography--font-family--sm: var(--l--typography--font-family--sans-serif);
355
- --l--theme--text-control--typography--font-family--md: var(--l--typography--font-family--sans-serif);
356
- --l--theme--text-control--typography--font-family--lg: var(--l--typography--font-family--sans-serif);
301
+ --l--theme--text-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
302
+ --l--theme--text-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
303
+ --l--theme--text-control--typography--font-family--md: var(--l--typography--font-family--secondary);
304
+ --l--theme--text-control--typography--font-family--lg: var(--l--typography--font-family--secondary);
357
305
  --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));
358
306
  --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));
359
307
  --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));
@@ -382,9 +330,6 @@
382
330
  --l--theme--text-control--typography--text-transform--sm: var(--l--typography--text-transform--none);
383
331
  --l--theme--text-control--typography--text-transform--md: var(--l--typography--text-transform--none);
384
332
  --l--theme--text-control--typography--text-transform--lg: var(--l--typography--text-transform--none);
385
- --l--theme--text-control--color--background--on-default--disabled: var(--l--color--neutral--10);
386
- --l--theme--text-control--color--content--on-default--disabled: var(--l--color--neutral--40);
387
- --l--theme--text-control--color--placeholder--on-default--disabled: var(--l--color--neutral--40);
388
333
  --l--theme--border--radius--none: var(--l--border--radius--0);
389
334
  --l--theme--border--radius--sm: var(--l--border--radius--2);
390
335
  --l--theme--border--radius--md: var(--l--border--radius--4);
@@ -400,10 +345,9 @@
400
345
  --l--theme--border--width--xxl: var(--l--border--width--16);
401
346
  --l--theme--color--background--default: var(--l--color--neutral--0);
402
347
  --l--theme--color--border--primary--on-default: var(--l--color--neutral--60);
403
- --l--theme--color--border--secondary--on-default: var(--l--color--neutral--10);
348
+ --l--theme--color--border--secondary--on-default: var(--l--color--neutral--20);
404
349
  --l--theme--color--content--primary--on-default: var(--l--color--neutral--90);
405
350
  --l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
406
- --l--theme--color--content--disabled--on-default: var(--l--color--neutral--40);
407
351
  --l--theme--color--code--background--on-default: var(--l--color--neutral--10);
408
352
  --l--theme--color--code--content--on-default: var(--l--color--neutral--90);
409
353
  --l--theme--color--feedback--destructive--background--on-default: var(--l--color--red--20);
@@ -418,6 +362,41 @@
418
362
  --l--theme--color--feedback--warning--background--on-default: var(--l--color--yellow--20);
419
363
  --l--theme--color--feedback--warning--border--on-default: var(--l--color--yellow--30);
420
364
  --l--theme--color--feedback--warning--content--on-default: var(--l--color--yellow--100);
365
+ --l--theme--color--interactive--background--on-default--rest: var(--l--color--neutral--0);
366
+ --l--theme--color--interactive--background--on-default--hover: var(--l--color--neutral--10);
367
+ --l--theme--color--interactive--background--on-default--focus: var(--l--color--neutral--10);
368
+ --l--theme--color--interactive--background--on-default--invalid: var(--l--color--red--10);
369
+ --l--theme--color--interactive--background--on-default--disabled: var(--l--color--neutral--10);
370
+ --l--theme--color--interactive--background--on-default--checked: var(--l--color--neutral--90);
371
+ --l--theme--color--interactive--background--on-default--checked-hover: var(--l--color--neutral--80);
372
+ --l--theme--color--interactive--background--on-default--checked-focus: var(--l--color--neutral--90);
373
+ --l--theme--color--interactive--background--on-default--checked-invalid: var(--l--color--red--70);
374
+ --l--theme--color--interactive--background--on-default--checked-disabled: var(--l--color--neutral--20);
375
+ --l--theme--color--interactive--border--on-default--rest: var(--l--color--neutral--60);
376
+ --l--theme--color--interactive--border--on-default--hover: var(--l--color--neutral--60);
377
+ --l--theme--color--interactive--border--on-default--focus: var(--l--color--neutral--60);
378
+ --l--theme--color--interactive--border--on-default--invalid: var(--l--color--red--60);
379
+ --l--theme--color--interactive--border--on-default--disabled: var(--l--color--neutral--20);
380
+ --l--theme--color--interactive--border--on-default--checked: var(--l--color--neutral--90);
381
+ --l--theme--color--interactive--border--on-default--checked-hover: var(--l--color--neutral--90);
382
+ --l--theme--color--interactive--border--on-default--checked-focus: var(--l--color--neutral--90);
383
+ --l--theme--color--interactive--border--on-default--checked-invalid: var(--l--color--red--70);
384
+ --l--theme--color--interactive--border--on-default--checked-disabled: var(--l--color--neutral--30);
385
+ --l--theme--color--interactive--content--on-default--rest: var(--l--color--neutral--90);
386
+ --l--theme--color--interactive--content--on-default--hover: var(--l--color--neutral--90);
387
+ --l--theme--color--interactive--content--on-default--focus: var(--l--color--neutral--90);
388
+ --l--theme--color--interactive--content--on-default--invalid: var(--l--color--red--90);
389
+ --l--theme--color--interactive--content--on-default--disabled: var(--l--color--neutral--40);
390
+ --l--theme--color--interactive--content--on-default--checked: var(--l--color--neutral--10);
391
+ --l--theme--color--interactive--content--on-default--checked-hover: var(--l--color--neutral--10);
392
+ --l--theme--color--interactive--content--on-default--checked-focus: var(--l--color--neutral--10);
393
+ --l--theme--color--interactive--content--on-default--checked-invalid: var(--l--color--neutral--0);
394
+ --l--theme--color--interactive--content--on-default--checked-disabled: var(--l--color--neutral--40);
395
+ --l--theme--color--interactive--placeholder--on-default--rest: var(--l--color--neutral--60);
396
+ --l--theme--color--interactive--placeholder--on-default--hover: var(--l--color--neutral--60);
397
+ --l--theme--color--interactive--placeholder--on-default--focus: var(--l--color--neutral--60);
398
+ --l--theme--color--interactive--placeholder--on-default--invalid: var(--l--color--red--70);
399
+ --l--theme--color--interactive--placeholder--on-default--disabled: var(--l--color--neutral--40);
421
400
  --l--theme--color--link--content--primary--on-default--rest: var(--l--color--primary--80);
422
401
  --l--theme--color--link--content--primary--on-default--hover: var(--l--color--primary--60);
423
402
  --l--theme--color--link--content--primary--on-default--focus: var(--l--color--primary--60);
@@ -437,9 +416,17 @@
437
416
  --l--typography--text-decoration-thickness--sm: var(--l--units--1);
438
417
  --l--typography--text-decoration-thickness--md: var(--l--units--2);
439
418
  --l--typography--text-decoration-thickness--lg: var(--l--units--4);
440
- --l--theme--typography--body--font-family--sm: var(--l--typography--font-family--serif);
441
- --l--theme--typography--body--font-family--md: var(--l--typography--font-family--serif);
442
- --l--theme--typography--body--font-family--lg: var(--l--typography--font-family--serif);
419
+ --l--theme--typography--blockquote--font-family: var(--l--typography--font-family--primary);
420
+ --l--theme--typography--blockquote--font-size: clamp(var(--l--typography--font-size--24), 1.1765vw + 1.2353rem, var(--l--typography--font-size--32));
421
+ --l--theme--typography--blockquote--font-style: var(--l--typography--font-style--italic);
422
+ --l--theme--typography--blockquote--font-variant-caps: var(--l--typography--font-variant-caps--normal);
423
+ --l--theme--typography--blockquote--font-weight: var(--l--typography--font-weight--medium);
424
+ --l--theme--typography--blockquote--letter-spacing: var(--l--typography--letter-spacing--normal);
425
+ --l--theme--typography--blockquote--line-height: var(--l--typography--line-height--1250);
426
+ --l--theme--typography--blockquote--text-transform: var(--l--typography--text-transform--none);
427
+ --l--theme--typography--body--font-family--sm: var(--l--typography--font-family--primary);
428
+ --l--theme--typography--body--font-family--md: var(--l--typography--font-family--primary);
429
+ --l--theme--typography--body--font-family--lg: var(--l--typography--font-family--primary);
443
430
  --l--theme--typography--body--font-size--sm: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
444
431
  --l--theme--typography--body--font-size--md: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
445
432
  --l--theme--typography--body--font-size--lg: clamp(var(--l--typography--font-size--18), 0.18519vw + 1.0833rem, var(--l--typography--font-size--20));
@@ -461,10 +448,10 @@
461
448
  --l--theme--typography--body--text-transform--sm: var(--l--typography--text-transform--none);
462
449
  --l--theme--typography--body--text-transform--md: var(--l--typography--text-transform--none);
463
450
  --l--theme--typography--body--text-transform--lg: var(--l--typography--text-transform--none);
464
- --l--theme--typography--button--font-family--xs: var(--l--typography--font-family--sans-serif);
465
- --l--theme--typography--button--font-family--sm: var(--l--typography--font-family--sans-serif);
466
- --l--theme--typography--button--font-family--md: var(--l--typography--font-family--sans-serif);
467
- --l--theme--typography--button--font-family--lg: var(--l--typography--font-family--sans-serif);
451
+ --l--theme--typography--button--font-family--xs: var(--l--typography--font-family--secondary);
452
+ --l--theme--typography--button--font-family--sm: var(--l--typography--font-family--secondary);
453
+ --l--theme--typography--button--font-family--md: var(--l--typography--font-family--secondary);
454
+ --l--theme--typography--button--font-family--lg: var(--l--typography--font-family--secondary);
468
455
  --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
456
  --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
457
  --l--theme--typography--button--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
@@ -493,8 +480,8 @@
493
480
  --l--theme--typography--button--text-transform--sm: var(--l--typography--text-transform--none);
494
481
  --l--theme--typography--button--text-transform--md: var(--l--typography--text-transform--none);
495
482
  --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--sans-serif);
497
- --l--theme--typography--caption--font-family--secondary: var(--l--typography--font-family--serif);
483
+ --l--theme--typography--caption--font-family--primary: var(--l--typography--font-family--secondary);
484
+ --l--theme--typography--caption--font-family--secondary: var(--l--typography--font-family--primary);
498
485
  --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
486
  --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
487
  --l--theme--typography--caption--font-style--primary: var(--l--typography--font-style--normal);
@@ -517,12 +504,12 @@
517
504
  --l--theme--typography--code--letter-spacing: var(--l--typography--letter-spacing--normal);
518
505
  --l--theme--typography--code--line-height: var(--l--typography--line-height--1500);
519
506
  --l--theme--typography--code--text-transform: var(--l--typography--text-transform--none);
520
- --l--theme--typography--heading--font-family--l1: var(--l--typography--font-family--sans-serif);
521
- --l--theme--typography--heading--font-family--l2: var(--l--typography--font-family--sans-serif);
522
- --l--theme--typography--heading--font-family--l3: var(--l--typography--font-family--sans-serif);
523
- --l--theme--typography--heading--font-family--l4: var(--l--typography--font-family--sans-serif);
524
- --l--theme--typography--heading--font-family--l5: var(--l--typography--font-family--sans-serif);
525
- --l--theme--typography--heading--font-family--l6: var(--l--typography--font-family--sans-serif);
507
+ --l--theme--typography--heading--font-family--l1: var(--l--typography--font-family--secondary);
508
+ --l--theme--typography--heading--font-family--l2: var(--l--typography--font-family--secondary);
509
+ --l--theme--typography--heading--font-family--l3: var(--l--typography--font-family--secondary);
510
+ --l--theme--typography--heading--font-family--l4: var(--l--typography--font-family--secondary);
511
+ --l--theme--typography--heading--font-family--l5: var(--l--typography--font-family--secondary);
512
+ --l--theme--typography--heading--font-family--l6: var(--l--typography--font-family--secondary);
526
513
  --l--theme--typography--heading--font-size--l1: clamp(var(--l--typography--font-size--32), 0.74074vw + 1.8333rem, var(--l--typography--font-size--40));
527
514
  --l--theme--typography--heading--font-size--l2: clamp(var(--l--typography--font-size--24), 0.74074vw + 1.3333rem, var(--l--typography--font-size--32));
528
515
  --l--theme--typography--heading--font-size--l3: clamp(var(--l--typography--font-size--20), 0.37037vw + 1.1667rem, var(--l--typography--font-size--24));
@@ -563,7 +550,7 @@
563
550
  --l--theme--typography--heading--text-transform--l4: var(--l--typography--text-transform--none);
564
551
  --l--theme--typography--heading--text-transform--l5: var(--l--typography--text-transform--none);
565
552
  --l--theme--typography--heading--text-transform--l6: var(--l--typography--text-transform--none);
566
- --l--theme--typography--label--font-family: var(--l--typography--font-family--sans-serif);
553
+ --l--theme--typography--label--font-family: var(--l--typography--font-family--secondary);
567
554
  --l--theme--typography--label--font-size: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
568
555
  --l--theme--typography--label--font-style: var(--l--typography--font-style--normal);
569
556
  --l--theme--typography--label--font-variant-caps: var(--l--typography--font-variant-caps--normal);
@@ -579,7 +566,7 @@
579
566
  --l--theme--typography--link--text-decoration-line--secondary--hover: var(--l--typography--text-decoration-line--underline);
580
567
  --l--theme--typography--link--text-decoration-line--secondary--focus: var(--l--typography--text-decoration-line--none);
581
568
  --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--sans-serif);
569
+ --l--theme--typography--overline--font-family: var(--l--typography--font-family--secondary);
583
570
  --l--theme--typography--overline--font-size: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
584
571
  --l--theme--typography--overline--font-style: var(--l--typography--font-style--normal);
585
572
  --l--theme--typography--overline--font-variant-caps: var(--l--typography--font-variant-caps--all-small-caps);
@@ -587,7 +574,7 @@
587
574
  --l--theme--typography--overline--letter-spacing: var(--l--typography--letter-spacing--4);
588
575
  --l--theme--typography--overline--line-height: var(--l--typography--line-height--1000);
589
576
  --l--theme--typography--overline--text-transform: var(--l--typography--text-transform--none);
590
- --l--theme--typography--subhead--font-family: var(--l--typography--font-family--serif);
577
+ --l--theme--typography--subhead--font-family: var(--l--typography--font-family--primary);
591
578
  --l--theme--typography--subhead--font-size: clamp(var(--l--typography--font-size--20), 0.37037vw + 1.1667rem, var(--l--typography--font-size--24));
592
579
  --l--theme--typography--subhead--font-style: var(--l--typography--font-style--italic);
593
580
  --l--theme--typography--subhead--font-variant-caps: var(--l--typography--font-variant-caps--normal);
@@ -637,25 +624,14 @@
637
624
  --l--theme--button--space--inner--inline--lg: var(--l--theme--space--70);
638
625
  --l--theme--checkbox-control--border--width: var(--l--theme--border--width--sm);
639
626
  --l--theme--checkbox-control--border--radius: var(--l--theme--border--radius--md);
640
- --l--theme--checkbox-control--color--background--on-default--rest: var(--l--theme--color--background--default);
641
- --l--theme--checkbox-control--color--background--on-default--focus: var(--l--theme--color--background--default);
642
- --l--theme--checkbox-control--color--border--on-default--rest: var(--l--theme--color--border--primary--on-default);
643
- --l--theme--checkbox-control--color--border--on-default--focus: var(--l--theme--color--border--primary--on-default);
644
- --l--theme--checkbox-control--color--border--on-default--hover: var(--l--theme--color--border--primary--on-default);
645
627
  --l--theme--dialog--border--radius: var(--l--theme--border--radius--md);
646
628
  --l--theme--dialog--border--width: var(--l--theme--border--width--sm);
647
629
  --l--theme--dialog--color--background: var(--l--theme--color--background--default);
648
630
  --l--theme--dialog--color--border: var(--l--theme--color--border--primary--on-default);
649
631
  --l--theme--dialog--color--content: var(--l--theme--color--content--primary--on-default);
650
632
  --l--theme--dialog--color--overlay: var(--l--theme--color--overlay--on-default);
651
- --l--theme--media--border--radius: var(--l--theme--border--radius--md);
652
633
  --l--theme--radio-button-control--border--width: var(--l--theme--border--width--sm);
653
634
  --l--theme--radio-button-control--border--radius: var(--l--theme--border--radius--full);
654
- --l--theme--radio-button-control--color--background--on-default--rest: var(--l--theme--color--background--default);
655
- --l--theme--radio-button-control--color--background--on-default--focus: var(--l--theme--color--background--default);
656
- --l--theme--radio-button-control--color--border--on-default--rest: var(--l--theme--color--border--primary--on-default);
657
- --l--theme--radio-button-control--color--border--on-default--focus: var(--l--theme--color--border--primary--on-default);
658
- --l--theme--radio-button-control--color--border--on-default--hover: var(--l--theme--color--border--primary--on-default);
659
635
  --l--theme--text-control--border--width--xs: var(--l--theme--border--width--sm);
660
636
  --l--theme--text-control--border--width--sm: var(--l--theme--border--width--sm);
661
637
  --l--theme--text-control--border--width--md: var(--l--theme--border--width--sm);
@@ -672,17 +648,7 @@
672
648
  --l--theme--text-control--space--inner--inline--sm: var(--l--theme--space--40);
673
649
  --l--theme--text-control--space--inner--inline--md: var(--l--theme--space--50);
674
650
  --l--theme--text-control--space--inner--inline--lg: var(--l--theme--space--60);
675
- --l--theme--text-control--color--background--on-default--rest: var(--l--theme--color--background--default);
676
- --l--theme--text-control--color--background--on-default--focus: var(--l--theme--color--background--default);
677
- --l--theme--text-control--color--background--on-default--hover: var(--l--theme--color--background--default);
678
- --l--theme--text-control--color--border--on-default--rest: var(--l--theme--color--border--primary--on-default);
679
- --l--theme--text-control--color--border--on-default--disabled: var(--l--theme--color--border--primary--on-default);
680
- --l--theme--text-control--color--border--on-default--focus: var(--l--theme--color--border--primary--on-default);
681
- --l--theme--text-control--color--border--on-default--hover: var(--l--theme--color--border--primary--on-default);
682
- --l--theme--text-control--color--content--on-default--rest: var(--l--theme--color--content--primary--on-default);
683
- --l--theme--text-control--color--content--on-default--focus: var(--l--theme--color--content--primary--on-default);
684
- --l--theme--text-control--color--content--on-default--hover: var(--l--theme--color--content--primary--on-default);
685
- --l--theme--text-control--color--placeholder--on-default--rest: var(--l--theme--color--content--secondary--on-default);
651
+ --l--theme--border--media--radius: var(--l--theme--border--radius--md);
686
652
  --l--theme--space--gutter: var(--l--theme--space--70);
687
653
  --l--theme--dialog--space--inner--inline: var(--l--theme--space--gutter);
688
654
  --l--theme--dialog--space--inner--block: var(--l--theme--space--gutter);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.10.0",
3
+ "version": "0.10.2",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",