@dialpad/dialtone-css 8.45.2 → 8.46.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 (22) hide show
  1. package/lib/build/less/components/badge.less +1 -1
  2. package/lib/build/less/components/input.less +10 -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 +124 -89
  7. package/lib/dist/dialtone-default-theme.min.css +1 -1
  8. package/lib/dist/dialtone.css +39 -4
  9. package/lib/dist/dialtone.min.css +1 -1
  10. package/lib/dist/tokens/tokens-base-dark.css +50 -50
  11. package/lib/dist/tokens/tokens-base-light.css +50 -50
  12. package/lib/dist/tokens/tokens-debug-base.css +777 -0
  13. package/lib/dist/tokens/tokens-debug-dp.css +2131 -0
  14. package/lib/dist/tokens/tokens-dp-dark.css +35 -35
  15. package/lib/dist/tokens/tokens-dp-light.css +35 -35
  16. package/lib/dist/tokens/tokens-expressive-dark.css +35 -35
  17. package/lib/dist/tokens/tokens-expressive-light.css +35 -35
  18. package/lib/dist/tokens/tokens-expressive-sm-dark.css +35 -35
  19. package/lib/dist/tokens/tokens-expressive-sm-light.css +35 -35
  20. package/lib/dist/tokens/tokens-tmo-dark.css +35 -35
  21. package/lib/dist/tokens/tokens-tmo-light.css +35 -35
  22. 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;
@@ -977,7 +977,7 @@
977
977
  --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
978
978
  --dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);
979
979
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
980
- --dt-size-base: calc(var(--dt-font-size-root) * .8);
980
+ --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
981
981
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
982
982
  --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
983
983
  --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */
package/lib/dist/tokens/tokens-base-light.css CHANGED
@@ -8,12 +8,61 @@
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;
43
+ --dt-shadow-large-color-h: 0;
44
+ --dt-shadow-large-color-s: 0%;
45
+ --dt-shadow-large-color-l: 0%;
46
+ --dt-shadow-large-color-a: 30%;
47
+ --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
48
+ --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
49
+ --dt-shadow-large-color: #0000004d;
15
50
  --dt-shadow-medium-type: dropShadow;
51
+ --dt-shadow-medium-color-h: 0;
52
+ --dt-shadow-medium-color-s: 0%;
53
+ --dt-shadow-medium-color-l: 0%;
54
+ --dt-shadow-medium-color-a: 25%;
55
+ --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
56
+ --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%));
57
+ --dt-shadow-medium-color: #00000040;
16
58
  --dt-shadow-small-type: dropShadow;
59
+ --dt-shadow-small-color-h: 0;
60
+ --dt-shadow-small-color-s: 0%;
61
+ --dt-shadow-small-color-l: 0%;
62
+ --dt-shadow-small-color-a: 15%;
63
+ --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
64
+ --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%));
65
+ --dt-shadow-small-color: #00000026;
17
66
  --dt-opacity-1300: 1;
18
67
  --dt-opacity-1200: .9;
19
68
  --dt-opacity-1100: .8;
@@ -654,79 +703,30 @@
654
703
  --dt-shadow-focus-1-blur: var(--dt-size-0);
655
704
  --dt-shadow-card-3-offset-y: var(--dt-size-200);
656
705
  --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
706
  --dt-shadow-card-3-spread: var(--dt-size-0);
665
707
  --dt-shadow-card-3-blur: var(--dt-size-500);
666
708
  --dt-shadow-card-2-offset-y: var(--dt-size-200);
667
709
  --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
710
  --dt-shadow-card-2-spread: var(--dt-size-0);
676
711
  --dt-shadow-card-2-blur: var(--dt-size-300);
677
712
  --dt-shadow-card-1-offset-y: var(--dt-size-100);
678
713
  --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
714
  --dt-shadow-card-1-spread: var(--dt-size-0);
687
715
  --dt-shadow-card-1-blur: var(--dt-size-200);
688
716
  --dt-shadow-extra-large-offset-y: var(--dt-size-200);
689
717
  --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
718
  --dt-shadow-extra-large-spread: var(--dt-size-0);
698
719
  --dt-shadow-extra-large-blur: var(--dt-size-600);
699
720
  --dt-shadow-large-offset-y: var(--dt-size-200);
700
721
  --dt-shadow-large-offset-x: var(--dt-size-0);
701
- --dt-shadow-large-color-h: 0;
702
- --dt-shadow-large-color-s: 0%;
703
- --dt-shadow-large-color-l: 0%;
704
- --dt-shadow-large-color-a: 30%;
705
- --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
706
- --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
707
- --dt-shadow-large-color: rgba(0, 0, 0, 0.3);
708
722
  --dt-shadow-large-spread: var(--dt-size-0);
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;
@@ -737,7 +737,7 @@
737
737
  --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
738
738
  --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
739
739
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
740
- --dt-size-base: calc(var(--dt-font-size-root) * .8);
740
+ --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
741
741
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
742
742
  --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
743
743
  --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */