@withlayers/tokens 0.39.0 → 0.42.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 +175 -700
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -587,674 +587,173 @@
587
587
  --l--theme--border--media--style: var(--l--border--style--solid);
588
588
  --l--theme--border--text-control--style: var(--l--border--style--solid);
589
589
  --l--theme--border--text-highlight--style: var(--l--border--style--none);
590
- --l--theme--color--background--default: var(--l--color--neutral--0);
591
- --l--theme--color--background--knockout: var(--l--color--neutral--dark--0);
592
- --l--theme--color--background--subtle: var(--l--color--neutral--20);
593
- --l--theme--color--background--primary: var(--l--color--primary--90);
594
- --l--theme--color--border--primary--on-default: var(--l--color--neutral--100);
595
- --l--theme--color--border--primary--on-knockout: var(--l--color--neutral--dark--120);
596
- --l--theme--color--border--primary--on-primary: var(--l--color--primary--0);
597
- --l--theme--color--border--primary--on-subtle: var(--l--color--neutral--100);
598
- --l--theme--color--border--secondary--on-default: var(--l--color--neutral--60);
599
- --l--theme--color--border--secondary--on-knockout: var(--l--color--neutral--dark--60);
600
- --l--theme--color--border--secondary--on-primary: var(--l--color--primary--70);
601
- --l--theme--color--border--secondary--on-subtle: var(--l--color--neutral--60);
602
- --l--theme--color--border--tertiary--on-default: var(--l--color--neutral--30);
603
- --l--theme--color--border--tertiary--on-knockout: var(--l--color--neutral--dark--30);
604
- --l--theme--color--border--tertiary--on-primary: var(--l--color--primary--80);
605
- --l--theme--color--border--tertiary--on-subtle: var(--l--color--neutral--40);
606
- --l--theme--color--content--primary--on-default: var(--l--color--neutral--140);
607
- --l--theme--color--content--primary--on-knockout: var(--l--color--neutral--dark--140);
608
- --l--theme--color--content--primary--on-primary: var(--l--color--primary--dark--140);
609
- --l--theme--color--content--primary--on-subtle: var(--l--color--neutral--140);
610
- --l--theme--color--content--secondary--on-default: var(--l--color--neutral--110);
611
- --l--theme--color--content--secondary--on-knockout: var(--l--color--neutral--dark--110);
612
- --l--theme--color--content--secondary--on-primary: var(--l--color--primary--dark--130);
613
- --l--theme--color--content--secondary--on-subtle: var(--l--color--neutral--110);
614
- --l--theme--color--outline--on-default: var(--l--color--neutral--140);
615
- --l--theme--color--outline--on-knockout: var(--l--color--neutral--dark--140);
616
- --l--theme--color--outline--on-primary: var(--l--color--primary--dark--140);
617
- --l--theme--color--outline--on-subtle: var(--l--color--neutral--140);
618
- --l--theme--color--overlay--on-default: var(--l--color--neutral--alpha--50);
619
- --l--theme--color--overlay--on-knockout: var(--l--color--neutral--alpha--dark--50);
620
- --l--theme--color--overlay--on-primary: var(--l--color--primary--alpha--dark--50);
621
- --l--theme--color--overlay--on-subtle: var(--l--color--neutral--alpha--50);
622
- --l--theme--color--code--background--on-default: var(--l--color--neutral--30);
623
- --l--theme--color--code--background--on-knockout: var(--l--color--neutral--dark--30);
624
- --l--theme--color--code--background--on-primary: var(--l--color--primary--110);
625
- --l--theme--color--code--background--on-subtle: var(--l--color--neutral--40);
626
- --l--theme--color--code--border--on-default: var(--l--color--neutral--alpha--0);
627
- --l--theme--color--code--border--on-knockout: var(--l--color--neutral--alpha--dark--0);
628
- --l--theme--color--code--border--on-primary: var(--l--color--primary--alpha--dark--0);
629
- --l--theme--color--code--border--on-subtle: var(--l--color--neutral--alpha--0);
630
- --l--theme--color--code--content--on-default: var(--l--color--neutral--130);
631
- --l--theme--color--code--content--on-knockout: var(--l--color--neutral--dark--130);
632
- --l--theme--color--code--content--on-primary: var(--l--color--primary--dark--130);
633
- --l--theme--color--code--content--on-subtle: var(--l--color--neutral--130);
634
- --l--theme--color--dialog--border--on-default: var(--l--color--neutral--alpha--0);
635
- --l--theme--color--dialog--border--on-knockout: var(--l--color--neutral--alpha--dark--0);
636
- --l--theme--color--dialog--border--on-primary: var(--l--color--primary--alpha--dark--0);
637
- --l--theme--color--dialog--border--on-subtle: var(--l--color--neutral--alpha--0);
638
- --l--theme--color--feedback--background--destructive--on-default: var(--l--color--red--40);
639
- --l--theme--color--feedback--background--destructive--on-knockout: var(--l--color--red--dark--40);
640
- --l--theme--color--feedback--background--destructive--on-primary: var(--l--color--red--50);
641
- --l--theme--color--feedback--background--destructive--on-subtle: var(--l--color--red--40);
642
- --l--theme--color--feedback--background--informative--on-default: var(--l--color--blue--40);
643
- --l--theme--color--feedback--background--informative--on-knockout: var(--l--color--blue--dark--40);
644
- --l--theme--color--feedback--background--informative--on-primary: var(--l--color--blue--50);
645
- --l--theme--color--feedback--background--informative--on-subtle: var(--l--color--blue--40);
646
- --l--theme--color--feedback--background--positive--on-default: var(--l--color--green--40);
647
- --l--theme--color--feedback--background--positive--on-knockout: var(--l--color--green--dark--40);
648
- --l--theme--color--feedback--background--positive--on-primary: var(--l--color--green--50);
649
- --l--theme--color--feedback--background--positive--on-subtle: var(--l--color--green--40);
650
- --l--theme--color--feedback--background--warning--on-default: var(--l--color--yellow--40);
651
- --l--theme--color--feedback--background--warning--on-knockout: var(--l--color--yellow--dark--40);
652
- --l--theme--color--feedback--background--warning--on-primary: var(--l--color--yellow--50);
653
- --l--theme--color--feedback--background--warning--on-subtle: var(--l--color--yellow--40);
654
- --l--theme--color--feedback--border--destructive--on-default: var(--l--color--red--50);
655
- --l--theme--color--feedback--border--destructive--on-knockout: var(--l--color--red--dark--50);
656
- --l--theme--color--feedback--border--destructive--on-primary: var(--l--color--red--60);
657
- --l--theme--color--feedback--border--destructive--on-subtle: var(--l--color--red--50);
658
- --l--theme--color--feedback--border--informative--on-default: var(--l--color--blue--50);
659
- --l--theme--color--feedback--border--informative--on-knockout: var(--l--color--blue--dark--50);
660
- --l--theme--color--feedback--border--informative--on-primary: var(--l--color--blue--60);
661
- --l--theme--color--feedback--border--informative--on-subtle: var(--l--color--blue--50);
662
- --l--theme--color--feedback--border--positive--on-default: var(--l--color--green--50);
663
- --l--theme--color--feedback--border--positive--on-knockout: var(--l--color--green--dark--50);
664
- --l--theme--color--feedback--border--positive--on-primary: var(--l--color--green--60);
665
- --l--theme--color--feedback--border--positive--on-subtle: var(--l--color--green--50);
666
- --l--theme--color--feedback--border--warning--on-default: var(--l--color--yellow--50);
667
- --l--theme--color--feedback--border--warning--on-knockout: var(--l--color--yellow--dark--50);
668
- --l--theme--color--feedback--border--warning--on-primary: var(--l--color--yellow--60);
669
- --l--theme--color--feedback--border--warning--on-subtle: var(--l--color--yellow--50);
670
- --l--theme--color--feedback--content--destructive--on-default--rest: var(--l--color--red--130);
671
- --l--theme--color--feedback--content--destructive--on-default--hover: var(--l--color--red--140);
672
- --l--theme--color--feedback--content--destructive--on-default--focus: var(--l--color--red--130);
673
- --l--theme--color--feedback--content--destructive--on-default--active: var(--l--color--red--130);
674
- --l--theme--color--feedback--content--destructive--on-default--visited: var(--l--color--red--130);
675
- --l--theme--color--feedback--content--destructive--on-knockout--rest: var(--l--color--red--dark--130);
676
- --l--theme--color--feedback--content--destructive--on-knockout--hover: var(--l--color--red--dark--140);
677
- --l--theme--color--feedback--content--destructive--on-knockout--focus: var(--l--color--red--dark--130);
678
- --l--theme--color--feedback--content--destructive--on-knockout--active: var(--l--color--red--dark--130);
679
- --l--theme--color--feedback--content--destructive--on-knockout--visited: var(--l--color--red--dark--130);
680
- --l--theme--color--feedback--content--destructive--on-primary--rest: var(--l--color--red--140);
681
- --l--theme--color--feedback--content--destructive--on-primary--hover: var(--l--color--red--150);
682
- --l--theme--color--feedback--content--destructive--on-primary--focus: var(--l--color--red--140);
683
- --l--theme--color--feedback--content--destructive--on-primary--active: var(--l--color--red--140);
684
- --l--theme--color--feedback--content--destructive--on-primary--visited: var(--l--color--red--140);
685
- --l--theme--color--feedback--content--destructive--on-subtle--rest: var(--l--color--red--130);
686
- --l--theme--color--feedback--content--destructive--on-subtle--hover: var(--l--color--red--140);
687
- --l--theme--color--feedback--content--destructive--on-subtle--focus: var(--l--color--red--130);
688
- --l--theme--color--feedback--content--destructive--on-subtle--active: var(--l--color--red--130);
689
- --l--theme--color--feedback--content--destructive--on-subtle--visited: var(--l--color--red--130);
690
- --l--theme--color--feedback--content--informative--on-default--rest: var(--l--color--blue--130);
691
- --l--theme--color--feedback--content--informative--on-default--hover: var(--l--color--blue--140);
692
- --l--theme--color--feedback--content--informative--on-default--focus: var(--l--color--blue--130);
693
- --l--theme--color--feedback--content--informative--on-default--active: var(--l--color--blue--130);
694
- --l--theme--color--feedback--content--informative--on-default--visited: var(--l--color--blue--130);
695
- --l--theme--color--feedback--content--informative--on-knockout--rest: var(--l--color--blue--dark--130);
696
- --l--theme--color--feedback--content--informative--on-knockout--hover: var(--l--color--blue--dark--140);
697
- --l--theme--color--feedback--content--informative--on-knockout--focus: var(--l--color--blue--dark--130);
698
- --l--theme--color--feedback--content--informative--on-knockout--active: var(--l--color--blue--dark--130);
699
- --l--theme--color--feedback--content--informative--on-knockout--visited: var(--l--color--blue--dark--130);
700
- --l--theme--color--feedback--content--informative--on-primary--rest: var(--l--color--blue--140);
701
- --l--theme--color--feedback--content--informative--on-primary--hover: var(--l--color--blue--150);
702
- --l--theme--color--feedback--content--informative--on-primary--focus: var(--l--color--blue--140);
703
- --l--theme--color--feedback--content--informative--on-primary--active: var(--l--color--blue--140);
704
- --l--theme--color--feedback--content--informative--on-primary--visited: var(--l--color--blue--140);
705
- --l--theme--color--feedback--content--informative--on-subtle--rest: var(--l--color--blue--130);
706
- --l--theme--color--feedback--content--informative--on-subtle--hover: var(--l--color--blue--140);
707
- --l--theme--color--feedback--content--informative--on-subtle--focus: var(--l--color--blue--130);
708
- --l--theme--color--feedback--content--informative--on-subtle--active: var(--l--color--blue--130);
709
- --l--theme--color--feedback--content--informative--on-subtle--visited: var(--l--color--blue--130);
710
- --l--theme--color--feedback--content--positive--on-default--rest: var(--l--color--green--130);
711
- --l--theme--color--feedback--content--positive--on-default--hover: var(--l--color--green--140);
712
- --l--theme--color--feedback--content--positive--on-default--focus: var(--l--color--green--130);
713
- --l--theme--color--feedback--content--positive--on-default--active: var(--l--color--green--130);
714
- --l--theme--color--feedback--content--positive--on-default--visited: var(--l--color--green--130);
715
- --l--theme--color--feedback--content--positive--on-knockout--rest: var(--l--color--green--dark--130);
716
- --l--theme--color--feedback--content--positive--on-knockout--hover: var(--l--color--green--dark--140);
717
- --l--theme--color--feedback--content--positive--on-knockout--focus: var(--l--color--green--dark--130);
718
- --l--theme--color--feedback--content--positive--on-knockout--active: var(--l--color--green--dark--130);
719
- --l--theme--color--feedback--content--positive--on-knockout--visited: var(--l--color--green--dark--130);
720
- --l--theme--color--feedback--content--positive--on-primary--rest: var(--l--color--green--140);
721
- --l--theme--color--feedback--content--positive--on-primary--hover: var(--l--color--green--150);
722
- --l--theme--color--feedback--content--positive--on-primary--focus: var(--l--color--green--140);
723
- --l--theme--color--feedback--content--positive--on-primary--active: var(--l--color--green--140);
724
- --l--theme--color--feedback--content--positive--on-primary--visited: var(--l--color--green--140);
725
- --l--theme--color--feedback--content--positive--on-subtle--rest: var(--l--color--green--130);
726
- --l--theme--color--feedback--content--positive--on-subtle--hover: var(--l--color--green--140);
727
- --l--theme--color--feedback--content--positive--on-subtle--focus: var(--l--color--green--130);
728
- --l--theme--color--feedback--content--positive--on-subtle--active: var(--l--color--green--130);
729
- --l--theme--color--feedback--content--positive--on-subtle--visited: var(--l--color--green--130);
730
- --l--theme--color--feedback--content--warning--on-default--rest: var(--l--color--yellow--130);
731
- --l--theme--color--feedback--content--warning--on-default--hover: var(--l--color--yellow--140);
732
- --l--theme--color--feedback--content--warning--on-default--focus: var(--l--color--yellow--130);
733
- --l--theme--color--feedback--content--warning--on-default--active: var(--l--color--yellow--130);
734
- --l--theme--color--feedback--content--warning--on-default--visited: var(--l--color--yellow--130);
735
- --l--theme--color--feedback--content--warning--on-knockout--rest: var(--l--color--yellow--dark--130);
736
- --l--theme--color--feedback--content--warning--on-knockout--hover: var(--l--color--yellow--dark--140);
737
- --l--theme--color--feedback--content--warning--on-knockout--focus: var(--l--color--yellow--dark--130);
738
- --l--theme--color--feedback--content--warning--on-knockout--active: var(--l--color--yellow--dark--130);
739
- --l--theme--color--feedback--content--warning--on-knockout--visited: var(--l--color--yellow--dark--130);
740
- --l--theme--color--feedback--content--warning--on-primary--rest: var(--l--color--yellow--140);
741
- --l--theme--color--feedback--content--warning--on-primary--hover: var(--l--color--yellow--150);
742
- --l--theme--color--feedback--content--warning--on-primary--focus: var(--l--color--yellow--140);
743
- --l--theme--color--feedback--content--warning--on-primary--active: var(--l--color--yellow--140);
744
- --l--theme--color--feedback--content--warning--on-primary--visited: var(--l--color--yellow--140);
745
- --l--theme--color--feedback--content--warning--on-subtle--rest: var(--l--color--yellow--130);
746
- --l--theme--color--feedback--content--warning--on-subtle--hover: var(--l--color--yellow--140);
747
- --l--theme--color--feedback--content--warning--on-subtle--focus: var(--l--color--yellow--130);
748
- --l--theme--color--feedback--content--warning--on-subtle--active: var(--l--color--yellow--130);
749
- --l--theme--color--feedback--content--warning--on-subtle--visited: var(--l--color--yellow--130);
750
- --l--theme--color--feedback--outline--destructive--on-default: var(--l--color--red--120);
751
- --l--theme--color--feedback--outline--destructive--on-knockout: var(--l--color--red--dark--120);
752
- --l--theme--color--feedback--outline--destructive--on-primary: var(--l--color--red--140);
753
- --l--theme--color--feedback--outline--destructive--on-subtle: var(--l--color--red--120);
754
- --l--theme--color--feedback--outline--informative--on-default: var(--l--color--blue--120);
755
- --l--theme--color--feedback--outline--informative--on-knockout: var(--l--color--blue--dark--120);
756
- --l--theme--color--feedback--outline--informative--on-primary: var(--l--color--blue--140);
757
- --l--theme--color--feedback--outline--informative--on-subtle: var(--l--color--blue--120);
758
- --l--theme--color--feedback--outline--positive--on-default: var(--l--color--green--120);
759
- --l--theme--color--feedback--outline--positive--on-knockout: var(--l--color--green--dark--120);
760
- --l--theme--color--feedback--outline--positive--on-primary: var(--l--color--green--140);
761
- --l--theme--color--feedback--outline--positive--on-subtle: var(--l--color--green--120);
762
- --l--theme--color--feedback--outline--warning--on-default: var(--l--color--yellow--120);
763
- --l--theme--color--feedback--outline--warning--on-knockout: var(--l--color--yellow--dark--120);
764
- --l--theme--color--feedback--outline--warning--on-primary: var(--l--color--yellow--140);
765
- --l--theme--color--feedback--outline--warning--on-subtle: var(--l--color--yellow--120);
766
- --l--theme--color--input--background--on-default--rest: var(--l--color--neutral--alpha--0);
767
- --l--theme--color--input--background--on-default--focus: var(--l--color--neutral--alpha--0);
768
- --l--theme--color--input--background--on-default--hover: var(--l--color--neutral--alpha--10);
769
- --l--theme--color--input--background--on-default--checked--rest: var(--l--color--neutral--140);
770
- --l--theme--color--input--background--on-default--checked--focus: var(--l--color--neutral--140);
771
- --l--theme--color--input--background--on-default--checked--hover: var(--l--color--neutral--130);
772
- --l--theme--color--input--background--on-default--checked--invalid--rest: var(--l--color--red--90);
773
- --l--theme--color--input--background--on-default--checked--invalid--focus: var(--l--color--red--90);
774
- --l--theme--color--input--background--on-default--checked--invalid--hover: var(--l--color--red--100);
775
- --l--theme--color--input--background--on-default--invalid--rest: var(--l--color--red--alpha--0);
776
- --l--theme--color--input--background--on-default--invalid--focus: var(--l--color--red--alpha--0);
777
- --l--theme--color--input--background--on-default--invalid--hover: var(--l--color--red--alpha--10);
778
- --l--theme--color--input--background--on-default--disabled: var(--l--color--neutral--40);
779
- --l--theme--color--input--background--on-knockout--rest: var(--l--color--neutral--alpha--dark--0);
780
- --l--theme--color--input--background--on-knockout--focus: var(--l--color--neutral--alpha--dark--0);
781
- --l--theme--color--input--background--on-knockout--hover: var(--l--color--neutral--alpha--dark--10);
782
- --l--theme--color--input--background--on-knockout--checked--rest: var(--l--color--neutral--dark--140);
783
- --l--theme--color--input--background--on-knockout--checked--focus: var(--l--color--neutral--dark--140);
784
- --l--theme--color--input--background--on-knockout--checked--hover: var(--l--color--neutral--dark--130);
785
- --l--theme--color--input--background--on-knockout--checked--invalid--rest: var(--l--color--red--dark--90);
786
- --l--theme--color--input--background--on-knockout--checked--invalid--focus: var(--l--color--red--dark--90);
787
- --l--theme--color--input--background--on-knockout--checked--invalid--hover: var(--l--color--red--dark--100);
788
- --l--theme--color--input--background--on-knockout--invalid--rest: var(--l--color--red--alpha--dark--0);
789
- --l--theme--color--input--background--on-knockout--invalid--focus: var(--l--color--red--alpha--dark--0);
790
- --l--theme--color--input--background--on-knockout--invalid--hover: var(--l--color--red--alpha--dark--10);
791
- --l--theme--color--input--background--on-knockout--disabled: var(--l--color--neutral--dark--40);
792
- --l--theme--color--input--background--on-primary--rest: var(--l--color--primary--alpha--dark--0);
793
- --l--theme--color--input--background--on-primary--focus: var(--l--color--primary--alpha--dark--0);
794
- --l--theme--color--input--background--on-primary--hover: var(--l--color--primary--alpha--dark--10);
795
- --l--theme--color--input--background--on-primary--checked--rest: var(--l--color--primary--dark--140);
796
- --l--theme--color--input--background--on-primary--checked--focus: var(--l--color--primary--dark--140);
797
- --l--theme--color--input--background--on-primary--checked--hover: var(--l--color--primary--dark--130);
798
- --l--theme--color--input--background--on-primary--checked--invalid--rest: var(--l--color--red--dark--90);
799
- --l--theme--color--input--background--on-primary--checked--invalid--focus: var(--l--color--red--dark--90);
800
- --l--theme--color--input--background--on-primary--checked--invalid--hover: var(--l--color--red--dark--100);
801
- --l--theme--color--input--background--on-primary--invalid--rest: var(--l--color--red--alpha--dark--0);
802
- --l--theme--color--input--background--on-primary--invalid--focus: var(--l--color--red--alpha--dark--0);
803
- --l--theme--color--input--background--on-primary--invalid--hover: var(--l--color--red--alpha--dark--10);
804
- --l--theme--color--input--background--on-primary--disabled: var(--l--color--primary--100);
805
- --l--theme--color--input--background--on-subtle--rest: var(--l--color--neutral--alpha--0);
806
- --l--theme--color--input--background--on-subtle--focus: var(--l--color--neutral--alpha--0);
807
- --l--theme--color--input--background--on-subtle--hover: var(--l--color--neutral--alpha--10);
808
- --l--theme--color--input--background--on-subtle--checked--rest: var(--l--color--neutral--140);
809
- --l--theme--color--input--background--on-subtle--checked--focus: var(--l--color--neutral--140);
810
- --l--theme--color--input--background--on-subtle--checked--hover: var(--l--color--neutral--130);
811
- --l--theme--color--input--background--on-subtle--checked--invalid--rest: var(--l--color--red--90);
812
- --l--theme--color--input--background--on-subtle--checked--invalid--focus: var(--l--color--red--90);
813
- --l--theme--color--input--background--on-subtle--checked--invalid--hover: var(--l--color--red--100);
814
- --l--theme--color--input--background--on-subtle--invalid--rest: var(--l--color--red--alpha--0);
815
- --l--theme--color--input--background--on-subtle--invalid--focus: var(--l--color--red--alpha--0);
816
- --l--theme--color--input--background--on-subtle--invalid--hover: var(--l--color--red--alpha--10);
817
- --l--theme--color--input--background--on-subtle--disabled: var(--l--color--neutral--40);
818
- --l--theme--color--input--border--on-default--rest: var(--l--color--neutral--120);
819
- --l--theme--color--input--border--on-default--focus: var(--l--color--neutral--120);
820
- --l--theme--color--input--border--on-default--hover: var(--l--color--neutral--120);
821
- --l--theme--color--input--border--on-default--checked--rest: var(--l--color--neutral--140);
822
- --l--theme--color--input--border--on-default--checked--focus: var(--l--color--neutral--140);
823
- --l--theme--color--input--border--on-default--checked--hover: var(--l--color--neutral--130);
824
- --l--theme--color--input--border--on-default--checked--invalid--rest: var(--l--color--red--90);
825
- --l--theme--color--input--border--on-default--checked--invalid--focus: var(--l--color--red--90);
826
- --l--theme--color--input--border--on-default--checked--invalid--hover: var(--l--color--red--100);
827
- --l--theme--color--input--border--on-default--invalid--rest: var(--l--color--red--90);
828
- --l--theme--color--input--border--on-default--invalid--focus: var(--l--color--red--90);
829
- --l--theme--color--input--border--on-default--invalid--hover: var(--l--color--red--100);
830
- --l--theme--color--input--border--on-default--disabled: var(--l--color--neutral--40);
831
- --l--theme--color--input--border--on-knockout--rest: var(--l--color--neutral--dark--120);
832
- --l--theme--color--input--border--on-knockout--focus: var(--l--color--neutral--dark--120);
833
- --l--theme--color--input--border--on-knockout--hover: var(--l--color--neutral--dark--120);
834
- --l--theme--color--input--border--on-knockout--checked--rest: var(--l--color--neutral--dark--140);
835
- --l--theme--color--input--border--on-knockout--checked--focus: var(--l--color--neutral--dark--140);
836
- --l--theme--color--input--border--on-knockout--checked--hover: var(--l--color--neutral--dark--130);
837
- --l--theme--color--input--border--on-knockout--checked--invalid--rest: var(--l--color--red--dark--90);
838
- --l--theme--color--input--border--on-knockout--checked--invalid--focus: var(--l--color--red--dark--90);
839
- --l--theme--color--input--border--on-knockout--checked--invalid--hover: var(--l--color--red--dark--100);
840
- --l--theme--color--input--border--on-knockout--invalid--rest: var(--l--color--red--dark--90);
841
- --l--theme--color--input--border--on-knockout--invalid--focus: var(--l--color--red--dark--90);
842
- --l--theme--color--input--border--on-knockout--invalid--hover: var(--l--color--red--dark--100);
843
- --l--theme--color--input--border--on-knockout--disabled: var(--l--color--neutral--dark--40);
844
- --l--theme--color--input--border--on-primary--rest: var(--l--color--primary--dark--120);
845
- --l--theme--color--input--border--on-primary--focus: var(--l--color--primary--dark--120);
846
- --l--theme--color--input--border--on-primary--hover: var(--l--color--primary--dark--120);
847
- --l--theme--color--input--border--on-primary--checked--rest: var(--l--color--primary--dark--140);
848
- --l--theme--color--input--border--on-primary--checked--focus: var(--l--color--primary--dark--140);
849
- --l--theme--color--input--border--on-primary--checked--hover: var(--l--color--primary--dark--130);
850
- --l--theme--color--input--border--on-primary--checked--invalid--rest: var(--l--color--red--dark--90);
851
- --l--theme--color--input--border--on-primary--checked--invalid--focus: var(--l--color--red--dark--90);
852
- --l--theme--color--input--border--on-primary--checked--invalid--hover: var(--l--color--red--dark--100);
853
- --l--theme--color--input--border--on-primary--invalid--rest: var(--l--color--red--dark--90);
854
- --l--theme--color--input--border--on-primary--invalid--focus: var(--l--color--red--dark--90);
855
- --l--theme--color--input--border--on-primary--invalid--hover: var(--l--color--red--dark--100);
856
- --l--theme--color--input--border--on-primary--disabled: var(--l--color--primary--100);
857
- --l--theme--color--input--border--on-subtle--rest: var(--l--color--neutral--120);
858
- --l--theme--color--input--border--on-subtle--focus: var(--l--color--neutral--120);
859
- --l--theme--color--input--border--on-subtle--hover: var(--l--color--neutral--120);
860
- --l--theme--color--input--border--on-subtle--checked--rest: var(--l--color--neutral--140);
861
- --l--theme--color--input--border--on-subtle--checked--focus: var(--l--color--neutral--140);
862
- --l--theme--color--input--border--on-subtle--checked--hover: var(--l--color--neutral--130);
863
- --l--theme--color--input--border--on-subtle--checked--invalid--rest: var(--l--color--red--90);
864
- --l--theme--color--input--border--on-subtle--checked--invalid--focus: var(--l--color--red--90);
865
- --l--theme--color--input--border--on-subtle--checked--invalid--hover: var(--l--color--red--100);
866
- --l--theme--color--input--border--on-subtle--invalid--rest: var(--l--color--red--90);
867
- --l--theme--color--input--border--on-subtle--invalid--focus: var(--l--color--red--90);
868
- --l--theme--color--input--border--on-subtle--invalid--hover: var(--l--color--red--100);
869
- --l--theme--color--input--border--on-subtle--disabled: var(--l--color--neutral--40);
870
- --l--theme--color--input--content--on-default--invalid--rest: var(--l--color--red--130);
871
- --l--theme--color--input--content--on-default--invalid--hover: var(--l--color--red--130);
872
- --l--theme--color--input--content--on-default--invalid--focus: var(--l--color--red--130);
873
- --l--theme--color--input--content--on-default--checked--rest: var(--l--color--neutral--0);
874
- --l--theme--color--input--content--on-default--checked--hover: var(--l--color--neutral--0);
875
- --l--theme--color--input--content--on-default--checked--focus: var(--l--color--neutral--0);
876
- --l--theme--color--input--content--on-default--checked--invalid--rest: var(--l--color--neutral--0);
877
- --l--theme--color--input--content--on-default--checked--invalid--hover: var(--l--color--neutral--0);
878
- --l--theme--color--input--content--on-default--checked--invalid--focus: var(--l--color--neutral--0);
879
- --l--theme--color--input--content--on-default--disabled: var(--l--color--neutral--110);
880
- --l--theme--color--input--content--on-knockout--invalid--rest: var(--l--color--red--dark--150);
881
- --l--theme--color--input--content--on-knockout--invalid--hover: var(--l--color--red--dark--150);
882
- --l--theme--color--input--content--on-knockout--invalid--focus: var(--l--color--red--dark--150);
883
- --l--theme--color--input--content--on-knockout--checked--rest: var(--l--color--neutral--dark--0);
884
- --l--theme--color--input--content--on-knockout--checked--hover: var(--l--color--neutral--dark--0);
885
- --l--theme--color--input--content--on-knockout--checked--focus: var(--l--color--neutral--dark--0);
886
- --l--theme--color--input--content--on-knockout--checked--invalid--rest: var(--l--color--neutral--dark--150);
887
- --l--theme--color--input--content--on-knockout--checked--invalid--hover: var(--l--color--neutral--dark--150);
888
- --l--theme--color--input--content--on-knockout--checked--invalid--focus: var(--l--color--neutral--dark--150);
889
- --l--theme--color--input--content--on-knockout--disabled: var(--l--color--neutral--dark--110);
890
- --l--theme--color--input--content--on-primary--invalid--rest: var(--l--color--red--dark--150);
891
- --l--theme--color--input--content--on-primary--invalid--hover: var(--l--color--red--dark--150);
892
- --l--theme--color--input--content--on-primary--invalid--focus: var(--l--color--red--dark--150);
893
- --l--theme--color--input--content--on-primary--checked--rest: var(--l--color--primary--dark--0);
894
- --l--theme--color--input--content--on-primary--checked--hover: var(--l--color--primary--dark--0);
895
- --l--theme--color--input--content--on-primary--checked--focus: var(--l--color--primary--dark--0);
896
- --l--theme--color--input--content--on-primary--checked--invalid--rest: var(--l--color--red--dark--150);
897
- --l--theme--color--input--content--on-primary--checked--invalid--hover: var(--l--color--red--dark--150);
898
- --l--theme--color--input--content--on-primary--checked--invalid--focus: var(--l--color--red--dark--150);
899
- --l--theme--color--input--content--on-primary--disabled: var(--l--color--primary--dark--110);
900
- --l--theme--color--input--content--on-subtle--invalid--rest: var(--l--color--red--130);
901
- --l--theme--color--input--content--on-subtle--invalid--hover: var(--l--color--red--130);
902
- --l--theme--color--input--content--on-subtle--invalid--focus: var(--l--color--red--130);
903
- --l--theme--color--input--content--on-subtle--checked--rest: var(--l--color--neutral--0);
904
- --l--theme--color--input--content--on-subtle--checked--hover: var(--l--color--neutral--0);
905
- --l--theme--color--input--content--on-subtle--checked--focus: var(--l--color--neutral--0);
906
- --l--theme--color--input--content--on-subtle--checked--invalid--rest: var(--l--color--neutral--0);
907
- --l--theme--color--input--content--on-subtle--checked--invalid--hover: var(--l--color--neutral--0);
908
- --l--theme--color--input--content--on-subtle--checked--invalid--focus: var(--l--color--neutral--0);
909
- --l--theme--color--input--content--on-subtle--disabled: var(--l--color--neutral--110);
910
- --l--theme--color--input--placeholder--on-default--disabled: var(--l--color--neutral--110);
911
- --l--theme--color--input--placeholder--on-default--invalid--rest: var(--l--color--red--110);
912
- --l--theme--color--input--placeholder--on-default--invalid--hover: var(--l--color--red--110);
913
- --l--theme--color--input--placeholder--on-default--invalid--focus: var(--l--color--red--110);
914
- --l--theme--color--input--placeholder--on-knockout--disabled: var(--l--color--neutral--dark--110);
915
- --l--theme--color--input--placeholder--on-knockout--invalid--rest: var(--l--color--red--dark--110);
916
- --l--theme--color--input--placeholder--on-knockout--invalid--hover: var(--l--color--red--dark--110);
917
- --l--theme--color--input--placeholder--on-knockout--invalid--focus: var(--l--color--red--dark--110);
918
- --l--theme--color--input--placeholder--on-primary--disabled: var(--l--color--primary--dark--110);
919
- --l--theme--color--input--placeholder--on-primary--invalid--rest: var(--l--color--red--dark--110);
920
- --l--theme--color--input--placeholder--on-primary--invalid--hover: var(--l--color--red--dark--110);
921
- --l--theme--color--input--placeholder--on-primary--invalid--focus: var(--l--color--red--dark--110);
922
- --l--theme--color--input--placeholder--on-subtle--disabled: var(--l--color--neutral--110);
923
- --l--theme--color--input--placeholder--on-subtle--invalid--rest: var(--l--color--red--110);
924
- --l--theme--color--input--placeholder--on-subtle--invalid--hover: var(--l--color--red--110);
925
- --l--theme--color--input--placeholder--on-subtle--invalid--focus: var(--l--color--red--110);
926
- --l--theme--color--interactive--background--primary--on-default--rest: var(--l--color--neutral--140);
927
- --l--theme--color--interactive--background--primary--on-default--active: var(--l--color--neutral--140);
928
- --l--theme--color--interactive--background--primary--on-default--disabled: var(--l--color--neutral--40);
929
- --l--theme--color--interactive--background--primary--on-default--focus: var(--l--color--neutral--140);
930
- --l--theme--color--interactive--background--primary--on-default--hover: var(--l--color--neutral--130);
931
- --l--theme--color--interactive--background--primary--on-knockout--rest: var(--l--color--neutral--dark--140);
932
- --l--theme--color--interactive--background--primary--on-knockout--active: var(--l--color--neutral--dark--140);
933
- --l--theme--color--interactive--background--primary--on-knockout--disabled: var(--l--color--neutral--dark--40);
934
- --l--theme--color--interactive--background--primary--on-knockout--focus: var(--l--color--neutral--dark--140);
935
- --l--theme--color--interactive--background--primary--on-knockout--hover: var(--l--color--neutral--dark--130);
936
- --l--theme--color--interactive--background--primary--on-primary--rest: var(--l--color--primary--dark--140);
937
- --l--theme--color--interactive--background--primary--on-primary--active: var(--l--color--primary--dark--140);
938
- --l--theme--color--interactive--background--primary--on-primary--disabled: var(--l--color--primary--100);
939
- --l--theme--color--interactive--background--primary--on-primary--focus: var(--l--color--primary--dark--140);
940
- --l--theme--color--interactive--background--primary--on-primary--hover: var(--l--color--primary--dark--130);
941
- --l--theme--color--interactive--background--primary--on-subtle--rest: var(--l--color--neutral--140);
942
- --l--theme--color--interactive--background--primary--on-subtle--active: var(--l--color--neutral--140);
943
- --l--theme--color--interactive--background--primary--on-subtle--disabled: var(--l--color--neutral--40);
944
- --l--theme--color--interactive--background--primary--on-subtle--focus: var(--l--color--neutral--140);
945
- --l--theme--color--interactive--background--primary--on-subtle--hover: var(--l--color--neutral--130);
946
- --l--theme--color--interactive--background--secondary--on-default--rest: var(--l--color--neutral--alpha--0);
947
- --l--theme--color--interactive--background--secondary--on-default--active: var(--l--color--neutral--alpha--0);
948
- --l--theme--color--interactive--background--secondary--on-default--disabled: var(--l--color--neutral--40);
949
- --l--theme--color--interactive--background--secondary--on-default--focus: var(--l--color--neutral--alpha--0);
950
- --l--theme--color--interactive--background--secondary--on-default--hover: var(--l--color--neutral--alpha--20);
951
- --l--theme--color--interactive--background--secondary--on-knockout--rest: var(--l--color--neutral--alpha--dark--0);
952
- --l--theme--color--interactive--background--secondary--on-knockout--active: var(--l--color--neutral--alpha--dark--0);
953
- --l--theme--color--interactive--background--secondary--on-knockout--disabled: var(--l--color--neutral--dark--40);
954
- --l--theme--color--interactive--background--secondary--on-knockout--focus: var(--l--color--neutral--alpha--dark--0);
955
- --l--theme--color--interactive--background--secondary--on-knockout--hover: var(--l--color--neutral--alpha--dark--20);
956
- --l--theme--color--interactive--background--secondary--on-primary--rest: var(--l--color--primary--alpha--dark--0);
957
- --l--theme--color--interactive--background--secondary--on-primary--active: var(--l--color--primary--alpha--dark--0);
958
- --l--theme--color--interactive--background--secondary--on-primary--disabled: var(--l--color--primary--100);
959
- --l--theme--color--interactive--background--secondary--on-primary--focus: var(--l--color--primary--alpha--dark--0);
960
- --l--theme--color--interactive--background--secondary--on-primary--hover: var(--l--color--primary--alpha--dark--20);
961
- --l--theme--color--interactive--background--secondary--on-subtle--rest: var(--l--color--neutral--alpha--0);
962
- --l--theme--color--interactive--background--secondary--on-subtle--active: var(--l--color--neutral--alpha--0);
963
- --l--theme--color--interactive--background--secondary--on-subtle--disabled: var(--l--color--neutral--40);
964
- --l--theme--color--interactive--background--secondary--on-subtle--focus: var(--l--color--neutral--alpha--0);
965
- --l--theme--color--interactive--background--secondary--on-subtle--hover: var(--l--color--neutral--alpha--20);
966
- --l--theme--color--interactive--background--tertiary--on-default--rest: var(--l--color--neutral--alpha--0);
967
- --l--theme--color--interactive--background--tertiary--on-default--active: var(--l--color--neutral--alpha--0);
968
- --l--theme--color--interactive--background--tertiary--on-default--disabled: var(--l--color--neutral--40);
969
- --l--theme--color--interactive--background--tertiary--on-default--focus: var(--l--color--neutral--alpha--0);
970
- --l--theme--color--interactive--background--tertiary--on-default--hover: var(--l--color--neutral--alpha--20);
971
- --l--theme--color--interactive--background--tertiary--on-knockout--rest: var(--l--color--neutral--alpha--dark--0);
972
- --l--theme--color--interactive--background--tertiary--on-knockout--active: var(--l--color--neutral--alpha--dark--0);
973
- --l--theme--color--interactive--background--tertiary--on-knockout--disabled: var(--l--color--neutral--dark--40);
974
- --l--theme--color--interactive--background--tertiary--on-knockout--focus: var(--l--color--neutral--alpha--dark--0);
975
- --l--theme--color--interactive--background--tertiary--on-knockout--hover: var(--l--color--neutral--alpha--dark--20);
976
- --l--theme--color--interactive--background--tertiary--on-primary--rest: var(--l--color--primary--alpha--dark--0);
977
- --l--theme--color--interactive--background--tertiary--on-primary--active: var(--l--color--primary--alpha--dark--0);
978
- --l--theme--color--interactive--background--tertiary--on-primary--disabled: var(--l--color--primary--100);
979
- --l--theme--color--interactive--background--tertiary--on-primary--focus: var(--l--color--primary--alpha--dark--0);
980
- --l--theme--color--interactive--background--tertiary--on-primary--hover: var(--l--color--primary--alpha--dark--20);
981
- --l--theme--color--interactive--background--tertiary--on-subtle--rest: var(--l--color--neutral--alpha--0);
982
- --l--theme--color--interactive--background--tertiary--on-subtle--active: var(--l--color--neutral--alpha--0);
983
- --l--theme--color--interactive--background--tertiary--on-subtle--disabled: var(--l--color--neutral--40);
984
- --l--theme--color--interactive--background--tertiary--on-subtle--focus: var(--l--color--neutral--alpha--0);
985
- --l--theme--color--interactive--background--tertiary--on-subtle--hover: var(--l--color--neutral--alpha--20);
986
- --l--theme--color--interactive--background--destructive--on-default--rest: var(--l--color--red--90);
987
- --l--theme--color--interactive--background--destructive--on-default--active: var(--l--color--red--100);
988
- --l--theme--color--interactive--background--destructive--on-default--disabled: var(--l--color--neutral--40);
989
- --l--theme--color--interactive--background--destructive--on-default--focus: var(--l--color--red--90);
990
- --l--theme--color--interactive--background--destructive--on-default--hover: var(--l--color--red--100);
991
- --l--theme--color--interactive--background--destructive--on-knockout--rest: var(--l--color--red--dark--90);
992
- --l--theme--color--interactive--background--destructive--on-knockout--active: var(--l--color--red--dark--100);
993
- --l--theme--color--interactive--background--destructive--on-knockout--disabled: var(--l--color--neutral--dark--40);
994
- --l--theme--color--interactive--background--destructive--on-knockout--focus: var(--l--color--red--dark--90);
995
- --l--theme--color--interactive--background--destructive--on-knockout--hover: var(--l--color--red--dark--100);
996
- --l--theme--color--interactive--background--destructive--on-primary--rest: var(--l--color--red--dark--90);
997
- --l--theme--color--interactive--background--destructive--on-primary--active: var(--l--color--red--dark--100);
998
- --l--theme--color--interactive--background--destructive--on-primary--disabled: var(--l--color--primary--100);
999
- --l--theme--color--interactive--background--destructive--on-primary--focus: var(--l--color--red--dark--90);
1000
- --l--theme--color--interactive--background--destructive--on-primary--hover: var(--l--color--red--dark--100);
1001
- --l--theme--color--interactive--background--destructive--on-subtle--rest: var(--l--color--red--90);
1002
- --l--theme--color--interactive--background--destructive--on-subtle--active: var(--l--color--red--100);
1003
- --l--theme--color--interactive--background--destructive--on-subtle--disabled: var(--l--color--neutral--40);
1004
- --l--theme--color--interactive--background--destructive--on-subtle--focus: var(--l--color--red--90);
1005
- --l--theme--color--interactive--background--destructive--on-subtle--hover: var(--l--color--red--100);
1006
- --l--theme--color--interactive--border--primary--on-default--rest: var(--l--color--neutral--140);
1007
- --l--theme--color--interactive--border--primary--on-default--active: var(--l--color--neutral--140);
1008
- --l--theme--color--interactive--border--primary--on-default--disabled: var(--l--color--neutral--40);
1009
- --l--theme--color--interactive--border--primary--on-default--focus: var(--l--color--neutral--140);
1010
- --l--theme--color--interactive--border--primary--on-default--hover: var(--l--color--neutral--130);
1011
- --l--theme--color--interactive--border--primary--on-knockout--rest: var(--l--color--neutral--dark--140);
1012
- --l--theme--color--interactive--border--primary--on-knockout--active: var(--l--color--neutral--dark--140);
1013
- --l--theme--color--interactive--border--primary--on-knockout--disabled: var(--l--color--neutral--dark--40);
1014
- --l--theme--color--interactive--border--primary--on-knockout--focus: var(--l--color--neutral--dark--140);
1015
- --l--theme--color--interactive--border--primary--on-knockout--hover: var(--l--color--neutral--dark--130);
1016
- --l--theme--color--interactive--border--primary--on-primary--rest: var(--l--color--primary--dark--140);
1017
- --l--theme--color--interactive--border--primary--on-primary--active: var(--l--color--primary--dark--140);
1018
- --l--theme--color--interactive--border--primary--on-primary--disabled: var(--l--color--primary--100);
1019
- --l--theme--color--interactive--border--primary--on-primary--focus: var(--l--color--primary--dark--140);
1020
- --l--theme--color--interactive--border--primary--on-primary--hover: var(--l--color--primary--dark--130);
1021
- --l--theme--color--interactive--border--primary--on-subtle--rest: var(--l--color--neutral--140);
1022
- --l--theme--color--interactive--border--primary--on-subtle--active: var(--l--color--neutral--140);
1023
- --l--theme--color--interactive--border--primary--on-subtle--disabled: var(--l--color--neutral--40);
1024
- --l--theme--color--interactive--border--primary--on-subtle--focus: var(--l--color--neutral--140);
1025
- --l--theme--color--interactive--border--primary--on-subtle--hover: var(--l--color--neutral--130);
1026
- --l--theme--color--interactive--border--secondary--on-default--rest: var(--l--color--neutral--120);
1027
- --l--theme--color--interactive--border--secondary--on-default--active: var(--l--color--neutral--120);
1028
- --l--theme--color--interactive--border--secondary--on-default--disabled: var(--l--color--neutral--40);
1029
- --l--theme--color--interactive--border--secondary--on-default--focus: var(--l--color--neutral--120);
1030
- --l--theme--color--interactive--border--secondary--on-default--hover: var(--l--color--neutral--120);
1031
- --l--theme--color--interactive--border--secondary--on-knockout--rest: var(--l--color--neutral--dark--120);
1032
- --l--theme--color--interactive--border--secondary--on-knockout--active: var(--l--color--neutral--dark--120);
1033
- --l--theme--color--interactive--border--secondary--on-knockout--disabled: var(--l--color--neutral--dark--40);
1034
- --l--theme--color--interactive--border--secondary--on-knockout--focus: var(--l--color--neutral--dark--120);
1035
- --l--theme--color--interactive--border--secondary--on-knockout--hover: var(--l--color--neutral--dark--120);
1036
- --l--theme--color--interactive--border--secondary--on-primary--rest: var(--l--color--primary--dark--120);
1037
- --l--theme--color--interactive--border--secondary--on-primary--active: var(--l--color--primary--dark--120);
1038
- --l--theme--color--interactive--border--secondary--on-primary--disabled: var(--l--color--primary--100);
1039
- --l--theme--color--interactive--border--secondary--on-primary--focus: var(--l--color--primary--dark--120);
1040
- --l--theme--color--interactive--border--secondary--on-primary--hover: var(--l--color--primary--dark--120);
1041
- --l--theme--color--interactive--border--secondary--on-subtle--rest: var(--l--color--neutral--120);
1042
- --l--theme--color--interactive--border--secondary--on-subtle--active: var(--l--color--neutral--120);
1043
- --l--theme--color--interactive--border--secondary--on-subtle--disabled: var(--l--color--neutral--40);
1044
- --l--theme--color--interactive--border--secondary--on-subtle--focus: var(--l--color--neutral--120);
1045
- --l--theme--color--interactive--border--secondary--on-subtle--hover: var(--l--color--neutral--120);
1046
- --l--theme--color--interactive--border--tertiary--on-default--rest: var(--l--color--neutral--alpha--0);
1047
- --l--theme--color--interactive--border--tertiary--on-default--active: var(--l--color--neutral--alpha--0);
1048
- --l--theme--color--interactive--border--tertiary--on-default--disabled: var(--l--color--neutral--40);
1049
- --l--theme--color--interactive--border--tertiary--on-default--focus: var(--l--color--neutral--alpha--0);
1050
- --l--theme--color--interactive--border--tertiary--on-default--hover: var(--l--color--neutral--alpha--0);
1051
- --l--theme--color--interactive--border--tertiary--on-knockout--rest: var(--l--color--neutral--alpha--dark--0);
1052
- --l--theme--color--interactive--border--tertiary--on-knockout--active: var(--l--color--neutral--alpha--dark--0);
1053
- --l--theme--color--interactive--border--tertiary--on-knockout--disabled: var(--l--color--neutral--dark--40);
1054
- --l--theme--color--interactive--border--tertiary--on-knockout--focus: var(--l--color--neutral--alpha--dark--0);
1055
- --l--theme--color--interactive--border--tertiary--on-knockout--hover: var(--l--color--neutral--alpha--dark--0);
1056
- --l--theme--color--interactive--border--tertiary--on-primary--rest: var(--l--color--primary--alpha--dark--0);
1057
- --l--theme--color--interactive--border--tertiary--on-primary--active: var(--l--color--primary--alpha--dark--0);
1058
- --l--theme--color--interactive--border--tertiary--on-primary--disabled: var(--l--color--primary--100);
1059
- --l--theme--color--interactive--border--tertiary--on-primary--focus: var(--l--color--primary--alpha--dark--0);
1060
- --l--theme--color--interactive--border--tertiary--on-primary--hover: var(--l--color--primary--alpha--dark--0);
1061
- --l--theme--color--interactive--border--tertiary--on-subtle--rest: var(--l--color--neutral--alpha--0);
1062
- --l--theme--color--interactive--border--tertiary--on-subtle--active: var(--l--color--neutral--alpha--0);
1063
- --l--theme--color--interactive--border--tertiary--on-subtle--disabled: var(--l--color--neutral--40);
1064
- --l--theme--color--interactive--border--tertiary--on-subtle--focus: var(--l--color--neutral--alpha--0);
1065
- --l--theme--color--interactive--border--tertiary--on-subtle--hover: var(--l--color--neutral--alpha--0);
1066
- --l--theme--color--interactive--border--destructive--on-default--rest: var(--l--color--red--90);
1067
- --l--theme--color--interactive--border--destructive--on-default--active: var(--l--color--red--100);
1068
- --l--theme--color--interactive--border--destructive--on-default--disabled: var(--l--color--neutral--40);
1069
- --l--theme--color--interactive--border--destructive--on-default--focus: var(--l--color--red--90);
1070
- --l--theme--color--interactive--border--destructive--on-default--hover: var(--l--color--red--100);
1071
- --l--theme--color--interactive--border--destructive--on-knockout--rest: var(--l--color--red--dark--90);
1072
- --l--theme--color--interactive--border--destructive--on-knockout--active: var(--l--color--red--dark--100);
1073
- --l--theme--color--interactive--border--destructive--on-knockout--disabled: var(--l--color--neutral--dark--40);
1074
- --l--theme--color--interactive--border--destructive--on-knockout--focus: var(--l--color--red--dark--90);
1075
- --l--theme--color--interactive--border--destructive--on-knockout--hover: var(--l--color--red--dark--100);
1076
- --l--theme--color--interactive--border--destructive--on-primary--rest: var(--l--color--red--dark--90);
1077
- --l--theme--color--interactive--border--destructive--on-primary--active: var(--l--color--red--dark--100);
1078
- --l--theme--color--interactive--border--destructive--on-primary--disabled: var(--l--color--primary--100);
1079
- --l--theme--color--interactive--border--destructive--on-primary--focus: var(--l--color--red--dark--90);
1080
- --l--theme--color--interactive--border--destructive--on-primary--hover: var(--l--color--red--dark--100);
1081
- --l--theme--color--interactive--border--destructive--on-subtle--rest: var(--l--color--red--90);
1082
- --l--theme--color--interactive--border--destructive--on-subtle--active: var(--l--color--red--100);
1083
- --l--theme--color--interactive--border--destructive--on-subtle--disabled: var(--l--color--neutral--40);
1084
- --l--theme--color--interactive--border--destructive--on-subtle--focus: var(--l--color--red--90);
1085
- --l--theme--color--interactive--border--destructive--on-subtle--hover: var(--l--color--red--100);
1086
- --l--theme--color--interactive--content--primary--on-default--rest: var(--l--color--neutral--0);
1087
- --l--theme--color--interactive--content--primary--on-default--active: var(--l--color--neutral--0);
1088
- --l--theme--color--interactive--content--primary--on-default--disabled: var(--l--color--neutral--110);
1089
- --l--theme--color--interactive--content--primary--on-default--focus: var(--l--color--neutral--0);
1090
- --l--theme--color--interactive--content--primary--on-default--hover: var(--l--color--neutral--0);
1091
- --l--theme--color--interactive--content--primary--on-knockout--rest: var(--l--color--neutral--dark--0);
1092
- --l--theme--color--interactive--content--primary--on-knockout--active: var(--l--color--neutral--dark--0);
1093
- --l--theme--color--interactive--content--primary--on-knockout--disabled: var(--l--color--neutral--dark--110);
1094
- --l--theme--color--interactive--content--primary--on-knockout--focus: var(--l--color--neutral--dark--0);
1095
- --l--theme--color--interactive--content--primary--on-knockout--hover: var(--l--color--neutral--dark--0);
1096
- --l--theme--color--interactive--content--primary--on-primary--rest: var(--l--color--primary--dark--0);
1097
- --l--theme--color--interactive--content--primary--on-primary--active: var(--l--color--primary--dark--0);
1098
- --l--theme--color--interactive--content--primary--on-primary--disabled: var(--l--color--primary--dark--110);
1099
- --l--theme--color--interactive--content--primary--on-primary--focus: var(--l--color--primary--dark--0);
1100
- --l--theme--color--interactive--content--primary--on-primary--hover: var(--l--color--primary--dark--0);
1101
- --l--theme--color--interactive--content--primary--on-subtle--rest: var(--l--color--neutral--0);
1102
- --l--theme--color--interactive--content--primary--on-subtle--active: var(--l--color--neutral--0);
1103
- --l--theme--color--interactive--content--primary--on-subtle--disabled: var(--l--color--neutral--110);
1104
- --l--theme--color--interactive--content--primary--on-subtle--focus: var(--l--color--neutral--0);
1105
- --l--theme--color--interactive--content--primary--on-subtle--hover: var(--l--color--neutral--0);
1106
- --l--theme--color--interactive--content--secondary--on-default--rest: var(--l--color--neutral--140);
1107
- --l--theme--color--interactive--content--secondary--on-default--active: var(--l--color--neutral--140);
1108
- --l--theme--color--interactive--content--secondary--on-default--disabled: var(--l--color--neutral--110);
1109
- --l--theme--color--interactive--content--secondary--on-default--focus: var(--l--color--neutral--140);
1110
- --l--theme--color--interactive--content--secondary--on-default--hover: var(--l--color--neutral--150);
1111
- --l--theme--color--interactive--content--secondary--on-knockout--rest: var(--l--color--neutral--dark--140);
1112
- --l--theme--color--interactive--content--secondary--on-knockout--active: var(--l--color--neutral--dark--140);
1113
- --l--theme--color--interactive--content--secondary--on-knockout--disabled: var(--l--color--neutral--dark--110);
1114
- --l--theme--color--interactive--content--secondary--on-knockout--focus: var(--l--color--neutral--dark--140);
1115
- --l--theme--color--interactive--content--secondary--on-knockout--hover: var(--l--color--neutral--dark--150);
1116
- --l--theme--color--interactive--content--secondary--on-primary--rest: var(--l--color--primary--dark--140);
1117
- --l--theme--color--interactive--content--secondary--on-primary--active: var(--l--color--primary--dark--140);
1118
- --l--theme--color--interactive--content--secondary--on-primary--disabled: var(--l--color--primary--dark--110);
1119
- --l--theme--color--interactive--content--secondary--on-primary--focus: var(--l--color--primary--dark--140);
1120
- --l--theme--color--interactive--content--secondary--on-primary--hover: var(--l--color--primary--dark--150);
1121
- --l--theme--color--interactive--content--secondary--on-subtle--rest: var(--l--color--neutral--140);
1122
- --l--theme--color--interactive--content--secondary--on-subtle--active: var(--l--color--neutral--140);
1123
- --l--theme--color--interactive--content--secondary--on-subtle--disabled: var(--l--color--neutral--110);
1124
- --l--theme--color--interactive--content--secondary--on-subtle--focus: var(--l--color--neutral--140);
1125
- --l--theme--color--interactive--content--secondary--on-subtle--hover: var(--l--color--neutral--150);
1126
- --l--theme--color--interactive--content--tertiary--on-default--rest: var(--l--color--neutral--140);
1127
- --l--theme--color--interactive--content--tertiary--on-default--active: var(--l--color--neutral--140);
1128
- --l--theme--color--interactive--content--tertiary--on-default--disabled: var(--l--color--neutral--110);
1129
- --l--theme--color--interactive--content--tertiary--on-default--focus: var(--l--color--neutral--140);
1130
- --l--theme--color--interactive--content--tertiary--on-default--hover: var(--l--color--neutral--150);
1131
- --l--theme--color--interactive--content--tertiary--on-knockout--rest: var(--l--color--neutral--dark--140);
1132
- --l--theme--color--interactive--content--tertiary--on-knockout--active: var(--l--color--neutral--dark--140);
1133
- --l--theme--color--interactive--content--tertiary--on-knockout--disabled: var(--l--color--neutral--dark--110);
1134
- --l--theme--color--interactive--content--tertiary--on-knockout--focus: var(--l--color--neutral--dark--140);
1135
- --l--theme--color--interactive--content--tertiary--on-knockout--hover: var(--l--color--neutral--dark--150);
1136
- --l--theme--color--interactive--content--tertiary--on-primary--rest: var(--l--color--primary--dark--140);
1137
- --l--theme--color--interactive--content--tertiary--on-primary--active: var(--l--color--primary--dark--140);
1138
- --l--theme--color--interactive--content--tertiary--on-primary--disabled: var(--l--color--primary--dark--110);
1139
- --l--theme--color--interactive--content--tertiary--on-primary--focus: var(--l--color--primary--dark--140);
1140
- --l--theme--color--interactive--content--tertiary--on-primary--hover: var(--l--color--primary--dark--150);
1141
- --l--theme--color--interactive--content--tertiary--on-subtle--rest: var(--l--color--neutral--140);
1142
- --l--theme--color--interactive--content--tertiary--on-subtle--active: var(--l--color--neutral--140);
1143
- --l--theme--color--interactive--content--tertiary--on-subtle--disabled: var(--l--color--neutral--110);
1144
- --l--theme--color--interactive--content--tertiary--on-subtle--focus: var(--l--color--neutral--140);
1145
- --l--theme--color--interactive--content--tertiary--on-subtle--hover: var(--l--color--neutral--150);
1146
- --l--theme--color--interactive--content--destructive--on-default--rest: var(--l--color--neutral--0);
1147
- --l--theme--color--interactive--content--destructive--on-default--active: var(--l--color--neutral--0);
1148
- --l--theme--color--interactive--content--destructive--on-default--disabled: var(--l--color--neutral--110);
1149
- --l--theme--color--interactive--content--destructive--on-default--focus: var(--l--color--neutral--0);
1150
- --l--theme--color--interactive--content--destructive--on-default--hover: var(--l--color--neutral--0);
1151
- --l--theme--color--interactive--content--destructive--on-knockout--rest: var(--l--color--neutral--dark--150);
1152
- --l--theme--color--interactive--content--destructive--on-knockout--active: var(--l--color--neutral--dark--150);
1153
- --l--theme--color--interactive--content--destructive--on-knockout--disabled: var(--l--color--neutral--dark--110);
1154
- --l--theme--color--interactive--content--destructive--on-knockout--focus: var(--l--color--neutral--dark--150);
1155
- --l--theme--color--interactive--content--destructive--on-knockout--hover: var(--l--color--neutral--dark--150);
1156
- --l--theme--color--interactive--content--destructive--on-primary--rest: var(--l--color--primary--dark--150);
1157
- --l--theme--color--interactive--content--destructive--on-primary--active: var(--l--color--primary--dark--150);
1158
- --l--theme--color--interactive--content--destructive--on-primary--disabled: var(--l--color--primary--110);
1159
- --l--theme--color--interactive--content--destructive--on-primary--focus: var(--l--color--primary--dark--150);
1160
- --l--theme--color--interactive--content--destructive--on-primary--hover: var(--l--color--primary--dark--150);
1161
- --l--theme--color--interactive--content--destructive--on-subtle--rest: var(--l--color--neutral--0);
1162
- --l--theme--color--interactive--content--destructive--on-subtle--active: var(--l--color--neutral--0);
1163
- --l--theme--color--interactive--content--destructive--on-subtle--disabled: var(--l--color--neutral--110);
1164
- --l--theme--color--interactive--content--destructive--on-subtle--focus: var(--l--color--neutral--0);
1165
- --l--theme--color--interactive--content--destructive--on-subtle--hover: var(--l--color--neutral--0);
1166
- --l--theme--color--link--content--primary--on-default--rest: var(--l--color--primary--110);
1167
- --l--theme--color--link--content--primary--on-default--hover: var(--l--color--primary--120);
1168
- --l--theme--color--link--content--primary--on-default--focus: var(--l--color--primary--110);
1169
- --l--theme--color--link--content--primary--on-default--active: var(--l--color--primary--110);
1170
- --l--theme--color--link--content--primary--on-default--visited: var(--l--color--primary--110);
1171
- --l--theme--color--link--content--primary--on-knockout--rest: var(--l--color--primary--dark--110);
1172
- --l--theme--color--link--content--primary--on-knockout--hover: var(--l--color--primary--dark--120);
1173
- --l--theme--color--link--content--primary--on-knockout--focus: var(--l--color--primary--dark--110);
1174
- --l--theme--color--link--content--primary--on-knockout--active: var(--l--color--primary--dark--110);
1175
- --l--theme--color--link--content--primary--on-knockout--visited: var(--l--color--primary--dark--110);
1176
- --l--theme--color--link--content--primary--on-primary--rest: var(--l--color--primary--dark--140);
1177
- --l--theme--color--link--content--primary--on-primary--hover: var(--l--color--primary--dark--150);
1178
- --l--theme--color--link--content--primary--on-primary--focus: var(--l--color--primary--dark--140);
1179
- --l--theme--color--link--content--primary--on-primary--active: var(--l--color--primary--dark--140);
1180
- --l--theme--color--link--content--primary--on-primary--visited: var(--l--color--primary--dark--140);
1181
- --l--theme--color--link--content--primary--on-subtle--rest: var(--l--color--primary--110);
1182
- --l--theme--color--link--content--primary--on-subtle--hover: var(--l--color--primary--120);
1183
- --l--theme--color--link--content--primary--on-subtle--focus: var(--l--color--primary--110);
1184
- --l--theme--color--link--content--primary--on-subtle--active: var(--l--color--primary--110);
1185
- --l--theme--color--link--content--primary--on-subtle--visited: var(--l--color--primary--110);
1186
- --l--theme--color--link--content--secondary--on-default--rest: var(--l--color--neutral--140);
1187
- --l--theme--color--link--content--secondary--on-default--hover: var(--l--color--neutral--130);
1188
- --l--theme--color--link--content--secondary--on-default--focus: var(--l--color--neutral--140);
1189
- --l--theme--color--link--content--secondary--on-default--active: var(--l--color--neutral--140);
1190
- --l--theme--color--link--content--secondary--on-default--visited: var(--l--color--neutral--140);
1191
- --l--theme--color--link--content--secondary--on-knockout--rest: var(--l--color--neutral--dark--140);
1192
- --l--theme--color--link--content--secondary--on-knockout--hover: var(--l--color--neutral--dark--130);
1193
- --l--theme--color--link--content--secondary--on-knockout--focus: var(--l--color--neutral--dark--140);
1194
- --l--theme--color--link--content--secondary--on-knockout--active: var(--l--color--neutral--dark--140);
1195
- --l--theme--color--link--content--secondary--on-knockout--visited: var(--l--color--neutral--dark--140);
1196
- --l--theme--color--link--content--secondary--on-primary--rest: var(--l--color--primary--dark--140);
1197
- --l--theme--color--link--content--secondary--on-primary--hover: var(--l--color--primary--dark--150);
1198
- --l--theme--color--link--content--secondary--on-primary--focus: var(--l--color--primary--dark--140);
1199
- --l--theme--color--link--content--secondary--on-primary--active: var(--l--color--primary--dark--140);
1200
- --l--theme--color--link--content--secondary--on-primary--visited: var(--l--color--primary--dark--140);
1201
- --l--theme--color--link--content--secondary--on-subtle--rest: var(--l--color--neutral--140);
1202
- --l--theme--color--link--content--secondary--on-subtle--hover: var(--l--color--neutral--130);
1203
- --l--theme--color--link--content--secondary--on-subtle--focus: var(--l--color--neutral--140);
1204
- --l--theme--color--link--content--secondary--on-subtle--active: var(--l--color--neutral--140);
1205
- --l--theme--color--link--content--secondary--on-subtle--visited: var(--l--color--neutral--140);
1206
- --l--theme--color--link--content--tertiary--on-default--rest: var(--l--color--neutral--110);
1207
- --l--theme--color--link--content--tertiary--on-default--hover: var(--l--color--neutral--120);
1208
- --l--theme--color--link--content--tertiary--on-default--focus: var(--l--color--neutral--110);
1209
- --l--theme--color--link--content--tertiary--on-default--active: var(--l--color--neutral--110);
1210
- --l--theme--color--link--content--tertiary--on-default--visited: var(--l--color--neutral--110);
1211
- --l--theme--color--link--content--tertiary--on-knockout--rest: var(--l--color--neutral--dark--110);
1212
- --l--theme--color--link--content--tertiary--on-knockout--hover: var(--l--color--neutral--dark--120);
1213
- --l--theme--color--link--content--tertiary--on-knockout--focus: var(--l--color--neutral--dark--110);
1214
- --l--theme--color--link--content--tertiary--on-knockout--active: var(--l--color--neutral--dark--110);
1215
- --l--theme--color--link--content--tertiary--on-knockout--visited: var(--l--color--neutral--dark--110);
1216
- --l--theme--color--link--content--tertiary--on-primary--rest: var(--l--color--primary--dark--130);
1217
- --l--theme--color--link--content--tertiary--on-primary--hover: var(--l--color--primary--dark--140);
1218
- --l--theme--color--link--content--tertiary--on-primary--focus: var(--l--color--primary--dark--130);
1219
- --l--theme--color--link--content--tertiary--on-primary--active: var(--l--color--primary--dark--130);
1220
- --l--theme--color--link--content--tertiary--on-primary--visited: var(--l--color--primary--dark--130);
1221
- --l--theme--color--link--content--tertiary--on-subtle--rest: var(--l--color--neutral--110);
1222
- --l--theme--color--link--content--tertiary--on-subtle--hover: var(--l--color--neutral--120);
1223
- --l--theme--color--link--content--tertiary--on-subtle--focus: var(--l--color--neutral--110);
1224
- --l--theme--color--link--content--tertiary--on-subtle--active: var(--l--color--neutral--110);
1225
- --l--theme--color--link--content--tertiary--on-subtle--visited: var(--l--color--neutral--110);
1226
- --l--theme--color--messaging--content--destructive--on-default: var(--l--color--red--110);
1227
- --l--theme--color--messaging--content--destructive--on-knockout: var(--l--color--red--dark--110);
1228
- --l--theme--color--messaging--content--destructive--on-primary: var(--l--color--red--dark--110);
1229
- --l--theme--color--messaging--content--destructive--on-subtle: var(--l--color--red--120);
1230
- --l--theme--color--messaging--content--informative--on-default: var(--l--color--blue--110);
1231
- --l--theme--color--messaging--content--informative--on-knockout: var(--l--color--blue--dark--110);
1232
- --l--theme--color--messaging--content--informative--on-primary: var(--l--color--blue--dark--110);
1233
- --l--theme--color--messaging--content--informative--on-subtle: var(--l--color--blue--120);
1234
- --l--theme--color--messaging--content--positive--on-default: var(--l--color--green--110);
1235
- --l--theme--color--messaging--content--positive--on-knockout: var(--l--color--green--dark--110);
1236
- --l--theme--color--messaging--content--positive--on-primary: var(--l--color--green--dark--110);
1237
- --l--theme--color--messaging--content--positive--on-subtle: var(--l--color--green--120);
1238
- --l--theme--color--messaging--content--warning--on-default: var(--l--color--yellow--110);
1239
- --l--theme--color--messaging--content--warning--on-knockout: var(--l--color--yellow--dark--110);
1240
- --l--theme--color--messaging--content--warning--on-primary: var(--l--color--yellow--dark--110);
1241
- --l--theme--color--messaging--content--warning--on-subtle: var(--l--color--yellow--120);
1242
- --l--theme--color--selection--background--on-default: var(--l--color--neutral--140);
1243
- --l--theme--color--selection--background--on-knockout: var(--l--color--neutral--dark--140);
1244
- --l--theme--color--selection--background--on-primary: var(--l--color--primary--dark--140);
1245
- --l--theme--color--selection--background--on-subtle: var(--l--color--neutral--140);
1246
- --l--theme--color--selection--content--on-default: var(--l--color--neutral--0);
1247
- --l--theme--color--selection--content--on-knockout: var(--l--color--neutral--dark--0);
1248
- --l--theme--color--selection--content--on-primary: var(--l--color--primary--dark--0);
1249
- --l--theme--color--selection--content--on-subtle: var(--l--color--neutral--0);
1250
- --l--theme--color--surface--background--secondary--on-default: var(--l--color--neutral--20);
1251
- --l--theme--color--surface--background--secondary--on-knockout: var(--l--color--neutral--dark--20);
1252
- --l--theme--color--surface--background--secondary--on-primary: var(--l--color--primary--20);
1253
- --l--theme--color--surface--background--secondary--on-subtle: var(--l--color--neutral--30);
1254
- --l--theme--color--surface--background--tertiary--on-default: var(--l--color--neutral--30);
1255
- --l--theme--color--surface--background--tertiary--on-knockout: var(--l--color--neutral--dark--30);
1256
- --l--theme--color--surface--background--tertiary--on-primary: var(--l--color--primary--20);
1257
- --l--theme--color--surface--background--tertiary--on-subtle: var(--l--color--neutral--40);
590
+ --l--theme--color--background: var(--l--color--neutral--0);
591
+ --l--theme--color--border--primary: var(--l--color--neutral--100);
592
+ --l--theme--color--border--secondary: var(--l--color--neutral--60);
593
+ --l--theme--color--border--tertiary: var(--l--color--neutral--30);
594
+ --l--theme--color--content--primary: var(--l--color--neutral--140);
595
+ --l--theme--color--content--secondary: var(--l--color--neutral--110);
596
+ --l--theme--color--outline: var(--l--color--neutral--140);
597
+ --l--theme--color--overlay: var(--l--color--neutral--alpha--50);
598
+ --l--theme--color--code--background: var(--l--color--neutral--30);
599
+ --l--theme--color--code--border: var(--l--color--neutral--alpha--0);
600
+ --l--theme--color--code--content: var(--l--color--neutral--130);
601
+ --l--theme--color--dialog--border: var(--l--color--neutral--alpha--0);
602
+ --l--theme--color--feedback--background--destructive: var(--l--color--red--40);
603
+ --l--theme--color--feedback--background--informative: var(--l--color--blue--40);
604
+ --l--theme--color--feedback--background--positive: var(--l--color--green--40);
605
+ --l--theme--color--feedback--background--warning: var(--l--color--yellow--40);
606
+ --l--theme--color--feedback--border--destructive: var(--l--color--red--50);
607
+ --l--theme--color--feedback--border--informative: var(--l--color--blue--50);
608
+ --l--theme--color--feedback--border--positive: var(--l--color--green--50);
609
+ --l--theme--color--feedback--border--warning: var(--l--color--yellow--50);
610
+ --l--theme--color--feedback--content--destructive--rest: var(--l--color--red--130);
611
+ --l--theme--color--feedback--content--destructive--hover: var(--l--color--red--140);
612
+ --l--theme--color--feedback--content--destructive--focus: var(--l--color--red--130);
613
+ --l--theme--color--feedback--content--destructive--active: var(--l--color--red--130);
614
+ --l--theme--color--feedback--content--destructive--visited: var(--l--color--red--130);
615
+ --l--theme--color--feedback--content--informative--rest: var(--l--color--blue--130);
616
+ --l--theme--color--feedback--content--informative--hover: var(--l--color--blue--140);
617
+ --l--theme--color--feedback--content--informative--focus: var(--l--color--blue--130);
618
+ --l--theme--color--feedback--content--informative--active: var(--l--color--blue--130);
619
+ --l--theme--color--feedback--content--informative--visited: var(--l--color--blue--130);
620
+ --l--theme--color--feedback--content--positive--rest: var(--l--color--green--130);
621
+ --l--theme--color--feedback--content--positive--hover: var(--l--color--green--140);
622
+ --l--theme--color--feedback--content--positive--focus: var(--l--color--green--130);
623
+ --l--theme--color--feedback--content--positive--active: var(--l--color--green--130);
624
+ --l--theme--color--feedback--content--positive--visited: var(--l--color--green--130);
625
+ --l--theme--color--feedback--content--warning--rest: var(--l--color--yellow--130);
626
+ --l--theme--color--feedback--content--warning--hover: var(--l--color--yellow--140);
627
+ --l--theme--color--feedback--content--warning--focus: var(--l--color--yellow--130);
628
+ --l--theme--color--feedback--content--warning--active: var(--l--color--yellow--130);
629
+ --l--theme--color--feedback--content--warning--visited: var(--l--color--yellow--130);
630
+ --l--theme--color--feedback--outline--destructive: var(--l--color--red--120);
631
+ --l--theme--color--feedback--outline--informative: var(--l--color--blue--120);
632
+ --l--theme--color--feedback--outline--positive: var(--l--color--green--120);
633
+ --l--theme--color--feedback--outline--warning: var(--l--color--yellow--120);
634
+ --l--theme--color--input--background--rest: var(--l--color--neutral--alpha--0);
635
+ --l--theme--color--input--background--focus: var(--l--color--neutral--alpha--0);
636
+ --l--theme--color--input--background--hover: var(--l--color--neutral--alpha--10);
637
+ --l--theme--color--input--background--checked--rest: var(--l--color--neutral--140);
638
+ --l--theme--color--input--background--checked--focus: var(--l--color--neutral--140);
639
+ --l--theme--color--input--background--checked--hover: var(--l--color--neutral--130);
640
+ --l--theme--color--input--background--checked--invalid--rest: var(--l--color--red--90);
641
+ --l--theme--color--input--background--checked--invalid--focus: var(--l--color--red--90);
642
+ --l--theme--color--input--background--checked--invalid--hover: var(--l--color--red--100);
643
+ --l--theme--color--input--background--invalid--rest: var(--l--color--red--alpha--0);
644
+ --l--theme--color--input--background--invalid--focus: var(--l--color--red--alpha--0);
645
+ --l--theme--color--input--background--invalid--hover: var(--l--color--red--alpha--10);
646
+ --l--theme--color--input--background--disabled: var(--l--color--neutral--40);
647
+ --l--theme--color--input--border--rest: var(--l--color--neutral--120);
648
+ --l--theme--color--input--border--focus: var(--l--color--neutral--120);
649
+ --l--theme--color--input--border--hover: var(--l--color--neutral--120);
650
+ --l--theme--color--input--border--checked--rest: var(--l--color--neutral--140);
651
+ --l--theme--color--input--border--checked--focus: var(--l--color--neutral--140);
652
+ --l--theme--color--input--border--checked--hover: var(--l--color--neutral--130);
653
+ --l--theme--color--input--border--checked--invalid--rest: var(--l--color--red--90);
654
+ --l--theme--color--input--border--checked--invalid--focus: var(--l--color--red--90);
655
+ --l--theme--color--input--border--checked--invalid--hover: var(--l--color--red--100);
656
+ --l--theme--color--input--border--invalid--rest: var(--l--color--red--90);
657
+ --l--theme--color--input--border--invalid--focus: var(--l--color--red--90);
658
+ --l--theme--color--input--border--invalid--hover: var(--l--color--red--100);
659
+ --l--theme--color--input--border--disabled: var(--l--color--neutral--40);
660
+ --l--theme--color--input--content--invalid--rest: var(--l--color--red--130);
661
+ --l--theme--color--input--content--invalid--hover: var(--l--color--red--130);
662
+ --l--theme--color--input--content--invalid--focus: var(--l--color--red--130);
663
+ --l--theme--color--input--content--checked--rest: var(--l--color--neutral--0);
664
+ --l--theme--color--input--content--checked--hover: var(--l--color--neutral--0);
665
+ --l--theme--color--input--content--checked--focus: var(--l--color--neutral--0);
666
+ --l--theme--color--input--content--checked--invalid--rest: var(--l--color--neutral--0);
667
+ --l--theme--color--input--content--checked--invalid--hover: var(--l--color--neutral--0);
668
+ --l--theme--color--input--content--checked--invalid--focus: var(--l--color--neutral--0);
669
+ --l--theme--color--input--content--disabled: var(--l--color--neutral--110);
670
+ --l--theme--color--input--placeholder--disabled: var(--l--color--neutral--110);
671
+ --l--theme--color--input--placeholder--invalid--rest: var(--l--color--red--110);
672
+ --l--theme--color--input--placeholder--invalid--hover: var(--l--color--red--110);
673
+ --l--theme--color--input--placeholder--invalid--focus: var(--l--color--red--110);
674
+ --l--theme--color--interactive--background--primary--rest: var(--l--color--neutral--140);
675
+ --l--theme--color--interactive--background--primary--active: var(--l--color--neutral--140);
676
+ --l--theme--color--interactive--background--primary--disabled: var(--l--color--neutral--40);
677
+ --l--theme--color--interactive--background--primary--focus: var(--l--color--neutral--140);
678
+ --l--theme--color--interactive--background--primary--hover: var(--l--color--neutral--130);
679
+ --l--theme--color--interactive--background--secondary--rest: var(--l--color--neutral--alpha--0);
680
+ --l--theme--color--interactive--background--secondary--active: var(--l--color--neutral--alpha--0);
681
+ --l--theme--color--interactive--background--secondary--disabled: var(--l--color--neutral--40);
682
+ --l--theme--color--interactive--background--secondary--focus: var(--l--color--neutral--alpha--0);
683
+ --l--theme--color--interactive--background--secondary--hover: var(--l--color--neutral--alpha--20);
684
+ --l--theme--color--interactive--background--tertiary--rest: var(--l--color--neutral--alpha--0);
685
+ --l--theme--color--interactive--background--tertiary--active: var(--l--color--neutral--alpha--0);
686
+ --l--theme--color--interactive--background--tertiary--disabled: var(--l--color--neutral--40);
687
+ --l--theme--color--interactive--background--tertiary--focus: var(--l--color--neutral--alpha--0);
688
+ --l--theme--color--interactive--background--tertiary--hover: var(--l--color--neutral--alpha--20);
689
+ --l--theme--color--interactive--background--destructive--rest: var(--l--color--red--90);
690
+ --l--theme--color--interactive--background--destructive--active: var(--l--color--red--100);
691
+ --l--theme--color--interactive--background--destructive--disabled: var(--l--color--neutral--40);
692
+ --l--theme--color--interactive--background--destructive--focus: var(--l--color--red--90);
693
+ --l--theme--color--interactive--background--destructive--hover: var(--l--color--red--100);
694
+ --l--theme--color--interactive--border--primary--rest: var(--l--color--neutral--140);
695
+ --l--theme--color--interactive--border--primary--active: var(--l--color--neutral--140);
696
+ --l--theme--color--interactive--border--primary--disabled: var(--l--color--neutral--40);
697
+ --l--theme--color--interactive--border--primary--focus: var(--l--color--neutral--140);
698
+ --l--theme--color--interactive--border--primary--hover: var(--l--color--neutral--130);
699
+ --l--theme--color--interactive--border--secondary--rest: var(--l--color--neutral--120);
700
+ --l--theme--color--interactive--border--secondary--active: var(--l--color--neutral--120);
701
+ --l--theme--color--interactive--border--secondary--disabled: var(--l--color--neutral--40);
702
+ --l--theme--color--interactive--border--secondary--focus: var(--l--color--neutral--120);
703
+ --l--theme--color--interactive--border--secondary--hover: var(--l--color--neutral--120);
704
+ --l--theme--color--interactive--border--tertiary--rest: var(--l--color--neutral--alpha--0);
705
+ --l--theme--color--interactive--border--tertiary--active: var(--l--color--neutral--alpha--0);
706
+ --l--theme--color--interactive--border--tertiary--disabled: var(--l--color--neutral--40);
707
+ --l--theme--color--interactive--border--tertiary--focus: var(--l--color--neutral--alpha--0);
708
+ --l--theme--color--interactive--border--tertiary--hover: var(--l--color--neutral--alpha--0);
709
+ --l--theme--color--interactive--border--destructive--rest: var(--l--color--red--90);
710
+ --l--theme--color--interactive--border--destructive--active: var(--l--color--red--100);
711
+ --l--theme--color--interactive--border--destructive--disabled: var(--l--color--neutral--40);
712
+ --l--theme--color--interactive--border--destructive--focus: var(--l--color--red--90);
713
+ --l--theme--color--interactive--border--destructive--hover: var(--l--color--red--100);
714
+ --l--theme--color--interactive--content--primary--rest: var(--l--color--neutral--0);
715
+ --l--theme--color--interactive--content--primary--active: var(--l--color--neutral--0);
716
+ --l--theme--color--interactive--content--primary--disabled: var(--l--color--neutral--110);
717
+ --l--theme--color--interactive--content--primary--focus: var(--l--color--neutral--0);
718
+ --l--theme--color--interactive--content--primary--hover: var(--l--color--neutral--0);
719
+ --l--theme--color--interactive--content--secondary--rest: var(--l--color--neutral--140);
720
+ --l--theme--color--interactive--content--secondary--active: var(--l--color--neutral--140);
721
+ --l--theme--color--interactive--content--secondary--disabled: var(--l--color--neutral--110);
722
+ --l--theme--color--interactive--content--secondary--focus: var(--l--color--neutral--140);
723
+ --l--theme--color--interactive--content--secondary--hover: var(--l--color--neutral--150);
724
+ --l--theme--color--interactive--content--tertiary--rest: var(--l--color--neutral--140);
725
+ --l--theme--color--interactive--content--tertiary--active: var(--l--color--neutral--140);
726
+ --l--theme--color--interactive--content--tertiary--disabled: var(--l--color--neutral--110);
727
+ --l--theme--color--interactive--content--tertiary--focus: var(--l--color--neutral--140);
728
+ --l--theme--color--interactive--content--tertiary--hover: var(--l--color--neutral--150);
729
+ --l--theme--color--interactive--content--destructive--rest: var(--l--color--neutral--0);
730
+ --l--theme--color--interactive--content--destructive--active: var(--l--color--neutral--0);
731
+ --l--theme--color--interactive--content--destructive--disabled: var(--l--color--neutral--110);
732
+ --l--theme--color--interactive--content--destructive--focus: var(--l--color--neutral--0);
733
+ --l--theme--color--interactive--content--destructive--hover: var(--l--color--neutral--0);
734
+ --l--theme--color--link--content--primary--rest: var(--l--color--primary--110);
735
+ --l--theme--color--link--content--primary--hover: var(--l--color--primary--120);
736
+ --l--theme--color--link--content--primary--focus: var(--l--color--primary--110);
737
+ --l--theme--color--link--content--primary--active: var(--l--color--primary--110);
738
+ --l--theme--color--link--content--primary--visited: var(--l--color--primary--110);
739
+ --l--theme--color--link--content--secondary--rest: var(--l--color--neutral--140);
740
+ --l--theme--color--link--content--secondary--hover: var(--l--color--neutral--130);
741
+ --l--theme--color--link--content--secondary--focus: var(--l--color--neutral--140);
742
+ --l--theme--color--link--content--secondary--active: var(--l--color--neutral--140);
743
+ --l--theme--color--link--content--secondary--visited: var(--l--color--neutral--140);
744
+ --l--theme--color--link--content--tertiary--rest: var(--l--color--neutral--110);
745
+ --l--theme--color--link--content--tertiary--hover: var(--l--color--neutral--120);
746
+ --l--theme--color--link--content--tertiary--focus: var(--l--color--neutral--110);
747
+ --l--theme--color--link--content--tertiary--active: var(--l--color--neutral--110);
748
+ --l--theme--color--link--content--tertiary--visited: var(--l--color--neutral--110);
749
+ --l--theme--color--messaging--content--destructive: var(--l--color--red--110);
750
+ --l--theme--color--messaging--content--informative: var(--l--color--blue--110);
751
+ --l--theme--color--messaging--content--positive: var(--l--color--green--110);
752
+ --l--theme--color--messaging--content--warning: var(--l--color--yellow--110);
753
+ --l--theme--color--selection--background: var(--l--color--neutral--140);
754
+ --l--theme--color--selection--content: var(--l--color--neutral--0);
755
+ --l--theme--color--surface--background--secondary: var(--l--color--neutral--20);
756
+ --l--theme--color--surface--background--tertiary: var(--l--color--neutral--30);
1258
757
  --l--typography--text-decoration-thickness--sm: var(--l--units--relative--1);
1259
758
  --l--typography--text-decoration-thickness--md: var(--l--units--relative--2);
1260
759
  --l--typography--text-decoration-thickness--lg: var(--l--units--relative--4);
@@ -1556,38 +1055,14 @@
1556
1055
  --l--theme--border--text-control--width--lg: var(--l--theme--border--width--sm);
1557
1056
  --l--theme--border--text-highlight--radius: var(--l--theme--border--radius--sm);
1558
1057
  --l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
1559
- --l--theme--color--dialog--background--on-default: var(--l--theme--color--background--default);
1560
- --l--theme--color--dialog--background--on-knockout: var(--l--theme--color--background--knockout);
1561
- --l--theme--color--dialog--background--on-primary: var(--l--theme--color--background--primary);
1562
- --l--theme--color--dialog--background--on-subtle: var(--l--theme--color--background--subtle);
1563
- --l--theme--color--dialog--content--on-default: var(--l--theme--color--content--primary--on-default);
1564
- --l--theme--color--dialog--content--on-knockout: var(--l--theme--color--content--primary--on-knockout);
1565
- --l--theme--color--dialog--content--on-primary: var(--l--theme--color--content--primary--on-primary);
1566
- --l--theme--color--dialog--content--on-subtle: var(--l--theme--color--content--primary--on-subtle);
1567
- --l--theme--color--input--content--on-default--rest: var(--l--theme--color--content--primary--on-default);
1568
- --l--theme--color--input--content--on-default--hover: var(--l--theme--color--content--primary--on-default);
1569
- --l--theme--color--input--content--on-default--focus: var(--l--theme--color--content--primary--on-default);
1570
- --l--theme--color--input--content--on-knockout--rest: var(--l--theme--color--content--primary--on-knockout);
1571
- --l--theme--color--input--content--on-knockout--hover: var(--l--theme--color--content--primary--on-knockout);
1572
- --l--theme--color--input--content--on-knockout--focus: var(--l--theme--color--content--primary--on-knockout);
1573
- --l--theme--color--input--content--on-primary--rest: var(--l--theme--color--content--primary--on-primary);
1574
- --l--theme--color--input--content--on-primary--hover: var(--l--theme--color--content--primary--on-primary);
1575
- --l--theme--color--input--content--on-primary--focus: var(--l--theme--color--content--primary--on-primary);
1576
- --l--theme--color--input--content--on-subtle--rest: var(--l--theme--color--content--primary--on-default);
1577
- --l--theme--color--input--content--on-subtle--hover: var(--l--theme--color--content--primary--on-default);
1578
- --l--theme--color--input--content--on-subtle--focus: var(--l--theme--color--content--primary--on-default);
1579
- --l--theme--color--input--placeholder--on-default--rest: var(--l--theme--color--content--secondary--on-default);
1580
- --l--theme--color--input--placeholder--on-default--hover: var(--l--theme--color--content--secondary--on-default);
1581
- --l--theme--color--input--placeholder--on-default--focus: var(--l--theme--color--content--secondary--on-default);
1582
- --l--theme--color--input--placeholder--on-knockout--rest: var(--l--theme--color--content--secondary--on-knockout);
1583
- --l--theme--color--input--placeholder--on-knockout--hover: var(--l--theme--color--content--secondary--on-knockout);
1584
- --l--theme--color--input--placeholder--on-knockout--focus: var(--l--theme--color--content--secondary--on-knockout);
1585
- --l--theme--color--input--placeholder--on-primary--rest: var(--l--theme--color--content--secondary--on-primary);
1586
- --l--theme--color--input--placeholder--on-primary--hover: var(--l--theme--color--content--secondary--on-primary);
1587
- --l--theme--color--input--placeholder--on-primary--focus: var(--l--theme--color--content--secondary--on-primary);
1588
- --l--theme--color--input--placeholder--on-subtle--rest: var(--l--theme--color--content--secondary--on-subtle);
1589
- --l--theme--color--input--placeholder--on-subtle--hover: var(--l--theme--color--content--secondary--on-subtle);
1590
- --l--theme--color--input--placeholder--on-subtle--focus: var(--l--theme--color--content--secondary--on-subtle);
1058
+ --l--theme--color--dialog--background: var(--l--theme--color--background);
1059
+ --l--theme--color--dialog--content: var(--l--theme--color--content--primary);
1060
+ --l--theme--color--input--content--rest: var(--l--theme--color--content--primary);
1061
+ --l--theme--color--input--content--hover: var(--l--theme--color--content--primary);
1062
+ --l--theme--color--input--content--focus: var(--l--theme--color--content--primary);
1063
+ --l--theme--color--input--placeholder--rest: var(--l--theme--color--content--secondary);
1064
+ --l--theme--color--input--placeholder--hover: var(--l--theme--color--content--secondary);
1065
+ --l--theme--color--input--placeholder--focus: var(--l--theme--color--content--secondary);
1591
1066
  --l--theme--outline--width: var(--l--theme--border--width--md);
1592
1067
  --l--theme--space--card--inset--block: var(--l--theme--space--60);
1593
1068
  --l--theme--space--card--inset--inline: var(--l--theme--space--60);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.39.0",
3
+ "version": "0.42.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",