@withlayers/tokens 0.24.0 → 0.26.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 +48 -38
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -186,6 +186,10 @@
186
186
  --l--typography--line-height--1750: 1.75;
187
187
  --l--typography--line-height--1875: 1.875;
188
188
  --l--typography--line-height--2000: 2;
189
+ --l--typography--text-align--start: start;
190
+ --l--typography--text-align--end: end;
191
+ --l--typography--text-align--center: center;
192
+ --l--typography--text-align--justify: justify;
189
193
  --l--typography--text-transform--none: none;
190
194
  --l--typography--text-transform--uppercase: uppercase;
191
195
  --l--typography--text-transform--lowercase: lowercase;
@@ -250,6 +254,7 @@
250
254
  --l--theme--border--dialog--style: var(--l--border--style--none);
251
255
  --l--theme--border--interactive--style: var(--l--border--style--solid);
252
256
  --l--theme--border--mark-control--style: var(--l--border--style--solid);
257
+ --l--theme--border--media--style: var(--l--border--style--solid);
253
258
  --l--theme--border--text-control--style: var(--l--border--style--solid);
254
259
  --l--theme--border--text-highlight--style: var(--l--border--style--none);
255
260
  --l--theme--color--background--default: var(--l--color--neutral--0);
@@ -750,7 +755,6 @@
750
755
  --l--theme--typography--text-control--text-transform--lg: var(--l--typography--text-transform--none);
751
756
  --l--theme--outline--offset: var(--l--units--relative--2);
752
757
  --l--theme--outline--style: var(--l--border--style--solid);
753
- --l--theme--outline--width: var(--l--border--width--2);
754
758
  --l--theme--size--0: var(--l--units--0);
755
759
  --l--theme--size--10: clamp(var(--l--units--relative--1), 0.092593vw + 0.041667rem, var(--l--units--relative--2));
756
760
  --l--theme--size--20: clamp(var(--l--units--relative--2), 0.18519vw + 0.083333rem, var(--l--units--relative--4));
@@ -819,27 +823,32 @@
819
823
  --l--theme--notification--typography--text-transform--lg: var(--l--typography--text-transform--none);
820
824
  --l--theme--border--dialog--radius: var(--l--theme--border--radius--md);
821
825
  --l--theme--border--dialog--width: var(--l--theme--border--width--sm);
822
- --l--theme--border--interactive--width--xs: var(--l--theme--border--width--sm);
823
- --l--theme--border--interactive--width--sm: var(--l--theme--border--width--sm);
824
- --l--theme--border--interactive--width--md: var(--l--theme--border--width--sm);
825
- --l--theme--border--interactive--width--lg: var(--l--theme--border--width--sm);
826
826
  --l--theme--border--interactive--radius--xs: var(--l--theme--border--radius--md);
827
827
  --l--theme--border--interactive--radius--sm: var(--l--theme--border--radius--md);
828
828
  --l--theme--border--interactive--radius--md: var(--l--theme--border--radius--md);
829
829
  --l--theme--border--interactive--radius--lg: var(--l--theme--border--radius--md);
830
- --l--theme--border--mark-control--width: var(--l--theme--border--width--sm);
830
+ --l--theme--border--interactive--width--xs: var(--l--theme--border--width--sm);
831
+ --l--theme--border--interactive--width--sm: var(--l--theme--border--width--sm);
832
+ --l--theme--border--interactive--width--md: var(--l--theme--border--width--sm);
833
+ --l--theme--border--interactive--width--lg: var(--l--theme--border--width--sm);
831
834
  --l--theme--border--mark-control--radius: var(--l--theme--border--radius--md);
835
+ --l--theme--border--mark-control--width: var(--l--theme--border--width--sm);
832
836
  --l--theme--border--media--radius: var(--l--theme--border--radius--md);
833
- --l--theme--border--text-control--width--xs: var(--l--theme--border--width--sm);
834
- --l--theme--border--text-control--width--sm: var(--l--theme--border--width--sm);
835
- --l--theme--border--text-control--width--md: var(--l--theme--border--width--sm);
836
- --l--theme--border--text-control--width--lg: var(--l--theme--border--width--sm);
837
+ --l--theme--border--media--width: var(--l--theme--border--width--sm);
837
838
  --l--theme--border--text-control--radius--xs: var(--l--theme--border--radius--md);
838
839
  --l--theme--border--text-control--radius--sm: var(--l--theme--border--radius--md);
839
840
  --l--theme--border--text-control--radius--md: var(--l--theme--border--radius--md);
840
841
  --l--theme--border--text-control--radius--lg: var(--l--theme--border--radius--md);
842
+ --l--theme--border--text-control--width--xs: var(--l--theme--border--width--sm);
843
+ --l--theme--border--text-control--width--sm: var(--l--theme--border--width--sm);
844
+ --l--theme--border--text-control--width--md: var(--l--theme--border--width--sm);
845
+ --l--theme--border--text-control--width--lg: var(--l--theme--border--width--sm);
841
846
  --l--theme--border--text-highlight--radius: var(--l--theme--border--radius--sm);
842
847
  --l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
848
+ --l--theme--color--dialog--background--on-default: var(--l--theme--color--background--default);
849
+ --l--theme--color--dialog--background--on-knockout: var(--l--theme--color--background--knockout);
850
+ --l--theme--color--dialog--content--on-default: var(--l--theme--color--content--primary--on-default);
851
+ --l--theme--color--dialog--content--on-knockout: var(--l--theme--color--content--primary--on-knockout);
843
852
  --l--theme--color--input--background--on-default--rest: var(--l--theme--color--background--default);
844
853
  --l--theme--color--input--background--on-default--focus: var(--l--theme--color--background--default);
845
854
  --l--theme--color--input--background--on-default--invalid--rest: var(--l--theme--color--background--default);
@@ -859,25 +868,26 @@
859
868
  --l--theme--color--link--content--tertiary--on-default--visited: var(--l--theme--color--content--secondary--on-default);
860
869
  --l--theme--color--link--content--tertiary--on-knockout--rest: var(--l--theme--color--content--secondary--on-knockout);
861
870
  --l--theme--color--link--content--tertiary--on-knockout--visited: var(--l--theme--color--content--secondary--on-knockout);
871
+ --l--theme--outline--width: var(--l--theme--border--width--md);
862
872
  --l--theme--space--gutter: var(--l--theme--space--70);
863
- --l--theme--space--interactive--inset--block--xs: var(--l--theme--space--20);
864
- --l--theme--space--interactive--inset--block--sm: var(--l--theme--space--30);
865
- --l--theme--space--interactive--inset--block--md: var(--l--theme--space--40);
866
- --l--theme--space--interactive--inset--block--lg: var(--l--theme--space--50);
867
- --l--theme--space--interactive--inset--inline--xs: var(--l--theme--space--40);
868
- --l--theme--space--interactive--inset--inline--sm: var(--l--theme--space--50);
869
- --l--theme--space--interactive--inset--inline--md: var(--l--theme--space--60);
870
- --l--theme--space--interactive--inset--inline--lg: var(--l--theme--space--70);
871
- --l--theme--space--text-control--inset--block--xs: var(--l--theme--space--20);
872
- --l--theme--space--text-control--inset--block--sm: var(--l--theme--space--30);
873
- --l--theme--space--text-control--inset--block--md: var(--l--theme--space--40);
874
- --l--theme--space--text-control--inset--block--lg: var(--l--theme--space--50);
875
- --l--theme--space--text-control--inset--inline--xs: var(--l--theme--space--30);
876
- --l--theme--space--text-control--inset--inline--sm: var(--l--theme--space--40);
877
- --l--theme--space--text-control--inset--inline--md: var(--l--theme--space--50);
878
- --l--theme--space--text-control--inset--inline--lg: var(--l--theme--space--60);
879
- --l--theme--space--text-highlight--inset--block: var(--l--theme--space--10);
880
- --l--theme--space--text-highlight--inset--inline: var(--l--theme--space--20);
873
+ --l--theme--space--interactive--inset-block--xs: var(--l--theme--space--20);
874
+ --l--theme--space--interactive--inset-block--sm: var(--l--theme--space--30);
875
+ --l--theme--space--interactive--inset-block--md: var(--l--theme--space--40);
876
+ --l--theme--space--interactive--inset-block--lg: var(--l--theme--space--50);
877
+ --l--theme--space--interactive--inset-inline--xs: var(--l--theme--space--40);
878
+ --l--theme--space--interactive--inset-inline--sm: var(--l--theme--space--50);
879
+ --l--theme--space--interactive--inset-inline--md: var(--l--theme--space--60);
880
+ --l--theme--space--interactive--inset-inline--lg: var(--l--theme--space--70);
881
+ --l--theme--space--text-control--inset-block--xs: var(--l--theme--space--20);
882
+ --l--theme--space--text-control--inset-block--sm: var(--l--theme--space--30);
883
+ --l--theme--space--text-control--inset-block--md: var(--l--theme--space--40);
884
+ --l--theme--space--text-control--inset-block--lg: var(--l--theme--space--50);
885
+ --l--theme--space--text-control--inset-inline--xs: var(--l--theme--space--30);
886
+ --l--theme--space--text-control--inset-inline--sm: var(--l--theme--space--40);
887
+ --l--theme--space--text-control--inset-inline--md: var(--l--theme--space--50);
888
+ --l--theme--space--text-control--inset-inline--lg: var(--l--theme--space--60);
889
+ --l--theme--space--text-highlight--inset-block: var(--l--theme--space--10);
890
+ --l--theme--space--text-highlight--inset-inline: var(--l--theme--space--20);
881
891
  --l--theme--notification--border--width--xs: var(--l--theme--border--width--sm);
882
892
  --l--theme--notification--border--width--sm: var(--l--theme--border--width--sm);
883
893
  --l--theme--notification--border--width--md: var(--l--theme--border--width--sm);
@@ -886,14 +896,14 @@
886
896
  --l--theme--notification--border--radius--sm: var(--l--theme--border--radius--md);
887
897
  --l--theme--notification--border--radius--md: var(--l--theme--border--radius--md);
888
898
  --l--theme--notification--border--radius--lg: var(--l--theme--border--radius--md);
889
- --l--theme--notification--space--inset--block--xs: var(--l--theme--space--20);
890
- --l--theme--notification--space--inset--block--sm: var(--l--theme--space--30);
891
- --l--theme--notification--space--inset--block--md: var(--l--theme--space--40);
892
- --l--theme--notification--space--inset--block--lg: var(--l--theme--space--50);
893
- --l--theme--notification--space--inset--inline--xs: var(--l--theme--space--30);
894
- --l--theme--notification--space--inset--inline--sm: var(--l--theme--space--40);
895
- --l--theme--notification--space--inset--inline--md: var(--l--theme--space--50);
896
- --l--theme--notification--space--inset--inline--lg: var(--l--theme--space--60);
897
- --l--theme--space--dialog--inset--block: var(--l--theme--space--gutter);
898
- --l--theme--space--dialog--inset--inline: var(--l--theme--space--gutter);
899
+ --l--theme--notification--space--inset-block--xs: var(--l--theme--space--20);
900
+ --l--theme--notification--space--inset-block--sm: var(--l--theme--space--30);
901
+ --l--theme--notification--space--inset-block--md: var(--l--theme--space--40);
902
+ --l--theme--notification--space--inset-block--lg: var(--l--theme--space--50);
903
+ --l--theme--notification--space--inset-inline--xs: var(--l--theme--space--30);
904
+ --l--theme--notification--space--inset-inline--sm: var(--l--theme--space--40);
905
+ --l--theme--notification--space--inset-inline--md: var(--l--theme--space--50);
906
+ --l--theme--notification--space--inset-inline--lg: var(--l--theme--space--60);
907
+ --l--theme--space--dialog--inset-block: var(--l--theme--space--gutter);
908
+ --l--theme--space--dialog--inset-inline: var(--l--theme--space--gutter);
899
909
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.24.0",
3
+ "version": "0.26.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",