@withlayers/tokens 0.44.0 → 0.45.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 +16 -7
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -446,7 +446,7 @@
|
|
|
446
446
|
--l--typography--font-size--192: 12rem;
|
|
447
447
|
--l--typography--font-size--224: 14rem;
|
|
448
448
|
--l--typography--font-size--256: 16rem;
|
|
449
|
-
--l--typography--font-size
|
|
449
|
+
--l--typography--font-size: 16px;
|
|
450
450
|
--l--typography--font-style--normal: normal;
|
|
451
451
|
--l--typography--font-style--italic: italic;
|
|
452
452
|
--l--typography--font-variant-caps--normal: normal;
|
|
@@ -561,6 +561,7 @@
|
|
|
561
561
|
--l--units--static--384: 384px;
|
|
562
562
|
--l--units--static--448: 448px;
|
|
563
563
|
--l--units--static--512: 512px;
|
|
564
|
+
--l--theme--size--measure--xxs: 4.625rem;
|
|
564
565
|
--l--theme--size--measure--xs: 11.25rem;
|
|
565
566
|
--l--theme--size--measure--sm: 24.5rem;
|
|
566
567
|
--l--theme--size--measure--md: 37.75rem;
|
|
@@ -588,6 +589,8 @@
|
|
|
588
589
|
--l--theme--border--text-control--style: var(--l--border--style--solid);
|
|
589
590
|
--l--theme--border--text-highlight--style: var(--l--border--style--none);
|
|
590
591
|
--l--theme--color--background: var(--l--color--neutral--0);
|
|
592
|
+
--l--theme--color--background--secondary: var(--l--color--neutral--20);
|
|
593
|
+
--l--theme--color--background--tertiary: var(--l--color--neutral--30);
|
|
591
594
|
--l--theme--color--border--primary: var(--l--color--neutral--100);
|
|
592
595
|
--l--theme--color--border--secondary: var(--l--color--neutral--60);
|
|
593
596
|
--l--theme--color--border--tertiary: var(--l--color--neutral--30);
|
|
@@ -752,8 +755,10 @@
|
|
|
752
755
|
--l--theme--color--messaging--content--warning: var(--l--color--yellow--110);
|
|
753
756
|
--l--theme--color--selection--background: var(--l--color--neutral--140);
|
|
754
757
|
--l--theme--color--selection--content: var(--l--color--neutral--0);
|
|
755
|
-
--l--theme--color--
|
|
756
|
-
--l--theme--color--
|
|
758
|
+
--l--theme--color--skeleton--background: var(--l--color--neutral--40);
|
|
759
|
+
--l--theme--color--text-highlight--background: var(--l--color--yellow--30);
|
|
760
|
+
--l--theme--color--text-highlight--border: var(--l--color--yellow--30);
|
|
761
|
+
--l--theme--color--text-highlight--content: var(--l--color--yellow--130);
|
|
757
762
|
--l--typography--text-decoration-thickness--sm: var(--l--units--relative--1);
|
|
758
763
|
--l--typography--text-decoration-thickness--md: var(--l--units--relative--2);
|
|
759
764
|
--l--typography--text-decoration-thickness--lg: var(--l--units--relative--4);
|
|
@@ -1113,7 +1118,9 @@
|
|
|
1113
1118
|
|
|
1114
1119
|
@media (prefers-color-scheme: dark) {
|
|
1115
1120
|
:root {
|
|
1116
|
-
--l--theme--color--background: var(--l--color--neutral--dark--
|
|
1121
|
+
--l--theme--color--background: var(--l--color--neutral--dark--20);
|
|
1122
|
+
--l--theme--color--background--secondary: var(--l--color--neutral--dark--10);
|
|
1123
|
+
--l--theme--color--background--tertiary: var(--l--color--neutral--dark--0);
|
|
1117
1124
|
--l--theme--color--border--primary: var(--l--color--neutral--dark--120);
|
|
1118
1125
|
--l--theme--color--border--secondary: var(--l--color--neutral--dark--60);
|
|
1119
1126
|
--l--theme--color--border--tertiary: var(--l--color--neutral--dark--30);
|
|
@@ -1124,7 +1131,7 @@
|
|
|
1124
1131
|
--l--theme--color--code--background: var(--l--color--neutral--dark--30);
|
|
1125
1132
|
--l--theme--color--code--border: var(--l--color--neutral--alpha--dark--0);
|
|
1126
1133
|
--l--theme--color--code--content: var(--l--color--neutral--dark--130);
|
|
1127
|
-
--l--theme--color--dialog--background: var(--l--color--neutral--dark--
|
|
1134
|
+
--l--theme--color--dialog--background: var(--l--color--neutral--dark--20);
|
|
1128
1135
|
--l--theme--color--dialog--border: var(--l--color--neutral--alpha--dark--0);
|
|
1129
1136
|
--l--theme--color--dialog--content: var(--l--color--neutral--dark--140);
|
|
1130
1137
|
--l--theme--color--feedback--background--destructive: var(--l--color--red--dark--40);
|
|
@@ -1286,7 +1293,9 @@
|
|
|
1286
1293
|
--l--theme--color--messaging--content--warning: var(--l--color--yellow--dark--110);
|
|
1287
1294
|
--l--theme--color--selection--background: var(--l--color--neutral--dark--140);
|
|
1288
1295
|
--l--theme--color--selection--content: var(--l--color--neutral--dark--0);
|
|
1289
|
-
--l--theme--color--
|
|
1290
|
-
--l--theme--color--
|
|
1296
|
+
--l--theme--color--skeleton--background: var(--l--color--neutral--dark--40);
|
|
1297
|
+
--l--theme--color--text-highlight--background: var(--l--color--yellow--dark--30);
|
|
1298
|
+
--l--theme--color--text-highlight--border: var(--l--color--yellow--dark--30);
|
|
1299
|
+
--l--theme--color--text-highlight--content: var(--l--color--yellow--dark--130);
|
|
1291
1300
|
}
|
|
1292
1301
|
}
|