@withlayers/tokens 0.8.1 → 0.9.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 +141 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -316,6 +316,27 @@
|
|
|
316
316
|
--l--theme--button--color--content--destructive--on-default--disabled: var(--l--color--red--20);
|
|
317
317
|
--l--theme--button--color--content--destructive--on-default--focus: var(--l--color--red--10);
|
|
318
318
|
--l--theme--button--color--content--destructive--on-default--hover: var(--l--color--red--10);
|
|
319
|
+
--l--theme--checkbox-control--border--style: var(--l--border--style--solid);
|
|
320
|
+
--l--theme--checkbox-control--color--background--on-default--checked: var(--l--color--neutral--90);
|
|
321
|
+
--l--theme--checkbox-control--color--background--on-default--disabled: var(--l--color--neutral--20);
|
|
322
|
+
--l--theme--checkbox-control--color--background--on-default--disabled-checked: var(--l--color--neutral--20);
|
|
323
|
+
--l--theme--checkbox-control--color--background--on-default--focus-checked: var(--l--color--neutral--90);
|
|
324
|
+
--l--theme--checkbox-control--color--background--on-default--hover: var(--l--color--neutral--10);
|
|
325
|
+
--l--theme--checkbox-control--color--background--on-default--hover-checked: var(--l--color--neutral--80);
|
|
326
|
+
--l--theme--checkbox-control--color--border--on-default--checked: var(--l--color--neutral--90);
|
|
327
|
+
--l--theme--checkbox-control--color--border--on-default--disabled: var(--l--color--neutral--30);
|
|
328
|
+
--l--theme--checkbox-control--color--border--on-default--disabled-checked: var(--l--color--neutral--30);
|
|
329
|
+
--l--theme--checkbox-control--color--border--on-default--focus-checked: var(--l--color--neutral--90);
|
|
330
|
+
--l--theme--checkbox-control--color--border--on-default--hover-checked: var(--l--color--neutral--90);
|
|
331
|
+
--l--theme--checkbox-control--color--content--on-default--rest: var(--l--color--light-alpha--0);
|
|
332
|
+
--l--theme--checkbox-control--color--content--on-default--checked: var(--l--color--neutral--10);
|
|
333
|
+
--l--theme--checkbox-control--color--content--on-default--disabled: var(--l--color--light-alpha--0);
|
|
334
|
+
--l--theme--checkbox-control--color--content--on-default--disabled-checked: var(--l--color--neutral--40);
|
|
335
|
+
--l--theme--checkbox-control--color--content--on-default--focus: var(--l--color--light-alpha--0);
|
|
336
|
+
--l--theme--checkbox-control--color--content--on-default--focus-checked: var(--l--color--neutral--10);
|
|
337
|
+
--l--theme--checkbox-control--color--content--on-default--hover: var(--l--color--light-alpha--0);
|
|
338
|
+
--l--theme--checkbox-control--color--content--on-default--hover-checked: var(--l--color--neutral--10);
|
|
339
|
+
--l--theme--checkbox-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
|
|
319
340
|
--l--theme--dialog--border--style: var(--l--border--style--none);
|
|
320
341
|
--l--theme--dialog--measure: var(--l--theme--measure--md);
|
|
321
342
|
--l--theme--focus-ring--color--outline--on-default: var(--l--color--neutral--100);
|
|
@@ -332,8 +353,65 @@
|
|
|
332
353
|
--l--theme--link--color--content--secondary--on-default--focus: var(--l--color--neutral--90);
|
|
333
354
|
--l--theme--link--color--content--secondary--on-default--active: var(--l--color--neutral--90);
|
|
334
355
|
--l--theme--link--color--content--secondary--on-default--visited: var(--l--color--neutral--90);
|
|
356
|
+
--l--theme--radio-button-control--border--style: var(--l--border--style--solid);
|
|
357
|
+
--l--theme--radio-button-control--color--background--on-default--checked: var(--l--color--neutral--90);
|
|
358
|
+
--l--theme--radio-button-control--color--background--on-default--disabled: var(--l--color--neutral--20);
|
|
359
|
+
--l--theme--radio-button-control--color--background--on-default--disabled-checked: var(--l--color--neutral--20);
|
|
360
|
+
--l--theme--radio-button-control--color--background--on-default--focus-checked: var(--l--color--neutral--90);
|
|
361
|
+
--l--theme--radio-button-control--color--background--on-default--hover: var(--l--color--neutral--10);
|
|
362
|
+
--l--theme--radio-button-control--color--background--on-default--hover-checked: var(--l--color--neutral--80);
|
|
363
|
+
--l--theme--radio-button-control--color--border--on-default--checked: var(--l--color--neutral--90);
|
|
364
|
+
--l--theme--radio-button-control--color--border--on-default--disabled: var(--l--color--neutral--30);
|
|
365
|
+
--l--theme--radio-button-control--color--border--on-default--disabled-checked: var(--l--color--neutral--30);
|
|
366
|
+
--l--theme--radio-button-control--color--border--on-default--focus-checked: var(--l--color--neutral--90);
|
|
367
|
+
--l--theme--radio-button-control--color--border--on-default--hover-checked: var(--l--color--neutral--90);
|
|
368
|
+
--l--theme--radio-button-control--color--content--on-default--rest: var(--l--color--light-alpha--0);
|
|
369
|
+
--l--theme--radio-button-control--color--content--on-default--checked: var(--l--color--neutral--10);
|
|
370
|
+
--l--theme--radio-button-control--color--content--on-default--disabled: var(--l--color--light-alpha--0);
|
|
371
|
+
--l--theme--radio-button-control--color--content--on-default--disabled-checked: var(--l--color--neutral--40);
|
|
372
|
+
--l--theme--radio-button-control--color--content--on-default--focus: var(--l--color--light-alpha--0);
|
|
373
|
+
--l--theme--radio-button-control--color--content--on-default--focus-checked: var(--l--color--neutral--10);
|
|
374
|
+
--l--theme--radio-button-control--color--content--on-default--hover: var(--l--color--light-alpha--0);
|
|
375
|
+
--l--theme--radio-button-control--color--content--on-default--hover-checked: var(--l--color--neutral--10);
|
|
376
|
+
--l--theme--radio-button-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
|
|
335
377
|
--l--theme--selection--color--background--on-default: var(--l--color--neutral--90);
|
|
336
378
|
--l--theme--selection--color--content--on-default: var(--l--color--neutral--10);
|
|
379
|
+
--l--theme--text-control--border--style: var(--l--border--style--solid);
|
|
380
|
+
--l--theme--text-control--typography--font-family--xs: var(--l--typography--font-family--sans-serif);
|
|
381
|
+
--l--theme--text-control--typography--font-family--sm: var(--l--typography--font-family--sans-serif);
|
|
382
|
+
--l--theme--text-control--typography--font-family--md: var(--l--typography--font-family--sans-serif);
|
|
383
|
+
--l--theme--text-control--typography--font-family--lg: var(--l--typography--font-family--sans-serif);
|
|
384
|
+
--l--theme--text-control--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
385
|
+
--l--theme--text-control--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
386
|
+
--l--theme--text-control--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
387
|
+
--l--theme--text-control--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
|
|
388
|
+
--l--theme--text-control--typography--font-style--xs: var(--l--typography--font-style--normal);
|
|
389
|
+
--l--theme--text-control--typography--font-style--sm: var(--l--typography--font-style--normal);
|
|
390
|
+
--l--theme--text-control--typography--font-style--md: var(--l--typography--font-style--normal);
|
|
391
|
+
--l--theme--text-control--typography--font-style--lg: var(--l--typography--font-style--normal);
|
|
392
|
+
--l--theme--text-control--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
|
|
393
|
+
--l--theme--text-control--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
|
|
394
|
+
--l--theme--text-control--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
|
|
395
|
+
--l--theme--text-control--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
|
|
396
|
+
--l--theme--text-control--typography--font-weight--xs: var(--l--typography--font-weight--medium);
|
|
397
|
+
--l--theme--text-control--typography--font-weight--sm: var(--l--typography--font-weight--medium);
|
|
398
|
+
--l--theme--text-control--typography--font-weight--md: var(--l--typography--font-weight--medium);
|
|
399
|
+
--l--theme--text-control--typography--font-weight--lg: var(--l--typography--font-weight--medium);
|
|
400
|
+
--l--theme--text-control--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
|
|
401
|
+
--l--theme--text-control--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
|
|
402
|
+
--l--theme--text-control--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
|
|
403
|
+
--l--theme--text-control--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
|
|
404
|
+
--l--theme--text-control--typography--line-height--xs: var(--l--typography--line-height--1250);
|
|
405
|
+
--l--theme--text-control--typography--line-height--sm: var(--l--typography--line-height--1250);
|
|
406
|
+
--l--theme--text-control--typography--line-height--md: var(--l--typography--line-height--1375);
|
|
407
|
+
--l--theme--text-control--typography--line-height--lg: var(--l--typography--line-height--1500);
|
|
408
|
+
--l--theme--text-control--typography--text-transform--xs: var(--l--typography--text-transform--none);
|
|
409
|
+
--l--theme--text-control--typography--text-transform--sm: var(--l--typography--text-transform--none);
|
|
410
|
+
--l--theme--text-control--typography--text-transform--md: var(--l--typography--text-transform--none);
|
|
411
|
+
--l--theme--text-control--typography--text-transform--lg: var(--l--typography--text-transform--none);
|
|
412
|
+
--l--theme--text-control--color--background--on-default--disabled: var(--l--color--neutral--10);
|
|
413
|
+
--l--theme--text-control--color--content--on-default--disabled: var(--l--color--neutral--40);
|
|
414
|
+
--l--theme--text-control--color--placeholder--on-default--disabled: var(--l--color--neutral--40);
|
|
337
415
|
--l--theme--border--radius--none: var(--l--border--radius--0);
|
|
338
416
|
--l--theme--border--radius--sm: var(--l--border--radius--2);
|
|
339
417
|
--l--theme--border--radius--md: var(--l--border--radius--4);
|
|
@@ -348,10 +426,11 @@
|
|
|
348
426
|
--l--theme--border--width--xl: var(--l--border--width--8);
|
|
349
427
|
--l--theme--border--width--xxl: var(--l--border--width--16);
|
|
350
428
|
--l--theme--color--background--default: var(--l--color--neutral--0);
|
|
351
|
-
--l--theme--color--border--primary--on-default: var(--l--color--neutral--
|
|
429
|
+
--l--theme--color--border--primary--on-default: var(--l--color--neutral--60);
|
|
352
430
|
--l--theme--color--border--secondary--on-default: var(--l--color--neutral--10);
|
|
353
431
|
--l--theme--color--content--primary--on-default: var(--l--color--neutral--90);
|
|
354
432
|
--l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
|
|
433
|
+
--l--theme--color--content--disabled--on-default: var(--l--color--neutral--40);
|
|
355
434
|
--l--theme--color--overlay--on-default: var(--l--color--dark-alpha--50);
|
|
356
435
|
--l--theme--color--code--background--on-default: var(--l--color--neutral--10);
|
|
357
436
|
--l--theme--color--code--content--on-default: var(--l--color--neutral--90);
|
|
@@ -461,6 +540,14 @@
|
|
|
461
540
|
--l--theme--typography--heading--text-transform--l4: var(--l--typography--text-transform--none);
|
|
462
541
|
--l--theme--typography--heading--text-transform--l5: var(--l--typography--text-transform--none);
|
|
463
542
|
--l--theme--typography--heading--text-transform--l6: var(--l--typography--text-transform--none);
|
|
543
|
+
--l--theme--typography--label--font-family: var(--l--typography--font-family--sans-serif);
|
|
544
|
+
--l--theme--typography--label--font-size: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
|
|
545
|
+
--l--theme--typography--label--font-style: var(--l--typography--font-style--normal);
|
|
546
|
+
--l--theme--typography--label--font-variant-caps: var(--l--typography--font-variant-caps--normal);
|
|
547
|
+
--l--theme--typography--label--font-weight: var(--l--typography--font-weight--medium);
|
|
548
|
+
--l--theme--typography--label--letter-spacing: var(--l--typography--letter-spacing--normal);
|
|
549
|
+
--l--theme--typography--label--line-height: var(--l--typography--line-height--1500);
|
|
550
|
+
--l--theme--typography--label--text-transform: var(--l--typography--text-transform--none);
|
|
464
551
|
--l--theme--typography--overline--font-family: var(--l--typography--font-family--sans-serif);
|
|
465
552
|
--l--theme--typography--overline--font-size: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
|
|
466
553
|
--l--theme--typography--overline--font-style: var(--l--typography--font-style--normal);
|
|
@@ -477,6 +564,18 @@
|
|
|
477
564
|
--l--theme--typography--subhead--letter-spacing: var(--l--typography--letter-spacing--normal);
|
|
478
565
|
--l--theme--typography--subhead--line-height: var(--l--typography--line-height--1500);
|
|
479
566
|
--l--theme--typography--subhead--text-transform: var(--l--typography--text-transform--none);
|
|
567
|
+
--l--theme--size--10: clamp(var(--l--units--1), 0.092593vw + 0.041667rem, var(--l--units--2));
|
|
568
|
+
--l--theme--size--20: clamp(var(--l--units--2), 0.18519vw + 0.083333rem, var(--l--units--4));
|
|
569
|
+
--l--theme--size--30: clamp(var(--l--units--4), 0.37037vw + 0.16667rem, var(--l--units--8));
|
|
570
|
+
--l--theme--size--40: clamp(var(--l--units--8), 0.37037vw + 0.41667rem, var(--l--units--12));
|
|
571
|
+
--l--theme--size--50: clamp(var(--l--units--12), 0.37037vw + 0.66667rem, var(--l--units--16));
|
|
572
|
+
--l--theme--size--60: clamp(var(--l--units--16), 0.74074vw + 0.83333rem, var(--l--units--24));
|
|
573
|
+
--l--theme--size--70: clamp(var(--l--units--24), 0.74074vw + 1.3333rem, var(--l--units--32));
|
|
574
|
+
--l--theme--size--80: clamp(var(--l--units--32), 1.4815vw + 1.6667rem, var(--l--units--48));
|
|
575
|
+
--l--theme--size--90: clamp(var(--l--units--48), 1.4815vw + 2.6667rem, var(--l--units--64));
|
|
576
|
+
--l--theme--size--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
|
|
577
|
+
--l--theme--size--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
|
|
578
|
+
--l--theme--size--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
|
|
480
579
|
--l--theme--space--10: clamp(var(--l--units--1), 0.092593vw + 0.041667rem, var(--l--units--2));
|
|
481
580
|
--l--theme--space--20: clamp(var(--l--units--2), 0.18519vw + 0.083333rem, var(--l--units--4));
|
|
482
581
|
--l--theme--space--30: clamp(var(--l--units--4), 0.37037vw + 0.16667rem, var(--l--units--8));
|
|
@@ -505,6 +604,13 @@
|
|
|
505
604
|
--l--theme--button--space--inner--inline--sm: var(--l--theme--space--50);
|
|
506
605
|
--l--theme--button--space--inner--inline--md: var(--l--theme--space--60);
|
|
507
606
|
--l--theme--button--space--inner--inline--lg: var(--l--theme--space--70);
|
|
607
|
+
--l--theme--checkbox-control--border--width: var(--l--theme--border--width--sm);
|
|
608
|
+
--l--theme--checkbox-control--border--radius: var(--l--theme--border--radius--md);
|
|
609
|
+
--l--theme--checkbox-control--color--background--on-default--rest: var(--l--theme--color--background--default);
|
|
610
|
+
--l--theme--checkbox-control--color--background--on-default--focus: var(--l--theme--color--background--default);
|
|
611
|
+
--l--theme--checkbox-control--color--border--on-default--rest: var(--l--theme--color--border--primary--on-default);
|
|
612
|
+
--l--theme--checkbox-control--color--border--on-default--focus: var(--l--theme--color--border--primary--on-default);
|
|
613
|
+
--l--theme--checkbox-control--color--border--on-default--hover: var(--l--theme--color--border--primary--on-default);
|
|
508
614
|
--l--theme--dialog--border--radius: var(--l--theme--border--radius--md);
|
|
509
615
|
--l--theme--dialog--border--width: var(--l--theme--border--width--sm);
|
|
510
616
|
--l--theme--dialog--color--background: var(--l--theme--color--background--default);
|
|
@@ -512,6 +618,40 @@
|
|
|
512
618
|
--l--theme--dialog--color--content: var(--l--theme--color--content--primary--on-default);
|
|
513
619
|
--l--theme--dialog--color--overlay: var(--l--theme--color--overlay--on-default);
|
|
514
620
|
--l--theme--media--border--radius: var(--l--theme--border--radius--md);
|
|
621
|
+
--l--theme--radio-button-control--border--width: var(--l--theme--border--width--sm);
|
|
622
|
+
--l--theme--radio-button-control--border--radius: var(--l--theme--border--radius--full);
|
|
623
|
+
--l--theme--radio-button-control--color--background--on-default--rest: var(--l--theme--color--background--default);
|
|
624
|
+
--l--theme--radio-button-control--color--background--on-default--focus: var(--l--theme--color--background--default);
|
|
625
|
+
--l--theme--radio-button-control--color--border--on-default--rest: var(--l--theme--color--border--primary--on-default);
|
|
626
|
+
--l--theme--radio-button-control--color--border--on-default--focus: var(--l--theme--color--border--primary--on-default);
|
|
627
|
+
--l--theme--radio-button-control--color--border--on-default--hover: var(--l--theme--color--border--primary--on-default);
|
|
628
|
+
--l--theme--text-control--border--width--xs: var(--l--theme--border--width--sm);
|
|
629
|
+
--l--theme--text-control--border--width--sm: var(--l--theme--border--width--sm);
|
|
630
|
+
--l--theme--text-control--border--width--md: var(--l--theme--border--width--sm);
|
|
631
|
+
--l--theme--text-control--border--width--lg: var(--l--theme--border--width--sm);
|
|
632
|
+
--l--theme--text-control--border--radius--xs: var(--l--theme--border--radius--md);
|
|
633
|
+
--l--theme--text-control--border--radius--sm: var(--l--theme--border--radius--md);
|
|
634
|
+
--l--theme--text-control--border--radius--md: var(--l--theme--border--radius--md);
|
|
635
|
+
--l--theme--text-control--border--radius--lg: var(--l--theme--border--radius--md);
|
|
636
|
+
--l--theme--text-control--space--inner--block--xs: var(--l--theme--space--20);
|
|
637
|
+
--l--theme--text-control--space--inner--block--sm: var(--l--theme--space--30);
|
|
638
|
+
--l--theme--text-control--space--inner--block--md: var(--l--theme--space--40);
|
|
639
|
+
--l--theme--text-control--space--inner--block--lg: var(--l--theme--space--50);
|
|
640
|
+
--l--theme--text-control--space--inner--inline--xs: var(--l--theme--space--30);
|
|
641
|
+
--l--theme--text-control--space--inner--inline--sm: var(--l--theme--space--40);
|
|
642
|
+
--l--theme--text-control--space--inner--inline--md: var(--l--theme--space--50);
|
|
643
|
+
--l--theme--text-control--space--inner--inline--lg: var(--l--theme--space--60);
|
|
644
|
+
--l--theme--text-control--color--background--on-default--rest: var(--l--theme--color--background--default);
|
|
645
|
+
--l--theme--text-control--color--background--on-default--focus: var(--l--theme--color--background--default);
|
|
646
|
+
--l--theme--text-control--color--background--on-default--hover: var(--l--theme--color--background--default);
|
|
647
|
+
--l--theme--text-control--color--border--on-default--rest: var(--l--theme--color--border--primary--on-default);
|
|
648
|
+
--l--theme--text-control--color--border--on-default--disabled: var(--l--theme--color--border--primary--on-default);
|
|
649
|
+
--l--theme--text-control--color--border--on-default--focus: var(--l--theme--color--border--primary--on-default);
|
|
650
|
+
--l--theme--text-control--color--border--on-default--hover: var(--l--theme--color--border--primary--on-default);
|
|
651
|
+
--l--theme--text-control--color--content--on-default--rest: var(--l--theme--color--content--primary--on-default);
|
|
652
|
+
--l--theme--text-control--color--content--on-default--focus: var(--l--theme--color--content--primary--on-default);
|
|
653
|
+
--l--theme--text-control--color--content--on-default--hover: var(--l--theme--color--content--primary--on-default);
|
|
654
|
+
--l--theme--text-control--color--placeholder--on-default--rest: var(--l--theme--color--content--secondary--on-default);
|
|
515
655
|
--l--theme--space--gutter: var(--l--theme--space--70);
|
|
516
656
|
--l--theme--dialog--space--inner--inline: var(--l--theme--space--gutter);
|
|
517
657
|
--l--theme--dialog--space--inner--block: var(--l--theme--space--gutter);
|