@withlayers/tokens 0.45.0 → 0.46.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 +60 -60
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -591,10 +591,10 @@
591
591
  --l--theme--color--background: var(--l--color--neutral--0);
592
592
  --l--theme--color--background--secondary: var(--l--color--neutral--20);
593
593
  --l--theme--color--background--tertiary: var(--l--color--neutral--30);
594
- --l--theme--color--border--primary: var(--l--color--neutral--100);
594
+ --l--theme--color--border: var(--l--color--neutral--100);
595
595
  --l--theme--color--border--secondary: var(--l--color--neutral--60);
596
596
  --l--theme--color--border--tertiary: var(--l--color--neutral--30);
597
- --l--theme--color--content--primary: var(--l--color--neutral--140);
597
+ --l--theme--color--content: var(--l--color--neutral--140);
598
598
  --l--theme--color--content--secondary: var(--l--color--neutral--110);
599
599
  --l--theme--color--outline: var(--l--color--neutral--140);
600
600
  --l--theme--color--overlay: var(--l--color--neutral--alpha--50);
@@ -674,11 +674,11 @@
674
674
  --l--theme--color--input--placeholder--invalid--rest: var(--l--color--red--110);
675
675
  --l--theme--color--input--placeholder--invalid--hover: var(--l--color--red--110);
676
676
  --l--theme--color--input--placeholder--invalid--focus: var(--l--color--red--110);
677
- --l--theme--color--interactive--background--primary--rest: var(--l--color--neutral--140);
678
- --l--theme--color--interactive--background--primary--active: var(--l--color--neutral--140);
679
- --l--theme--color--interactive--background--primary--disabled: var(--l--color--neutral--40);
680
- --l--theme--color--interactive--background--primary--focus: var(--l--color--neutral--140);
681
- --l--theme--color--interactive--background--primary--hover: var(--l--color--neutral--130);
677
+ --l--theme--color--interactive--background--rest: var(--l--color--neutral--140);
678
+ --l--theme--color--interactive--background--active: var(--l--color--neutral--140);
679
+ --l--theme--color--interactive--background--disabled: var(--l--color--neutral--40);
680
+ --l--theme--color--interactive--background--focus: var(--l--color--neutral--140);
681
+ --l--theme--color--interactive--background--hover: var(--l--color--neutral--130);
682
682
  --l--theme--color--interactive--background--secondary--rest: var(--l--color--neutral--alpha--0);
683
683
  --l--theme--color--interactive--background--secondary--active: var(--l--color--neutral--alpha--0);
684
684
  --l--theme--color--interactive--background--secondary--disabled: var(--l--color--neutral--40);
@@ -694,11 +694,11 @@
694
694
  --l--theme--color--interactive--background--destructive--disabled: var(--l--color--neutral--40);
695
695
  --l--theme--color--interactive--background--destructive--focus: var(--l--color--red--90);
696
696
  --l--theme--color--interactive--background--destructive--hover: var(--l--color--red--100);
697
- --l--theme--color--interactive--border--primary--rest: var(--l--color--neutral--140);
698
- --l--theme--color--interactive--border--primary--active: var(--l--color--neutral--140);
699
- --l--theme--color--interactive--border--primary--disabled: var(--l--color--neutral--40);
700
- --l--theme--color--interactive--border--primary--focus: var(--l--color--neutral--140);
701
- --l--theme--color--interactive--border--primary--hover: var(--l--color--neutral--130);
697
+ --l--theme--color--interactive--border--rest: var(--l--color--neutral--140);
698
+ --l--theme--color--interactive--border--active: var(--l--color--neutral--140);
699
+ --l--theme--color--interactive--border--disabled: var(--l--color--neutral--40);
700
+ --l--theme--color--interactive--border--focus: var(--l--color--neutral--140);
701
+ --l--theme--color--interactive--border--hover: var(--l--color--neutral--130);
702
702
  --l--theme--color--interactive--border--secondary--rest: var(--l--color--neutral--120);
703
703
  --l--theme--color--interactive--border--secondary--active: var(--l--color--neutral--120);
704
704
  --l--theme--color--interactive--border--secondary--disabled: var(--l--color--neutral--40);
@@ -714,11 +714,11 @@
714
714
  --l--theme--color--interactive--border--destructive--disabled: var(--l--color--neutral--40);
715
715
  --l--theme--color--interactive--border--destructive--focus: var(--l--color--red--90);
716
716
  --l--theme--color--interactive--border--destructive--hover: var(--l--color--red--100);
717
- --l--theme--color--interactive--content--primary--rest: var(--l--color--neutral--0);
718
- --l--theme--color--interactive--content--primary--active: var(--l--color--neutral--0);
719
- --l--theme--color--interactive--content--primary--disabled: var(--l--color--neutral--110);
720
- --l--theme--color--interactive--content--primary--focus: var(--l--color--neutral--0);
721
- --l--theme--color--interactive--content--primary--hover: var(--l--color--neutral--0);
717
+ --l--theme--color--interactive--content--rest: var(--l--color--neutral--0);
718
+ --l--theme--color--interactive--content--active: var(--l--color--neutral--0);
719
+ --l--theme--color--interactive--content--disabled: var(--l--color--neutral--110);
720
+ --l--theme--color--interactive--content--focus: var(--l--color--neutral--0);
721
+ --l--theme--color--interactive--content--hover: var(--l--color--neutral--0);
722
722
  --l--theme--color--interactive--content--secondary--rest: var(--l--color--neutral--140);
723
723
  --l--theme--color--interactive--content--secondary--active: var(--l--color--neutral--140);
724
724
  --l--theme--color--interactive--content--secondary--disabled: var(--l--color--neutral--110);
@@ -734,11 +734,11 @@
734
734
  --l--theme--color--interactive--content--destructive--disabled: var(--l--color--neutral--110);
735
735
  --l--theme--color--interactive--content--destructive--focus: var(--l--color--neutral--0);
736
736
  --l--theme--color--interactive--content--destructive--hover: var(--l--color--neutral--0);
737
- --l--theme--color--link--content--primary--rest: var(--l--color--primary--110);
738
- --l--theme--color--link--content--primary--hover: var(--l--color--primary--120);
739
- --l--theme--color--link--content--primary--focus: var(--l--color--primary--110);
740
- --l--theme--color--link--content--primary--active: var(--l--color--primary--110);
741
- --l--theme--color--link--content--primary--visited: var(--l--color--primary--110);
737
+ --l--theme--color--link--content--rest: var(--l--color--primary--110);
738
+ --l--theme--color--link--content--hover: var(--l--color--primary--120);
739
+ --l--theme--color--link--content--focus: var(--l--color--primary--110);
740
+ --l--theme--color--link--content--active: var(--l--color--primary--110);
741
+ --l--theme--color--link--content--visited: var(--l--color--primary--110);
742
742
  --l--theme--color--link--content--secondary--rest: var(--l--color--neutral--140);
743
743
  --l--theme--color--link--content--secondary--hover: var(--l--color--neutral--130);
744
744
  --l--theme--color--link--content--secondary--focus: var(--l--color--neutral--140);
@@ -796,21 +796,21 @@
796
796
  --l--theme--typography--body--text-transform--sm: var(--l--typography--text-transform--none);
797
797
  --l--theme--typography--body--text-transform--md: var(--l--typography--text-transform--none);
798
798
  --l--theme--typography--body--text-transform--lg: var(--l--typography--text-transform--none);
799
- --l--theme--typography--caption--font-family--primary: var(--l--typography--font-family--secondary);
799
+ --l--theme--typography--caption--font-family: var(--l--typography--font-family--secondary);
800
800
  --l--theme--typography--caption--font-family--secondary: var(--l--typography--font-family--primary);
801
- --l--theme--typography--caption--font-size--primary: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
801
+ --l--theme--typography--caption--font-size: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
802
802
  --l--theme--typography--caption--font-size--secondary: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
803
- --l--theme--typography--caption--font-style--primary: var(--l--typography--font-style--normal);
803
+ --l--theme--typography--caption--font-style: var(--l--typography--font-style--normal);
804
804
  --l--theme--typography--caption--font-style--secondary: var(--l--typography--font-style--italic);
805
- --l--theme--typography--caption--font-variant-caps--primary: var(--l--typography--font-variant-caps--normal);
805
+ --l--theme--typography--caption--font-variant-caps: var(--l--typography--font-variant-caps--normal);
806
806
  --l--theme--typography--caption--font-variant-caps--secondary: var(--l--typography--font-variant-caps--normal);
807
- --l--theme--typography--caption--font-weight--primary: var(--l--typography--font-weight--normal);
807
+ --l--theme--typography--caption--font-weight: var(--l--typography--font-weight--normal);
808
808
  --l--theme--typography--caption--font-weight--secondary: var(--l--typography--font-weight--normal);
809
- --l--theme--typography--caption--letter-spacing--primary: var(--l--typography--letter-spacing--normal);
809
+ --l--theme--typography--caption--letter-spacing: var(--l--typography--letter-spacing--normal);
810
810
  --l--theme--typography--caption--letter-spacing--secondary: var(--l--typography--letter-spacing--normal);
811
- --l--theme--typography--caption--line-height--primary: var(--l--typography--line-height--1250);
811
+ --l--theme--typography--caption--line-height: var(--l--typography--line-height--1250);
812
812
  --l--theme--typography--caption--line-height--secondary: var(--l--typography--line-height--1250);
813
- --l--theme--typography--caption--text-transform--primary: var(--l--typography--text-transform--none);
813
+ --l--theme--typography--caption--text-transform: var(--l--typography--text-transform--none);
814
814
  --l--theme--typography--caption--text-transform--secondary: var(--l--typography--text-transform--none);
815
815
  --l--theme--typography--code--font-family: var(--l--typography--font-family--monospace);
816
816
  --l--theme--typography--code--font-size: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
@@ -912,10 +912,10 @@
912
912
  --l--theme--typography--label--letter-spacing: var(--l--typography--letter-spacing--normal);
913
913
  --l--theme--typography--label--line-height: var(--l--typography--line-height--1375);
914
914
  --l--theme--typography--label--text-transform: var(--l--typography--text-transform--none);
915
- --l--theme--typography--link--text-decoration-line--primary--rest: var(--l--typography--text-decoration-line--underline);
916
- --l--theme--typography--link--text-decoration-line--primary--hover: var(--l--typography--text-decoration-line--none);
917
- --l--theme--typography--link--text-decoration-line--primary--focus: var(--l--typography--text-decoration-line--underline);
918
- --l--theme--typography--link--text-decoration-line--primary--active: var(--l--typography--text-decoration-line--none);
915
+ --l--theme--typography--link--text-decoration-line--rest: var(--l--typography--text-decoration-line--underline);
916
+ --l--theme--typography--link--text-decoration-line--hover: var(--l--typography--text-decoration-line--none);
917
+ --l--theme--typography--link--text-decoration-line--focus: var(--l--typography--text-decoration-line--underline);
918
+ --l--theme--typography--link--text-decoration-line--active: var(--l--typography--text-decoration-line--none);
919
919
  --l--theme--typography--link--text-decoration-line--secondary--rest: var(--l--typography--text-decoration-line--none);
920
920
  --l--theme--typography--link--text-decoration-line--secondary--hover: var(--l--typography--text-decoration-line--underline);
921
921
  --l--theme--typography--link--text-decoration-line--secondary--focus: var(--l--typography--text-decoration-line--none);
@@ -1061,10 +1061,10 @@
1061
1061
  --l--theme--border--text-highlight--radius: var(--l--theme--border--radius--sm);
1062
1062
  --l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
1063
1063
  --l--theme--color--dialog--background: var(--l--theme--color--background);
1064
- --l--theme--color--dialog--content: var(--l--theme--color--content--primary);
1065
- --l--theme--color--input--content--rest: var(--l--theme--color--content--primary);
1066
- --l--theme--color--input--content--hover: var(--l--theme--color--content--primary);
1067
- --l--theme--color--input--content--focus: var(--l--theme--color--content--primary);
1064
+ --l--theme--color--dialog--content: var(--l--theme--color--content);
1065
+ --l--theme--color--input--content--rest: var(--l--theme--color--content);
1066
+ --l--theme--color--input--content--hover: var(--l--theme--color--content);
1067
+ --l--theme--color--input--content--focus: var(--l--theme--color--content);
1068
1068
  --l--theme--color--input--placeholder--rest: var(--l--theme--color--content--secondary);
1069
1069
  --l--theme--color--input--placeholder--hover: var(--l--theme--color--content--secondary);
1070
1070
  --l--theme--color--input--placeholder--focus: var(--l--theme--color--content--secondary);
@@ -1121,10 +1121,10 @@
1121
1121
  --l--theme--color--background: var(--l--color--neutral--dark--20);
1122
1122
  --l--theme--color--background--secondary: var(--l--color--neutral--dark--10);
1123
1123
  --l--theme--color--background--tertiary: var(--l--color--neutral--dark--0);
1124
- --l--theme--color--border--primary: var(--l--color--neutral--dark--120);
1124
+ --l--theme--color--border: var(--l--color--neutral--dark--120);
1125
1125
  --l--theme--color--border--secondary: var(--l--color--neutral--dark--60);
1126
1126
  --l--theme--color--border--tertiary: var(--l--color--neutral--dark--30);
1127
- --l--theme--color--content--primary: var(--l--color--neutral--dark--140);
1127
+ --l--theme--color--content: var(--l--color--neutral--dark--140);
1128
1128
  --l--theme--color--content--secondary: var(--l--color--neutral--dark--110);
1129
1129
  --l--theme--color--outline: var(--l--color--neutral--dark--140);
1130
1130
  --l--theme--color--overlay: var(--l--color--neutral--alpha--dark--50);
@@ -1212,11 +1212,11 @@
1212
1212
  --l--theme--color--input--placeholder--invalid--rest: var(--l--color--red--dark--110);
1213
1213
  --l--theme--color--input--placeholder--invalid--hover: var(--l--color--red--dark--110);
1214
1214
  --l--theme--color--input--placeholder--invalid--focus: var(--l--color--red--dark--110);
1215
- --l--theme--color--interactive--background--primary--rest: var(--l--color--neutral--dark--140);
1216
- --l--theme--color--interactive--background--primary--active: var(--l--color--neutral--dark--140);
1217
- --l--theme--color--interactive--background--primary--disabled: var(--l--color--neutral--dark--40);
1218
- --l--theme--color--interactive--background--primary--focus: var(--l--color--neutral--dark--140);
1219
- --l--theme--color--interactive--background--primary--hover: var(--l--color--neutral--dark--130);
1215
+ --l--theme--color--interactive--background--rest: var(--l--color--neutral--dark--140);
1216
+ --l--theme--color--interactive--background--active: var(--l--color--neutral--dark--140);
1217
+ --l--theme--color--interactive--background--disabled: var(--l--color--neutral--dark--40);
1218
+ --l--theme--color--interactive--background--focus: var(--l--color--neutral--dark--140);
1219
+ --l--theme--color--interactive--background--hover: var(--l--color--neutral--dark--130);
1220
1220
  --l--theme--color--interactive--background--secondary--rest: var(--l--color--neutral--alpha--dark--0);
1221
1221
  --l--theme--color--interactive--background--secondary--active: var(--l--color--neutral--alpha--dark--0);
1222
1222
  --l--theme--color--interactive--background--secondary--disabled: var(--l--color--neutral--dark--40);
@@ -1232,11 +1232,11 @@
1232
1232
  --l--theme--color--interactive--background--destructive--disabled: var(--l--color--neutral--dark--40);
1233
1233
  --l--theme--color--interactive--background--destructive--focus: var(--l--color--red--dark--90);
1234
1234
  --l--theme--color--interactive--background--destructive--hover: var(--l--color--red--dark--100);
1235
- --l--theme--color--interactive--border--primary--rest: var(--l--color--neutral--dark--140);
1236
- --l--theme--color--interactive--border--primary--active: var(--l--color--neutral--dark--140);
1237
- --l--theme--color--interactive--border--primary--disabled: var(--l--color--neutral--dark--40);
1238
- --l--theme--color--interactive--border--primary--focus: var(--l--color--neutral--dark--140);
1239
- --l--theme--color--interactive--border--primary--hover: var(--l--color--neutral--dark--130);
1235
+ --l--theme--color--interactive--border--rest: var(--l--color--neutral--dark--140);
1236
+ --l--theme--color--interactive--border--active: var(--l--color--neutral--dark--140);
1237
+ --l--theme--color--interactive--border--disabled: var(--l--color--neutral--dark--40);
1238
+ --l--theme--color--interactive--border--focus: var(--l--color--neutral--dark--140);
1239
+ --l--theme--color--interactive--border--hover: var(--l--color--neutral--dark--130);
1240
1240
  --l--theme--color--interactive--border--secondary--rest: var(--l--color--neutral--dark--120);
1241
1241
  --l--theme--color--interactive--border--secondary--active: var(--l--color--neutral--dark--120);
1242
1242
  --l--theme--color--interactive--border--secondary--disabled: var(--l--color--neutral--dark--40);
@@ -1252,11 +1252,11 @@
1252
1252
  --l--theme--color--interactive--border--destructive--disabled: var(--l--color--neutral--dark--40);
1253
1253
  --l--theme--color--interactive--border--destructive--focus: var(--l--color--red--dark--90);
1254
1254
  --l--theme--color--interactive--border--destructive--hover: var(--l--color--red--dark--100);
1255
- --l--theme--color--interactive--content--primary--rest: var(--l--color--neutral--dark--0);
1256
- --l--theme--color--interactive--content--primary--active: var(--l--color--neutral--dark--0);
1257
- --l--theme--color--interactive--content--primary--disabled: var(--l--color--neutral--dark--110);
1258
- --l--theme--color--interactive--content--primary--focus: var(--l--color--neutral--dark--0);
1259
- --l--theme--color--interactive--content--primary--hover: var(--l--color--neutral--dark--0);
1255
+ --l--theme--color--interactive--content--rest: var(--l--color--neutral--dark--0);
1256
+ --l--theme--color--interactive--content--active: var(--l--color--neutral--dark--0);
1257
+ --l--theme--color--interactive--content--disabled: var(--l--color--neutral--dark--110);
1258
+ --l--theme--color--interactive--content--focus: var(--l--color--neutral--dark--0);
1259
+ --l--theme--color--interactive--content--hover: var(--l--color--neutral--dark--0);
1260
1260
  --l--theme--color--interactive--content--secondary--rest: var(--l--color--neutral--dark--140);
1261
1261
  --l--theme--color--interactive--content--secondary--active: var(--l--color--neutral--dark--140);
1262
1262
  --l--theme--color--interactive--content--secondary--disabled: var(--l--color--neutral--dark--110);
@@ -1272,11 +1272,11 @@
1272
1272
  --l--theme--color--interactive--content--destructive--disabled: var(--l--color--neutral--dark--110);
1273
1273
  --l--theme--color--interactive--content--destructive--focus: var(--l--color--neutral--dark--150);
1274
1274
  --l--theme--color--interactive--content--destructive--hover: var(--l--color--neutral--dark--150);
1275
- --l--theme--color--link--content--primary--rest: var(--l--color--primary--dark--110);
1276
- --l--theme--color--link--content--primary--hover: var(--l--color--primary--dark--120);
1277
- --l--theme--color--link--content--primary--focus: var(--l--color--primary--dark--110);
1278
- --l--theme--color--link--content--primary--active: var(--l--color--primary--dark--110);
1279
- --l--theme--color--link--content--primary--visited: var(--l--color--primary--dark--110);
1275
+ --l--theme--color--link--content--rest: var(--l--color--primary--dark--110);
1276
+ --l--theme--color--link--content--hover: var(--l--color--primary--dark--120);
1277
+ --l--theme--color--link--content--focus: var(--l--color--primary--dark--110);
1278
+ --l--theme--color--link--content--active: var(--l--color--primary--dark--110);
1279
+ --l--theme--color--link--content--visited: var(--l--color--primary--dark--110);
1280
1280
  --l--theme--color--link--content--secondary--rest: var(--l--color--neutral--dark--140);
1281
1281
  --l--theme--color--link--content--secondary--hover: var(--l--color--neutral--dark--130);
1282
1282
  --l--theme--color--link--content--secondary--focus: var(--l--color--neutral--dark--140);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.45.0",
3
+ "version": "0.46.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",