@vellira-ui/tokens 2.27.0 → 2.29.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/css/tokens.css +403 -85
- package/dist/dark/components/button.d.ts +15 -15
- package/dist/dark/components/button.js +1 -1
- package/dist/dark/components/checkbox.d.ts +29 -19
- package/dist/dark/components/checkbox.d.ts.map +1 -1
- package/dist/dark/components/checkbox.js +112 -14
- package/dist/dark/components/radio.d.ts +35 -25
- package/dist/dark/components/radio.d.ts.map +1 -1
- package/dist/dark/components/radio.js +117 -27
- package/dist/factories/createButtonPalette.d.ts.map +1 -0
- package/dist/factories/createCheckboxPalette.d.ts +19 -0
- package/dist/factories/createCheckboxPalette.d.ts.map +1 -0
- package/dist/factories/createCheckboxPalette.js +6 -0
- package/dist/factories/createRadioPalette.d.ts +19 -0
- package/dist/factories/createRadioPalette.d.ts.map +1 -0
- package/dist/factories/createRadioPalette.js +6 -0
- package/dist/factories/index.d.ts +4 -0
- package/dist/factories/index.d.ts.map +1 -0
- package/dist/factories/index.js +3 -0
- package/dist/generated/token-types.d.ts +4 -4
- package/dist/generated/token-types.d.ts.map +1 -1
- package/dist/generated/token-types.js +536 -112
- package/dist/highContrast/components/button.d.ts +15 -15
- package/dist/highContrast/components/button.js +1 -1
- package/dist/highContrast/components/checkbox.d.ts +29 -19
- package/dist/highContrast/components/checkbox.d.ts.map +1 -1
- package/dist/highContrast/components/checkbox.js +112 -20
- package/dist/highContrast/components/radio.d.ts +35 -25
- package/dist/highContrast/components/radio.d.ts.map +1 -1
- package/dist/highContrast/components/radio.js +117 -27
- package/dist/light/components/button.d.ts +15 -15
- package/dist/light/components/button.js +1 -1
- package/dist/light/components/checkbox.d.ts +29 -19
- package/dist/light/components/checkbox.d.ts.map +1 -1
- package/dist/light/components/checkbox.js +112 -14
- package/dist/light/components/radio.d.ts +35 -25
- package/dist/light/components/radio.d.ts.map +1 -1
- package/dist/light/components/radio.js +117 -27
- package/package.json +1 -1
- package/dist/utils/createButtonPalette.d.ts.map +0 -1
- /package/dist/{utils → factories}/createButtonPalette.d.ts +0 -0
- /package/dist/{utils → factories}/createButtonPalette.js +0 -0
package/dist/css/tokens.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* AUTO-GENERATED FILE
|
|
3
3
|
* DO NOT EDIT MANUALLY
|
|
4
|
-
* Generated: 2026-07-
|
|
4
|
+
* Generated: 2026-07-17T08:19:53.048Z
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
:root {
|
|
@@ -601,18 +601,71 @@
|
|
|
601
601
|
--checkbox-hover-fg: #402C9F;
|
|
602
602
|
--checkbox-hover-border: #5037C8;
|
|
603
603
|
--checkbox-hover-label-fg: #402C9F;
|
|
604
|
-
--checkbox-
|
|
605
|
-
--checkbox-
|
|
606
|
-
--checkbox-
|
|
607
|
-
--checkbox-
|
|
608
|
-
--checkbox-
|
|
609
|
-
--checkbox-
|
|
610
|
-
--checkbox-
|
|
611
|
-
--checkbox-
|
|
612
|
-
--checkbox-
|
|
613
|
-
--checkbox-
|
|
614
|
-
--checkbox-
|
|
615
|
-
--checkbox-
|
|
604
|
+
--checkbox-primary-ring: #9B7CFF;
|
|
605
|
+
--checkbox-primary-default-bg: #6346E8;
|
|
606
|
+
--checkbox-primary-default-fg: #F4F3FF;
|
|
607
|
+
--checkbox-primary-default-border: #6346E8;
|
|
608
|
+
--checkbox-primary-default-label-fg: #5037C8;
|
|
609
|
+
--checkbox-primary-hover-bg: #5037C8;
|
|
610
|
+
--checkbox-primary-hover-fg: #D4CCFF;
|
|
611
|
+
--checkbox-primary-hover-border: #5037C8;
|
|
612
|
+
--checkbox-primary-hover-label-fg: #402C9F;
|
|
613
|
+
--checkbox-primary-pressed-bg: #402C9F;
|
|
614
|
+
--checkbox-primary-pressed-fg: #B8A8FF;
|
|
615
|
+
--checkbox-primary-pressed-border: #402C9F;
|
|
616
|
+
--checkbox-primary-pressed-label-fg: #342580;
|
|
617
|
+
--checkbox-neutral-ring: #958CB0;
|
|
618
|
+
--checkbox-neutral-default-bg: #E4DDF4;
|
|
619
|
+
--checkbox-neutral-default-fg: #181521;
|
|
620
|
+
--checkbox-neutral-default-border: #E4DDF4;
|
|
621
|
+
--checkbox-neutral-default-label-fg: #4F4867;
|
|
622
|
+
--checkbox-neutral-hover-bg: #BBB2D2;
|
|
623
|
+
--checkbox-neutral-hover-fg: #231F31;
|
|
624
|
+
--checkbox-neutral-hover-border: #BBB2D2;
|
|
625
|
+
--checkbox-neutral-hover-label-fg: #3D3754;
|
|
626
|
+
--checkbox-neutral-pressed-bg: #958CB0;
|
|
627
|
+
--checkbox-neutral-pressed-fg: #2F2A42;
|
|
628
|
+
--checkbox-neutral-pressed-border: #958CB0;
|
|
629
|
+
--checkbox-neutral-pressed-label-fg: #2F2A42;
|
|
630
|
+
--checkbox-success-ring: #14B8A6;
|
|
631
|
+
--checkbox-success-default-bg: #14B8A6;
|
|
632
|
+
--checkbox-success-default-fg: #042F2E;
|
|
633
|
+
--checkbox-success-default-border: #14B8A6;
|
|
634
|
+
--checkbox-success-default-label-fg: #0F766E;
|
|
635
|
+
--checkbox-success-hover-bg: #0F9E94;
|
|
636
|
+
--checkbox-success-hover-fg: #134E4A;
|
|
637
|
+
--checkbox-success-hover-border: #0F9E94;
|
|
638
|
+
--checkbox-success-hover-label-fg: #115E59;
|
|
639
|
+
--checkbox-success-pressed-bg: #0F766E;
|
|
640
|
+
--checkbox-success-pressed-fg: #115E59;
|
|
641
|
+
--checkbox-success-pressed-border: #0F766E;
|
|
642
|
+
--checkbox-success-pressed-label-fg: #134E4A;
|
|
643
|
+
--checkbox-warning-ring: #F59E0B;
|
|
644
|
+
--checkbox-warning-default-bg: #F59E0B;
|
|
645
|
+
--checkbox-warning-default-fg: #451A03;
|
|
646
|
+
--checkbox-warning-default-border: #F59E0B;
|
|
647
|
+
--checkbox-warning-default-label-fg: #B45309;
|
|
648
|
+
--checkbox-warning-hover-bg: #D97706;
|
|
649
|
+
--checkbox-warning-hover-fg: #78350F;
|
|
650
|
+
--checkbox-warning-hover-border: #D97706;
|
|
651
|
+
--checkbox-warning-hover-label-fg: #92400E;
|
|
652
|
+
--checkbox-warning-pressed-bg: #B45309;
|
|
653
|
+
--checkbox-warning-pressed-fg: #92400E;
|
|
654
|
+
--checkbox-warning-pressed-border: #B45309;
|
|
655
|
+
--checkbox-warning-pressed-label-fg: #78350F;
|
|
656
|
+
--checkbox-danger-ring: #F43F5E;
|
|
657
|
+
--checkbox-danger-default-bg: #BE123C;
|
|
658
|
+
--checkbox-danger-default-fg: #FFF1F2;
|
|
659
|
+
--checkbox-danger-default-border: #BE123C;
|
|
660
|
+
--checkbox-danger-default-label-fg: #BE123C;
|
|
661
|
+
--checkbox-danger-hover-bg: #9F1239;
|
|
662
|
+
--checkbox-danger-hover-fg: #FECDD3;
|
|
663
|
+
--checkbox-danger-hover-border: #9F1239;
|
|
664
|
+
--checkbox-danger-hover-label-fg: #9F1239;
|
|
665
|
+
--checkbox-danger-pressed-bg: #881337;
|
|
666
|
+
--checkbox-danger-pressed-fg: #FDA4AF;
|
|
667
|
+
--checkbox-danger-pressed-border: #881337;
|
|
668
|
+
--checkbox-danger-pressed-label-fg: #BE123C;
|
|
616
669
|
--checkbox-focus-ring: #5037C8;
|
|
617
670
|
--checkbox-disabled-bg: #F4F1FB;
|
|
618
671
|
--checkbox-disabled-fg: #958CB0;
|
|
@@ -798,22 +851,71 @@
|
|
|
798
851
|
--radio-pressed-bg: #E9E6FF;
|
|
799
852
|
--radio-pressed-fg: #342580;
|
|
800
853
|
--radio-pressed-border: #402C9F;
|
|
801
|
-
--radio-
|
|
802
|
-
--radio-
|
|
803
|
-
--radio-
|
|
804
|
-
--radio-
|
|
805
|
-
--radio-
|
|
806
|
-
--radio-
|
|
807
|
-
--radio-
|
|
808
|
-
--radio-
|
|
809
|
-
--radio-
|
|
810
|
-
--radio-
|
|
811
|
-
--radio-
|
|
812
|
-
--radio-
|
|
813
|
-
--radio-
|
|
814
|
-
--radio-
|
|
815
|
-
--radio-
|
|
816
|
-
--radio-
|
|
854
|
+
--radio-primary-ring: #9B7CFF;
|
|
855
|
+
--radio-primary-default-bg: #F4F3FF;
|
|
856
|
+
--radio-primary-default-fg: #6346E8;
|
|
857
|
+
--radio-primary-default-border: #6346E8;
|
|
858
|
+
--radio-primary-default-label-fg: #5037C8;
|
|
859
|
+
--radio-primary-hover-bg: #E9E6FF;
|
|
860
|
+
--radio-primary-hover-fg: #5037C8;
|
|
861
|
+
--radio-primary-hover-border: #5037C8;
|
|
862
|
+
--radio-primary-hover-label-fg: #402C9F;
|
|
863
|
+
--radio-primary-pressed-bg: #D4CCFF;
|
|
864
|
+
--radio-primary-pressed-fg: #402C9F;
|
|
865
|
+
--radio-primary-pressed-border: #402C9F;
|
|
866
|
+
--radio-primary-pressed-label-fg: #342580;
|
|
867
|
+
--radio-neutral-ring: #958CB0;
|
|
868
|
+
--radio-neutral-default-bg: #FAF8FF;
|
|
869
|
+
--radio-neutral-default-fg: #4F4867;
|
|
870
|
+
--radio-neutral-default-border: #6B6386;
|
|
871
|
+
--radio-neutral-default-label-fg: #4F4867;
|
|
872
|
+
--radio-neutral-hover-bg: #F4F1FB;
|
|
873
|
+
--radio-neutral-hover-fg: #3D3754;
|
|
874
|
+
--radio-neutral-hover-border: #4F4867;
|
|
875
|
+
--radio-neutral-hover-label-fg: #3D3754;
|
|
876
|
+
--radio-neutral-pressed-bg: #E4DDF4;
|
|
877
|
+
--radio-neutral-pressed-fg: #2F2A42;
|
|
878
|
+
--radio-neutral-pressed-border: #3D3754;
|
|
879
|
+
--radio-neutral-pressed-label-fg: #2F2A42;
|
|
880
|
+
--radio-success-ring: #14B8A6;
|
|
881
|
+
--radio-success-default-bg: #F0FDFA;
|
|
882
|
+
--radio-success-default-fg: #0F9E94;
|
|
883
|
+
--radio-success-default-border: #0F9E94;
|
|
884
|
+
--radio-success-default-label-fg: #0F766E;
|
|
885
|
+
--radio-success-hover-bg: #CCFBF1;
|
|
886
|
+
--radio-success-hover-fg: #0F766E;
|
|
887
|
+
--radio-success-hover-border: #0F766E;
|
|
888
|
+
--radio-success-hover-label-fg: #115E59;
|
|
889
|
+
--radio-success-pressed-bg: #99F6E4;
|
|
890
|
+
--radio-success-pressed-fg: #115E59;
|
|
891
|
+
--radio-success-pressed-border: #115E59;
|
|
892
|
+
--radio-success-pressed-label-fg: #134E4A;
|
|
893
|
+
--radio-warning-ring: #F59E0B;
|
|
894
|
+
--radio-warning-default-bg: #FFFBEB;
|
|
895
|
+
--radio-warning-default-fg: #D97706;
|
|
896
|
+
--radio-warning-default-border: #D97706;
|
|
897
|
+
--radio-warning-default-label-fg: #B45309;
|
|
898
|
+
--radio-warning-hover-bg: #FEF3C7;
|
|
899
|
+
--radio-warning-hover-fg: #B45309;
|
|
900
|
+
--radio-warning-hover-border: #B45309;
|
|
901
|
+
--radio-warning-hover-label-fg: #92400E;
|
|
902
|
+
--radio-warning-pressed-bg: #FDE68A;
|
|
903
|
+
--radio-warning-pressed-fg: #92400E;
|
|
904
|
+
--radio-warning-pressed-border: #92400E;
|
|
905
|
+
--radio-warning-pressed-label-fg: #78350F;
|
|
906
|
+
--radio-danger-ring: #F43F5E;
|
|
907
|
+
--radio-danger-default-bg: #FFF1F2;
|
|
908
|
+
--radio-danger-default-fg: #BE123C;
|
|
909
|
+
--radio-danger-default-border: #BE123C;
|
|
910
|
+
--radio-danger-default-label-fg: #BE123C;
|
|
911
|
+
--radio-danger-hover-bg: #FFE4E6;
|
|
912
|
+
--radio-danger-hover-fg: #9F1239;
|
|
913
|
+
--radio-danger-hover-border: #9F1239;
|
|
914
|
+
--radio-danger-hover-label-fg: #9F1239;
|
|
915
|
+
--radio-danger-pressed-bg: #FECDD3;
|
|
916
|
+
--radio-danger-pressed-fg: #881337;
|
|
917
|
+
--radio-danger-pressed-border: #881337;
|
|
918
|
+
--radio-danger-pressed-label-fg: #BE123C;
|
|
817
919
|
--radio-invalid-bg: #FFFFFF;
|
|
818
920
|
--radio-invalid-fg: #3D3754;
|
|
819
921
|
--radio-invalid-border: #E11D48;
|
|
@@ -823,6 +925,10 @@
|
|
|
823
925
|
--radio-disabled-bg: #F4F1FB;
|
|
824
926
|
--radio-disabled-fg: #958CB0;
|
|
825
927
|
--radio-disabled-border: #E4DDF4;
|
|
928
|
+
--radio-selected-disabled-bg: #F4F1FB;
|
|
929
|
+
--radio-selected-disabled-fg: #958CB0;
|
|
930
|
+
--radio-selected-disabled-border: #E4DDF4;
|
|
931
|
+
--radio-selected-disabled-label-fg: #958CB0;
|
|
826
932
|
--select-trigger-default-bg: transparent;
|
|
827
933
|
--select-trigger-default-fg: #3D3754;
|
|
828
934
|
--select-trigger-default-border: #BBB2D2;
|
|
@@ -1449,18 +1555,71 @@
|
|
|
1449
1555
|
--checkbox-hover-fg: #B8A8FF;
|
|
1450
1556
|
--checkbox-hover-border: #B8A8FF;
|
|
1451
1557
|
--checkbox-hover-label-fg: #9B7CFF;
|
|
1452
|
-
--checkbox-
|
|
1453
|
-
--checkbox-
|
|
1454
|
-
--checkbox-
|
|
1455
|
-
--checkbox-
|
|
1456
|
-
--checkbox-
|
|
1457
|
-
--checkbox-
|
|
1458
|
-
--checkbox-
|
|
1459
|
-
--checkbox-
|
|
1460
|
-
--checkbox-
|
|
1461
|
-
--checkbox-
|
|
1462
|
-
--checkbox-
|
|
1463
|
-
--checkbox-
|
|
1558
|
+
--checkbox-primary-ring: #9B7CFF;
|
|
1559
|
+
--checkbox-primary-default-bg: #6346E8;
|
|
1560
|
+
--checkbox-primary-default-fg: #F4F3FF;
|
|
1561
|
+
--checkbox-primary-default-border: #6346E8;
|
|
1562
|
+
--checkbox-primary-default-label-fg: #9B7CFF;
|
|
1563
|
+
--checkbox-primary-hover-bg: #5037C8;
|
|
1564
|
+
--checkbox-primary-hover-fg: #D4CCFF;
|
|
1565
|
+
--checkbox-primary-hover-border: #5037C8;
|
|
1566
|
+
--checkbox-primary-hover-label-fg: #9B7CFF;
|
|
1567
|
+
--checkbox-primary-pressed-bg: #402C9F;
|
|
1568
|
+
--checkbox-primary-pressed-fg: #B8A8FF;
|
|
1569
|
+
--checkbox-primary-pressed-border: #402C9F;
|
|
1570
|
+
--checkbox-primary-pressed-label-fg: #7352F8;
|
|
1571
|
+
--checkbox-neutral-ring: #958CB0;
|
|
1572
|
+
--checkbox-neutral-default-bg: #E4DDF4;
|
|
1573
|
+
--checkbox-neutral-default-fg: #181521;
|
|
1574
|
+
--checkbox-neutral-default-border: #E4DDF4;
|
|
1575
|
+
--checkbox-neutral-default-label-fg: #E4DDF4;
|
|
1576
|
+
--checkbox-neutral-hover-bg: #BBB2D2;
|
|
1577
|
+
--checkbox-neutral-hover-fg: #231F31;
|
|
1578
|
+
--checkbox-neutral-hover-border: #BBB2D2;
|
|
1579
|
+
--checkbox-neutral-hover-label-fg: #BBB2D2;
|
|
1580
|
+
--checkbox-neutral-pressed-bg: #958CB0;
|
|
1581
|
+
--checkbox-neutral-pressed-fg: #2F2A42;
|
|
1582
|
+
--checkbox-neutral-pressed-border: #958CB0;
|
|
1583
|
+
--checkbox-neutral-pressed-label-fg: #958CB0;
|
|
1584
|
+
--checkbox-success-ring: #14B8A6;
|
|
1585
|
+
--checkbox-success-default-bg: #14B8A6;
|
|
1586
|
+
--checkbox-success-default-fg: #042F2E;
|
|
1587
|
+
--checkbox-success-default-border: #14B8A6;
|
|
1588
|
+
--checkbox-success-default-label-fg: #2DD4BF;
|
|
1589
|
+
--checkbox-success-hover-bg: #0F9E94;
|
|
1590
|
+
--checkbox-success-hover-fg: #134E4A;
|
|
1591
|
+
--checkbox-success-hover-border: #0F9E94;
|
|
1592
|
+
--checkbox-success-hover-label-fg: #14B8A6;
|
|
1593
|
+
--checkbox-success-pressed-bg: #0F766E;
|
|
1594
|
+
--checkbox-success-pressed-fg: #115E59;
|
|
1595
|
+
--checkbox-success-pressed-border: #0F766E;
|
|
1596
|
+
--checkbox-success-pressed-label-fg: #0F9E94;
|
|
1597
|
+
--checkbox-warning-ring: #F59E0B;
|
|
1598
|
+
--checkbox-warning-default-bg: #F59E0B;
|
|
1599
|
+
--checkbox-warning-default-fg: #451A03;
|
|
1600
|
+
--checkbox-warning-default-border: #F59E0B;
|
|
1601
|
+
--checkbox-warning-default-label-fg: #FBBF24;
|
|
1602
|
+
--checkbox-warning-hover-bg: #D97706;
|
|
1603
|
+
--checkbox-warning-hover-fg: #78350F;
|
|
1604
|
+
--checkbox-warning-hover-border: #D97706;
|
|
1605
|
+
--checkbox-warning-hover-label-fg: #F59E0B;
|
|
1606
|
+
--checkbox-warning-pressed-bg: #B45309;
|
|
1607
|
+
--checkbox-warning-pressed-fg: #92400E;
|
|
1608
|
+
--checkbox-warning-pressed-border: #B45309;
|
|
1609
|
+
--checkbox-warning-pressed-label-fg: #D97706;
|
|
1610
|
+
--checkbox-danger-ring: #F43F5E;
|
|
1611
|
+
--checkbox-danger-default-bg: #BE123C;
|
|
1612
|
+
--checkbox-danger-default-fg: #FFF1F2;
|
|
1613
|
+
--checkbox-danger-default-border: #BE123C;
|
|
1614
|
+
--checkbox-danger-default-label-fg: #FB7185;
|
|
1615
|
+
--checkbox-danger-hover-bg: #9F1239;
|
|
1616
|
+
--checkbox-danger-hover-fg: #FECDD3;
|
|
1617
|
+
--checkbox-danger-hover-border: #9F1239;
|
|
1618
|
+
--checkbox-danger-hover-label-fg: #F43F5E;
|
|
1619
|
+
--checkbox-danger-pressed-bg: #881337;
|
|
1620
|
+
--checkbox-danger-pressed-fg: #FDA4AF;
|
|
1621
|
+
--checkbox-danger-pressed-border: #881337;
|
|
1622
|
+
--checkbox-danger-pressed-label-fg: #E11D48;
|
|
1464
1623
|
--checkbox-focus-ring: #B8A8FF;
|
|
1465
1624
|
--checkbox-disabled-bg: #2F2A42;
|
|
1466
1625
|
--checkbox-disabled-fg: #6B6386;
|
|
@@ -1646,22 +1805,71 @@
|
|
|
1646
1805
|
--radio-pressed-bg: #3D3754;
|
|
1647
1806
|
--radio-pressed-fg: #B8A8FF;
|
|
1648
1807
|
--radio-pressed-border: #B8A8FF;
|
|
1649
|
-
--radio-
|
|
1650
|
-
--radio-
|
|
1651
|
-
--radio-
|
|
1652
|
-
--radio-
|
|
1653
|
-
--radio-
|
|
1654
|
-
--radio-
|
|
1655
|
-
--radio-
|
|
1656
|
-
--radio-
|
|
1657
|
-
--radio-
|
|
1658
|
-
--radio-
|
|
1659
|
-
--radio-
|
|
1660
|
-
--radio-
|
|
1661
|
-
--radio-
|
|
1662
|
-
--radio-
|
|
1663
|
-
--radio-
|
|
1664
|
-
--radio-
|
|
1808
|
+
--radio-primary-ring: #9B7CFF;
|
|
1809
|
+
--radio-primary-default-bg: #21164F;
|
|
1810
|
+
--radio-primary-default-fg: #B8A8FF;
|
|
1811
|
+
--radio-primary-default-border: #7352F8;
|
|
1812
|
+
--radio-primary-default-label-fg: #9B7CFF;
|
|
1813
|
+
--radio-primary-hover-bg: #342580;
|
|
1814
|
+
--radio-primary-hover-fg: #D4CCFF;
|
|
1815
|
+
--radio-primary-hover-border: #9B7CFF;
|
|
1816
|
+
--radio-primary-hover-label-fg: #9B7CFF;
|
|
1817
|
+
--radio-primary-pressed-bg: #21164F;
|
|
1818
|
+
--radio-primary-pressed-fg: #9B7CFF;
|
|
1819
|
+
--radio-primary-pressed-border: #6346E8;
|
|
1820
|
+
--radio-primary-pressed-label-fg: #7352F8;
|
|
1821
|
+
--radio-neutral-ring: #958CB0;
|
|
1822
|
+
--radio-neutral-default-bg: #181521;
|
|
1823
|
+
--radio-neutral-default-fg: #E4DDF4;
|
|
1824
|
+
--radio-neutral-default-border: #BBB2D2;
|
|
1825
|
+
--radio-neutral-default-label-fg: #E4DDF4;
|
|
1826
|
+
--radio-neutral-hover-bg: #231F31;
|
|
1827
|
+
--radio-neutral-hover-fg: #F4F1FB;
|
|
1828
|
+
--radio-neutral-hover-border: #E4DDF4;
|
|
1829
|
+
--radio-neutral-hover-label-fg: #BBB2D2;
|
|
1830
|
+
--radio-neutral-pressed-bg: #181521;
|
|
1831
|
+
--radio-neutral-pressed-fg: #BBB2D2;
|
|
1832
|
+
--radio-neutral-pressed-border: #958CB0;
|
|
1833
|
+
--radio-neutral-pressed-label-fg: #958CB0;
|
|
1834
|
+
--radio-success-ring: #14B8A6;
|
|
1835
|
+
--radio-success-default-bg: #042F2E;
|
|
1836
|
+
--radio-success-default-fg: #14B8A6;
|
|
1837
|
+
--radio-success-default-border: #14B8A6;
|
|
1838
|
+
--radio-success-default-label-fg: #2DD4BF;
|
|
1839
|
+
--radio-success-hover-bg: #134E4A;
|
|
1840
|
+
--radio-success-hover-fg: #2DD4BF;
|
|
1841
|
+
--radio-success-hover-border: #2DD4BF;
|
|
1842
|
+
--radio-success-hover-label-fg: #14B8A6;
|
|
1843
|
+
--radio-success-pressed-bg: #042F2E;
|
|
1844
|
+
--radio-success-pressed-fg: #0F9E94;
|
|
1845
|
+
--radio-success-pressed-border: #0F9E94;
|
|
1846
|
+
--radio-success-pressed-label-fg: #0F9E94;
|
|
1847
|
+
--radio-warning-ring: #F59E0B;
|
|
1848
|
+
--radio-warning-default-bg: #451A03;
|
|
1849
|
+
--radio-warning-default-fg: #F59E0B;
|
|
1850
|
+
--radio-warning-default-border: #F59E0B;
|
|
1851
|
+
--radio-warning-default-label-fg: #FBBF24;
|
|
1852
|
+
--radio-warning-hover-bg: #78350F;
|
|
1853
|
+
--radio-warning-hover-fg: #FBBF24;
|
|
1854
|
+
--radio-warning-hover-border: #FBBF24;
|
|
1855
|
+
--radio-warning-hover-label-fg: #F59E0B;
|
|
1856
|
+
--radio-warning-pressed-bg: #451A03;
|
|
1857
|
+
--radio-warning-pressed-fg: #D97706;
|
|
1858
|
+
--radio-warning-pressed-border: #D97706;
|
|
1859
|
+
--radio-warning-pressed-label-fg: #D97706;
|
|
1860
|
+
--radio-danger-ring: #F43F5E;
|
|
1861
|
+
--radio-danger-default-bg: #4C0519;
|
|
1862
|
+
--radio-danger-default-fg: #FB7185;
|
|
1863
|
+
--radio-danger-default-border: #F43F5E;
|
|
1864
|
+
--radio-danger-default-label-fg: #FB7185;
|
|
1865
|
+
--radio-danger-hover-bg: #881337;
|
|
1866
|
+
--radio-danger-hover-fg: #FDA4AF;
|
|
1867
|
+
--radio-danger-hover-border: #FB7185;
|
|
1868
|
+
--radio-danger-hover-label-fg: #F43F5E;
|
|
1869
|
+
--radio-danger-pressed-bg: #4C0519;
|
|
1870
|
+
--radio-danger-pressed-fg: #F43F5E;
|
|
1871
|
+
--radio-danger-pressed-border: #E11D48;
|
|
1872
|
+
--radio-danger-pressed-label-fg: #E11D48;
|
|
1665
1873
|
--radio-focus-ring: #B8A8FF;
|
|
1666
1874
|
--radio-focus-border: #B8A8FF;
|
|
1667
1875
|
--radio-invalid-bg: #2F2A42;
|
|
@@ -1671,6 +1879,10 @@
|
|
|
1671
1879
|
--radio-disabled-bg: #2F2A42;
|
|
1672
1880
|
--radio-disabled-fg: #6B6386;
|
|
1673
1881
|
--radio-disabled-border: #3D3754;
|
|
1882
|
+
--radio-selected-disabled-bg: #2F2A42;
|
|
1883
|
+
--radio-selected-disabled-fg: #6B6386;
|
|
1884
|
+
--radio-selected-disabled-border: #3D3754;
|
|
1885
|
+
--radio-selected-disabled-label-fg: #6B6386;
|
|
1674
1886
|
--select-trigger-default-bg: transparent;
|
|
1675
1887
|
--select-trigger-default-fg: #F4F1FB;
|
|
1676
1888
|
--select-trigger-default-border: #4F4867;
|
|
@@ -2308,18 +2520,71 @@
|
|
|
2308
2520
|
--checkbox-hover-fg: #FBBF24;
|
|
2309
2521
|
--checkbox-hover-border: #FCD34D;
|
|
2310
2522
|
--checkbox-hover-label-fg: #FCD34D;
|
|
2311
|
-
--checkbox-
|
|
2312
|
-
--checkbox-
|
|
2313
|
-
--checkbox-
|
|
2314
|
-
--checkbox-
|
|
2315
|
-
--checkbox-
|
|
2316
|
-
--checkbox-
|
|
2317
|
-
--checkbox-
|
|
2318
|
-
--checkbox-
|
|
2319
|
-
--checkbox-
|
|
2320
|
-
--checkbox-
|
|
2321
|
-
--checkbox-
|
|
2322
|
-
--checkbox-
|
|
2523
|
+
--checkbox-primary-ring: #9B7CFF;
|
|
2524
|
+
--checkbox-primary-default-bg: #6346E8;
|
|
2525
|
+
--checkbox-primary-default-fg: #F4F3FF;
|
|
2526
|
+
--checkbox-primary-default-border: #6346E8;
|
|
2527
|
+
--checkbox-primary-default-label-fg: #B8A8FF;
|
|
2528
|
+
--checkbox-primary-hover-bg: #5037C8;
|
|
2529
|
+
--checkbox-primary-hover-fg: #D4CCFF;
|
|
2530
|
+
--checkbox-primary-hover-border: #5037C8;
|
|
2531
|
+
--checkbox-primary-hover-label-fg: #9B7CFF;
|
|
2532
|
+
--checkbox-primary-pressed-bg: #402C9F;
|
|
2533
|
+
--checkbox-primary-pressed-fg: #B8A8FF;
|
|
2534
|
+
--checkbox-primary-pressed-border: #402C9F;
|
|
2535
|
+
--checkbox-primary-pressed-label-fg: #7352F8;
|
|
2536
|
+
--checkbox-neutral-ring: #98A8BD;
|
|
2537
|
+
--checkbox-neutral-default-bg: #F7FBFF;
|
|
2538
|
+
--checkbox-neutral-default-fg: #0B1120;
|
|
2539
|
+
--checkbox-neutral-default-border: #F7FBFF;
|
|
2540
|
+
--checkbox-neutral-default-label-fg: #F7FBFF;
|
|
2541
|
+
--checkbox-neutral-hover-bg: #D8E4F2;
|
|
2542
|
+
--checkbox-neutral-hover-fg: #111C2E;
|
|
2543
|
+
--checkbox-neutral-hover-border: #D8E4F2;
|
|
2544
|
+
--checkbox-neutral-hover-label-fg: #E5E7EB;
|
|
2545
|
+
--checkbox-neutral-pressed-bg: #98A8BD;
|
|
2546
|
+
--checkbox-neutral-pressed-fg: #1E2A44;
|
|
2547
|
+
--checkbox-neutral-pressed-border: #98A8BD;
|
|
2548
|
+
--checkbox-neutral-pressed-label-fg: #C4D0DD;
|
|
2549
|
+
--checkbox-success-ring: #14B8A6;
|
|
2550
|
+
--checkbox-success-default-bg: #14B8A6;
|
|
2551
|
+
--checkbox-success-default-fg: #042F2E;
|
|
2552
|
+
--checkbox-success-default-border: #14B8A6;
|
|
2553
|
+
--checkbox-success-default-label-fg: #5EEAD4;
|
|
2554
|
+
--checkbox-success-hover-bg: #0F9E94;
|
|
2555
|
+
--checkbox-success-hover-fg: #134E4A;
|
|
2556
|
+
--checkbox-success-hover-border: #0F9E94;
|
|
2557
|
+
--checkbox-success-hover-label-fg: #2DD4BF;
|
|
2558
|
+
--checkbox-success-pressed-bg: #0F766E;
|
|
2559
|
+
--checkbox-success-pressed-fg: #115E59;
|
|
2560
|
+
--checkbox-success-pressed-border: #0F766E;
|
|
2561
|
+
--checkbox-success-pressed-label-fg: #14B8A6;
|
|
2562
|
+
--checkbox-warning-ring: #F59E0B;
|
|
2563
|
+
--checkbox-warning-default-bg: #F59E0B;
|
|
2564
|
+
--checkbox-warning-default-fg: #451A03;
|
|
2565
|
+
--checkbox-warning-default-border: #F59E0B;
|
|
2566
|
+
--checkbox-warning-default-label-fg: #F59E0B;
|
|
2567
|
+
--checkbox-warning-hover-bg: #D97706;
|
|
2568
|
+
--checkbox-warning-hover-fg: #78350F;
|
|
2569
|
+
--checkbox-warning-hover-border: #D97706;
|
|
2570
|
+
--checkbox-warning-hover-label-fg: #FBBF24;
|
|
2571
|
+
--checkbox-warning-pressed-bg: #B45309;
|
|
2572
|
+
--checkbox-warning-pressed-fg: #92400E;
|
|
2573
|
+
--checkbox-warning-pressed-border: #B45309;
|
|
2574
|
+
--checkbox-warning-pressed-label-fg: #D97706;
|
|
2575
|
+
--checkbox-danger-ring: #F43F5E;
|
|
2576
|
+
--checkbox-danger-default-bg: #BE123C;
|
|
2577
|
+
--checkbox-danger-default-fg: #FFF1F2;
|
|
2578
|
+
--checkbox-danger-default-border: #BE123C;
|
|
2579
|
+
--checkbox-danger-default-label-fg: #FB7185;
|
|
2580
|
+
--checkbox-danger-hover-bg: #E11D48;
|
|
2581
|
+
--checkbox-danger-hover-fg: #FECDD3;
|
|
2582
|
+
--checkbox-danger-hover-border: #E11D48;
|
|
2583
|
+
--checkbox-danger-hover-label-fg: #FECDD3;
|
|
2584
|
+
--checkbox-danger-pressed-bg: #9F1239;
|
|
2585
|
+
--checkbox-danger-pressed-fg: #FDA4AF;
|
|
2586
|
+
--checkbox-danger-pressed-border: #9F1239;
|
|
2587
|
+
--checkbox-danger-pressed-label-fg: #FDA4AF;
|
|
2323
2588
|
--checkbox-focus-ring: #FCD34D;
|
|
2324
2589
|
--checkbox-disabled-bg: #111827;
|
|
2325
2590
|
--checkbox-disabled-fg: #6B7280;
|
|
@@ -2505,22 +2770,71 @@
|
|
|
2505
2770
|
--radio-pressed-bg: #374151;
|
|
2506
2771
|
--radio-pressed-fg: #FFFFFF;
|
|
2507
2772
|
--radio-pressed-border: #FDE68A;
|
|
2508
|
-
--radio-
|
|
2509
|
-
--radio-
|
|
2510
|
-
--radio-
|
|
2511
|
-
--radio-
|
|
2512
|
-
--radio-
|
|
2513
|
-
--radio-
|
|
2514
|
-
--radio-
|
|
2515
|
-
--radio-
|
|
2516
|
-
--radio-
|
|
2517
|
-
--radio-
|
|
2518
|
-
--radio-
|
|
2519
|
-
--radio-
|
|
2520
|
-
--radio-
|
|
2521
|
-
--radio-
|
|
2522
|
-
--radio-
|
|
2523
|
-
--radio-
|
|
2773
|
+
--radio-primary-ring: #9B7CFF;
|
|
2774
|
+
--radio-primary-default-bg: #6346E8;
|
|
2775
|
+
--radio-primary-default-fg: #F4F3FF;
|
|
2776
|
+
--radio-primary-default-border: #6346E8;
|
|
2777
|
+
--radio-primary-default-label-fg: #B8A8FF;
|
|
2778
|
+
--radio-primary-hover-bg: #5037C8;
|
|
2779
|
+
--radio-primary-hover-fg: #D4CCFF;
|
|
2780
|
+
--radio-primary-hover-border: #5037C8;
|
|
2781
|
+
--radio-primary-hover-label-fg: #9B7CFF;
|
|
2782
|
+
--radio-primary-pressed-bg: #402C9F;
|
|
2783
|
+
--radio-primary-pressed-fg: #B8A8FF;
|
|
2784
|
+
--radio-primary-pressed-border: #402C9F;
|
|
2785
|
+
--radio-primary-pressed-label-fg: #7352F8;
|
|
2786
|
+
--radio-neutral-ring: #98A8BD;
|
|
2787
|
+
--radio-neutral-default-bg: #F7FBFF;
|
|
2788
|
+
--radio-neutral-default-fg: #0B1120;
|
|
2789
|
+
--radio-neutral-default-border: #F7FBFF;
|
|
2790
|
+
--radio-neutral-default-label-fg: #F7FBFF;
|
|
2791
|
+
--radio-neutral-hover-bg: #D8E4F2;
|
|
2792
|
+
--radio-neutral-hover-fg: #111C2E;
|
|
2793
|
+
--radio-neutral-hover-border: #D8E4F2;
|
|
2794
|
+
--radio-neutral-hover-label-fg: #E5E7EB;
|
|
2795
|
+
--radio-neutral-pressed-bg: #98A8BD;
|
|
2796
|
+
--radio-neutral-pressed-fg: #1E2A44;
|
|
2797
|
+
--radio-neutral-pressed-border: #98A8BD;
|
|
2798
|
+
--radio-neutral-pressed-label-fg: #C4D0DD;
|
|
2799
|
+
--radio-success-ring: #14B8A6;
|
|
2800
|
+
--radio-success-default-bg: #14B8A6;
|
|
2801
|
+
--radio-success-default-fg: #042F2E;
|
|
2802
|
+
--radio-success-default-border: #14B8A6;
|
|
2803
|
+
--radio-success-default-label-fg: #5EEAD4;
|
|
2804
|
+
--radio-success-hover-bg: #0F9E94;
|
|
2805
|
+
--radio-success-hover-fg: #134E4A;
|
|
2806
|
+
--radio-success-hover-border: #0F9E94;
|
|
2807
|
+
--radio-success-hover-label-fg: #2DD4BF;
|
|
2808
|
+
--radio-success-pressed-bg: #0F766E;
|
|
2809
|
+
--radio-success-pressed-fg: #115E59;
|
|
2810
|
+
--radio-success-pressed-border: #0F766E;
|
|
2811
|
+
--radio-success-pressed-label-fg: #14B8A6;
|
|
2812
|
+
--radio-warning-ring: #F59E0B;
|
|
2813
|
+
--radio-warning-default-bg: #F59E0B;
|
|
2814
|
+
--radio-warning-default-fg: #451A03;
|
|
2815
|
+
--radio-warning-default-border: #F59E0B;
|
|
2816
|
+
--radio-warning-default-label-fg: #F59E0B;
|
|
2817
|
+
--radio-warning-hover-bg: #D97706;
|
|
2818
|
+
--radio-warning-hover-fg: #78350F;
|
|
2819
|
+
--radio-warning-hover-border: #D97706;
|
|
2820
|
+
--radio-warning-hover-label-fg: #FBBF24;
|
|
2821
|
+
--radio-warning-pressed-bg: #B45309;
|
|
2822
|
+
--radio-warning-pressed-fg: #92400E;
|
|
2823
|
+
--radio-warning-pressed-border: #B45309;
|
|
2824
|
+
--radio-warning-pressed-label-fg: #D97706;
|
|
2825
|
+
--radio-danger-ring: #F43F5E;
|
|
2826
|
+
--radio-danger-default-bg: #BE123C;
|
|
2827
|
+
--radio-danger-default-fg: #FFF1F2;
|
|
2828
|
+
--radio-danger-default-border: #BE123C;
|
|
2829
|
+
--radio-danger-default-label-fg: #FB7185;
|
|
2830
|
+
--radio-danger-hover-bg: #E11D48;
|
|
2831
|
+
--radio-danger-hover-fg: #FECDD3;
|
|
2832
|
+
--radio-danger-hover-border: #E11D48;
|
|
2833
|
+
--radio-danger-hover-label-fg: #FECDD3;
|
|
2834
|
+
--radio-danger-pressed-bg: #9F1239;
|
|
2835
|
+
--radio-danger-pressed-fg: #FDA4AF;
|
|
2836
|
+
--radio-danger-pressed-border: #9F1239;
|
|
2837
|
+
--radio-danger-pressed-label-fg: #FDA4AF;
|
|
2524
2838
|
--radio-focus-ring: #FCD34D;
|
|
2525
2839
|
--radio-focus-border: #FCD34D;
|
|
2526
2840
|
--radio-invalid-bg: #000000;
|
|
@@ -2530,6 +2844,10 @@
|
|
|
2530
2844
|
--radio-disabled-bg: #111827;
|
|
2531
2845
|
--radio-disabled-fg: #6B7280;
|
|
2532
2846
|
--radio-disabled-border: #4B5563;
|
|
2847
|
+
--radio-selected-disabled-bg: #111827;
|
|
2848
|
+
--radio-selected-disabled-fg: #6B7280;
|
|
2849
|
+
--radio-selected-disabled-border: #4B5563;
|
|
2850
|
+
--radio-selected-disabled-label-fg: #6B7280;
|
|
2533
2851
|
--select-trigger-default-bg: transparent;
|
|
2534
2852
|
--select-trigger-default-fg: #FFFFFF;
|
|
2535
2853
|
--select-trigger-default-border: #9CA3AF;
|
|
@@ -2,9 +2,9 @@ export declare const button: {
|
|
|
2
2
|
readonly primary: {
|
|
3
3
|
readonly ring: string;
|
|
4
4
|
readonly solid: {
|
|
5
|
-
default: import("../../
|
|
6
|
-
hover: import("../../
|
|
7
|
-
pressed: import("../../
|
|
5
|
+
default: import("../../factories/createButtonPalette.js").ButtonState;
|
|
6
|
+
hover: import("../../factories/createButtonPalette.js").ButtonState;
|
|
7
|
+
pressed: import("../../factories/createButtonPalette.js").ButtonState;
|
|
8
8
|
};
|
|
9
9
|
readonly outline: {
|
|
10
10
|
readonly default: {
|
|
@@ -78,9 +78,9 @@ export declare const button: {
|
|
|
78
78
|
readonly neutral: {
|
|
79
79
|
readonly ring: string;
|
|
80
80
|
readonly solid: {
|
|
81
|
-
default: import("../../
|
|
82
|
-
hover: import("../../
|
|
83
|
-
pressed: import("../../
|
|
81
|
+
default: import("../../factories/createButtonPalette.js").ButtonState;
|
|
82
|
+
hover: import("../../factories/createButtonPalette.js").ButtonState;
|
|
83
|
+
pressed: import("../../factories/createButtonPalette.js").ButtonState;
|
|
84
84
|
};
|
|
85
85
|
readonly outline: {
|
|
86
86
|
readonly default: {
|
|
@@ -154,9 +154,9 @@ export declare const button: {
|
|
|
154
154
|
readonly success: {
|
|
155
155
|
readonly ring: string;
|
|
156
156
|
readonly solid: {
|
|
157
|
-
default: import("../../
|
|
158
|
-
hover: import("../../
|
|
159
|
-
pressed: import("../../
|
|
157
|
+
default: import("../../factories/createButtonPalette.js").ButtonState;
|
|
158
|
+
hover: import("../../factories/createButtonPalette.js").ButtonState;
|
|
159
|
+
pressed: import("../../factories/createButtonPalette.js").ButtonState;
|
|
160
160
|
};
|
|
161
161
|
readonly outline: {
|
|
162
162
|
readonly default: {
|
|
@@ -230,9 +230,9 @@ export declare const button: {
|
|
|
230
230
|
readonly warning: {
|
|
231
231
|
readonly ring: string;
|
|
232
232
|
readonly solid: {
|
|
233
|
-
default: import("../../
|
|
234
|
-
hover: import("../../
|
|
235
|
-
pressed: import("../../
|
|
233
|
+
default: import("../../factories/createButtonPalette.js").ButtonState;
|
|
234
|
+
hover: import("../../factories/createButtonPalette.js").ButtonState;
|
|
235
|
+
pressed: import("../../factories/createButtonPalette.js").ButtonState;
|
|
236
236
|
};
|
|
237
237
|
readonly outline: {
|
|
238
238
|
readonly default: {
|
|
@@ -306,9 +306,9 @@ export declare const button: {
|
|
|
306
306
|
readonly danger: {
|
|
307
307
|
readonly ring: string;
|
|
308
308
|
readonly solid: {
|
|
309
|
-
default: import("../../
|
|
310
|
-
hover: import("../../
|
|
311
|
-
pressed: import("../../
|
|
309
|
+
default: import("../../factories/createButtonPalette.js").ButtonState;
|
|
310
|
+
hover: import("../../factories/createButtonPalette.js").ButtonState;
|
|
311
|
+
pressed: import("../../factories/createButtonPalette.js").ButtonState;
|
|
312
312
|
};
|
|
313
313
|
readonly outline: {
|
|
314
314
|
readonly default: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { createButtonPalette } from '../../factories/createButtonPalette.js';
|
|
1
2
|
import { colors } from '../../primitives/colors.js';
|
|
2
|
-
import { createButtonPalette } from '../../utils/createButtonPalette.js';
|
|
3
3
|
import { border } from '../semantic/border.js';
|
|
4
4
|
import { surface } from '../semantic/surface.js';
|
|
5
5
|
import { text } from '../semantic/text.js';
|