@dialpad/dialtone-css 8.64.2 → 8.64.4
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/lib/build/less/components/radio-checkbox.less +11 -9
- package/lib/build/less/recipes/leftbar_row.less +2 -2
- package/lib/dist/dialtone-default-theme.css +2715 -574
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone-docs.json +1 -1
- package/lib/dist/dialtone.css +687 -54
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/tokens/tokens-aegean-dark.css +1112 -552
- package/lib/dist/tokens/tokens-aegean-light.css +1010 -450
- package/lib/dist/tokens/tokens-base-dark.css +5 -5
- package/lib/dist/tokens/tokens-base-deca-dark.css +5 -5
- package/lib/dist/tokens/tokens-base-deca-light.css +10 -10
- package/lib/dist/tokens/tokens-base-light.css +10 -10
- package/lib/dist/tokens/tokens-botany-dark.css +1095 -535
- package/lib/dist/tokens/tokens-botany-light.css +1014 -454
- package/lib/dist/tokens/tokens-buttercream-dark.css +1101 -541
- package/lib/dist/tokens/tokens-buttercream-light.css +1013 -453
- package/lib/dist/tokens/tokens-ceruleo-dark.css +1115 -555
- package/lib/dist/tokens/tokens-ceruleo-light.css +1035 -475
- package/lib/dist/tokens/tokens-debug-dp.css +930 -370
- package/lib/dist/tokens/tokens-deca-dark.css +19 -19
- package/lib/dist/tokens/tokens-deca-light.css +19 -19
- package/lib/dist/tokens/tokens-dp-dark.css +1094 -534
- package/lib/dist/tokens/tokens-dp-light.css +1010 -450
- package/lib/dist/tokens/tokens-expressive-dark.css +1094 -534
- package/lib/dist/tokens/tokens-expressive-light.css +1010 -450
- package/lib/dist/tokens/tokens-expressive-sm-dark.css +1094 -534
- package/lib/dist/tokens/tokens-expressive-sm-light.css +1010 -450
- package/lib/dist/tokens/tokens-high-desert-dark.css +1136 -576
- package/lib/dist/tokens/tokens-high-desert-light.css +1014 -454
- package/lib/dist/tokens/tokens-melon-dark.css +1094 -534
- package/lib/dist/tokens/tokens-melon-light.css +1017 -457
- package/lib/dist/tokens/tokens-plum-dark.css +1226 -666
- package/lib/dist/tokens/tokens-plum-light.css +1130 -570
- package/lib/dist/tokens/tokens-sunflower-dark.css +1329 -769
- package/lib/dist/tokens/tokens-sunflower-light.css +1045 -485
- package/lib/dist/tokens/tokens-tmo-dark.css +1094 -534
- package/lib/dist/tokens/tokens-tmo-light.css +1010 -450
- package/lib/dist/tokens/tokens-verdant-haze-dark.css +1094 -534
- package/lib/dist/tokens/tokens-verdant-haze-light.css +1010 -450
- package/lib/dist/tokens-docs.json +1 -1
- package/package.json +3 -3
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
--dt-shadow-extra-large-1-color-a: 55%;
|
|
59
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
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: #
|
|
61
|
+
--dt-shadow-extra-large-1-color: #0000008C;
|
|
62
62
|
--dt-shadow-large-5-type: dropShadow;
|
|
63
63
|
--dt-shadow-large-5-spread: 0rem;
|
|
64
64
|
--dt-shadow-large-5-blur: 0rem;
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
--dt-shadow-large-1-color-a: 55%;
|
|
77
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
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: #
|
|
79
|
+
--dt-shadow-large-1-color: #0000008C;
|
|
80
80
|
--dt-shadow-medium-5-type: dropShadow;
|
|
81
81
|
--dt-shadow-medium-5-spread: 0rem;
|
|
82
82
|
--dt-shadow-medium-5-blur: 0rem;
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
--dt-shadow-medium-1-color-a: 55%;
|
|
95
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
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: #
|
|
97
|
+
--dt-shadow-medium-1-color: #0000008C;
|
|
98
98
|
--dt-shadow-small-5-type: dropShadow;
|
|
99
99
|
--dt-shadow-small-5-spread: 0rem;
|
|
100
100
|
--dt-shadow-small-5-blur: 0rem;
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
--dt-color-brand-red-a: 100%;
|
|
141
141
|
--dt-color-brand-red-hsl: var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l);
|
|
142
142
|
--dt-color-brand-red-hsla: hsl(var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l) / var(--alpha, 100%));
|
|
143
|
-
--dt-color-brand-red: #
|
|
143
|
+
--dt-color-brand-red: #FF1356; /* Typically used as an accent color. */
|
|
144
144
|
--dt-color-brand-magenta-h: 323.9473684210526;
|
|
145
145
|
--dt-color-brand-magenta-s: 100%;
|
|
146
146
|
--dt-color-brand-magenta-l: 55.294117647058826%;
|
|
@@ -1268,7 +1268,7 @@
|
|
|
1268
1268
|
--dt-color-neutral-white-a: 100%;
|
|
1269
1269
|
--dt-color-neutral-white-hsl: var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l);
|
|
1270
1270
|
--dt-color-neutral-white-hsla: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));
|
|
1271
|
-
--dt-color-neutral-white: #
|
|
1271
|
+
--dt-color-neutral-white: #FFFFFF; /* White color independent of any theme. */
|
|
1272
1272
|
--dt-space-100-percent: 100%;
|
|
1273
1273
|
--dt-space-95-percent: 95%;
|
|
1274
1274
|
--dt-space-90-percent: 90%;
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
--dt-shadow-extra-large-1-color-a: 55%;
|
|
59
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
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: #
|
|
61
|
+
--dt-shadow-extra-large-1-color: #0000008C;
|
|
62
62
|
--dt-shadow-large-5-type: dropShadow;
|
|
63
63
|
--dt-shadow-large-5-spread: 0rem;
|
|
64
64
|
--dt-shadow-large-5-blur: 0rem;
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
--dt-shadow-large-1-color-a: 55%;
|
|
77
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
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: #
|
|
79
|
+
--dt-shadow-large-1-color: #0000008C;
|
|
80
80
|
--dt-shadow-medium-5-type: dropShadow;
|
|
81
81
|
--dt-shadow-medium-5-spread: 0rem;
|
|
82
82
|
--dt-shadow-medium-5-blur: 0rem;
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
--dt-shadow-medium-1-color-a: 55%;
|
|
95
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
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: #
|
|
97
|
+
--dt-shadow-medium-1-color: #0000008C;
|
|
98
98
|
--dt-shadow-small-5-type: dropShadow;
|
|
99
99
|
--dt-shadow-small-5-spread: 0rem;
|
|
100
100
|
--dt-shadow-small-5-blur: 0rem;
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
--dt-color-brand-red-a: 100%;
|
|
141
141
|
--dt-color-brand-red-hsl: var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l);
|
|
142
142
|
--dt-color-brand-red-hsla: hsl(var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l) / var(--alpha, 100%));
|
|
143
|
-
--dt-color-brand-red: #
|
|
143
|
+
--dt-color-brand-red: #FF1356; /* Typically used as an accent color. */
|
|
144
144
|
--dt-color-brand-magenta-h: 323.9473684210526;
|
|
145
145
|
--dt-color-brand-magenta-s: 100%;
|
|
146
146
|
--dt-color-brand-magenta-l: 55.294117647058826%;
|
|
@@ -1268,7 +1268,7 @@
|
|
|
1268
1268
|
--dt-color-neutral-white-a: 100%;
|
|
1269
1269
|
--dt-color-neutral-white-hsl: var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l);
|
|
1270
1270
|
--dt-color-neutral-white-hsla: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));
|
|
1271
|
-
--dt-color-neutral-white: #
|
|
1271
|
+
--dt-color-neutral-white: #FFFFFF; /* White color independent of any theme. */
|
|
1272
1272
|
--dt-space-100-percent: 100%;
|
|
1273
1273
|
--dt-space-95-percent: 95%;
|
|
1274
1274
|
--dt-space-90-percent: 90%;
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
--dt-shadow-card-2-color-a: 4%;
|
|
23
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
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: #
|
|
25
|
+
--dt-shadow-card-2-color: #0000000A;
|
|
26
26
|
--dt-shadow-card-1-type: dropShadow;
|
|
27
27
|
--dt-shadow-card-1-color-h: 0;
|
|
28
28
|
--dt-shadow-card-1-color-s: 0%;
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
--dt-shadow-extra-large-color-a: 30%;
|
|
39
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
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: #
|
|
41
|
+
--dt-shadow-extra-large-color: #0000004D;
|
|
42
42
|
--dt-shadow-large-type: dropShadow;
|
|
43
43
|
--dt-shadow-large-color-h: 0;
|
|
44
44
|
--dt-shadow-large-color-s: 0%;
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
--dt-shadow-large-color-a: 30%;
|
|
47
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
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: #
|
|
49
|
+
--dt-shadow-large-color: #0000004D;
|
|
50
50
|
--dt-shadow-medium-type: dropShadow;
|
|
51
51
|
--dt-shadow-medium-color-h: 0;
|
|
52
52
|
--dt-shadow-medium-color-s: 0%;
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
--dt-color-brand-red-a: 100%;
|
|
91
91
|
--dt-color-brand-red-hsl: var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l);
|
|
92
92
|
--dt-color-brand-red-hsla: hsl(var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l) / var(--alpha, 100%));
|
|
93
|
-
--dt-color-brand-red: #
|
|
93
|
+
--dt-color-brand-red: #FF1356; /* Typically used as an accent color. */
|
|
94
94
|
--dt-color-brand-magenta-h: 323.9473684210526;
|
|
95
95
|
--dt-color-brand-magenta-s: 100%;
|
|
96
96
|
--dt-color-brand-magenta-l: 55.294117647058826%;
|
|
@@ -777,7 +777,7 @@
|
|
|
777
777
|
--dt-color-green-50-a: 100%;
|
|
778
778
|
--dt-color-green-50-hsl: var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l);
|
|
779
779
|
--dt-color-green-50-hsla: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--alpha, 100%));
|
|
780
|
-
--dt-color-green-50: #
|
|
780
|
+
--dt-color-green-50: #F6FCF5;
|
|
781
781
|
--dt-color-gold-1000-h: 34.83870967741936;
|
|
782
782
|
--dt-color-gold-1000-s: 93.93939393939395%;
|
|
783
783
|
--dt-color-gold-1000-l: 6.470588235294117%;
|
|
@@ -861,7 +861,7 @@
|
|
|
861
861
|
--dt-color-gold-50-a: 100%;
|
|
862
862
|
--dt-color-gold-50-hsl: var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l);
|
|
863
863
|
--dt-color-gold-50-hsla: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--alpha, 100%));
|
|
864
|
-
--dt-color-gold-50: #
|
|
864
|
+
--dt-color-gold-50: #FFFAE5;
|
|
865
865
|
--dt-color-magenta-1000-h: 320;
|
|
866
866
|
--dt-color-magenta-1000-s: 56.25%;
|
|
867
867
|
--dt-color-magenta-1000-l: 6.2745098039215685%;
|
|
@@ -1029,7 +1029,7 @@
|
|
|
1029
1029
|
--dt-color-blue-50-a: 100%;
|
|
1030
1030
|
--dt-color-blue-50-hsl: var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l);
|
|
1031
1031
|
--dt-color-blue-50-hsla: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--alpha, 100%));
|
|
1032
|
-
--dt-color-blue-50: #
|
|
1032
|
+
--dt-color-blue-50: #F5F9FD;
|
|
1033
1033
|
--dt-color-purple-1000-h: 260;
|
|
1034
1034
|
--dt-color-purple-1000-s: 91.30434782608695%;
|
|
1035
1035
|
--dt-color-purple-1000-l: 9.019607843137255%;
|
|
@@ -1113,7 +1113,7 @@
|
|
|
1113
1113
|
--dt-color-purple-50-a: 100%;
|
|
1114
1114
|
--dt-color-purple-50-hsl: var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l);
|
|
1115
1115
|
--dt-color-purple-50-hsla: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--alpha, 100%));
|
|
1116
|
-
--dt-color-purple-50: #
|
|
1116
|
+
--dt-color-purple-50: #F9F6FF;
|
|
1117
1117
|
--dt-color-black-1000-h: 0;
|
|
1118
1118
|
--dt-color-black-1000-s: 0%;
|
|
1119
1119
|
--dt-color-black-1000-l: 0%;
|
|
@@ -1197,7 +1197,7 @@
|
|
|
1197
1197
|
--dt-color-black-50-a: 100%;
|
|
1198
1198
|
--dt-color-black-50-hsl: var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l);
|
|
1199
1199
|
--dt-color-black-50-hsla: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--alpha, 100%));
|
|
1200
|
-
--dt-color-black-50: #
|
|
1200
|
+
--dt-color-black-50: #FFFFFF;
|
|
1201
1201
|
--dt-color-neutral-transparent-h: 0;
|
|
1202
1202
|
--dt-color-neutral-transparent-s: 0%;
|
|
1203
1203
|
--dt-color-neutral-transparent-l: 0%;
|
|
@@ -1218,7 +1218,7 @@
|
|
|
1218
1218
|
--dt-color-neutral-white-a: 100%;
|
|
1219
1219
|
--dt-color-neutral-white-hsl: var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l);
|
|
1220
1220
|
--dt-color-neutral-white-hsla: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));
|
|
1221
|
-
--dt-color-neutral-white: #
|
|
1221
|
+
--dt-color-neutral-white: #FFFFFF; /* White color independent of any theme. */
|
|
1222
1222
|
--dt-space-100-percent: 100%;
|
|
1223
1223
|
--dt-space-95-percent: 95%;
|
|
1224
1224
|
--dt-space-90-percent: 90%;
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
--dt-shadow-card-2-color-a: 4%;
|
|
23
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
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: #
|
|
25
|
+
--dt-shadow-card-2-color: #0000000A;
|
|
26
26
|
--dt-shadow-card-1-type: dropShadow;
|
|
27
27
|
--dt-shadow-card-1-color-h: 0;
|
|
28
28
|
--dt-shadow-card-1-color-s: 0%;
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
--dt-shadow-extra-large-color-a: 30%;
|
|
39
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
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: #
|
|
41
|
+
--dt-shadow-extra-large-color: #0000004D;
|
|
42
42
|
--dt-shadow-large-type: dropShadow;
|
|
43
43
|
--dt-shadow-large-color-h: 0;
|
|
44
44
|
--dt-shadow-large-color-s: 0%;
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
--dt-shadow-large-color-a: 30%;
|
|
47
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
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: #
|
|
49
|
+
--dt-shadow-large-color: #0000004D;
|
|
50
50
|
--dt-shadow-medium-type: dropShadow;
|
|
51
51
|
--dt-shadow-medium-color-h: 0;
|
|
52
52
|
--dt-shadow-medium-color-s: 0%;
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
--dt-color-brand-red-a: 100%;
|
|
91
91
|
--dt-color-brand-red-hsl: var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l);
|
|
92
92
|
--dt-color-brand-red-hsla: hsl(var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l) / var(--alpha, 100%));
|
|
93
|
-
--dt-color-brand-red: #
|
|
93
|
+
--dt-color-brand-red: #FF1356; /* Typically used as an accent color. */
|
|
94
94
|
--dt-color-brand-magenta-h: 323.9473684210526;
|
|
95
95
|
--dt-color-brand-magenta-s: 100%;
|
|
96
96
|
--dt-color-brand-magenta-l: 55.294117647058826%;
|
|
@@ -777,7 +777,7 @@
|
|
|
777
777
|
--dt-color-green-50-a: 100%;
|
|
778
778
|
--dt-color-green-50-hsl: var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l);
|
|
779
779
|
--dt-color-green-50-hsla: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--alpha, 100%));
|
|
780
|
-
--dt-color-green-50: #
|
|
780
|
+
--dt-color-green-50: #F6FCF5;
|
|
781
781
|
--dt-color-gold-1000-h: 34.83870967741936;
|
|
782
782
|
--dt-color-gold-1000-s: 93.93939393939395%;
|
|
783
783
|
--dt-color-gold-1000-l: 6.470588235294117%;
|
|
@@ -861,7 +861,7 @@
|
|
|
861
861
|
--dt-color-gold-50-a: 100%;
|
|
862
862
|
--dt-color-gold-50-hsl: var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l);
|
|
863
863
|
--dt-color-gold-50-hsla: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--alpha, 100%));
|
|
864
|
-
--dt-color-gold-50: #
|
|
864
|
+
--dt-color-gold-50: #FFFAE5;
|
|
865
865
|
--dt-color-magenta-1000-h: 320;
|
|
866
866
|
--dt-color-magenta-1000-s: 56.25%;
|
|
867
867
|
--dt-color-magenta-1000-l: 6.2745098039215685%;
|
|
@@ -1029,7 +1029,7 @@
|
|
|
1029
1029
|
--dt-color-blue-50-a: 100%;
|
|
1030
1030
|
--dt-color-blue-50-hsl: var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l);
|
|
1031
1031
|
--dt-color-blue-50-hsla: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--alpha, 100%));
|
|
1032
|
-
--dt-color-blue-50: #
|
|
1032
|
+
--dt-color-blue-50: #F5F9FD;
|
|
1033
1033
|
--dt-color-purple-1000-h: 260;
|
|
1034
1034
|
--dt-color-purple-1000-s: 91.30434782608695%;
|
|
1035
1035
|
--dt-color-purple-1000-l: 9.019607843137255%;
|
|
@@ -1113,7 +1113,7 @@
|
|
|
1113
1113
|
--dt-color-purple-50-a: 100%;
|
|
1114
1114
|
--dt-color-purple-50-hsl: var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l);
|
|
1115
1115
|
--dt-color-purple-50-hsla: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--alpha, 100%));
|
|
1116
|
-
--dt-color-purple-50: #
|
|
1116
|
+
--dt-color-purple-50: #F9F6FF;
|
|
1117
1117
|
--dt-color-black-1000-h: 0;
|
|
1118
1118
|
--dt-color-black-1000-s: 0%;
|
|
1119
1119
|
--dt-color-black-1000-l: 0%;
|
|
@@ -1197,7 +1197,7 @@
|
|
|
1197
1197
|
--dt-color-black-50-a: 100%;
|
|
1198
1198
|
--dt-color-black-50-hsl: var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l);
|
|
1199
1199
|
--dt-color-black-50-hsla: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--alpha, 100%));
|
|
1200
|
-
--dt-color-black-50: #
|
|
1200
|
+
--dt-color-black-50: #FFFFFF;
|
|
1201
1201
|
--dt-color-neutral-transparent-h: 0;
|
|
1202
1202
|
--dt-color-neutral-transparent-s: 0%;
|
|
1203
1203
|
--dt-color-neutral-transparent-l: 0%;
|
|
@@ -1218,7 +1218,7 @@
|
|
|
1218
1218
|
--dt-color-neutral-white-a: 100%;
|
|
1219
1219
|
--dt-color-neutral-white-hsl: var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l);
|
|
1220
1220
|
--dt-color-neutral-white-hsla: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));
|
|
1221
|
-
--dt-color-neutral-white: #
|
|
1221
|
+
--dt-color-neutral-white: #FFFFFF; /* White color independent of any theme. */
|
|
1222
1222
|
--dt-space-100-percent: 100%;
|
|
1223
1223
|
--dt-space-95-percent: 95%;
|
|
1224
1224
|
--dt-space-90-percent: 90%;
|