@withlayers/tokens 0.10.1 → 0.10.2

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 +36 -70
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -286,31 +286,6 @@
286
286
  --l--theme--button--color--content--destructive--on-default--focus: var(--l--color--red--10);
287
287
  --l--theme--button--color--content--destructive--on-default--hover: var(--l--color--red--10);
288
288
  --l--theme--checkbox-control--border--style: var(--l--border--style--solid);
289
- --l--theme--checkbox-control--color--background--on-default--checked: var(--l--color--neutral--90);
290
- --l--theme--checkbox-control--color--background--on-default--disabled: var(--l--color--neutral--20);
291
- --l--theme--checkbox-control--color--background--on-default--disabled-checked: var(--l--color--neutral--20);
292
- --l--theme--checkbox-control--color--background--on-default--focus-checked: var(--l--color--neutral--90);
293
- --l--theme--checkbox-control--color--background--on-default--hover: var(--l--color--neutral--10);
294
- --l--theme--checkbox-control--color--background--on-default--hover-checked: var(--l--color--neutral--80);
295
- --l--theme--checkbox-control--color--background--on-default--invalid: var(--l--color--red--20);
296
- --l--theme--checkbox-control--color--background--on-default--invalid-checked: var(--l--color--red--70);
297
- --l--theme--checkbox-control--color--border--on-default--checked: var(--l--color--neutral--90);
298
- --l--theme--checkbox-control--color--border--on-default--disabled: var(--l--color--neutral--30);
299
- --l--theme--checkbox-control--color--border--on-default--disabled-checked: var(--l--color--neutral--30);
300
- --l--theme--checkbox-control--color--border--on-default--focus-checked: var(--l--color--neutral--90);
301
- --l--theme--checkbox-control--color--border--on-default--hover-checked: var(--l--color--neutral--90);
302
- --l--theme--checkbox-control--color--border--on-default--invalid: var(--l--color--red--70);
303
- --l--theme--checkbox-control--color--border--on-default--invalid-checked: var(--l--color--red--70);
304
- --l--theme--checkbox-control--color--content--on-default--rest: var(--l--color--light-alpha--0);
305
- --l--theme--checkbox-control--color--content--on-default--checked: var(--l--color--neutral--10);
306
- --l--theme--checkbox-control--color--content--on-default--disabled: var(--l--color--light-alpha--0);
307
- --l--theme--checkbox-control--color--content--on-default--disabled-checked: var(--l--color--neutral--40);
308
- --l--theme--checkbox-control--color--content--on-default--focus: var(--l--color--light-alpha--0);
309
- --l--theme--checkbox-control--color--content--on-default--focus-checked: var(--l--color--neutral--10);
310
- --l--theme--checkbox-control--color--content--on-default--hover: var(--l--color--light-alpha--0);
311
- --l--theme--checkbox-control--color--content--on-default--hover-checked: var(--l--color--neutral--10);
312
- --l--theme--checkbox-control--color--content--on-default--invalid: var(--l--color--light-alpha--0);
313
- --l--theme--checkbox-control--color--content--on-default--invalid-checked: var(--l--color--neutral--0);
314
289
  --l--theme--checkbox-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
315
290
  --l--theme--dialog--border--style: var(--l--border--style--none);
316
291
  --l--theme--dialog--measure: var(--l--theme--size--measure--md);
@@ -319,25 +294,6 @@
319
294
  --l--theme--focus-ring--outline--style: var(--l--border--style--solid);
320
295
  --l--theme--focus-ring--outline--width: var(--l--border--width--2);
321
296
  --l--theme--radio-button-control--border--style: var(--l--border--style--solid);
322
- --l--theme--radio-button-control--color--background--on-default--checked: var(--l--color--neutral--90);
323
- --l--theme--radio-button-control--color--background--on-default--disabled: var(--l--color--neutral--20);
324
- --l--theme--radio-button-control--color--background--on-default--disabled-checked: var(--l--color--neutral--20);
325
- --l--theme--radio-button-control--color--background--on-default--focus-checked: var(--l--color--neutral--90);
326
- --l--theme--radio-button-control--color--background--on-default--hover: var(--l--color--neutral--10);
327
- --l--theme--radio-button-control--color--background--on-default--hover-checked: var(--l--color--neutral--80);
328
- --l--theme--radio-button-control--color--border--on-default--checked: var(--l--color--neutral--90);
329
- --l--theme--radio-button-control--color--border--on-default--disabled: var(--l--color--neutral--30);
330
- --l--theme--radio-button-control--color--border--on-default--disabled-checked: var(--l--color--neutral--30);
331
- --l--theme--radio-button-control--color--border--on-default--focus-checked: var(--l--color--neutral--90);
332
- --l--theme--radio-button-control--color--border--on-default--hover-checked: var(--l--color--neutral--90);
333
- --l--theme--radio-button-control--color--content--on-default--rest: var(--l--color--light-alpha--0);
334
- --l--theme--radio-button-control--color--content--on-default--checked: var(--l--color--neutral--10);
335
- --l--theme--radio-button-control--color--content--on-default--disabled: var(--l--color--light-alpha--0);
336
- --l--theme--radio-button-control--color--content--on-default--disabled-checked: var(--l--color--neutral--40);
337
- --l--theme--radio-button-control--color--content--on-default--focus: var(--l--color--light-alpha--0);
338
- --l--theme--radio-button-control--color--content--on-default--focus-checked: var(--l--color--neutral--10);
339
- --l--theme--radio-button-control--color--content--on-default--hover: var(--l--color--light-alpha--0);
340
- --l--theme--radio-button-control--color--content--on-default--hover-checked: var(--l--color--neutral--10);
341
297
  --l--theme--radio-button-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
342
298
  --l--theme--selection--color--background--on-default: var(--l--color--neutral--90);
343
299
  --l--theme--selection--color--content--on-default: var(--l--color--neutral--10);
@@ -374,9 +330,6 @@
374
330
  --l--theme--text-control--typography--text-transform--sm: var(--l--typography--text-transform--none);
375
331
  --l--theme--text-control--typography--text-transform--md: var(--l--typography--text-transform--none);
376
332
  --l--theme--text-control--typography--text-transform--lg: var(--l--typography--text-transform--none);
377
- --l--theme--text-control--color--background--on-default--disabled: var(--l--color--neutral--10);
378
- --l--theme--text-control--color--content--on-default--disabled: var(--l--color--neutral--40);
379
- --l--theme--text-control--color--placeholder--on-default--disabled: var(--l--color--neutral--40);
380
333
  --l--theme--border--radius--none: var(--l--border--radius--0);
381
334
  --l--theme--border--radius--sm: var(--l--border--radius--2);
382
335
  --l--theme--border--radius--md: var(--l--border--radius--4);
@@ -392,10 +345,9 @@
392
345
  --l--theme--border--width--xxl: var(--l--border--width--16);
393
346
  --l--theme--color--background--default: var(--l--color--neutral--0);
394
347
  --l--theme--color--border--primary--on-default: var(--l--color--neutral--60);
395
- --l--theme--color--border--secondary--on-default: var(--l--color--neutral--10);
348
+ --l--theme--color--border--secondary--on-default: var(--l--color--neutral--20);
396
349
  --l--theme--color--content--primary--on-default: var(--l--color--neutral--90);
397
350
  --l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
398
- --l--theme--color--content--disabled--on-default: var(--l--color--neutral--40);
399
351
  --l--theme--color--code--background--on-default: var(--l--color--neutral--10);
400
352
  --l--theme--color--code--content--on-default: var(--l--color--neutral--90);
401
353
  --l--theme--color--feedback--destructive--background--on-default: var(--l--color--red--20);
@@ -410,6 +362,41 @@
410
362
  --l--theme--color--feedback--warning--background--on-default: var(--l--color--yellow--20);
411
363
  --l--theme--color--feedback--warning--border--on-default: var(--l--color--yellow--30);
412
364
  --l--theme--color--feedback--warning--content--on-default: var(--l--color--yellow--100);
365
+ --l--theme--color--interactive--background--on-default--rest: var(--l--color--neutral--0);
366
+ --l--theme--color--interactive--background--on-default--hover: var(--l--color--neutral--10);
367
+ --l--theme--color--interactive--background--on-default--focus: var(--l--color--neutral--10);
368
+ --l--theme--color--interactive--background--on-default--invalid: var(--l--color--red--10);
369
+ --l--theme--color--interactive--background--on-default--disabled: var(--l--color--neutral--10);
370
+ --l--theme--color--interactive--background--on-default--checked: var(--l--color--neutral--90);
371
+ --l--theme--color--interactive--background--on-default--checked-hover: var(--l--color--neutral--80);
372
+ --l--theme--color--interactive--background--on-default--checked-focus: var(--l--color--neutral--90);
373
+ --l--theme--color--interactive--background--on-default--checked-invalid: var(--l--color--red--70);
374
+ --l--theme--color--interactive--background--on-default--checked-disabled: var(--l--color--neutral--20);
375
+ --l--theme--color--interactive--border--on-default--rest: var(--l--color--neutral--60);
376
+ --l--theme--color--interactive--border--on-default--hover: var(--l--color--neutral--60);
377
+ --l--theme--color--interactive--border--on-default--focus: var(--l--color--neutral--60);
378
+ --l--theme--color--interactive--border--on-default--invalid: var(--l--color--red--60);
379
+ --l--theme--color--interactive--border--on-default--disabled: var(--l--color--neutral--20);
380
+ --l--theme--color--interactive--border--on-default--checked: var(--l--color--neutral--90);
381
+ --l--theme--color--interactive--border--on-default--checked-hover: var(--l--color--neutral--90);
382
+ --l--theme--color--interactive--border--on-default--checked-focus: var(--l--color--neutral--90);
383
+ --l--theme--color--interactive--border--on-default--checked-invalid: var(--l--color--red--70);
384
+ --l--theme--color--interactive--border--on-default--checked-disabled: var(--l--color--neutral--30);
385
+ --l--theme--color--interactive--content--on-default--rest: var(--l--color--neutral--90);
386
+ --l--theme--color--interactive--content--on-default--hover: var(--l--color--neutral--90);
387
+ --l--theme--color--interactive--content--on-default--focus: var(--l--color--neutral--90);
388
+ --l--theme--color--interactive--content--on-default--invalid: var(--l--color--red--90);
389
+ --l--theme--color--interactive--content--on-default--disabled: var(--l--color--neutral--40);
390
+ --l--theme--color--interactive--content--on-default--checked: var(--l--color--neutral--10);
391
+ --l--theme--color--interactive--content--on-default--checked-hover: var(--l--color--neutral--10);
392
+ --l--theme--color--interactive--content--on-default--checked-focus: var(--l--color--neutral--10);
393
+ --l--theme--color--interactive--content--on-default--checked-invalid: var(--l--color--neutral--0);
394
+ --l--theme--color--interactive--content--on-default--checked-disabled: var(--l--color--neutral--40);
395
+ --l--theme--color--interactive--placeholder--on-default--rest: var(--l--color--neutral--60);
396
+ --l--theme--color--interactive--placeholder--on-default--hover: var(--l--color--neutral--60);
397
+ --l--theme--color--interactive--placeholder--on-default--focus: var(--l--color--neutral--60);
398
+ --l--theme--color--interactive--placeholder--on-default--invalid: var(--l--color--red--70);
399
+ --l--theme--color--interactive--placeholder--on-default--disabled: var(--l--color--neutral--40);
413
400
  --l--theme--color--link--content--primary--on-default--rest: var(--l--color--primary--80);
414
401
  --l--theme--color--link--content--primary--on-default--hover: var(--l--color--primary--60);
415
402
  --l--theme--color--link--content--primary--on-default--focus: var(--l--color--primary--60);
@@ -637,11 +624,6 @@
637
624
  --l--theme--button--space--inner--inline--lg: var(--l--theme--space--70);
638
625
  --l--theme--checkbox-control--border--width: var(--l--theme--border--width--sm);
639
626
  --l--theme--checkbox-control--border--radius: var(--l--theme--border--radius--md);
640
- --l--theme--checkbox-control--color--background--on-default--rest: var(--l--theme--color--background--default);
641
- --l--theme--checkbox-control--color--background--on-default--focus: var(--l--theme--color--background--default);
642
- --l--theme--checkbox-control--color--border--on-default--rest: var(--l--theme--color--border--primary--on-default);
643
- --l--theme--checkbox-control--color--border--on-default--focus: var(--l--theme--color--border--primary--on-default);
644
- --l--theme--checkbox-control--color--border--on-default--hover: var(--l--theme--color--border--primary--on-default);
645
627
  --l--theme--dialog--border--radius: var(--l--theme--border--radius--md);
646
628
  --l--theme--dialog--border--width: var(--l--theme--border--width--sm);
647
629
  --l--theme--dialog--color--background: var(--l--theme--color--background--default);
@@ -650,11 +632,6 @@
650
632
  --l--theme--dialog--color--overlay: var(--l--theme--color--overlay--on-default);
651
633
  --l--theme--radio-button-control--border--width: var(--l--theme--border--width--sm);
652
634
  --l--theme--radio-button-control--border--radius: var(--l--theme--border--radius--full);
653
- --l--theme--radio-button-control--color--background--on-default--rest: var(--l--theme--color--background--default);
654
- --l--theme--radio-button-control--color--background--on-default--focus: var(--l--theme--color--background--default);
655
- --l--theme--radio-button-control--color--border--on-default--rest: var(--l--theme--color--border--primary--on-default);
656
- --l--theme--radio-button-control--color--border--on-default--focus: var(--l--theme--color--border--primary--on-default);
657
- --l--theme--radio-button-control--color--border--on-default--hover: var(--l--theme--color--border--primary--on-default);
658
635
  --l--theme--text-control--border--width--xs: var(--l--theme--border--width--sm);
659
636
  --l--theme--text-control--border--width--sm: var(--l--theme--border--width--sm);
660
637
  --l--theme--text-control--border--width--md: var(--l--theme--border--width--sm);
@@ -671,17 +648,6 @@
671
648
  --l--theme--text-control--space--inner--inline--sm: var(--l--theme--space--40);
672
649
  --l--theme--text-control--space--inner--inline--md: var(--l--theme--space--50);
673
650
  --l--theme--text-control--space--inner--inline--lg: var(--l--theme--space--60);
674
- --l--theme--text-control--color--background--on-default--rest: var(--l--theme--color--background--default);
675
- --l--theme--text-control--color--background--on-default--focus: var(--l--theme--color--background--default);
676
- --l--theme--text-control--color--background--on-default--hover: var(--l--theme--color--background--default);
677
- --l--theme--text-control--color--border--on-default--rest: var(--l--theme--color--border--primary--on-default);
678
- --l--theme--text-control--color--border--on-default--disabled: var(--l--theme--color--border--primary--on-default);
679
- --l--theme--text-control--color--border--on-default--focus: var(--l--theme--color--border--primary--on-default);
680
- --l--theme--text-control--color--border--on-default--hover: var(--l--theme--color--border--primary--on-default);
681
- --l--theme--text-control--color--content--on-default--rest: var(--l--theme--color--content--primary--on-default);
682
- --l--theme--text-control--color--content--on-default--focus: var(--l--theme--color--content--primary--on-default);
683
- --l--theme--text-control--color--content--on-default--hover: var(--l--theme--color--content--primary--on-default);
684
- --l--theme--text-control--color--placeholder--on-default--rest: var(--l--theme--color--content--secondary--on-default);
685
651
  --l--theme--border--media--radius: var(--l--theme--border--radius--md);
686
652
  --l--theme--space--gutter: var(--l--theme--space--70);
687
653
  --l--theme--dialog--space--inner--inline: var(--l--theme--space--gutter);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.10.1",
3
+ "version": "0.10.2",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",