@withlayers/tokens 0.23.0 → 0.25.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 +89 -79
  2. 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--placeholder--on-default--rest: var(--l--color--neutral--60);
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,41 @@
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
- --l--theme--outline--width: var(--l--border--width--2);
747
753
  --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--mark-control: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
761
- --l--theme--size--icon--xs: var(--l--units--12);
762
- --l--theme--size--icon--sm: var(--l--units--16);
763
- --l--theme--size--icon--md: var(--l--units--24);
764
- --l--theme--size--icon--lg: var(--l--units--32);
765
- --l--theme--size--icon--xl: var(--l--units--48);
766
- --l--theme--size--icon--xxl: var(--l--units--64);
754
+ --l--theme--size--10: clamp(var(--l--units--relative--1), 0.092593vw + 0.041667rem, var(--l--units--relative--2));
755
+ --l--theme--size--20: clamp(var(--l--units--relative--2), 0.18519vw + 0.083333rem, var(--l--units--relative--4));
756
+ --l--theme--size--30: clamp(var(--l--units--relative--4), 0.37037vw + 0.16667rem, var(--l--units--relative--8));
757
+ --l--theme--size--40: clamp(var(--l--units--relative--8), 0.37037vw + 0.41667rem, var(--l--units--relative--12));
758
+ --l--theme--size--50: clamp(var(--l--units--relative--12), 0.37037vw + 0.66667rem, var(--l--units--relative--16));
759
+ --l--theme--size--60: clamp(var(--l--units--relative--16), 0.74074vw + 0.83333rem, var(--l--units--relative--24));
760
+ --l--theme--size--70: clamp(var(--l--units--relative--24), 0.74074vw + 1.3333rem, var(--l--units--relative--32));
761
+ --l--theme--size--80: clamp(var(--l--units--relative--32), 1.4815vw + 1.6667rem, var(--l--units--relative--48));
762
+ --l--theme--size--90: clamp(var(--l--units--relative--48), 1.4815vw + 2.6667rem, var(--l--units--relative--64));
763
+ --l--theme--size--100: clamp(var(--l--units--relative--64), 2.9630vw + 3.3333rem, var(--l--units--relative--96));
764
+ --l--theme--size--110: clamp(var(--l--units--relative--96), 2.9630vw + 5.3333rem, var(--l--units--relative--128));
765
+ --l--theme--size--120: clamp(var(--l--units--relative--128), 5.9259vw + 6.6667rem, var(--l--units--relative--192));
766
+ --l--theme--size--icon--xs: var(--l--units--relative--12);
767
+ --l--theme--size--icon--sm: var(--l--units--relative--16);
768
+ --l--theme--size--icon--md: var(--l--units--relative--24);
769
+ --l--theme--size--icon--lg: var(--l--units--relative--32);
770
+ --l--theme--size--icon--xl: var(--l--units--relative--48);
771
+ --l--theme--size--icon--xxl: var(--l--units--relative--64);
772
+ --l--theme--size--mark-control: clamp(1.3125rem, 0.27778vw + 1.2500rem, 1.5rem);
767
773
  --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));
774
+ --l--theme--space--10: clamp(var(--l--units--relative--1), 0.092593vw + 0.041667rem, var(--l--units--relative--2));
775
+ --l--theme--space--20: clamp(var(--l--units--relative--2), 0.18519vw + 0.083333rem, var(--l--units--relative--4));
776
+ --l--theme--space--30: clamp(var(--l--units--relative--4), 0.37037vw + 0.16667rem, var(--l--units--relative--8));
777
+ --l--theme--space--40: clamp(var(--l--units--relative--8), 0.37037vw + 0.41667rem, var(--l--units--relative--12));
778
+ --l--theme--space--50: clamp(var(--l--units--relative--12), 0.37037vw + 0.66667rem, var(--l--units--relative--16));
779
+ --l--theme--space--60: clamp(var(--l--units--relative--16), 0.74074vw + 0.83333rem, var(--l--units--relative--24));
780
+ --l--theme--space--70: clamp(var(--l--units--relative--24), 0.74074vw + 1.3333rem, var(--l--units--relative--32));
781
+ --l--theme--space--80: clamp(var(--l--units--relative--32), 1.4815vw + 1.6667rem, var(--l--units--relative--48));
782
+ --l--theme--space--90: clamp(var(--l--units--relative--48), 1.4815vw + 2.6667rem, var(--l--units--relative--64));
783
+ --l--theme--space--100: clamp(var(--l--units--relative--64), 2.9630vw + 3.3333rem, var(--l--units--relative--96));
784
+ --l--theme--space--110: clamp(var(--l--units--relative--96), 2.9630vw + 5.3333rem, var(--l--units--relative--128));
785
+ --l--theme--space--120: clamp(var(--l--units--relative--128), 5.9259vw + 6.6667rem, var(--l--units--relative--192));
780
786
  --l--theme--notification--border--style: var(--l--border--style--solid);
781
787
  --l--theme--notification--typography--font-family--xs: var(--l--typography--font-family--secondary);
782
788
  --l--theme--notification--typography--font-family--sm: var(--l--typography--font-family--secondary);
@@ -823,8 +829,6 @@
823
829
  --l--theme--border--mark-control--width: var(--l--theme--border--width--sm);
824
830
  --l--theme--border--mark-control--radius: var(--l--theme--border--radius--md);
825
831
  --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
832
  --l--theme--border--text-control--width--xs: var(--l--theme--border--width--sm);
829
833
  --l--theme--border--text-control--width--sm: var(--l--theme--border--width--sm);
830
834
  --l--theme--border--text-control--width--md: var(--l--theme--border--width--sm);
@@ -833,6 +837,8 @@
833
837
  --l--theme--border--text-control--radius--sm: var(--l--theme--border--radius--md);
834
838
  --l--theme--border--text-control--radius--md: var(--l--theme--border--radius--md);
835
839
  --l--theme--border--text-control--radius--lg: var(--l--theme--border--radius--md);
840
+ --l--theme--border--text-highlight--radius: var(--l--theme--border--radius--sm);
841
+ --l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
836
842
  --l--theme--color--input--background--on-default--rest: var(--l--theme--color--background--default);
837
843
  --l--theme--color--input--background--on-default--focus: var(--l--theme--color--background--default);
838
844
  --l--theme--color--input--background--on-default--invalid--rest: var(--l--theme--color--background--default);
@@ -841,6 +847,9 @@
841
847
  --l--theme--color--input--background--on-knockout--focus: var(--l--theme--color--background--knockout);
842
848
  --l--theme--color--input--background--on-knockout--invalid--rest: var(--l--theme--color--background--knockout);
843
849
  --l--theme--color--input--background--on-knockout--invalid--focus: var(--l--theme--color--background--knockout);
850
+ --l--theme--color--input--placeholder--on-default--rest: var(--l--theme--color--content--secondary--on-default);
851
+ --l--theme--color--input--placeholder--on-default--hover: var(--l--theme--color--content--secondary--on-default);
852
+ --l--theme--color--input--placeholder--on-default--focus: var(--l--theme--color--content--secondary--on-default);
844
853
  --l--theme--color--link--content--secondary--on-default--rest: var(--l--theme--color--content--primary--on-default);
845
854
  --l--theme--color--link--content--secondary--on-default--visited: var(--l--theme--color--content--primary--on-default);
846
855
  --l--theme--color--link--content--secondary--on-knockout--rest: var(--l--theme--color--content--primary--on-knockout);
@@ -849,6 +858,7 @@
849
858
  --l--theme--color--link--content--tertiary--on-default--visited: var(--l--theme--color--content--secondary--on-default);
850
859
  --l--theme--color--link--content--tertiary--on-knockout--rest: var(--l--theme--color--content--secondary--on-knockout);
851
860
  --l--theme--color--link--content--tertiary--on-knockout--visited: var(--l--theme--color--content--secondary--on-knockout);
861
+ --l--theme--outline--width: var(--l--theme--border--width--md);
852
862
  --l--theme--space--gutter: var(--l--theme--space--70);
853
863
  --l--theme--space--interactive--inset--block--xs: var(--l--theme--space--20);
854
864
  --l--theme--space--interactive--inset--block--sm: var(--l--theme--space--30);
@@ -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.23.0",
3
+ "version": "0.25.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
  }