@withlayers/tokens 0.19.0 → 0.20.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/dist/index.css +64 -9
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -258,13 +258,13 @@
|
|
|
258
258
|
--l--theme--color--feedback--border--informative--on-default: var(--l--color--blue--30);
|
|
259
259
|
--l--theme--color--feedback--border--positive--on-default: var(--l--color--green--30);
|
|
260
260
|
--l--theme--color--feedback--border--warning--on-default: var(--l--color--yellow--30);
|
|
261
|
-
--l--theme--color--feedback--content--destructive--on-default: var(--l--color--red--
|
|
261
|
+
--l--theme--color--feedback--content--destructive--on-default: var(--l--color--red--70);
|
|
262
262
|
--l--theme--color--feedback--content--destructive--on-destructive: var(--l--color--red--100);
|
|
263
|
-
--l--theme--color--feedback--content--informative--on-default: var(--l--color--blue--
|
|
263
|
+
--l--theme--color--feedback--content--informative--on-default: var(--l--color--blue--70);
|
|
264
264
|
--l--theme--color--feedback--content--informative--on-informative: var(--l--color--blue--100);
|
|
265
|
-
--l--theme--color--feedback--content--positive--on-default: var(--l--color--green--
|
|
265
|
+
--l--theme--color--feedback--content--positive--on-default: var(--l--color--green--70);
|
|
266
266
|
--l--theme--color--feedback--content--positive--on-positive: var(--l--color--green--100);
|
|
267
|
-
--l--theme--color--feedback--content--warning--on-default: var(--l--color--yellow--
|
|
267
|
+
--l--theme--color--feedback--content--warning--on-default: var(--l--color--yellow--70);
|
|
268
268
|
--l--theme--color--feedback--content--warning--on-warning: var(--l--color--yellow--100);
|
|
269
269
|
--l--theme--color--feedback--outline--destructive--on-default: var(--l--color--red--60);
|
|
270
270
|
--l--theme--color--feedback--outline--destructive--on-destructive: var(--l--color--red--100);
|
|
@@ -296,17 +296,17 @@
|
|
|
296
296
|
--l--theme--color--interactive--border--on-default--checked--invalid--rest: var(--l--color--red--70);
|
|
297
297
|
--l--theme--color--interactive--border--on-default--checked--invalid--focus: var(--l--color--red--70);
|
|
298
298
|
--l--theme--color--interactive--border--on-default--checked--invalid--hover: var(--l--color--red--60);
|
|
299
|
-
--l--theme--color--interactive--border--on-default--invalid--rest: var(--l--color--red--
|
|
300
|
-
--l--theme--color--interactive--border--on-default--invalid--focus: var(--l--color--red--
|
|
299
|
+
--l--theme--color--interactive--border--on-default--invalid--rest: var(--l--color--red--70);
|
|
300
|
+
--l--theme--color--interactive--border--on-default--invalid--focus: var(--l--color--red--70);
|
|
301
301
|
--l--theme--color--interactive--border--on-default--invalid--hover: var(--l--color--red--70);
|
|
302
302
|
--l--theme--color--interactive--border--on-default--disabled: var(--l--color--neutral--20);
|
|
303
303
|
--l--theme--color--interactive--content--on-default--rest: var(--l--color--neutral--90);
|
|
304
304
|
--l--theme--color--interactive--content--on-default--hover: var(--l--color--neutral--90);
|
|
305
305
|
--l--theme--color--interactive--content--on-default--focus: var(--l--color--neutral--90);
|
|
306
306
|
--l--theme--color--interactive--content--on-default--disabled: var(--l--color--neutral--40);
|
|
307
|
-
--l--theme--color--interactive--content--on-default--invalid--rest: var(--l--color--red--
|
|
308
|
-
--l--theme--color--interactive--content--on-default--invalid--hover: var(--l--color--red--
|
|
309
|
-
--l--theme--color--interactive--content--on-default--invalid--focus: var(--l--color--red--
|
|
307
|
+
--l--theme--color--interactive--content--on-default--invalid--rest: var(--l--color--red--70);
|
|
308
|
+
--l--theme--color--interactive--content--on-default--invalid--hover: var(--l--color--red--70);
|
|
309
|
+
--l--theme--color--interactive--content--on-default--invalid--focus: var(--l--color--red--70);
|
|
310
310
|
--l--theme--color--interactive--content--on-default--checked--rest: var(--l--color--neutral--10);
|
|
311
311
|
--l--theme--color--interactive--content--on-default--checked--hover: var(--l--color--neutral--10);
|
|
312
312
|
--l--theme--color--interactive--content--on-default--checked--focus: var(--l--color--neutral--10);
|
|
@@ -523,6 +523,12 @@
|
|
|
523
523
|
--l--theme--size--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
|
|
524
524
|
--l--theme--size--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
|
|
525
525
|
--l--theme--size--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
|
|
526
|
+
--l--theme--size--icon--xs: var(--l--units--12);
|
|
527
|
+
--l--theme--size--icon--sm: var(--l--units--16);
|
|
528
|
+
--l--theme--size--icon--md: var(--l--units--24);
|
|
529
|
+
--l--theme--size--icon--lg: var(--l--units--32);
|
|
530
|
+
--l--theme--size--icon--xl: var(--l--units--48);
|
|
531
|
+
--l--theme--size--icon--xxl: var(--l--units--64);
|
|
526
532
|
--l--theme--space--0: var(--l--units--0);
|
|
527
533
|
--l--theme--space--10: clamp(var(--l--units--1), 0.092593vw + 0.041667rem, var(--l--units--2));
|
|
528
534
|
--l--theme--space--20: clamp(var(--l--units--2), 0.18519vw + 0.083333rem, var(--l--units--4));
|
|
@@ -634,6 +640,39 @@
|
|
|
634
640
|
--l--theme--notification--typography--text-transform--lg: var(--l--typography--text-transform--none);
|
|
635
641
|
--l--theme--radio-control--border--style: var(--l--border--style--solid);
|
|
636
642
|
--l--theme--radio-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
|
|
643
|
+
--l--theme--select-control--border--style: var(--l--border--style--solid);
|
|
644
|
+
--l--theme--select-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
|
|
645
|
+
--l--theme--select-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
|
|
646
|
+
--l--theme--select-control--typography--font-family--md: var(--l--typography--font-family--secondary);
|
|
647
|
+
--l--theme--select-control--typography--font-family--lg: var(--l--typography--font-family--secondary);
|
|
648
|
+
--l--theme--select-control--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
649
|
+
--l--theme--select-control--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
650
|
+
--l--theme--select-control--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
651
|
+
--l--theme--select-control--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
|
|
652
|
+
--l--theme--select-control--typography--font-style--xs: var(--l--typography--font-style--normal);
|
|
653
|
+
--l--theme--select-control--typography--font-style--sm: var(--l--typography--font-style--normal);
|
|
654
|
+
--l--theme--select-control--typography--font-style--md: var(--l--typography--font-style--normal);
|
|
655
|
+
--l--theme--select-control--typography--font-style--lg: var(--l--typography--font-style--normal);
|
|
656
|
+
--l--theme--select-control--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
|
|
657
|
+
--l--theme--select-control--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
|
|
658
|
+
--l--theme--select-control--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
|
|
659
|
+
--l--theme--select-control--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
|
|
660
|
+
--l--theme--select-control--typography--font-weight--xs: var(--l--typography--font-weight--medium);
|
|
661
|
+
--l--theme--select-control--typography--font-weight--sm: var(--l--typography--font-weight--medium);
|
|
662
|
+
--l--theme--select-control--typography--font-weight--md: var(--l--typography--font-weight--medium);
|
|
663
|
+
--l--theme--select-control--typography--font-weight--lg: var(--l--typography--font-weight--medium);
|
|
664
|
+
--l--theme--select-control--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
|
|
665
|
+
--l--theme--select-control--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
|
|
666
|
+
--l--theme--select-control--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
|
|
667
|
+
--l--theme--select-control--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
|
|
668
|
+
--l--theme--select-control--typography--line-height--xs: var(--l--typography--line-height--1250);
|
|
669
|
+
--l--theme--select-control--typography--line-height--sm: var(--l--typography--line-height--1250);
|
|
670
|
+
--l--theme--select-control--typography--line-height--md: var(--l--typography--line-height--1375);
|
|
671
|
+
--l--theme--select-control--typography--line-height--lg: var(--l--typography--line-height--1500);
|
|
672
|
+
--l--theme--select-control--typography--text-transform--xs: var(--l--typography--text-transform--none);
|
|
673
|
+
--l--theme--select-control--typography--text-transform--sm: var(--l--typography--text-transform--none);
|
|
674
|
+
--l--theme--select-control--typography--text-transform--md: var(--l--typography--text-transform--none);
|
|
675
|
+
--l--theme--select-control--typography--text-transform--lg: var(--l--typography--text-transform--none);
|
|
637
676
|
--l--theme--text-control--border--style: var(--l--border--style--solid);
|
|
638
677
|
--l--theme--text-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
|
|
639
678
|
--l--theme--text-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
|
|
@@ -711,6 +750,22 @@
|
|
|
711
750
|
--l--theme--notification--space--inset--inline--lg: var(--l--theme--space--60);
|
|
712
751
|
--l--theme--radio-control--border--width: var(--l--theme--border--width--sm);
|
|
713
752
|
--l--theme--radio-control--border--radius: var(--l--theme--border--radius--full);
|
|
753
|
+
--l--theme--select-control--border--width--xs: var(--l--theme--border--width--sm);
|
|
754
|
+
--l--theme--select-control--border--width--sm: var(--l--theme--border--width--sm);
|
|
755
|
+
--l--theme--select-control--border--width--md: var(--l--theme--border--width--sm);
|
|
756
|
+
--l--theme--select-control--border--width--lg: var(--l--theme--border--width--sm);
|
|
757
|
+
--l--theme--select-control--border--radius--xs: var(--l--theme--border--radius--md);
|
|
758
|
+
--l--theme--select-control--border--radius--sm: var(--l--theme--border--radius--md);
|
|
759
|
+
--l--theme--select-control--border--radius--md: var(--l--theme--border--radius--md);
|
|
760
|
+
--l--theme--select-control--border--radius--lg: var(--l--theme--border--radius--md);
|
|
761
|
+
--l--theme--select-control--space--inset--block--xs: var(--l--theme--space--20);
|
|
762
|
+
--l--theme--select-control--space--inset--block--sm: var(--l--theme--space--30);
|
|
763
|
+
--l--theme--select-control--space--inset--block--md: var(--l--theme--space--40);
|
|
764
|
+
--l--theme--select-control--space--inset--block--lg: var(--l--theme--space--50);
|
|
765
|
+
--l--theme--select-control--space--inset--inline--xs: var(--l--theme--space--30);
|
|
766
|
+
--l--theme--select-control--space--inset--inline--sm: var(--l--theme--space--40);
|
|
767
|
+
--l--theme--select-control--space--inset--inline--md: var(--l--theme--space--50);
|
|
768
|
+
--l--theme--select-control--space--inset--inline--lg: var(--l--theme--space--60);
|
|
714
769
|
--l--theme--text-control--border--width--xs: var(--l--theme--border--width--sm);
|
|
715
770
|
--l--theme--text-control--border--width--sm: var(--l--theme--border--width--sm);
|
|
716
771
|
--l--theme--text-control--border--width--md: var(--l--theme--border--width--sm);
|