@withlayers/tokens 0.13.0 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.css +40 -41
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -190,6 +190,7 @@
190
190
  --l--typography--text-decoration-thickness--auto: from-font;
191
191
  --l--theme--typography--heading--line-height--l5: 1;
192
192
  --l--theme--typography--heading--line-height--l6: 1;
193
+ --l--units--0: 0;
193
194
  --l--units--1: 0.0625rem;
194
195
  --l--units--2: 0.125rem;
195
196
  --l--units--4: 0.25rem;
@@ -287,12 +288,6 @@
287
288
  --l--theme--button--color--content--destructive--on-default--hover: var(--l--color--red--10);
288
289
  --l--theme--checkbox-control--border--style: var(--l--border--style--solid);
289
290
  --l--theme--checkbox-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
290
- --l--theme--dialog--border--style: var(--l--border--style--none);
291
- --l--theme--dialog--measure: var(--l--theme--size--measure--md);
292
- --l--theme--focus-ring--color--outline--on-default: var(--l--color--neutral--100);
293
- --l--theme--focus-ring--outline--offset: var(--l--units--2);
294
- --l--theme--focus-ring--outline--style: var(--l--border--style--solid);
295
- --l--theme--focus-ring--outline--width: var(--l--border--width--2);
296
291
  --l--theme--notification--border--style: var(--l--border--style--solid);
297
292
  --l--theme--notification--typography--font-family--xs: var(--l--typography--font-family--secondary);
298
293
  --l--theme--notification--typography--font-family--sm: var(--l--typography--font-family--secondary);
@@ -328,8 +323,6 @@
328
323
  --l--theme--notification--typography--text-transform--lg: var(--l--typography--text-transform--none);
329
324
  --l--theme--radio-control--border--style: var(--l--border--style--solid);
330
325
  --l--theme--radio-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
331
- --l--theme--selection--color--background--on-default: var(--l--color--neutral--90);
332
- --l--theme--selection--color--content--on-default: var(--l--color--neutral--10);
333
326
  --l--theme--text-control--border--style: var(--l--border--style--solid);
334
327
  --l--theme--text-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
335
328
  --l--theme--text-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
@@ -376,13 +369,16 @@
376
369
  --l--theme--border--width--lg: var(--l--border--width--4);
377
370
  --l--theme--border--width--xl: var(--l--border--width--8);
378
371
  --l--theme--border--width--xxl: var(--l--border--width--16);
372
+ --l--theme--border--dialog--style: var(--l--border--style--none);
379
373
  --l--theme--color--background--default: var(--l--color--neutral--0);
380
374
  --l--theme--color--border--primary--on-default: var(--l--color--neutral--60);
381
375
  --l--theme--color--border--secondary--on-default: var(--l--color--neutral--20);
382
376
  --l--theme--color--content--primary--on-default: var(--l--color--neutral--90);
383
377
  --l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
378
+ --l--theme--color--overlay--on-default: var(--l--color--dark-alpha--50);
384
379
  --l--theme--color--code--background--on-default: var(--l--color--neutral--10);
385
380
  --l--theme--color--code--content--on-default: var(--l--color--neutral--90);
381
+ --l--theme--color--dialog--border--on-default: var(--l--color--dark-alpha--0);
386
382
  --l--theme--color--feedback--background--destructive--on-default: var(--l--color--red--20);
387
383
  --l--theme--color--feedback--background--informative--on-default: var(--l--color--blue--20);
388
384
  --l--theme--color--feedback--background--positive--on-default: var(--l--color--green--20);
@@ -399,6 +395,7 @@
399
395
  --l--theme--color--feedback--content--positive--on-positive: var(--l--color--green--100);
400
396
  --l--theme--color--feedback--content--warning--on-default: var(--l--color--yellow--50);
401
397
  --l--theme--color--feedback--content--warning--on-warning: var(--l--color--yellow--100);
398
+ --l--theme--color--focus-ring--outline--on-default: var(--l--color--neutral--90);
402
399
  --l--theme--color--interactive--background--on-default--rest: var(--l--color--neutral--0);
403
400
  --l--theme--color--interactive--background--on-default--hover: var(--l--color--neutral--10);
404
401
  --l--theme--color--interactive--background--on-default--focus: var(--l--color--neutral--10);
@@ -449,7 +446,8 @@
449
446
  --l--theme--color--link--content--tertiary--on-default--focus: var(--l--color--neutral--60);
450
447
  --l--theme--color--link--content--tertiary--on-default--active: var(--l--color--neutral--90);
451
448
  --l--theme--color--link--content--tertiary--on-default--visited: var(--l--color--neutral--60);
452
- --l--theme--color--overlay--on-default: var(--l--color--dark-alpha--50);
449
+ --l--theme--color--selection--background--on-default: var(--l--color--neutral--90);
450
+ --l--theme--color--selection--content--on-default: var(--l--color--neutral--10);
453
451
  --l--typography--text-decoration-thickness--sm: var(--l--units--1);
454
452
  --l--typography--text-decoration-thickness--md: var(--l--units--2);
455
453
  --l--typography--text-decoration-thickness--lg: var(--l--units--4);
@@ -619,6 +617,9 @@
619
617
  --l--theme--typography--subhead--letter-spacing: var(--l--typography--letter-spacing--normal);
620
618
  --l--theme--typography--subhead--line-height: var(--l--typography--line-height--1500);
621
619
  --l--theme--typography--subhead--text-transform: var(--l--typography--text-transform--none);
620
+ --l--theme--outline--focus-ring--style: var(--l--border--style--solid);
621
+ --l--theme--outline--focus-ring--width: var(--l--border--width--2);
622
+ --l--theme--size--0: var(--l--units--0);
622
623
  --l--theme--size--10: clamp(var(--l--units--1), 0.092593vw + 0.041667rem, var(--l--units--2));
623
624
  --l--theme--size--20: clamp(var(--l--units--2), 0.18519vw + 0.083333rem, var(--l--units--4));
624
625
  --l--theme--size--30: clamp(var(--l--units--4), 0.37037vw + 0.16667rem, var(--l--units--8));
@@ -631,6 +632,7 @@
631
632
  --l--theme--size--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
632
633
  --l--theme--size--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
633
634
  --l--theme--size--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
635
+ --l--theme--space--0: var(--l--units--0);
634
636
  --l--theme--space--10: clamp(var(--l--units--1), 0.092593vw + 0.041667rem, var(--l--units--2));
635
637
  --l--theme--space--20: clamp(var(--l--units--2), 0.18519vw + 0.083333rem, var(--l--units--4));
636
638
  --l--theme--space--30: clamp(var(--l--units--4), 0.37037vw + 0.16667rem, var(--l--units--8));
@@ -643,6 +645,7 @@
643
645
  --l--theme--space--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
644
646
  --l--theme--space--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
645
647
  --l--theme--space--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
648
+ --l--theme--space--focus-ring--offset: var(--l--units--2);
646
649
  --l--theme--button--border--width--xs: var(--l--theme--border--width--sm);
647
650
  --l--theme--button--border--width--sm: var(--l--theme--border--width--sm);
648
651
  --l--theme--button--border--width--md: var(--l--theme--border--width--sm);
@@ -651,22 +654,16 @@
651
654
  --l--theme--button--border--radius--sm: var(--l--theme--border--radius--md);
652
655
  --l--theme--button--border--radius--md: var(--l--theme--border--radius--md);
653
656
  --l--theme--button--border--radius--lg: var(--l--theme--border--radius--md);
654
- --l--theme--button--space--inner--block--xs: var(--l--theme--space--20);
655
- --l--theme--button--space--inner--block--sm: var(--l--theme--space--30);
656
- --l--theme--button--space--inner--block--md: var(--l--theme--space--40);
657
- --l--theme--button--space--inner--block--lg: var(--l--theme--space--50);
658
- --l--theme--button--space--inner--inline--xs: var(--l--theme--space--40);
659
- --l--theme--button--space--inner--inline--sm: var(--l--theme--space--50);
660
- --l--theme--button--space--inner--inline--md: var(--l--theme--space--60);
661
- --l--theme--button--space--inner--inline--lg: var(--l--theme--space--70);
657
+ --l--theme--button--space--inset--block--xs: var(--l--theme--space--20);
658
+ --l--theme--button--space--inset--block--sm: var(--l--theme--space--30);
659
+ --l--theme--button--space--inset--block--md: var(--l--theme--space--40);
660
+ --l--theme--button--space--inset--block--lg: var(--l--theme--space--50);
661
+ --l--theme--button--space--inset--inline--xs: var(--l--theme--space--40);
662
+ --l--theme--button--space--inset--inline--sm: var(--l--theme--space--50);
663
+ --l--theme--button--space--inset--inline--md: var(--l--theme--space--60);
664
+ --l--theme--button--space--inset--inline--lg: var(--l--theme--space--70);
662
665
  --l--theme--checkbox-control--border--width: var(--l--theme--border--width--sm);
663
666
  --l--theme--checkbox-control--border--radius: var(--l--theme--border--radius--md);
664
- --l--theme--dialog--border--radius: var(--l--theme--border--radius--md);
665
- --l--theme--dialog--border--width: var(--l--theme--border--width--sm);
666
- --l--theme--dialog--color--background: var(--l--theme--color--background--default);
667
- --l--theme--dialog--color--border: var(--l--theme--color--border--primary--on-default);
668
- --l--theme--dialog--color--content: var(--l--theme--color--content--primary--on-default);
669
- --l--theme--dialog--color--overlay: var(--l--theme--color--overlay--on-default);
670
667
  --l--theme--notification--border--width--xs: var(--l--theme--border--width--sm);
671
668
  --l--theme--notification--border--width--sm: var(--l--theme--border--width--sm);
672
669
  --l--theme--notification--border--width--md: var(--l--theme--border--width--sm);
@@ -675,14 +672,14 @@
675
672
  --l--theme--notification--border--radius--sm: var(--l--theme--border--radius--md);
676
673
  --l--theme--notification--border--radius--md: var(--l--theme--border--radius--md);
677
674
  --l--theme--notification--border--radius--lg: var(--l--theme--border--radius--md);
678
- --l--theme--notification--space--inner--block--xs: var(--l--theme--space--20);
679
- --l--theme--notification--space--inner--block--sm: var(--l--theme--space--30);
680
- --l--theme--notification--space--inner--block--md: var(--l--theme--space--40);
681
- --l--theme--notification--space--inner--block--lg: var(--l--theme--space--50);
682
- --l--theme--notification--space--inner--inline--xs: var(--l--theme--space--30);
683
- --l--theme--notification--space--inner--inline--sm: var(--l--theme--space--40);
684
- --l--theme--notification--space--inner--inline--md: var(--l--theme--space--50);
685
- --l--theme--notification--space--inner--inline--lg: var(--l--theme--space--60);
675
+ --l--theme--notification--space--inset--block--xs: var(--l--theme--space--20);
676
+ --l--theme--notification--space--inset--block--sm: var(--l--theme--space--30);
677
+ --l--theme--notification--space--inset--block--md: var(--l--theme--space--40);
678
+ --l--theme--notification--space--inset--block--lg: var(--l--theme--space--50);
679
+ --l--theme--notification--space--inset--inline--xs: var(--l--theme--space--30);
680
+ --l--theme--notification--space--inset--inline--sm: var(--l--theme--space--40);
681
+ --l--theme--notification--space--inset--inline--md: var(--l--theme--space--50);
682
+ --l--theme--notification--space--inset--inline--lg: var(--l--theme--space--60);
686
683
  --l--theme--radio-control--border--width: var(--l--theme--border--width--sm);
687
684
  --l--theme--radio-control--border--radius: var(--l--theme--border--radius--full);
688
685
  --l--theme--text-control--border--width--xs: var(--l--theme--border--width--sm);
@@ -693,16 +690,18 @@
693
690
  --l--theme--text-control--border--radius--sm: var(--l--theme--border--radius--md);
694
691
  --l--theme--text-control--border--radius--md: var(--l--theme--border--radius--md);
695
692
  --l--theme--text-control--border--radius--lg: var(--l--theme--border--radius--md);
696
- --l--theme--text-control--space--inner--block--xs: var(--l--theme--space--20);
697
- --l--theme--text-control--space--inner--block--sm: var(--l--theme--space--30);
698
- --l--theme--text-control--space--inner--block--md: var(--l--theme--space--40);
699
- --l--theme--text-control--space--inner--block--lg: var(--l--theme--space--50);
700
- --l--theme--text-control--space--inner--inline--xs: var(--l--theme--space--30);
701
- --l--theme--text-control--space--inner--inline--sm: var(--l--theme--space--40);
702
- --l--theme--text-control--space--inner--inline--md: var(--l--theme--space--50);
703
- --l--theme--text-control--space--inner--inline--lg: var(--l--theme--space--60);
693
+ --l--theme--text-control--space--inset--block--xs: var(--l--theme--space--20);
694
+ --l--theme--text-control--space--inset--block--sm: var(--l--theme--space--30);
695
+ --l--theme--text-control--space--inset--block--md: var(--l--theme--space--40);
696
+ --l--theme--text-control--space--inset--block--lg: var(--l--theme--space--50);
697
+ --l--theme--text-control--space--inset--inline--xs: var(--l--theme--space--30);
698
+ --l--theme--text-control--space--inset--inline--sm: var(--l--theme--space--40);
699
+ --l--theme--text-control--space--inset--inline--md: var(--l--theme--space--50);
700
+ --l--theme--text-control--space--inset--inline--lg: var(--l--theme--space--60);
701
+ --l--theme--border--dialog--radius: var(--l--theme--border--radius--md);
702
+ --l--theme--border--dialog--width: var(--l--theme--border--width--sm);
704
703
  --l--theme--border--media--radius: var(--l--theme--border--radius--md);
705
704
  --l--theme--space--gutter: var(--l--theme--space--70);
706
- --l--theme--dialog--space--inner--inline: var(--l--theme--space--gutter);
707
- --l--theme--dialog--space--inner--block: var(--l--theme--space--gutter);
705
+ --l--theme--space--dialog--inset--inline: var(--l--theme--space--gutter);
706
+ --l--theme--space--dialog--inset--block: var(--l--theme--space--gutter);
708
707
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.13.0",
3
+ "version": "0.15.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",