@zohodesk/components 1.0.0-alpha-224 → 1.0.0-alpha-225
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/README.md +4 -0
- package/{es → assets}/Appearance/dark/mode/darkMode.module.css +2 -2
- package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +34 -0
- package/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +42 -0
- package/{lib → assets}/Appearance/dark/themes/green/greenDarkCTATheme.module.css +10 -10
- package/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +42 -0
- package/{es → assets}/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +10 -10
- package/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +42 -0
- package/{lib → assets}/Appearance/dark/themes/red/redDarkCTATheme.module.css +10 -10
- package/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css +42 -0
- package/{es → assets}/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +10 -10
- package/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +42 -0
- package/{es → assets}/Appearance/default/mode/defaultMode.module.css +2 -2
- package/{es → assets}/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -0
- package/{es → assets}/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +7 -7
- package/{es → assets}/Appearance/default/themes/green/greenDefaultCTATheme.module.css +2 -2
- package/{lib → assets}/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +4 -4
- package/{es → assets}/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -0
- package/{lib → assets}/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +3 -3
- package/{es → assets}/Appearance/default/themes/red/redDefaultCTATheme.module.css +7 -7
- package/{lib → assets}/Appearance/default/themes/red/redDefaultComponentTheme.module.css +3 -3
- package/{es → assets}/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -0
- package/{es → assets}/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +3 -3
- package/es/AppContainer/AppContainer.js +6 -6
- package/es/Provider.js +22 -22
- package/es/Stencils/Stencils.module.css +4 -14
- package/lib/AppContainer/AppContainer.js +6 -6
- package/lib/Provider.js +22 -22
- package/lib/Stencils/Stencils.module.css +4 -14
- package/package.json +7 -7
- package/preprocess/componentAppearanceColors.js +24 -22
- package/preprocess/componentThemeColors.js +63 -59
- package/preprocess/ctaThemeColors.js +48 -42
- package/preprocess/json/componentAppearanceVariableJson.js +1341 -1510
- package/preprocess/json/componentThemeVariableJson.js +237 -254
- package/preprocess/json/ctaThemeVariableJson.js +198 -332
- package/es/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -34
- package/es/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +0 -42
- package/es/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -34
- package/es/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +0 -42
- package/es/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +0 -42
- package/es/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -34
- package/es/Appearance/dark/themes/red/redDarkComponentTheme.module.css +0 -42
- package/es/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +0 -42
- package/es/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +0 -42
- package/es/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +0 -42
- package/es/Appearance/default/themes/red/redDefaultComponentTheme.module.css +0 -42
- package/lib/Appearance/dark/mode/darkMode.module.css +0 -356
- package/lib/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -34
- package/lib/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +0 -42
- package/lib/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +0 -42
- package/lib/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -34
- package/lib/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +0 -42
- package/lib/Appearance/dark/themes/red/redDarkComponentTheme.module.css +0 -42
- package/lib/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -34
- package/lib/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +0 -42
- package/lib/Appearance/default/mode/defaultMode.module.css +0 -356
- package/lib/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -34
- package/lib/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +0 -42
- package/lib/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -34
- package/lib/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -34
- package/lib/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -34
- package/lib/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -34
- package/lib/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +0 -42
|
@@ -1,337 +1,203 @@
|
|
|
1
|
-
/* sample
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/* sample =>
|
|
2
|
+
{
|
|
3
|
+
"--zdt_cta_variable_name": {
|
|
4
|
+
'lightMode': ['blue', 'green', 'orange', 'red', 'yellow'],
|
|
5
|
+
'nightMode': ['blue', 'green', 'orange', 'red', 'yellow']
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
*/
|
|
5
9
|
|
|
6
10
|
const ctaThemeVariables = [
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
'
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
'
|
|
74
|
-
'
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
'rgba(
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
'
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
'
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
'
|
|
170
|
-
'
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
'var(--
|
|
182
|
-
'
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
'#
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
],
|
|
198
|
-
[
|
|
199
|
-
'alpha_hover_text',
|
|
200
|
-
[
|
|
201
|
-
['default'],
|
|
202
|
-
['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800']
|
|
203
|
-
],
|
|
204
|
-
[['dark'], ['#6eb2ff', '#0e7c1c', '#a85100', '#a81111', '#9b6808']]
|
|
205
|
-
],
|
|
206
|
-
[
|
|
207
|
-
'alpha_border',
|
|
208
|
-
[
|
|
209
|
-
['default'],
|
|
210
|
-
['var(--dot_primary)', '#26a942', '#e57717', '#de3535', '#b68c07']
|
|
211
|
-
],
|
|
212
|
-
[['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
|
|
213
|
-
],
|
|
214
|
-
[
|
|
215
|
-
'alpha_hover_border',
|
|
216
|
-
[
|
|
217
|
-
['default'],
|
|
218
|
-
['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800']
|
|
219
|
-
],
|
|
220
|
-
[['dark'], ['#1065cc', '#0e7c1c', '#a85100', '#a81111', '#9b6808']]
|
|
221
|
-
],
|
|
222
|
-
[
|
|
223
|
-
'alpha_bg',
|
|
224
|
-
[['default'], ['#e7f1fd', '#d4eed9', '#fae4d1', '#f8d7d7', '#f8eabd']],
|
|
225
|
-
[['dark'], ['#253142', '#2a433f', '#393335', '#372f3a', '#353638']]
|
|
226
|
-
],
|
|
227
|
-
[
|
|
228
|
-
'beta_border',
|
|
229
|
-
[
|
|
230
|
-
['default'],
|
|
231
|
-
['var(--dot_primary)', '#26a942', '#e57717', '#de3535', '#b68c07']
|
|
232
|
-
],
|
|
233
|
-
[['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
|
|
234
|
-
],
|
|
235
|
-
[
|
|
236
|
-
'grey_10_bg',
|
|
237
|
-
[
|
|
238
|
-
['default'],
|
|
239
|
-
[
|
|
240
|
-
'var(--dot_catskillWhite)',
|
|
241
|
-
'#f6faf9',
|
|
242
|
-
'#f9f7f6',
|
|
243
|
-
'#f9f6f7',
|
|
244
|
-
'#f8f8f6'
|
|
245
|
-
]
|
|
246
|
-
],
|
|
247
|
-
[['dark'], ['#262f3d', '#262f3d', '#262f3d', '#262f3d', '#262f3d']]
|
|
248
|
-
],
|
|
249
|
-
[
|
|
250
|
-
'grey_10_border',
|
|
251
|
-
[
|
|
252
|
-
['default'],
|
|
253
|
-
[
|
|
254
|
-
'var(--dot_catskillWhite)',
|
|
255
|
-
'#f6faf9',
|
|
256
|
-
'#f9f7f6',
|
|
257
|
-
'#f9f6f7',
|
|
258
|
-
'#f8f8f6'
|
|
259
|
-
]
|
|
260
|
-
],
|
|
261
|
-
[['dark'], ['#262f3d', '#262f3d', '#262f3d', '#262f3d', '#262f3d']]
|
|
262
|
-
],
|
|
263
|
-
[
|
|
264
|
-
'grey_15_bg',
|
|
265
|
-
[
|
|
266
|
-
['default'],
|
|
267
|
-
['var(--dot_solitude)', '#eef2ef', '#f2ece8', '#ede8e8', '#edede3']
|
|
268
|
-
],
|
|
269
|
-
[['dark'], ['#2d3748', '#2d3748', '#2d3748', '#2d3748', '#2d3748']]
|
|
270
|
-
],
|
|
271
|
-
[
|
|
272
|
-
'grey_15_border',
|
|
273
|
-
[
|
|
274
|
-
['default'],
|
|
275
|
-
['var(--dot_solitude)', '#eef2ef', '#f2ece8', '#ede8e8', '#edede3']
|
|
276
|
-
],
|
|
277
|
-
[['dark'], ['#2d3748', '#2d3748', '#2d3748', '#2d3748', '#2d3748']]
|
|
278
|
-
],
|
|
279
|
-
[
|
|
280
|
-
'grey_20_bg',
|
|
281
|
-
[
|
|
282
|
-
['default'],
|
|
283
|
-
['var(--dot_hawkesBlue)', '#ebefef', '#f2f0ee', '#eeeced', '#efefec']
|
|
284
|
-
],
|
|
285
|
-
[['dark'], ['#161b23', '#161b23', '#161b23', '#161b23', '#161b23']]
|
|
286
|
-
],
|
|
287
|
-
[
|
|
288
|
-
'grey_35_bg',
|
|
289
|
-
[
|
|
290
|
-
['default'],
|
|
291
|
-
['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc']
|
|
292
|
-
],
|
|
293
|
-
[['dark'], ['#384157', '#384157', '#384157', '#384157', '#384157']]
|
|
294
|
-
],
|
|
295
|
-
[
|
|
296
|
-
'grey_35_text',
|
|
297
|
-
[
|
|
298
|
-
['default'],
|
|
299
|
-
['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc']
|
|
300
|
-
],
|
|
301
|
-
[['dark'], ['#384157', '#384157', '#384157', '#384157', '#384157']]
|
|
302
|
-
],
|
|
303
|
-
[
|
|
304
|
-
'grey_35_border',
|
|
305
|
-
[
|
|
306
|
-
['default'],
|
|
307
|
-
['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc']
|
|
308
|
-
],
|
|
309
|
-
[['dark'], ['#384157', '#384157', '#384157', '#384157', '#384157']]
|
|
310
|
-
],
|
|
311
|
-
[
|
|
312
|
-
'grey_40_bg',
|
|
313
|
-
[
|
|
314
|
-
['default'],
|
|
315
|
-
['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4']
|
|
316
|
-
],
|
|
317
|
-
[['dark'], ['#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63']]
|
|
318
|
-
],
|
|
319
|
-
[
|
|
320
|
-
'grey_40_text',
|
|
321
|
-
[
|
|
322
|
-
['default'],
|
|
323
|
-
['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4']
|
|
324
|
-
],
|
|
325
|
-
[['dark'], ['#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63']]
|
|
326
|
-
],
|
|
327
|
-
[
|
|
328
|
-
'grey_40_border',
|
|
329
|
-
[
|
|
330
|
-
['default'],
|
|
331
|
-
['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4']
|
|
332
|
-
],
|
|
333
|
-
[['dark'], ['#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63', '#3e4d63']]
|
|
334
|
-
]
|
|
11
|
+
{
|
|
12
|
+
"primary_text": {
|
|
13
|
+
'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#b68c07'],
|
|
14
|
+
'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
|
|
15
|
+
},
|
|
16
|
+
"primary_hover_text": {
|
|
17
|
+
'light': ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800'],
|
|
18
|
+
'dark': ['#6eb2ff', '#5eba72', '#ffa866', '#ee7c7c', '#e1b36a']
|
|
19
|
+
},
|
|
20
|
+
"primary_bg": {
|
|
21
|
+
'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#e8b923'],
|
|
22
|
+
'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
|
|
23
|
+
},
|
|
24
|
+
"primary_hover_bg": {
|
|
25
|
+
'light': ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#b59100'],
|
|
26
|
+
'dark': ['#1065cc', '#0e7c1c', '#a85100', '#a81111', '#9b6808']
|
|
27
|
+
},
|
|
28
|
+
"primary_border": {
|
|
29
|
+
'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#e8b923'],
|
|
30
|
+
'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
|
|
31
|
+
},
|
|
32
|
+
"primary_hover_border": {
|
|
33
|
+
'light': ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#b59100'],
|
|
34
|
+
'dark': ['#1065cc', '#0e7c1c', '#a85100', '#a81111', '#9b6808']
|
|
35
|
+
},
|
|
36
|
+
"primary_box_shadow": {
|
|
37
|
+
'light': [
|
|
38
|
+
'rgba(10, 115, 235, 0.2)',
|
|
39
|
+
'rgba(38, 169, 66, 0.2)',
|
|
40
|
+
'rgba(229, 119, 23, 0.2)',
|
|
41
|
+
'rgba(222, 53, 53, 0.2)',
|
|
42
|
+
'rgba(232, 185, 35, 0.2)'
|
|
43
|
+
],
|
|
44
|
+
'dark': [
|
|
45
|
+
'rgba(10, 115, 235, 0.2)',
|
|
46
|
+
'rgba(38, 169, 66, 0.2)',
|
|
47
|
+
'rgba(229, 119, 23, 0.2)',
|
|
48
|
+
'rgba(222, 53, 53, 0.2)',
|
|
49
|
+
'rgba(232, 185, 35, 0.2)'
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
"primary_hover_box_shadow": {
|
|
53
|
+
'light': [
|
|
54
|
+
'rgba(0, 83, 184, 0.25)',
|
|
55
|
+
'rgba(14, 117, 38, 0.25)',
|
|
56
|
+
'rgba(178, 89, 0, 0.25)',
|
|
57
|
+
'rgba(171, 26, 24, 0.25)',
|
|
58
|
+
'rgba(181, 145, 0, 0.25)'
|
|
59
|
+
],
|
|
60
|
+
'dark': [
|
|
61
|
+
'rgba(0, 83, 184, 0.25)',
|
|
62
|
+
'rgba(14, 117, 38, 0.25)',
|
|
63
|
+
'rgba(178, 89, 0, 0.25)',
|
|
64
|
+
'rgba(171, 26, 24, 0.25)',
|
|
65
|
+
'rgba(181, 145, 0, 0.25)'
|
|
66
|
+
]
|
|
67
|
+
},
|
|
68
|
+
"primary_light_bg": {
|
|
69
|
+
'light': ['var(--dot_aliceBlue)', 'var(--dot_blacksqueeze)', '#fdf5ef', '#fdf3f3', '#fdf8e9'],
|
|
70
|
+
'dark': ['var(--dot_darkbluegrey)', '#26373b', '#323136', '#312d3a', '#303338']
|
|
71
|
+
},
|
|
72
|
+
"primary_light_hover_bg": {
|
|
73
|
+
'light': ['var(--dot_lavender)', '#d4eed9', '#fae4d1', '#f8d7d7', '#f8eabd'],
|
|
74
|
+
'dark': ['var(--dot_unknown1)', '#2d4e42', '#4f3c33', '#4b323d', '#474137']
|
|
75
|
+
},
|
|
76
|
+
"primary_light_border": {
|
|
77
|
+
'light': ['var(--zd_primary13)', '#d4eed9', '#fae4d1', '#f8d7d7', '#f8eabd'],
|
|
78
|
+
'dark': ['var(--zd_primary13)', '#2d4e42', '#4f3c33', '#4b323d', '#474137']
|
|
79
|
+
},
|
|
80
|
+
"secondary_bg": {
|
|
81
|
+
'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#e8b923'],
|
|
82
|
+
'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
|
|
83
|
+
},
|
|
84
|
+
"secondary_text": {
|
|
85
|
+
'light': [
|
|
86
|
+
'var(--dot_white)',
|
|
87
|
+
'var(--dot_white)',
|
|
88
|
+
'var(--dot_white)',
|
|
89
|
+
'var(--dot_white)',
|
|
90
|
+
'var(--dot_black)'
|
|
91
|
+
],
|
|
92
|
+
'dark': [
|
|
93
|
+
'var(--dot_white)',
|
|
94
|
+
'var(--dot_white)',
|
|
95
|
+
'var(--dot_white)',
|
|
96
|
+
'var(--dot_white)',
|
|
97
|
+
'var(--dot_white)'
|
|
98
|
+
]
|
|
99
|
+
},
|
|
100
|
+
"secondary_border": {
|
|
101
|
+
'light': ['#2381ed', 'var(--dot_darkmint)', '#ea9245', '#e55d5d', 'rgba(255, 255, 255, 0.2)'],
|
|
102
|
+
'dark': [
|
|
103
|
+
'rgba(255, 255, 255, 0.15)',
|
|
104
|
+
'rgba(255, 255, 255, 0.15)',
|
|
105
|
+
'rgba(255, 255, 255, 0.15)',
|
|
106
|
+
'rgba(255, 255, 255, 0.15)',
|
|
107
|
+
'rgba(255, 255, 255, 0.15)'
|
|
108
|
+
]
|
|
109
|
+
},
|
|
110
|
+
"secondary_light_border": {
|
|
111
|
+
'light': [
|
|
112
|
+
'var(--dot_tropicalBlue)',
|
|
113
|
+
'#bee5c6',
|
|
114
|
+
'#f7d6b9',
|
|
115
|
+
'#f8d7d7',
|
|
116
|
+
'#f6e3a7'
|
|
117
|
+
],
|
|
118
|
+
'dark': ['#3f536b', '#2d4e42', '#4f3c33', '#4b323d', '#474137']
|
|
119
|
+
},
|
|
120
|
+
"alpha_text": {
|
|
121
|
+
'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#b68c07'],
|
|
122
|
+
'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
|
|
123
|
+
},
|
|
124
|
+
"alpha_hover_text": {
|
|
125
|
+
'light': ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800'],
|
|
126
|
+
'dark': ['#6eb2ff', '#0e7c1c', '#a85100', '#a81111', '#9b6808']
|
|
127
|
+
},
|
|
128
|
+
"alpha_border": {
|
|
129
|
+
'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#b68c07'],
|
|
130
|
+
'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
|
|
131
|
+
},
|
|
132
|
+
"alpha_hover_border": {
|
|
133
|
+
'light': ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800'],
|
|
134
|
+
'dark': ['#1065cc', '#0e7c1c', '#a85100', '#a81111', '#9b6808']
|
|
135
|
+
},
|
|
136
|
+
"alpha_bg": {
|
|
137
|
+
'light': ['#e7f1fd', '#d4eed9', '#fae4d1', '#f8d7d7', '#f8eabd'],
|
|
138
|
+
'dark': ['#253142', '#2a433f', '#393335', '#372f3a', '#353638']
|
|
139
|
+
},
|
|
140
|
+
"beta_border": {
|
|
141
|
+
'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#b68c07'],
|
|
142
|
+
'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
|
|
143
|
+
},
|
|
144
|
+
"grey_10_bg": {
|
|
145
|
+
'light': [
|
|
146
|
+
'var(--dot_catskillWhite)',
|
|
147
|
+
'#f6faf9',
|
|
148
|
+
'#f9f7f6',
|
|
149
|
+
'#f9f6f7',
|
|
150
|
+
'#f8f8f6'
|
|
151
|
+
],
|
|
152
|
+
'dark': ['var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)']
|
|
153
|
+
},
|
|
154
|
+
"grey_10_border": {
|
|
155
|
+
'light': [
|
|
156
|
+
'var(--dot_catskillWhite)',
|
|
157
|
+
'#f6faf9',
|
|
158
|
+
'#f9f7f6',
|
|
159
|
+
'#f9f6f7',
|
|
160
|
+
'#f8f8f6'
|
|
161
|
+
],
|
|
162
|
+
'dark': ['var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)']
|
|
163
|
+
},
|
|
164
|
+
"grey_15_bg": {
|
|
165
|
+
'light': ['var(--dot_solitude)', '#eef2ef', '#f2ece8', '#ede8e8', '#edede3'],
|
|
166
|
+
'dark': ['var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)']
|
|
167
|
+
},
|
|
168
|
+
"grey_15_border": {
|
|
169
|
+
'light': ['var(--dot_solitude)', '#eef2ef', '#f2ece8', '#ede8e8', '#edede3'],
|
|
170
|
+
'dark': ['var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)']
|
|
171
|
+
},
|
|
172
|
+
"grey_20_bg": {
|
|
173
|
+
'light': ['var(--dot_hawkesBlue)', '#ebefef', '#f2f0ee', '#eeeced', '#efefec'],
|
|
174
|
+
'dark': ['#161b23', '#161b23', '#161b23', '#161b23', '#161b23']
|
|
175
|
+
},
|
|
176
|
+
"grey_35_bg": {
|
|
177
|
+
'light': ['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc'],
|
|
178
|
+
'dark': ['var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)']
|
|
179
|
+
},
|
|
180
|
+
"grey_35_text": {
|
|
181
|
+
'light': ['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc'],
|
|
182
|
+
'dark': ['var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)']
|
|
183
|
+
},
|
|
184
|
+
"grey_35_border": {
|
|
185
|
+
'light': ['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc'],
|
|
186
|
+
'dark': ['var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)']
|
|
187
|
+
},
|
|
188
|
+
"grey_40_bg": {
|
|
189
|
+
'light': ['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4'],
|
|
190
|
+
'dark': ['var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)']
|
|
191
|
+
},
|
|
192
|
+
"grey_40_text": {
|
|
193
|
+
'light': ['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4'],
|
|
194
|
+
'dark': ['var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)']
|
|
195
|
+
},
|
|
196
|
+
"grey_40_border": {
|
|
197
|
+
'light': ['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4'],
|
|
198
|
+
'dark': ['var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)']
|
|
199
|
+
}
|
|
200
|
+
}
|
|
335
201
|
];
|
|
336
202
|
|
|
337
203
|
module.exports = { ctaThemeVariables: ctaThemeVariables };
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
[data-mode='dark'][data-theme='blue'], :global(.blueDarkTheme) [data-desk-theme="blue"] {
|
|
2
|
-
--zdt_cta_primary_text: #479dff;
|
|
3
|
-
--zdt_cta_primary_hover_text: #6eb2ff;
|
|
4
|
-
--zdt_cta_primary_bg: #479dff;
|
|
5
|
-
--zdt_cta_primary_hover_bg: #1065cc;
|
|
6
|
-
--zdt_cta_primary_border: #479dff;
|
|
7
|
-
--zdt_cta_primary_hover_border: #1065cc;
|
|
8
|
-
--zdt_cta_primary_box_shadow: rgba(10, 115, 235, 0.2);
|
|
9
|
-
--zdt_cta_primary_hover_box_shadow: rgba(0, 83, 184, 0.25);
|
|
10
|
-
--zdt_cta_primary_light_bg: #2c3b4d;
|
|
11
|
-
--zdt_cta_primary_light_hover_bg: #262f3d;
|
|
12
|
-
--zdt_cta_primary_light_border: var(--zd_primary13);
|
|
13
|
-
--zdt_cta_secondary_bg: #479dff;
|
|
14
|
-
--zdt_cta_secondary_text: var(--dot_white);
|
|
15
|
-
--zdt_cta_secondary_border: rgba(255, 255, 255, 0.15);
|
|
16
|
-
--zdt_cta_secondary_light_border: #3f536b;
|
|
17
|
-
--zdt_cta_alpha_text: #479dff;
|
|
18
|
-
--zdt_cta_alpha_hover_text: #6eb2ff;
|
|
19
|
-
--zdt_cta_alpha_border: #479dff;
|
|
20
|
-
--zdt_cta_alpha_hover_border: #1065cc;
|
|
21
|
-
--zdt_cta_alpha_bg: #253142;
|
|
22
|
-
--zdt_cta_beta_border: #479dff;
|
|
23
|
-
--zdt_cta_grey_10_bg: #262f3d;
|
|
24
|
-
--zdt_cta_grey_10_border: #262f3d;
|
|
25
|
-
--zdt_cta_grey_15_bg: #2d3748;
|
|
26
|
-
--zdt_cta_grey_15_border: #2d3748;
|
|
27
|
-
--zdt_cta_grey_20_bg: #161b23;
|
|
28
|
-
--zdt_cta_grey_35_bg: #384157;
|
|
29
|
-
--zdt_cta_grey_35_text: #384157;
|
|
30
|
-
--zdt_cta_grey_35_border: #384157;
|
|
31
|
-
--zdt_cta_grey_40_bg: #3e4d63;
|
|
32
|
-
--zdt_cta_grey_40_text: #3e4d63;
|
|
33
|
-
--zdt_cta_grey_40_border: #3e4d63
|
|
34
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
[data-mode='dark'][data-theme='blue'], :global(.blueDarkTheme) [data-desk-theme="blue"] {
|
|
2
|
-
/* stencil */
|
|
3
|
-
--zdt_stencil_dark_bg: #383f55;
|
|
4
|
-
--zdt_stencil_dark_gradient_bg: linear-gradient(left, #383f55 0, #414963 33.33%, #414961 66.66%, #383f55 100%);
|
|
5
|
-
|
|
6
|
-
/* dropbox */
|
|
7
|
-
--zdt_dropbox_dark_bg: #232b38;
|
|
8
|
-
|
|
9
|
-
/* listitem */
|
|
10
|
-
--zdt_listitem_dark_bg: #232b38;
|
|
11
|
-
--zdt_listitem_dark_text: #e2e4e6;
|
|
12
|
-
--zdt_listitem_dark_effect_bg: #262f3d;
|
|
13
|
-
--zdt_listitem_dark_active_bg: #3b4d6d;
|
|
14
|
-
--zdt_listitem_dark_tickicon: #479dff;
|
|
15
|
-
|
|
16
|
-
/* tag */
|
|
17
|
-
--zdt_tag_dark_text: #d0d0d4;
|
|
18
|
-
--zdt_tag_dark_bg: #42485f;
|
|
19
|
-
--zdt_tag_dark_hover_text: #d0d0d4;
|
|
20
|
-
--zdt_tag_dark_hover_bg: #503348;
|
|
21
|
-
--zdt_tag_dark_close_bg: #864654;
|
|
22
|
-
--zdt_tag_dark_close_text: #de3535;
|
|
23
|
-
|
|
24
|
-
/* multiselect */
|
|
25
|
-
--zdt_multiselect_dark_border: #4b5168;
|
|
26
|
-
--zdt_multiselect_darkmsg_bg: #232b38;
|
|
27
|
-
--zdt_multiselect_darkmsg_text: #d0d0d4;
|
|
28
|
-
--zdt_multiselect_darkdelete_hover_text: #e2e4e6;
|
|
29
|
-
|
|
30
|
-
/* avatar */
|
|
31
|
-
--zdt_avatar_white_border: #a8b0bd;
|
|
32
|
-
--zdt_avatar_white_text: var(--dot_white);
|
|
33
|
-
|
|
34
|
-
/* label */
|
|
35
|
-
--zdt_label_dark_text: #d0d0d4;
|
|
36
|
-
|
|
37
|
-
/* textbox */
|
|
38
|
-
--zdt_textbox_light_text: var(--dot_white);
|
|
39
|
-
|
|
40
|
-
/* dropdown */
|
|
41
|
-
--zdt_dropdown_darkheading_text: #a8b0bd;
|
|
42
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
[data-mode='dark'][data-theme='green'] {
|
|
2
|
-
--zdt_cta_primary_text: #45a159;
|
|
3
|
-
--zdt_cta_primary_hover_text: #5eba72;
|
|
4
|
-
--zdt_cta_primary_bg: #45a159;
|
|
5
|
-
--zdt_cta_primary_hover_bg: #0e7c1c;
|
|
6
|
-
--zdt_cta_primary_border: #45a159;
|
|
7
|
-
--zdt_cta_primary_hover_border: #0e7c1c;
|
|
8
|
-
--zdt_cta_primary_box_shadow: rgba(38, 169, 66, 0.2);
|
|
9
|
-
--zdt_cta_primary_hover_box_shadow: rgba(14, 117, 38, 0.25);
|
|
10
|
-
--zdt_cta_primary_light_bg: #26373b;
|
|
11
|
-
--zdt_cta_primary_light_hover_bg: #2d4e42;
|
|
12
|
-
--zdt_cta_primary_light_border: #2d4e42;
|
|
13
|
-
--zdt_cta_secondary_bg: #45a159;
|
|
14
|
-
--zdt_cta_secondary_text: var(--dot_white);
|
|
15
|
-
--zdt_cta_secondary_border: rgba(255, 255, 255, 0.15);
|
|
16
|
-
--zdt_cta_secondary_light_border: #2d4e42;
|
|
17
|
-
--zdt_cta_alpha_text: #45a159;
|
|
18
|
-
--zdt_cta_alpha_hover_text: #0e7c1c;
|
|
19
|
-
--zdt_cta_alpha_border: #45a159;
|
|
20
|
-
--zdt_cta_alpha_hover_border: #0e7c1c;
|
|
21
|
-
--zdt_cta_alpha_bg: #2a433f;
|
|
22
|
-
--zdt_cta_beta_border: #45a159;
|
|
23
|
-
--zdt_cta_grey_10_bg: #262f3d;
|
|
24
|
-
--zdt_cta_grey_10_border: #262f3d;
|
|
25
|
-
--zdt_cta_grey_15_bg: #2d3748;
|
|
26
|
-
--zdt_cta_grey_15_border: #2d3748;
|
|
27
|
-
--zdt_cta_grey_20_bg: #161b23;
|
|
28
|
-
--zdt_cta_grey_35_bg: #384157;
|
|
29
|
-
--zdt_cta_grey_35_text: #384157;
|
|
30
|
-
--zdt_cta_grey_35_border: #384157;
|
|
31
|
-
--zdt_cta_grey_40_bg: #3e4d63;
|
|
32
|
-
--zdt_cta_grey_40_text: #3e4d63;
|
|
33
|
-
--zdt_cta_grey_40_border: #3e4d63
|
|
34
|
-
}
|