@dialpad/dialtone-css 8.45.2 → 8.45.3

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 (20) hide show
  1. package/lib/build/less/components/badge.less +1 -1
  2. package/lib/build/less/components/input.less +1 -1
  3. package/lib/build/less/components/modal.less +5 -0
  4. package/lib/build/less/components/popover.less +3 -0
  5. package/lib/build/less/components/radio-checkbox.less +1 -1
  6. package/lib/dist/dialtone-default-theme.css +84 -81
  7. package/lib/dist/dialtone-default-theme.min.css +1 -1
  8. package/lib/dist/dialtone.css +7 -4
  9. package/lib/dist/dialtone.min.css +1 -1
  10. package/lib/dist/tokens/tokens-base-dark.css +49 -49
  11. package/lib/dist/tokens/tokens-base-light.css +42 -42
  12. package/lib/dist/tokens/tokens-dp-dark.css +35 -35
  13. package/lib/dist/tokens/tokens-dp-light.css +35 -35
  14. package/lib/dist/tokens/tokens-expressive-dark.css +35 -35
  15. package/lib/dist/tokens/tokens-expressive-light.css +35 -35
  16. package/lib/dist/tokens/tokens-expressive-sm-dark.css +35 -35
  17. package/lib/dist/tokens/tokens-expressive-sm-light.css +35 -35
  18. package/lib/dist/tokens/tokens-tmo-dark.css +35 -35
  19. package/lib/dist/tokens/tokens-tmo-light.css +35 -35
  20. package/package.json +2 -2
package/lib/dist/tokens/tokens-base-dark.css CHANGED
@@ -18,8 +18,29 @@
18
18
  --dt-shadow-card-5-blur: 0rem;
19
19
  --dt-shadow-card-4-type: dropShadow;
20
20
  --dt-shadow-card-3-type: dropShadow;
21
+ --dt-shadow-card-3-color-h: 0;
22
+ --dt-shadow-card-3-color-s: 0%;
23
+ --dt-shadow-card-3-color-l: 0%;
24
+ --dt-shadow-card-3-color-a: 58%;
25
+ --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
26
+ --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 58%));
27
+ --dt-shadow-card-3-color: #00000094;
21
28
  --dt-shadow-card-2-type: dropShadow;
29
+ --dt-shadow-card-2-color-h: 0;
30
+ --dt-shadow-card-2-color-s: 0%;
31
+ --dt-shadow-card-2-color-l: 0%;
32
+ --dt-shadow-card-2-color-a: 45%;
33
+ --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
34
+ --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 45%));
35
+ --dt-shadow-card-2-color: #00000073;
22
36
  --dt-shadow-card-1-type: dropShadow;
37
+ --dt-shadow-card-1-color-h: 0;
38
+ --dt-shadow-card-1-color-s: 0%;
39
+ --dt-shadow-card-1-color-l: 0%;
40
+ --dt-shadow-card-1-color-a: 35%;
41
+ --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
42
+ --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 35%));
43
+ --dt-shadow-card-1-color: #00000059;
23
44
  --dt-shadow-extra-large-5-type: dropShadow;
24
45
  --dt-shadow-extra-large-5-spread: 0rem;
25
46
  --dt-shadow-extra-large-5-blur: 0rem;
@@ -31,6 +52,13 @@
31
52
  --dt-shadow-extra-large-3-blur: 0rem;
32
53
  --dt-shadow-extra-large-2-type: dropShadow;
33
54
  --dt-shadow-extra-large-1-type: dropShadow;
55
+ --dt-shadow-extra-large-1-color-h: 0;
56
+ --dt-shadow-extra-large-1-color-s: 0%;
57
+ --dt-shadow-extra-large-1-color-l: 0%;
58
+ --dt-shadow-extra-large-1-color-a: 55%;
59
+ --dt-shadow-extra-large-1-color-hsl: var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l);
60
+ --dt-shadow-extra-large-1-color-hsla: hsl(var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l) / var(--alpha, 55%));
61
+ --dt-shadow-extra-large-1-color: #0000008c;
34
62
  --dt-shadow-large-5-type: dropShadow;
35
63
  --dt-shadow-large-5-spread: 0rem;
36
64
  --dt-shadow-large-5-blur: 0rem;
@@ -42,6 +70,13 @@
42
70
  --dt-shadow-large-3-blur: 0rem;
43
71
  --dt-shadow-large-2-type: dropShadow;
44
72
  --dt-shadow-large-1-type: dropShadow;
73
+ --dt-shadow-large-1-color-h: 0;
74
+ --dt-shadow-large-1-color-s: 0%;
75
+ --dt-shadow-large-1-color-l: 0%;
76
+ --dt-shadow-large-1-color-a: 55%;
77
+ --dt-shadow-large-1-color-hsl: var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l);
78
+ --dt-shadow-large-1-color-hsla: hsl(var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l) / var(--alpha, 55%));
79
+ --dt-shadow-large-1-color: #0000008c;
45
80
  --dt-shadow-medium-5-type: dropShadow;
46
81
  --dt-shadow-medium-5-spread: 0rem;
47
82
  --dt-shadow-medium-5-blur: 0rem;
@@ -53,6 +88,13 @@
53
88
  --dt-shadow-medium-3-blur: 0rem;
54
89
  --dt-shadow-medium-2-type: dropShadow;
55
90
  --dt-shadow-medium-1-type: dropShadow;
91
+ --dt-shadow-medium-1-color-h: 0;
92
+ --dt-shadow-medium-1-color-s: 0%;
93
+ --dt-shadow-medium-1-color-l: 0%;
94
+ --dt-shadow-medium-1-color-a: 55%;
95
+ --dt-shadow-medium-1-color-hsl: var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l);
96
+ --dt-shadow-medium-1-color-hsla: hsl(var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l) / var(--alpha, 55%));
97
+ --dt-shadow-medium-1-color: #0000008c;
56
98
  --dt-shadow-small-5-type: dropShadow;
57
99
  --dt-shadow-small-5-spread: 0rem;
58
100
  --dt-shadow-small-5-blur: 0rem;
@@ -64,6 +106,13 @@
64
106
  --dt-shadow-small-3-blur: 0rem;
65
107
  --dt-shadow-small-2-type: dropShadow;
66
108
  --dt-shadow-small-1-type: dropShadow;
109
+ --dt-shadow-small-1-color-h: 0;
110
+ --dt-shadow-small-1-color-s: 0%;
111
+ --dt-shadow-small-1-color-l: 0%;
112
+ --dt-shadow-small-1-color-a: 45%;
113
+ --dt-shadow-small-1-color-hsl: var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l);
114
+ --dt-shadow-small-1-color-hsla: hsl(var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l) / var(--alpha, 45%));
115
+ --dt-shadow-small-1-color: #00000073;
67
116
  --dt-opacity-1300: 1;
68
117
  --dt-opacity-1200: .9;
69
118
  --dt-opacity-1100: .8;
@@ -742,35 +791,14 @@
742
791
  --dt-shadow-card-4-blur: var(--dt-size-0);
743
792
  --dt-shadow-card-3-offset-y: var(--dt-size-200);
744
793
  --dt-shadow-card-3-offset-x: var(--dt-size-0);
745
- --dt-shadow-card-3-color-h: 0;
746
- --dt-shadow-card-3-color-s: 0%;
747
- --dt-shadow-card-3-color-l: 0%;
748
- --dt-shadow-card-3-color-a: 58%;
749
- --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
750
- --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 58%));
751
- --dt-shadow-card-3-color: rgba(0, 0, 0, 0.58);
752
794
  --dt-shadow-card-3-spread: var(--dt-size-0);
753
795
  --dt-shadow-card-3-blur: var(--dt-size-500);
754
796
  --dt-shadow-card-2-offset-y: var(--dt-size-200);
755
797
  --dt-shadow-card-2-offset-x: var(--dt-size-0);
756
- --dt-shadow-card-2-color-h: 0;
757
- --dt-shadow-card-2-color-s: 0%;
758
- --dt-shadow-card-2-color-l: 0%;
759
- --dt-shadow-card-2-color-a: 45%;
760
- --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
761
- --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 45%));
762
- --dt-shadow-card-2-color: rgba(0, 0, 0, 0.45);
763
798
  --dt-shadow-card-2-spread: var(--dt-size-0);
764
799
  --dt-shadow-card-2-blur: var(--dt-size-300);
765
800
  --dt-shadow-card-1-offset-y: var(--dt-size-100);
766
801
  --dt-shadow-card-1-offset-x: var(--dt-size-0);
767
- --dt-shadow-card-1-color-h: 0;
768
- --dt-shadow-card-1-color-s: 0%;
769
- --dt-shadow-card-1-color-l: 0%;
770
- --dt-shadow-card-1-color-a: 35%;
771
- --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
772
- --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 35%));
773
- --dt-shadow-card-1-color: rgba(0, 0, 0, 0.35);
774
802
  --dt-shadow-card-1-spread: var(--dt-size-0);
775
803
  --dt-shadow-card-1-blur: var(--dt-size-200);
776
804
  --dt-shadow-extra-large-5-offset-y: var(--dt-size-50-negative);
@@ -813,13 +841,6 @@
813
841
  --dt-shadow-extra-large-2-blur: var(--dt-size-0);
814
842
  --dt-shadow-extra-large-1-offset-y: var(--dt-size-200);
815
843
  --dt-shadow-extra-large-1-offset-x: var(--dt-size-0);
816
- --dt-shadow-extra-large-1-color-h: 0;
817
- --dt-shadow-extra-large-1-color-s: 0%;
818
- --dt-shadow-extra-large-1-color-l: 0%;
819
- --dt-shadow-extra-large-1-color-a: 55%;
820
- --dt-shadow-extra-large-1-color-hsl: var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l);
821
- --dt-shadow-extra-large-1-color-hsla: hsl(var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l) / var(--alpha, 55%));
822
- --dt-shadow-extra-large-1-color: rgba(0, 0, 0, 0.55);
823
844
  --dt-shadow-extra-large-1-spread: var(--dt-size-0);
824
845
  --dt-shadow-extra-large-1-blur: var(--dt-size-600);
825
846
  --dt-shadow-large-5-offset-y: var(--dt-size-50-negative);
@@ -862,13 +883,6 @@
862
883
  --dt-shadow-large-2-blur: var(--dt-size-0);
863
884
  --dt-shadow-large-1-offset-y: var(--dt-size-200);
864
885
  --dt-shadow-large-1-offset-x: var(--dt-size-0);
865
- --dt-shadow-large-1-color-h: 0;
866
- --dt-shadow-large-1-color-s: 0%;
867
- --dt-shadow-large-1-color-l: 0%;
868
- --dt-shadow-large-1-color-a: 55%;
869
- --dt-shadow-large-1-color-hsl: var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l);
870
- --dt-shadow-large-1-color-hsla: hsl(var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l) / var(--alpha, 55%));
871
- --dt-shadow-large-1-color: rgba(0, 0, 0, 0.55);
872
886
  --dt-shadow-large-1-spread: var(--dt-size-0);
873
887
  --dt-shadow-large-1-blur: var(--dt-size-500);
874
888
  --dt-shadow-medium-5-offset-y: var(--dt-size-50-negative);
@@ -911,13 +925,6 @@
911
925
  --dt-shadow-medium-2-blur: var(--dt-size-0);
912
926
  --dt-shadow-medium-1-offset-y: var(--dt-size-200);
913
927
  --dt-shadow-medium-1-offset-x: var(--dt-size-0);
914
- --dt-shadow-medium-1-color-h: 0;
915
- --dt-shadow-medium-1-color-s: 0%;
916
- --dt-shadow-medium-1-color-l: 0%;
917
- --dt-shadow-medium-1-color-a: 55%;
918
- --dt-shadow-medium-1-color-hsl: var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l);
919
- --dt-shadow-medium-1-color-hsla: hsl(var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l) / var(--alpha, 55%));
920
- --dt-shadow-medium-1-color: rgba(0, 0, 0, 0.55);
921
928
  --dt-shadow-medium-1-spread: var(--dt-size-0);
922
929
  --dt-shadow-medium-1-blur: var(--dt-size-400);
923
930
  --dt-shadow-small-5-offset-y: var(--dt-size-50-negative);
@@ -960,13 +967,6 @@
960
967
  --dt-shadow-small-2-blur: var(--dt-size-0);
961
968
  --dt-shadow-small-1-offset-y: var(--dt-size-200);
962
969
  --dt-shadow-small-1-offset-x: var(--dt-size-0);
963
- --dt-shadow-small-1-color-h: 0;
964
- --dt-shadow-small-1-color-s: 0%;
965
- --dt-shadow-small-1-color-l: 0%;
966
- --dt-shadow-small-1-color-a: 45%;
967
- --dt-shadow-small-1-color-hsl: var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l);
968
- --dt-shadow-small-1-color-hsla: hsl(var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l) / var(--alpha, 45%));
969
- --dt-shadow-small-1-color: rgba(0, 0, 0, 0.45);
970
970
  --dt-shadow-small-1-spread: var(--dt-size-0);
971
971
  --dt-shadow-small-1-blur: var(--dt-size-300);
972
972
  --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;
package/lib/dist/tokens/tokens-base-light.css CHANGED
@@ -8,12 +8,54 @@
8
8
  --dt-shadow-focus-2-type: dropShadow;
9
9
  --dt-shadow-focus-1-type: dropShadow;
10
10
  --dt-shadow-card-3-type: dropShadow;
11
+ --dt-shadow-card-3-color-h: 0;
12
+ --dt-shadow-card-3-color-s: 0%;
13
+ --dt-shadow-card-3-color-l: 0%;
14
+ --dt-shadow-card-3-color-a: 8%;
15
+ --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
16
+ --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 8%));
17
+ --dt-shadow-card-3-color: #00000014;
11
18
  --dt-shadow-card-2-type: dropShadow;
19
+ --dt-shadow-card-2-color-h: 0;
20
+ --dt-shadow-card-2-color-s: 0%;
21
+ --dt-shadow-card-2-color-l: 0%;
22
+ --dt-shadow-card-2-color-a: 4%;
23
+ --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
24
+ --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 4%));
25
+ --dt-shadow-card-2-color: #0000000a;
12
26
  --dt-shadow-card-1-type: dropShadow;
27
+ --dt-shadow-card-1-color-h: 0;
28
+ --dt-shadow-card-1-color-s: 0%;
29
+ --dt-shadow-card-1-color-l: 0%;
30
+ --dt-shadow-card-1-color-a: 3%;
31
+ --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
32
+ --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 3%));
33
+ --dt-shadow-card-1-color: #00000008;
13
34
  --dt-shadow-extra-large-type: dropShadow;
35
+ --dt-shadow-extra-large-color-h: 0;
36
+ --dt-shadow-extra-large-color-s: 0%;
37
+ --dt-shadow-extra-large-color-l: 0%;
38
+ --dt-shadow-extra-large-color-a: 30%;
39
+ --dt-shadow-extra-large-color-hsl: var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l);
40
+ --dt-shadow-extra-large-color-hsla: hsl(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 30%));
41
+ --dt-shadow-extra-large-color: #0000004d;
14
42
  --dt-shadow-large-type: dropShadow;
15
43
  --dt-shadow-medium-type: dropShadow;
44
+ --dt-shadow-medium-color-h: 0;
45
+ --dt-shadow-medium-color-s: 0%;
46
+ --dt-shadow-medium-color-l: 0%;
47
+ --dt-shadow-medium-color-a: 25%;
48
+ --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
49
+ --dt-shadow-medium-color-hsla: hsl(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 25%));
50
+ --dt-shadow-medium-color: #00000040;
16
51
  --dt-shadow-small-type: dropShadow;
52
+ --dt-shadow-small-color-h: 0;
53
+ --dt-shadow-small-color-s: 0%;
54
+ --dt-shadow-small-color-l: 0%;
55
+ --dt-shadow-small-color-a: 15%;
56
+ --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
57
+ --dt-shadow-small-color-hsla: hsl(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 15%));
58
+ --dt-shadow-small-color: #00000026;
17
59
  --dt-opacity-1300: 1;
18
60
  --dt-opacity-1200: .9;
19
61
  --dt-opacity-1100: .8;
@@ -654,46 +696,18 @@
654
696
  --dt-shadow-focus-1-blur: var(--dt-size-0);
655
697
  --dt-shadow-card-3-offset-y: var(--dt-size-200);
656
698
  --dt-shadow-card-3-offset-x: var(--dt-size-0);
657
- --dt-shadow-card-3-color-h: 0;
658
- --dt-shadow-card-3-color-s: 0%;
659
- --dt-shadow-card-3-color-l: 0%;
660
- --dt-shadow-card-3-color-a: 8%;
661
- --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
662
- --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 8%));
663
- --dt-shadow-card-3-color: rgba(0, 0, 0, 0.08);
664
699
  --dt-shadow-card-3-spread: var(--dt-size-0);
665
700
  --dt-shadow-card-3-blur: var(--dt-size-500);
666
701
  --dt-shadow-card-2-offset-y: var(--dt-size-200);
667
702
  --dt-shadow-card-2-offset-x: var(--dt-size-0);
668
- --dt-shadow-card-2-color-h: 0;
669
- --dt-shadow-card-2-color-s: 0%;
670
- --dt-shadow-card-2-color-l: 0%;
671
- --dt-shadow-card-2-color-a: 4%;
672
- --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
673
- --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 4%));
674
- --dt-shadow-card-2-color: rgba(0, 0, 0, 0.04);
675
703
  --dt-shadow-card-2-spread: var(--dt-size-0);
676
704
  --dt-shadow-card-2-blur: var(--dt-size-300);
677
705
  --dt-shadow-card-1-offset-y: var(--dt-size-100);
678
706
  --dt-shadow-card-1-offset-x: var(--dt-size-0);
679
- --dt-shadow-card-1-color-h: 0;
680
- --dt-shadow-card-1-color-s: 0%;
681
- --dt-shadow-card-1-color-l: 0%;
682
- --dt-shadow-card-1-color-a: 3%;
683
- --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
684
- --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 3%));
685
- --dt-shadow-card-1-color: rgba(0, 0, 0, 0.03);
686
707
  --dt-shadow-card-1-spread: var(--dt-size-0);
687
708
  --dt-shadow-card-1-blur: var(--dt-size-200);
688
709
  --dt-shadow-extra-large-offset-y: var(--dt-size-200);
689
710
  --dt-shadow-extra-large-offset-x: var(--dt-size-0);
690
- --dt-shadow-extra-large-color-h: 0;
691
- --dt-shadow-extra-large-color-s: 0%;
692
- --dt-shadow-extra-large-color-l: 0%;
693
- --dt-shadow-extra-large-color-a: 30%;
694
- --dt-shadow-extra-large-color-hsl: var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l);
695
- --dt-shadow-extra-large-color-hsla: hsl(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 30%));
696
- --dt-shadow-extra-large-color: rgba(0, 0, 0, 0.3);
697
711
  --dt-shadow-extra-large-spread: var(--dt-size-0);
698
712
  --dt-shadow-extra-large-blur: var(--dt-size-600);
699
713
  --dt-shadow-large-offset-y: var(--dt-size-200);
@@ -709,24 +723,10 @@
709
723
  --dt-shadow-large-blur: var(--dt-size-500);
710
724
  --dt-shadow-medium-offset-y: var(--dt-size-200);
711
725
  --dt-shadow-medium-offset-x: var(--dt-size-0);
712
- --dt-shadow-medium-color-h: 0;
713
- --dt-shadow-medium-color-s: 0%;
714
- --dt-shadow-medium-color-l: 0%;
715
- --dt-shadow-medium-color-a: 25%;
716
- --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
717
- --dt-shadow-medium-color-hsla: hsl(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 25%));
718
- --dt-shadow-medium-color: rgba(0, 0, 0, 0.25);
719
726
  --dt-shadow-medium-spread: var(--dt-size-0);
720
727
  --dt-shadow-medium-blur: var(--dt-size-400);
721
728
  --dt-shadow-small-offset-y: var(--dt-size-200);
722
729
  --dt-shadow-small-offset-x: var(--dt-size-0);
723
- --dt-shadow-small-color-h: 0;
724
- --dt-shadow-small-color-s: 0%;
725
- --dt-shadow-small-color-l: 0%;
726
- --dt-shadow-small-color-a: 15%;
727
- --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
728
- --dt-shadow-small-color-hsla: hsl(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 15%));
729
- --dt-shadow-small-color: rgba(0, 0, 0, 0.15);
730
730
  --dt-shadow-small-spread: var(--dt-size-0);
731
731
  --dt-shadow-small-blur: var(--dt-size-300);
732
732
  --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;
package/lib/dist/tokens/tokens-dp-dark.css CHANGED
@@ -145,13 +145,6 @@
145
145
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
146
146
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
147
147
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
148
- --dt-radio-color-border-unchecked-h: var(--dt-color-black-500-h);
149
- --dt-radio-color-border-unchecked-s: var(--dt-color-black-500-s);
150
- --dt-radio-color-border-unchecked-l: var(--dt-color-black-500-l);
151
- --dt-radio-color-border-unchecked-a: var(--dt-color-black-500-a);
152
- --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
153
- --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
154
- --dt-radio-color-border-unchecked: var(--dt-color-black-500);
155
148
  --dt-radio-size-width: var(--dt-size-500);
156
149
  --dt-icon-size-border-100: var(--dt-size-border-100);
157
150
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -161,13 +154,6 @@
161
154
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
162
155
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
163
156
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
164
- --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-500-h);
165
- --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-500-s);
166
- --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-500-l);
167
- --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-500-a);
168
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
169
- --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
170
- --dt-checkbox-color-border-unchecked: var(--dt-color-black-500);
171
157
  --dt-checkbox-size-width: var(--dt-size-500);
172
158
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
173
159
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -1288,6 +1274,13 @@
1288
1274
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1289
1275
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1290
1276
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1277
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1278
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1279
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1280
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1281
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1282
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1283
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
1291
1284
  --dt-radio-size-height: var(--dt-radio-size-width);
1292
1285
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
1293
1286
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1310,6 +1303,13 @@
1310
1303
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1311
1304
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1312
1305
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1306
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1307
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1308
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1309
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1310
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1311
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1312
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
1313
1313
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1314
1314
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1315
1315
  --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
@@ -1570,20 +1570,20 @@
1570
1570
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1571
1571
  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
1572
1572
  --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
1573
- --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1574
- --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1575
- --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1576
- --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1577
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1578
- --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1579
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1580
- --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1581
- --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1582
- --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1583
- --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1584
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1585
- --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1586
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1573
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1574
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1575
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
1576
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
1577
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
1578
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
1579
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
1580
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
1581
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
1582
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
1583
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
1584
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
1585
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
1586
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
1587
1587
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1588
1588
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1589
1589
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1738,13 +1738,13 @@
1738
1738
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1739
1739
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1740
1740
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1741
- --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1742
- --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1743
- --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1744
- --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1745
- --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1746
- --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1747
- --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1741
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
1742
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
1743
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
1744
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
1745
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
1746
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
1747
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
1748
1748
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1749
1749
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1750
1750
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
package/lib/dist/tokens/tokens-dp-light.css CHANGED
@@ -145,13 +145,6 @@
145
145
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
146
146
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
147
147
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
148
- --dt-radio-color-border-unchecked-h: var(--dt-color-black-400-h);
149
- --dt-radio-color-border-unchecked-s: var(--dt-color-black-400-s);
150
- --dt-radio-color-border-unchecked-l: var(--dt-color-black-400-l);
151
- --dt-radio-color-border-unchecked-a: var(--dt-color-black-400-a);
152
- --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
153
- --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
154
- --dt-radio-color-border-unchecked: var(--dt-color-black-400);
155
148
  --dt-radio-size-width: var(--dt-size-500);
156
149
  --dt-icon-size-border-100: var(--dt-size-border-100);
157
150
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -161,13 +154,6 @@
161
154
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
162
155
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
163
156
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
164
- --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-400-h);
165
- --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-400-s);
166
- --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-400-l);
167
- --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-400-a);
168
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
169
- --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
170
- --dt-checkbox-color-border-unchecked: var(--dt-color-black-400);
171
157
  --dt-checkbox-size-width: var(--dt-size-500);
172
158
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
173
159
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -1309,6 +1295,13 @@
1309
1295
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1310
1296
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1311
1297
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1298
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1299
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1300
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1301
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1302
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1303
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1304
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
1312
1305
  --dt-radio-size-height: var(--dt-radio-size-width);
1313
1306
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
1314
1307
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1331,6 +1324,13 @@
1331
1324
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1332
1325
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1333
1326
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1327
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1328
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1329
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1330
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1331
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1332
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1333
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
1334
1334
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1335
1335
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1336
1336
  --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
@@ -1591,20 +1591,20 @@
1591
1591
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1592
1592
  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
1593
1593
  --dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
1594
- --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1595
- --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1596
- --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1597
- --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1598
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1599
- --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1600
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1601
- --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1602
- --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1603
- --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1604
- --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1605
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1606
- --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1607
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1594
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1595
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1596
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
1597
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
1598
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
1599
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
1600
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
1601
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
1602
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
1603
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
1604
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
1605
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
1606
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
1607
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
1608
1608
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1609
1609
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1610
1610
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1759,13 +1759,13 @@
1759
1759
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1760
1760
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1761
1761
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1762
- --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1763
- --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1764
- --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1765
- --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1766
- --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1767
- --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1768
- --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1762
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
1763
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
1764
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
1765
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
1766
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
1767
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
1768
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
1769
1769
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1770
1770
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1771
1771
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
package/lib/dist/tokens/tokens-expressive-dark.css CHANGED
@@ -145,13 +145,6 @@
145
145
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
146
146
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
147
147
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
148
- --dt-radio-color-border-unchecked-h: var(--dt-color-black-500-h);
149
- --dt-radio-color-border-unchecked-s: var(--dt-color-black-500-s);
150
- --dt-radio-color-border-unchecked-l: var(--dt-color-black-500-l);
151
- --dt-radio-color-border-unchecked-a: var(--dt-color-black-500-a);
152
- --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
153
- --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
154
- --dt-radio-color-border-unchecked: var(--dt-color-black-500);
155
148
  --dt-radio-size-width: var(--dt-size-500);
156
149
  --dt-icon-size-border-100: var(--dt-size-border-100);
157
150
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -161,13 +154,6 @@
161
154
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
162
155
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
163
156
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
164
- --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-500-h);
165
- --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-500-s);
166
- --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-500-l);
167
- --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-500-a);
168
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
169
- --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
170
- --dt-checkbox-color-border-unchecked: var(--dt-color-black-500);
171
157
  --dt-checkbox-size-width: var(--dt-size-500);
172
158
  --dt-badge-color-border-bulletin-subtle-h: 255;
173
159
  --dt-badge-color-border-bulletin-subtle-s: 100%;
@@ -1252,6 +1238,13 @@
1252
1238
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1253
1239
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1254
1240
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1241
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1242
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1243
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1244
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1245
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1246
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1247
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
1255
1248
  --dt-radio-size-height: var(--dt-radio-size-width);
1256
1249
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
1257
1250
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1274,6 +1267,13 @@
1274
1267
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1275
1268
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1276
1269
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1270
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1271
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1272
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1273
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1274
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1275
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1276
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
1277
1277
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1278
1278
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1279
1279
  --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
@@ -1522,20 +1522,20 @@
1522
1522
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1523
1523
  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
1524
1524
  --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
1525
- --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1526
- --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1527
- --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1528
- --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1529
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1530
- --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1531
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1532
- --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1533
- --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1534
- --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1535
- --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1536
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1537
- --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1538
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1525
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1526
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1527
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
1528
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
1529
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
1530
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
1531
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
1532
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
1533
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
1534
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
1535
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
1536
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
1537
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
1538
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
1539
1539
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1540
1540
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1541
1541
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1690,13 +1690,13 @@
1690
1690
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1691
1691
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1692
1692
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1693
- --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1694
- --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1695
- --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1696
- --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1697
- --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1698
- --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1699
- --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1693
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
1694
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
1695
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
1696
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
1697
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
1698
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
1699
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
1700
1700
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1701
1701
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1702
1702
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);