@withlayers/tokens 0.23.0 → 0.24.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 +88 -78
- package/package.json +5 -2
package/dist/index.css
CHANGED
|
@@ -7,8 +7,12 @@
|
|
|
7
7
|
--l--border--radius--2: 2px;
|
|
8
8
|
--l--border--radius--4: 4px;
|
|
9
9
|
--l--border--radius--8: 8px;
|
|
10
|
+
--l--border--radius--12: 12px;
|
|
10
11
|
--l--border--radius--16: 16px;
|
|
12
|
+
--l--border--radius--24: 24px;
|
|
11
13
|
--l--border--radius--32: 32px;
|
|
14
|
+
--l--border--radius--48: 48px;
|
|
15
|
+
--l--border--radius--64: 64px;
|
|
12
16
|
--l--border--radius--9999: 9999px;
|
|
13
17
|
--l--border--style--none: none;
|
|
14
18
|
--l--border--style--solid: solid;
|
|
@@ -19,6 +23,7 @@
|
|
|
19
23
|
--l--border--width--2: 2px;
|
|
20
24
|
--l--border--width--4: 4px;
|
|
21
25
|
--l--border--width--8: 8px;
|
|
26
|
+
--l--border--width--12: 12px;
|
|
22
27
|
--l--border--width--16: 16px;
|
|
23
28
|
--l--breakpoint--xs: 360px;
|
|
24
29
|
--l--breakpoint--sm: 490px;
|
|
@@ -115,6 +120,7 @@
|
|
|
115
120
|
--l--color--yellow--100: #8d2b0b;
|
|
116
121
|
--l--typography--font-family--primary: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
|
|
117
122
|
--l--typography--font-family--secondary: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
|
|
123
|
+
--l--typography--font-family--tertiary: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
|
|
118
124
|
--l--typography--font-family--monospace: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
|
|
119
125
|
--l--typography--font-size--8: 0.5rem;
|
|
120
126
|
--l--typography--font-size--10: 0.625rem;
|
|
@@ -193,38 +199,36 @@
|
|
|
193
199
|
--l--typography--text-decoration-style--solid: solid;
|
|
194
200
|
--l--typography--text-decoration-style--wavy: wavy;
|
|
195
201
|
--l--typography--text-decoration-thickness--auto: from-font;
|
|
196
|
-
--l--theme--typography--heading--line-height--l5: 1;
|
|
197
|
-
--l--theme--typography--heading--line-height--l6: 1;
|
|
198
202
|
--l--units--0: 0;
|
|
199
|
-
--l--units--1: 0.0625rem;
|
|
200
|
-
--l--units--2: 0.125rem;
|
|
201
|
-
--l--units--4: 0.25rem;
|
|
202
|
-
--l--units--8: 0.5rem;
|
|
203
|
-
--l--units--12: 0.75rem;
|
|
204
|
-
--l--units--16: 1rem;
|
|
205
|
-
--l--units--20: 1.25rem;
|
|
206
|
-
--l--units--24: 1.5rem;
|
|
207
|
-
--l--units--28: 1.75rem;
|
|
208
|
-
--l--units--32: 2rem;
|
|
209
|
-
--l--units--36: 2.25rem;
|
|
210
|
-
--l--units--40: 2.5rem;
|
|
211
|
-
--l--units--48: 3rem;
|
|
212
|
-
--l--units--56: 3.5rem;
|
|
213
|
-
--l--units--64: 4rem;
|
|
214
|
-
--l--units--72: 4.5rem;
|
|
215
|
-
--l--units--80: 5rem;
|
|
216
|
-
--l--units--88: 5.5rem;
|
|
217
|
-
--l--units--96: 6rem;
|
|
218
|
-
--l--units--104: 6.5rem;
|
|
219
|
-
--l--units--112: 7rem;
|
|
220
|
-
--l--units--120: 7.5rem;
|
|
221
|
-
--l--units--128: 8rem;
|
|
222
|
-
--l--units--192: 12rem;
|
|
223
|
-
--l--units--256: 16rem;
|
|
224
|
-
--l--units--320: 20rem;
|
|
225
|
-
--l--units--384: 24rem;
|
|
226
|
-
--l--units--448: 28rem;
|
|
227
|
-
--l--units--512: 32rem;
|
|
203
|
+
--l--units--relative--1: 0.0625rem;
|
|
204
|
+
--l--units--relative--2: 0.125rem;
|
|
205
|
+
--l--units--relative--4: 0.25rem;
|
|
206
|
+
--l--units--relative--8: 0.5rem;
|
|
207
|
+
--l--units--relative--12: 0.75rem;
|
|
208
|
+
--l--units--relative--16: 1rem;
|
|
209
|
+
--l--units--relative--20: 1.25rem;
|
|
210
|
+
--l--units--relative--24: 1.5rem;
|
|
211
|
+
--l--units--relative--28: 1.75rem;
|
|
212
|
+
--l--units--relative--32: 2rem;
|
|
213
|
+
--l--units--relative--36: 2.25rem;
|
|
214
|
+
--l--units--relative--40: 2.5rem;
|
|
215
|
+
--l--units--relative--48: 3rem;
|
|
216
|
+
--l--units--relative--56: 3.5rem;
|
|
217
|
+
--l--units--relative--64: 4rem;
|
|
218
|
+
--l--units--relative--72: 4.5rem;
|
|
219
|
+
--l--units--relative--80: 5rem;
|
|
220
|
+
--l--units--relative--88: 5.5rem;
|
|
221
|
+
--l--units--relative--96: 6rem;
|
|
222
|
+
--l--units--relative--104: 6.5rem;
|
|
223
|
+
--l--units--relative--112: 7rem;
|
|
224
|
+
--l--units--relative--120: 7.5rem;
|
|
225
|
+
--l--units--relative--128: 8rem;
|
|
226
|
+
--l--units--relative--192: 12rem;
|
|
227
|
+
--l--units--relative--256: 16rem;
|
|
228
|
+
--l--units--relative--320: 20rem;
|
|
229
|
+
--l--units--relative--384: 24rem;
|
|
230
|
+
--l--units--relative--448: 28rem;
|
|
231
|
+
--l--units--relative--512: 32rem;
|
|
228
232
|
--l--theme--size--measure--sm: 18.75rem;
|
|
229
233
|
--l--theme--size--measure--md: 37.5rem;
|
|
230
234
|
--l--theme--size--measure--lg: 48rem;
|
|
@@ -246,14 +250,16 @@
|
|
|
246
250
|
--l--theme--border--dialog--style: var(--l--border--style--none);
|
|
247
251
|
--l--theme--border--interactive--style: var(--l--border--style--solid);
|
|
248
252
|
--l--theme--border--mark-control--style: var(--l--border--style--solid);
|
|
249
|
-
--l--theme--border--text-highlight--style: var(--l--border--style--none);
|
|
250
253
|
--l--theme--border--text-control--style: var(--l--border--style--solid);
|
|
254
|
+
--l--theme--border--text-highlight--style: var(--l--border--style--none);
|
|
251
255
|
--l--theme--color--background--default: var(--l--color--neutral--0);
|
|
252
256
|
--l--theme--color--background--knockout: var(--l--color--neutral--90);
|
|
253
257
|
--l--theme--color--border--primary--on-default: var(--l--color--neutral--60);
|
|
254
258
|
--l--theme--color--border--primary--on-knockout: var(--l--color--neutral--40);
|
|
255
259
|
--l--theme--color--border--secondary--on-default: var(--l--color--neutral--20);
|
|
256
260
|
--l--theme--color--border--secondary--on-knockout: var(--l--color--neutral--70);
|
|
261
|
+
--l--theme--color--border--tertiary--on-default: var(--l--color--neutral--10);
|
|
262
|
+
--l--theme--color--border--tertiary--on-knockout: var(--l--color--neutral--80);
|
|
257
263
|
--l--theme--color--content--primary--on-default: var(--l--color--neutral--90);
|
|
258
264
|
--l--theme--color--content--primary--on-knockout: var(--l--color--neutral--0);
|
|
259
265
|
--l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
|
|
@@ -264,6 +270,8 @@
|
|
|
264
270
|
--l--theme--color--overlay--on-knockout: var(--l--color--neutral--alpha--dark--70);
|
|
265
271
|
--l--theme--color--code--background--on-default: var(--l--color--neutral--10);
|
|
266
272
|
--l--theme--color--code--background--on-knockout: var(--l--color--neutral--80);
|
|
273
|
+
--l--theme--color--code--border--on-default: var(--l--color--neutral--alpha--dark--0);
|
|
274
|
+
--l--theme--color--code--border--on-knockout: var(--l--color--neutral--alpha--light--0);
|
|
267
275
|
--l--theme--color--code--content--on-default: var(--l--color--neutral--90);
|
|
268
276
|
--l--theme--color--code--content--on-knockout: var(--l--color--neutral--0);
|
|
269
277
|
--l--theme--color--dialog--border--on-default: var(--l--color--neutral--alpha--dark--0);
|
|
@@ -347,34 +355,29 @@
|
|
|
347
355
|
--l--theme--color--input--content--on-default--rest: var(--l--color--neutral--90);
|
|
348
356
|
--l--theme--color--input--content--on-default--hover: var(--l--color--neutral--90);
|
|
349
357
|
--l--theme--color--input--content--on-default--focus: var(--l--color--neutral--90);
|
|
350
|
-
--l--theme--color--input--content--on-default--disabled: var(--l--color--neutral--40);
|
|
351
358
|
--l--theme--color--input--content--on-default--invalid--rest: var(--l--color--neutral--90);
|
|
352
359
|
--l--theme--color--input--content--on-default--invalid--hover: var(--l--color--neutral--90);
|
|
353
360
|
--l--theme--color--input--content--on-default--invalid--focus: var(--l--color--neutral--90);
|
|
354
361
|
--l--theme--color--input--content--on-default--checked--rest: var(--l--color--neutral--10);
|
|
355
362
|
--l--theme--color--input--content--on-default--checked--hover: var(--l--color--neutral--10);
|
|
356
363
|
--l--theme--color--input--content--on-default--checked--focus: var(--l--color--neutral--10);
|
|
357
|
-
--l--theme--color--input--content--on-default--checked--disabled: var(--l--color--neutral--40);
|
|
358
364
|
--l--theme--color--input--content--on-default--checked--invalid--rest: var(--l--color--neutral--0);
|
|
359
365
|
--l--theme--color--input--content--on-default--checked--invalid--hover: var(--l--color--neutral--0);
|
|
360
366
|
--l--theme--color--input--content--on-default--checked--invalid--focus: var(--l--color--neutral--0);
|
|
367
|
+
--l--theme--color--input--content--on-default--disabled: var(--l--color--neutral--40);
|
|
361
368
|
--l--theme--color--input--content--on-knockout--rest: var(--l--color--neutral--0);
|
|
362
369
|
--l--theme--color--input--content--on-knockout--hover: var(--l--color--neutral--0);
|
|
363
370
|
--l--theme--color--input--content--on-knockout--focus: var(--l--color--neutral--0);
|
|
364
|
-
--l--theme--color--input--content--on-knockout--disabled: var(--l--color--neutral--50);
|
|
365
371
|
--l--theme--color--input--content--on-knockout--invalid--rest: var(--l--color--neutral--0);
|
|
366
372
|
--l--theme--color--input--content--on-knockout--invalid--hover: var(--l--color--neutral--0);
|
|
367
373
|
--l--theme--color--input--content--on-knockout--invalid--focus: var(--l--color--neutral--0);
|
|
368
374
|
--l--theme--color--input--content--on-knockout--checked--rest: var(--l--color--neutral--90);
|
|
369
375
|
--l--theme--color--input--content--on-knockout--checked--hover: var(--l--color--neutral--90);
|
|
370
376
|
--l--theme--color--input--content--on-knockout--checked--focus: var(--l--color--neutral--90);
|
|
371
|
-
--l--theme--color--input--content--on-knockout--checked--disabled: var(--l--color--neutral--50);
|
|
372
377
|
--l--theme--color--input--content--on-knockout--checked--invalid--rest: var(--l--color--neutral--90);
|
|
373
378
|
--l--theme--color--input--content--on-knockout--checked--invalid--hover: var(--l--color--neutral--90);
|
|
374
379
|
--l--theme--color--input--content--on-knockout--checked--invalid--focus: var(--l--color--neutral--90);
|
|
375
|
-
--l--theme--color--input--
|
|
376
|
-
--l--theme--color--input--placeholder--on-default--hover: var(--l--color--neutral--60);
|
|
377
|
-
--l--theme--color--input--placeholder--on-default--focus: var(--l--color--neutral--60);
|
|
380
|
+
--l--theme--color--input--content--on-knockout--disabled: var(--l--color--neutral--50);
|
|
378
381
|
--l--theme--color--input--placeholder--on-default--disabled: var(--l--color--neutral--40);
|
|
379
382
|
--l--theme--color--input--placeholder--on-default--invalid--rest: var(--l--color--neutral--60);
|
|
380
383
|
--l--theme--color--input--placeholder--on-default--invalid--hover: var(--l--color--neutral--60);
|
|
@@ -540,9 +543,11 @@
|
|
|
540
543
|
--l--theme--color--selection--background--on-knockout: var(--l--color--neutral--0);
|
|
541
544
|
--l--theme--color--selection--content--on-default: var(--l--color--neutral--10);
|
|
542
545
|
--l--theme--color--selection--content--on-knockout: var(--l--color--neutral--90);
|
|
543
|
-
--l--typography--text-decoration-thickness--sm: var(--l--units--1);
|
|
544
|
-
--l--typography--text-decoration-thickness--md: var(--l--units--2);
|
|
545
|
-
--l--typography--text-decoration-thickness--lg: var(--l--units--4);
|
|
546
|
+
--l--typography--text-decoration-thickness--sm: var(--l--units--relative--1);
|
|
547
|
+
--l--typography--text-decoration-thickness--md: var(--l--units--relative--2);
|
|
548
|
+
--l--typography--text-decoration-thickness--lg: var(--l--units--relative--4);
|
|
549
|
+
--l--typography--text-decoration-thickness--xl: var(--l--units--relative--8);
|
|
550
|
+
--l--typography--text-decoration-thickness--xxl: var(--l--units--relative--12);
|
|
546
551
|
--l--theme--typography--blockquote--font-family: var(--l--typography--font-family--primary);
|
|
547
552
|
--l--theme--typography--blockquote--font-size: clamp(var(--l--typography--font-size--24), 1.1765vw + 1.2353rem, var(--l--typography--font-size--32));
|
|
548
553
|
--l--theme--typography--blockquote--font-style: var(--l--typography--font-style--italic);
|
|
@@ -639,6 +644,8 @@
|
|
|
639
644
|
--l--theme--typography--heading--line-height--l2: var(--l--typography--line-height--1250);
|
|
640
645
|
--l--theme--typography--heading--line-height--l3: var(--l--typography--line-height--1250);
|
|
641
646
|
--l--theme--typography--heading--line-height--l4: var(--l--typography--line-height--1250);
|
|
647
|
+
--l--theme--typography--heading--line-height--l5: var(--l--typography--line-height--1000);
|
|
648
|
+
--l--theme--typography--heading--line-height--l6: var(--l--typography--line-height--1000);
|
|
642
649
|
--l--theme--typography--heading--text-transform--l1: var(--l--typography--text-transform--none);
|
|
643
650
|
--l--theme--typography--heading--text-transform--l2: var(--l--typography--text-transform--none);
|
|
644
651
|
--l--theme--typography--heading--text-transform--l3: var(--l--typography--text-transform--none);
|
|
@@ -741,42 +748,42 @@
|
|
|
741
748
|
--l--theme--typography--text-control--text-transform--sm: var(--l--typography--text-transform--none);
|
|
742
749
|
--l--theme--typography--text-control--text-transform--md: var(--l--typography--text-transform--none);
|
|
743
750
|
--l--theme--typography--text-control--text-transform--lg: var(--l--typography--text-transform--none);
|
|
744
|
-
--l--theme--outline--offset: var(--l--units--2);
|
|
751
|
+
--l--theme--outline--offset: var(--l--units--relative--2);
|
|
745
752
|
--l--theme--outline--style: var(--l--border--style--solid);
|
|
746
753
|
--l--theme--outline--width: var(--l--border--width--2);
|
|
747
754
|
--l--theme--size--0: var(--l--units--0);
|
|
748
|
-
--l--theme--size--10: clamp(var(--l--units--1), 0.092593vw + 0.041667rem, var(--l--units--2));
|
|
749
|
-
--l--theme--size--20: clamp(var(--l--units--2), 0.18519vw + 0.083333rem, var(--l--units--4));
|
|
750
|
-
--l--theme--size--30: clamp(var(--l--units--4), 0.37037vw + 0.16667rem, var(--l--units--8));
|
|
751
|
-
--l--theme--size--40: clamp(var(--l--units--8), 0.37037vw + 0.41667rem, var(--l--units--12));
|
|
752
|
-
--l--theme--size--50: clamp(var(--l--units--12), 0.37037vw + 0.66667rem, var(--l--units--16));
|
|
753
|
-
--l--theme--size--60: clamp(var(--l--units--16), 0.74074vw + 0.83333rem, var(--l--units--24));
|
|
754
|
-
--l--theme--size--70: clamp(var(--l--units--24), 0.74074vw + 1.3333rem, var(--l--units--32));
|
|
755
|
-
--l--theme--size--80: clamp(var(--l--units--32), 1.4815vw + 1.6667rem, var(--l--units--48));
|
|
756
|
-
--l--theme--size--90: clamp(var(--l--units--48), 1.4815vw + 2.6667rem, var(--l--units--64));
|
|
757
|
-
--l--theme--size--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
|
|
758
|
-
--l--theme--size--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
|
|
759
|
-
--l--theme--size--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
|
|
760
|
-
--l--theme--size--
|
|
761
|
-
--l--theme--size--icon--
|
|
762
|
-
--l--theme--size--icon--
|
|
763
|
-
--l--theme--size--icon--
|
|
764
|
-
--l--theme--size--icon--
|
|
765
|
-
--l--theme--size--icon--
|
|
766
|
-
--l--theme--size--
|
|
755
|
+
--l--theme--size--10: clamp(var(--l--units--relative--1), 0.092593vw + 0.041667rem, var(--l--units--relative--2));
|
|
756
|
+
--l--theme--size--20: clamp(var(--l--units--relative--2), 0.18519vw + 0.083333rem, var(--l--units--relative--4));
|
|
757
|
+
--l--theme--size--30: clamp(var(--l--units--relative--4), 0.37037vw + 0.16667rem, var(--l--units--relative--8));
|
|
758
|
+
--l--theme--size--40: clamp(var(--l--units--relative--8), 0.37037vw + 0.41667rem, var(--l--units--relative--12));
|
|
759
|
+
--l--theme--size--50: clamp(var(--l--units--relative--12), 0.37037vw + 0.66667rem, var(--l--units--relative--16));
|
|
760
|
+
--l--theme--size--60: clamp(var(--l--units--relative--16), 0.74074vw + 0.83333rem, var(--l--units--relative--24));
|
|
761
|
+
--l--theme--size--70: clamp(var(--l--units--relative--24), 0.74074vw + 1.3333rem, var(--l--units--relative--32));
|
|
762
|
+
--l--theme--size--80: clamp(var(--l--units--relative--32), 1.4815vw + 1.6667rem, var(--l--units--relative--48));
|
|
763
|
+
--l--theme--size--90: clamp(var(--l--units--relative--48), 1.4815vw + 2.6667rem, var(--l--units--relative--64));
|
|
764
|
+
--l--theme--size--100: clamp(var(--l--units--relative--64), 2.9630vw + 3.3333rem, var(--l--units--relative--96));
|
|
765
|
+
--l--theme--size--110: clamp(var(--l--units--relative--96), 2.9630vw + 5.3333rem, var(--l--units--relative--128));
|
|
766
|
+
--l--theme--size--120: clamp(var(--l--units--relative--128), 5.9259vw + 6.6667rem, var(--l--units--relative--192));
|
|
767
|
+
--l--theme--size--icon--xs: var(--l--units--relative--12);
|
|
768
|
+
--l--theme--size--icon--sm: var(--l--units--relative--16);
|
|
769
|
+
--l--theme--size--icon--md: var(--l--units--relative--24);
|
|
770
|
+
--l--theme--size--icon--lg: var(--l--units--relative--32);
|
|
771
|
+
--l--theme--size--icon--xl: var(--l--units--relative--48);
|
|
772
|
+
--l--theme--size--icon--xxl: var(--l--units--relative--64);
|
|
773
|
+
--l--theme--size--mark-control: clamp(1.3125rem, 0.27778vw + 1.2500rem, 1.5rem);
|
|
767
774
|
--l--theme--space--0: var(--l--units--0);
|
|
768
|
-
--l--theme--space--10: clamp(var(--l--units--1), 0.092593vw + 0.041667rem, var(--l--units--2));
|
|
769
|
-
--l--theme--space--20: clamp(var(--l--units--2), 0.18519vw + 0.083333rem, var(--l--units--4));
|
|
770
|
-
--l--theme--space--30: clamp(var(--l--units--4), 0.37037vw + 0.16667rem, var(--l--units--8));
|
|
771
|
-
--l--theme--space--40: clamp(var(--l--units--8), 0.37037vw + 0.41667rem, var(--l--units--12));
|
|
772
|
-
--l--theme--space--50: clamp(var(--l--units--12), 0.37037vw + 0.66667rem, var(--l--units--16));
|
|
773
|
-
--l--theme--space--60: clamp(var(--l--units--16), 0.74074vw + 0.83333rem, var(--l--units--24));
|
|
774
|
-
--l--theme--space--70: clamp(var(--l--units--24), 0.74074vw + 1.3333rem, var(--l--units--32));
|
|
775
|
-
--l--theme--space--80: clamp(var(--l--units--32), 1.4815vw + 1.6667rem, var(--l--units--48));
|
|
776
|
-
--l--theme--space--90: clamp(var(--l--units--48), 1.4815vw + 2.6667rem, var(--l--units--64));
|
|
777
|
-
--l--theme--space--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
|
|
778
|
-
--l--theme--space--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
|
|
779
|
-
--l--theme--space--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
|
|
775
|
+
--l--theme--space--10: clamp(var(--l--units--relative--1), 0.092593vw + 0.041667rem, var(--l--units--relative--2));
|
|
776
|
+
--l--theme--space--20: clamp(var(--l--units--relative--2), 0.18519vw + 0.083333rem, var(--l--units--relative--4));
|
|
777
|
+
--l--theme--space--30: clamp(var(--l--units--relative--4), 0.37037vw + 0.16667rem, var(--l--units--relative--8));
|
|
778
|
+
--l--theme--space--40: clamp(var(--l--units--relative--8), 0.37037vw + 0.41667rem, var(--l--units--relative--12));
|
|
779
|
+
--l--theme--space--50: clamp(var(--l--units--relative--12), 0.37037vw + 0.66667rem, var(--l--units--relative--16));
|
|
780
|
+
--l--theme--space--60: clamp(var(--l--units--relative--16), 0.74074vw + 0.83333rem, var(--l--units--relative--24));
|
|
781
|
+
--l--theme--space--70: clamp(var(--l--units--relative--24), 0.74074vw + 1.3333rem, var(--l--units--relative--32));
|
|
782
|
+
--l--theme--space--80: clamp(var(--l--units--relative--32), 1.4815vw + 1.6667rem, var(--l--units--relative--48));
|
|
783
|
+
--l--theme--space--90: clamp(var(--l--units--relative--48), 1.4815vw + 2.6667rem, var(--l--units--relative--64));
|
|
784
|
+
--l--theme--space--100: clamp(var(--l--units--relative--64), 2.9630vw + 3.3333rem, var(--l--units--relative--96));
|
|
785
|
+
--l--theme--space--110: clamp(var(--l--units--relative--96), 2.9630vw + 5.3333rem, var(--l--units--relative--128));
|
|
786
|
+
--l--theme--space--120: clamp(var(--l--units--relative--128), 5.9259vw + 6.6667rem, var(--l--units--relative--192));
|
|
780
787
|
--l--theme--notification--border--style: var(--l--border--style--solid);
|
|
781
788
|
--l--theme--notification--typography--font-family--xs: var(--l--typography--font-family--secondary);
|
|
782
789
|
--l--theme--notification--typography--font-family--sm: var(--l--typography--font-family--secondary);
|
|
@@ -823,8 +830,6 @@
|
|
|
823
830
|
--l--theme--border--mark-control--width: var(--l--theme--border--width--sm);
|
|
824
831
|
--l--theme--border--mark-control--radius: var(--l--theme--border--radius--md);
|
|
825
832
|
--l--theme--border--media--radius: var(--l--theme--border--radius--md);
|
|
826
|
-
--l--theme--border--text-highlight--radius: var(--l--theme--border--radius--sm);
|
|
827
|
-
--l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
|
|
828
833
|
--l--theme--border--text-control--width--xs: var(--l--theme--border--width--sm);
|
|
829
834
|
--l--theme--border--text-control--width--sm: var(--l--theme--border--width--sm);
|
|
830
835
|
--l--theme--border--text-control--width--md: var(--l--theme--border--width--sm);
|
|
@@ -833,6 +838,8 @@
|
|
|
833
838
|
--l--theme--border--text-control--radius--sm: var(--l--theme--border--radius--md);
|
|
834
839
|
--l--theme--border--text-control--radius--md: var(--l--theme--border--radius--md);
|
|
835
840
|
--l--theme--border--text-control--radius--lg: var(--l--theme--border--radius--md);
|
|
841
|
+
--l--theme--border--text-highlight--radius: var(--l--theme--border--radius--sm);
|
|
842
|
+
--l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
|
|
836
843
|
--l--theme--color--input--background--on-default--rest: var(--l--theme--color--background--default);
|
|
837
844
|
--l--theme--color--input--background--on-default--focus: var(--l--theme--color--background--default);
|
|
838
845
|
--l--theme--color--input--background--on-default--invalid--rest: var(--l--theme--color--background--default);
|
|
@@ -841,6 +848,9 @@
|
|
|
841
848
|
--l--theme--color--input--background--on-knockout--focus: var(--l--theme--color--background--knockout);
|
|
842
849
|
--l--theme--color--input--background--on-knockout--invalid--rest: var(--l--theme--color--background--knockout);
|
|
843
850
|
--l--theme--color--input--background--on-knockout--invalid--focus: var(--l--theme--color--background--knockout);
|
|
851
|
+
--l--theme--color--input--placeholder--on-default--rest: var(--l--theme--color--content--secondary--on-default);
|
|
852
|
+
--l--theme--color--input--placeholder--on-default--hover: var(--l--theme--color--content--secondary--on-default);
|
|
853
|
+
--l--theme--color--input--placeholder--on-default--focus: var(--l--theme--color--content--secondary--on-default);
|
|
844
854
|
--l--theme--color--link--content--secondary--on-default--rest: var(--l--theme--color--content--primary--on-default);
|
|
845
855
|
--l--theme--color--link--content--secondary--on-default--visited: var(--l--theme--color--content--primary--on-default);
|
|
846
856
|
--l--theme--color--link--content--secondary--on-knockout--rest: var(--l--theme--color--content--primary--on-knockout);
|
|
@@ -858,8 +868,6 @@
|
|
|
858
868
|
--l--theme--space--interactive--inset--inline--sm: var(--l--theme--space--50);
|
|
859
869
|
--l--theme--space--interactive--inset--inline--md: var(--l--theme--space--60);
|
|
860
870
|
--l--theme--space--interactive--inset--inline--lg: var(--l--theme--space--70);
|
|
861
|
-
--l--theme--space--text-highlight--inset--block: var(--l--theme--space--10);
|
|
862
|
-
--l--theme--space--text-highlight--inset--inline: var(--l--theme--space--20);
|
|
863
871
|
--l--theme--space--text-control--inset--block--xs: var(--l--theme--space--20);
|
|
864
872
|
--l--theme--space--text-control--inset--block--sm: var(--l--theme--space--30);
|
|
865
873
|
--l--theme--space--text-control--inset--block--md: var(--l--theme--space--40);
|
|
@@ -868,6 +876,8 @@
|
|
|
868
876
|
--l--theme--space--text-control--inset--inline--sm: var(--l--theme--space--40);
|
|
869
877
|
--l--theme--space--text-control--inset--inline--md: var(--l--theme--space--50);
|
|
870
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);
|
|
871
881
|
--l--theme--notification--border--width--xs: var(--l--theme--border--width--sm);
|
|
872
882
|
--l--theme--notification--border--width--sm: var(--l--theme--border--width--sm);
|
|
873
883
|
--l--theme--notification--border--width--md: var(--l--theme--border--width--sm);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@withlayers/tokens",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.24.0",
|
|
4
4
|
"description": "Design tokens layer",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Dmitry Mayorov",
|
|
@@ -13,9 +13,12 @@
|
|
|
13
13
|
"dist"
|
|
14
14
|
],
|
|
15
15
|
"scripts": {
|
|
16
|
-
"build": "style-dictionary build --verbose"
|
|
16
|
+
"build": "style-dictionary build --verbose",
|
|
17
|
+
"validate": "make validate"
|
|
17
18
|
},
|
|
18
19
|
"devDependencies": {
|
|
20
|
+
"ajv": "^8.17.1",
|
|
21
|
+
"ajv-cli": "^5.0.0",
|
|
19
22
|
"style-dictionary": "^4.4.0"
|
|
20
23
|
}
|
|
21
24
|
}
|