@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.
Files changed (64) hide show
  1. package/README.md +4 -0
  2. package/{es → assets}/Appearance/dark/mode/darkMode.module.css +2 -2
  3. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +34 -0
  4. package/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +42 -0
  5. package/{lib → assets}/Appearance/dark/themes/green/greenDarkCTATheme.module.css +10 -10
  6. package/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +42 -0
  7. package/{es → assets}/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +10 -10
  8. package/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +42 -0
  9. package/{lib → assets}/Appearance/dark/themes/red/redDarkCTATheme.module.css +10 -10
  10. package/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css +42 -0
  11. package/{es → assets}/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +10 -10
  12. package/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +42 -0
  13. package/{es → assets}/Appearance/default/mode/defaultMode.module.css +2 -2
  14. package/{es → assets}/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -0
  15. package/{es → assets}/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +7 -7
  16. package/{es → assets}/Appearance/default/themes/green/greenDefaultCTATheme.module.css +2 -2
  17. package/{lib → assets}/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +4 -4
  18. package/{es → assets}/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -0
  19. package/{lib → assets}/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +3 -3
  20. package/{es → assets}/Appearance/default/themes/red/redDefaultCTATheme.module.css +7 -7
  21. package/{lib → assets}/Appearance/default/themes/red/redDefaultComponentTheme.module.css +3 -3
  22. package/{es → assets}/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -0
  23. package/{es → assets}/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +3 -3
  24. package/es/AppContainer/AppContainer.js +6 -6
  25. package/es/Provider.js +22 -22
  26. package/es/Stencils/Stencils.module.css +4 -14
  27. package/lib/AppContainer/AppContainer.js +6 -6
  28. package/lib/Provider.js +22 -22
  29. package/lib/Stencils/Stencils.module.css +4 -14
  30. package/package.json +7 -7
  31. package/preprocess/componentAppearanceColors.js +24 -22
  32. package/preprocess/componentThemeColors.js +63 -59
  33. package/preprocess/ctaThemeColors.js +48 -42
  34. package/preprocess/json/componentAppearanceVariableJson.js +1341 -1510
  35. package/preprocess/json/componentThemeVariableJson.js +237 -254
  36. package/preprocess/json/ctaThemeVariableJson.js +198 -332
  37. package/es/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -34
  38. package/es/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +0 -42
  39. package/es/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -34
  40. package/es/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +0 -42
  41. package/es/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +0 -42
  42. package/es/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -34
  43. package/es/Appearance/dark/themes/red/redDarkComponentTheme.module.css +0 -42
  44. package/es/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +0 -42
  45. package/es/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +0 -42
  46. package/es/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +0 -42
  47. package/es/Appearance/default/themes/red/redDefaultComponentTheme.module.css +0 -42
  48. package/lib/Appearance/dark/mode/darkMode.module.css +0 -356
  49. package/lib/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -34
  50. package/lib/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +0 -42
  51. package/lib/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +0 -42
  52. package/lib/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -34
  53. package/lib/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +0 -42
  54. package/lib/Appearance/dark/themes/red/redDarkComponentTheme.module.css +0 -42
  55. package/lib/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -34
  56. package/lib/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +0 -42
  57. package/lib/Appearance/default/mode/defaultMode.module.css +0 -356
  58. package/lib/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -34
  59. package/lib/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +0 -42
  60. package/lib/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -34
  61. package/lib/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -34
  62. package/lib/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -34
  63. package/lib/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -34
  64. package/lib/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +0 -42
package/preprocess/json/componentAppearanceVariableJson.js CHANGED
@@ -1,1515 +1,1346 @@
1
- /* sample color order =>
2
- --zdt_cta_variable_name,
3
- [['defaultMode'], ['blue', 'green', 'orange', 'red', 'yellow)']],
4
- [['darkMode'], ['blue', 'green', 'orange', 'red', 'yellow)']],
5
- ['css comment name'] */
1
+ /* sample =>
2
+ {
3
+ "comment": "comment name",
4
+ "data": {
5
+ "--zdt_variable_name": {
6
+ 'lightMode': ['white'],
7
+ 'nightMode': ['black]
8
+ }
9
+ }
10
+ }
11
+ */
6
12
 
7
13
  const componentAppearanceVariables = [
8
- [
9
- 'dot_inputPlaceholder',
10
- [['default'], ['var(--zdt_cta_grey_40_text)']],
11
- [['dark'], ['var(--dot_shuttleGrey)']],
12
- ['list common']
13
- ],
14
- [
15
- 'dot_inputDisable',
16
- [['default'], ['var(--dot_slateGrey)']],
17
- [['dark'], ['var(--dot_oslogrey)']]
18
- ],
19
- [
20
- 'dot_inputLine',
21
- [['default'], ['var(--zdt_cta_grey_35_border)']],
22
- [['dark'], ['var(--zdt_cta_grey_35_border)']]
23
- ],
24
- [
25
- 'dot_inputLineHover',
26
- [['default'], ['var(--dot_slateGrey)']],
27
- [['dark'], ['var(--dot_oslogrey)']]
28
- ],
29
- [
30
- 'dot_inputLineFocus',
31
- [['default'], ['var(--zdt_cta_primary_border)']],
32
- [['dark'], ['var(--zdt_cta_primary_border)']]
33
- ],
34
- [
35
- 'dot_listItemHover',
36
- [['default'], ['var(--zdt_cta_grey_10_bg)']],
37
- [['dark'], ['var(--zdt_cta_grey_10_bg)']]
38
- ],
39
- [
40
- 'dot_listItemActive',
41
- [['default'], ['var(--zdt_cta_primary_light_bg)']],
42
- [['dark'], ['var(--zdt_cta_primary_light_bg)']]
43
- ],
44
- [
45
- 'zdt_disable_bg',
46
- [['default'], ['rgba(255, 255, 255, 0.5)']],
47
- [['dark'], ['rgba(22, 27, 35, 0.5)']],
48
- ['common']
49
- ],
50
- [
51
- 'zdt_avatar_default_text',
52
- [['default'], ['var(--dot_black)']],
53
- [['dark'], ['var(--dot_platinum)']],
54
- ['avatar']
55
- ],
56
- [
57
- 'zdt_avatar_default_bg',
58
- [['default'], ['var(--dot_white)']],
59
- [['dark'], ['var(--dot_ebonyclay)']]
60
- ],
61
- [
62
- 'zdt_avatar_default_border',
63
- [['default'], ['var(--zdt_cta_grey_40_border)']],
64
- [['dark'], ['var(--zdt_cta_grey_40_border)']]
65
- ],
66
- [
67
- 'zdt_avatar_default_borderHover',
68
- [['default'], ['var(--dot_slateGrey)']],
69
- [['dark'], ['var(--dot_oslogrey)']]
70
- ],
71
- [
72
- 'zdt_avatar_default_boxshadow',
73
- [['default'], ['rgba(0, 0, 0, 0.11)']],
74
- [['dark'], ['rgba(255, 255, 255, 0.14)']]
75
- ],
76
- [
77
- 'zdt_avatar_white_borderHover',
78
- [['default'], ['var(--zdt_cta_grey_40_border)']],
79
- [['dark'], ['var(--zdt_cta_grey_40_border)']]
80
- ],
81
- [
82
- 'zdt_avatar_white_boxshadow',
83
- [['default'], ['rgba(255, 255, 255, 0.14)']],
84
- [['dark'], ['rgba(0, 0, 0, 0.11)']]
85
- ],
86
- [
87
- 'zdt_avatar_secondary_bg',
88
- [['default'], ['var(--dot_black)']],
89
- [['dark'], ['var(--dot_platinum)']]
90
- ],
91
- [
92
- 'zdt_avatar_info_bg',
93
- [['default'], ['var(--dot_mirror)']],
94
- [['dark'], ['var(--dot_mirror)']]
95
- ],
96
- [
97
- 'zdt_avatarteam_default_bg',
98
- [['default'], ['var(--dot_mirror)']],
99
- [['dark'], ['var(--dot_mirror)']],
100
- ['avatar team']
101
- ],
102
- [
103
- 'zdt_avatarteam_default_border',
104
- [['default'], ['var(--dot_mirror)']],
105
- [['dark'], ['var(--dot_mirror)']]
106
- ],
107
- [
108
- 'zdt_avatarteam_primary_bg',
109
- [['default'], ['var(--zdt_cta_grey_40_bg)']],
110
- [['dark'], ['var(--zdt_cta_grey_40_bg)']]
111
- ],
112
- [
113
- 'zdt_avatarteam_primary_hover_bg',
114
- [['default'], ['var(--dot_slateGrey)']],
115
- [['dark'], ['var(--dot_oslogrey)']]
116
- ],
117
- [
118
- 'zdt_avatarteam_secondary_bg',
119
- [['default'], ['var(--dot_white)']],
120
- [['dark'], ['var(--dot_ebonyclay)']]
121
- ],
122
- [
123
- 'zdt_avatarteam_nofill_border',
124
- [['default'], ['var(--zdt_cta_grey_40_border)']],
125
- [['dark'], ['var(--zdt_cta_grey_40_border)']]
126
- ],
127
- [
128
- 'zdt_avatarteam_nofill_hover_border',
129
- [['default'], ['var(--dot_slateGrey)']],
130
- [['dark'], ['var(--dot_oslogrey)']]
131
- ],
132
- [
133
- 'zdt_button_default_text',
134
- [['default'], ['var(--zdt_cta_alpha_text)']],
135
- [['dark'], ['var(--zdt_cta_alpha_text)']],
136
- ['button']
137
- ],
138
- [
139
- 'zdt_button_default_bg',
140
- [['default'], ['var(--dot_mirror)']],
141
- [['dark'], ['var(--dot_mirror)']]
142
- ],
143
- [
144
- 'zdt_button_default_border',
145
- [['default'], ['var(--zdt_cta_alpha_border)']],
146
- [['dark'], ['var(--zdt_cta_alpha_border)']]
147
- ],
148
- [
149
- 'zdt_button_primary_hover_text',
150
- [['default'], ['var(--zdt_cta_alpha_hover_text)']],
151
- [['dark'], ['var(--zdt_cta_alpha_text)']]
152
- ],
153
- [
154
- 'zdt_button_primary_hover_border',
155
- [['default'], ['var(--zdt_cta_alpha_hover_border)']],
156
- [['dark'], ['var(--zdt_cta_alpha_hover_border)']]
157
- ],
158
- [
159
- 'zdt_button_primary_box_shadow',
160
- [['default'], ['var(--zdt_cta_primary_box_shadow)']],
161
- [['dark'], ['var(--zdt_cta_primary_box_shadow)']]
162
- ],
163
- [
164
- 'zdt_button_plainprimary_hover_text',
165
- [['default'], ['var(--zdt_cta_primary_hover_text)']],
166
- [['dark'], ['var(--zdt_cta_primary_hover_text)']]
167
- ],
168
- [
169
- 'zdt_button_secondary_text',
170
- [['default'], ['var(--dot_shuttleGrey)']],
171
- [['dark'], ['var(--dot_cadetblue)']]
172
- ],
173
- [
174
- 'zdt_button_secondary_hover_text',
175
- [['default'], ['var(--dot_black)']],
176
- [['dark'], ['var(--dot_cadetblue)']]
177
- ],
178
- [
179
- 'zdt_button_secondary_border',
180
- [['default'], ['var(--zdt_cta_grey_35_border)']],
181
- [['dark'], ['var(--zdt_cta_grey_35_border)']]
182
- ],
183
- [
184
- 'zdt_button_secondary_hover_border',
185
- [['default'], ['var(--dot_slateGrey)']],
186
- [['dark'], ['var(--dot_oslogrey)']]
187
- ],
188
- [
189
- 'zdt_button_danger_border',
190
- [['default'], ['var(--dot_brightRed)']],
191
- [['dark'], ['var(--dot_bittersweet)']]
192
- ],
193
- [
194
- 'zdt_button_danger_text',
195
- [['default'], ['var(--dot_brightRed)']],
196
- [['dark'], ['var(--dot_bittersweet)']]
197
- ],
198
- [
199
- 'zdt_button_danger_hover_border',
200
- [['default'], ['var(--dot_fireBrick)']],
201
- [['dark'], ['#cc302d']]
202
- ],
203
- [
204
- 'zdt_button_danger_hover_text',
205
- [['default'], ['var(--dot_fireBrick)']],
206
- [['dark'], ['var(--dot_bittersweet)']]
207
- ],
208
- [
209
- 'zdt_button_danger_box_shadow',
210
- [['default'], ['var(--zd_dangertrans6)']],
211
- [['dark'], ['var(--zd_dangertrans6)']]
212
- ],
213
- [
214
- 'zdt_button_primaryfill_text',
215
- [['default'], ['var(--zdt_cta_secondary_text)']],
216
- [['dark'], ['var(--zdt_cta_secondary_text)']]
217
- ],
218
- [
219
- 'zdt_button_primaryfill_bg',
220
- [['default'], ['var(--zdt_cta_primary_bg)']],
221
- [['dark'], ['var(--zdt_cta_primary_bg)']]
222
- ],
223
- [
224
- 'zdt_button_primaryfill_border',
225
- [['default'], ['var(--dot_mirror)']],
226
- [['dark'], ['var(--dot_mirror)']]
227
- ],
228
- [
229
- 'zdt_button_primaryfill_hover_bg',
230
- [['default'], ['var(--zdt_cta_primary_hover_bg)']],
231
- [['dark'], ['var(--zdt_cta_primary_hover_bg)']]
232
- ],
233
- [
234
- 'zdt_button_secondaryfill_bg',
235
- [['default'], ['var(--zdt_cta_grey_10_bg)']],
236
- [['dark'], ['var(--zdt_cta_grey_10_bg)']]
237
- ],
238
- [
239
- 'zdt_button_dangerfill_bg',
240
- [['default'], ['var(--dot_brightRed)']],
241
- [['dark'], ['var(--dot_bittersweet)']]
242
- ],
243
- [
244
- 'zdt_button_dangerfill_text',
245
- [['default'], ['var(--dot_white)']],
246
- [['dark'], ['var(--dot_white)']]
247
- ],
248
- [
249
- 'zdt_button_dangerfill_hover_bg',
250
- [['default'], ['var(--dot_fireBrick)']],
251
- [['dark'], ['#cc302d']]
252
- ],
253
- [
254
- 'zdt_button_successfill_border',
255
- [['default'], ['var(--dot_strongGreen)']],
256
- [['dark'], ['var(--dot_darkmint)']]
257
- ],
258
- [
259
- 'zdt_button_successfill_bg',
260
- [['default'], ['var(--dot_strongGreen)']],
261
- [['dark'], ['var(--dot_darkmint)']]
262
- ],
263
- [
264
- 'zdt_button_successfill_hover_border',
265
- [['default'], ['var(--dot_camarone)']],
266
- [['dark'], ['var(--dot_irishgreen)']]
267
- ],
268
- [
269
- 'zdt_button_successfill_hover_bg',
270
- [['default'], ['var(--dot_camarone)']],
271
- [['dark'], ['var(--dot_irishgreen)']]
272
- ],
273
- [
274
- 'zdt_button_tertiaryfill_bg',
275
- [['default'], ['var(--dot_shuttleGrey)']],
276
- [['dark'], ['var(--dot_cadetblue)']]
277
- ],
278
- [
279
- 'zdt_button_tertiaryfill_hover_bg',
280
- [['default'], ['var(--dot_slateGrey)']],
281
- [['dark'], ['var(--dot_oslogrey)']]
282
- ],
283
- [
284
- 'zdt_button_success_default_border',
285
- [['default'], ['var(--dot_white)']],
286
- [['dark'], ['var(--dot_white)']]
287
- ],
288
- [
289
- 'zdt_button_tick_primary_border',
290
- [['default'], ['var(--zdt_cta_secondary_text)']],
291
- [['dark'], ['var(--zdt_cta_secondary_text)']]
292
- ],
293
- [
294
- 'zdt_button_loading_default_bg',
295
- [['default'], ['var(--dot_white)']],
296
- [['dark'], ['var(--dot_ebonyclay)']]
297
- ],
298
- [
299
- 'zdt_button_loading_linear_gradient',
300
- [['default'], ['linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%']],
301
- [['dark'], ['linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%']]
302
- ],
303
- [
304
- 'zdt_buttongroup_default_bg',
305
- [['default'], ['var(--dot_white)']],
306
- [['dark'], ['var(--dot_ebonyclay)']],
307
- ['button group']
308
- ],
309
- [
310
- 'zdt_buttongroup_default_border',
311
- [['default'], ['var(--zd_smoke7)']],
312
- [['dark'], ['var(--zd_smoke7)']]
313
- ],
314
- [
315
- 'zdt_buttongroup_footer_box_shadow',
316
- [['default'], ['var(--zd_graytrans4)']],
317
- [['dark'], ['var(--zd_graytrans4)']]
318
- ],
319
- [
320
- 'zdt_checkbox_default_bg',
321
- [['default'], ['var(--dot_white)']],
322
- [['dark'], ['var(--dot_ebonyclay)']],
323
- ['checkbox']
324
- ],
325
- [
326
- 'zdt_checkbox_default_stroke_border',
327
- [['default'], ['var(--dot_slateGrey)']],
328
- [['dark'], ['var(--dot_oslogrey)']]
329
- ],
330
- [
331
- 'zdt_checkbox_primary_stroke_border',
332
- [['default'], ['var(--zdt_cta_beta_border)']],
333
- [['dark'], ['var(--zdt_cta_beta_border)']]
334
- ],
335
- [
336
- 'zdt_checkbox_danger_stroke_border',
337
- [['default'], ['var(--dot_brightRed)']],
338
- [['dark'], ['var(--dot_bittersweet)']]
339
- ],
340
- [
341
- 'zdt_checkbox_label_primary_text',
342
- [['default'], ['var(--zdt_cta_primary_text)']],
343
- [['dark'], ['var(--zdt_cta_primary_text)']]
344
- ],
345
- [
346
- 'zdt_checkbox_label_danger_text',
347
- [['default'], ['var(--dot_brightRed)']],
348
- [['dark'], ['var(--dot_bittersweet)']]
349
- ],
350
- [
351
- 'zdt_dropbox_default_bg',
352
- [['default'], ['var(--dot_white)']],
353
- [['dark'], ['var(--dot_ebonyclay)']],
354
- ['dropbox']
355
- ],
356
- [
357
- 'zdt_dropbox_default_box_shadow',
358
- [['default'], ['rgba(0, 0, 0, 0.13)']],
359
- [['dark'], ['rgba(0, 0, 0, 0.5)']]
360
- ],
361
- [
362
- 'zdt_dropbox_arrow_shadow',
363
- [['default'], ['var(--zd_graytrans4)']],
364
- [['dark'], ['var(--zd_graytrans4)']]
365
- ],
366
- [
367
- 'zdt_dropbox_mob_bg',
368
- [['default'], ['rgba(0, 0, 0, 0.4)']],
369
- [['dark'], ['rgba(0, 0, 0, 0.4)']]
370
- ],
371
- [
372
- 'zdt_dropbox_mob_close_bg',
373
- [['default'], ['var(--zd_smoke53)']],
374
- [['dark'], ['var(--zd_smoke53)']]
375
- ],
376
- [
377
- 'zdt_label_default_text',
378
- [['default'], ['var(--dot_black)']],
379
- [['dark'], ['var(--dot_platinum)']],
380
- ['label']
381
- ],
382
- [
383
- 'zdt_label_primary_text',
384
- [['default'], ['var(--dot_slateGrey)']],
385
- [['dark'], ['var(--dot_oslogrey)']]
386
- ],
387
- [
388
- 'zdt_label_secondary_text',
389
- [['default'], ['var(--dot_shuttleGrey)']],
390
- [['dark'], ['var(--dot_cadetblue)']]
391
- ],
392
- [
393
- 'zdt_label_danger_text',
394
- [['default'], ['var(--dot_brightOrange)']],
395
- [['dark'], ['var(--dot_brightOrange)']]
396
- ],
397
- [
398
- 'zdt_label_mandatory_text',
399
- [['default'], ['var(--dot_brightRed)']],
400
- [['dark'], ['var(--dot_bittersweet)']]
401
- ],
402
- [
403
- 'zdt_label_disable_text',
404
- [['default'], ['var(--dot_inputDisable)']],
405
- [['dark'], ['var(--dot_inputDisable)']]
406
- ],
407
- [
408
- 'zdt_tag_default_text',
409
- [['default'], ['var(--dot_black)']],
410
- [['dark'], ['var(--dot_platinum)']],
411
- ['tag']
412
- ],
413
- [
414
- 'zdt_tag_default_bg',
415
- [['default'], ['var(--zdt_cta_grey_20_bg)']],
416
- [['dark'], ['var(--zdt_cta_grey_20_bg)']]
417
- ],
418
- [
419
- 'zdt_tag_default_border',
420
- [['default'], ['var(--dot_mirror)']],
421
- [['dark'], ['var(--dot_mirror)']]
422
- ],
423
- [
424
- 'zdt_tag_default_hover_bg',
425
- [['default'], ['var(--zdt_cta_grey_35_bg)']],
426
- [['dark'], ['var(--zdt_cta_grey_35_bg)']]
427
- ],
428
- [
429
- 'zdt_tag_secondary_text',
430
- [['default'], ['var(--dot_white)']],
431
- [['dark'], ['var(--dot_white)']]
432
- ],
433
- [
434
- 'zdt_tag_secondary_bg',
435
- [['default'], ['var(--zd_dark32)']],
436
- [['dark'], ['var(--zd_dark32)']]
437
- ],
438
- [
439
- 'zdt_tag_secondary_hover_bg',
440
- [['default'], ['var(--zd_dark33)']],
441
- [['dark'], ['var(--zd_dark33)']]
442
- ],
443
- [
444
- 'zdt_tag_closedanger_bg',
445
- [['default'], ['var(--zd_dangertrans5)']],
446
- [['dark'], ['var(--zd_dangertrans5)']]
447
- ],
448
- [
449
- 'zdt_tag_icon_bg',
450
- [['default'], ['var(--dot_mirror)']],
451
- [['dark'], ['var(--dot_mirror)']]
452
- ],
453
- [
454
- 'zdt_tag_disabled_text',
455
- [['default'], ['var(--dot_inputDisable)']],
456
- [['dark'], ['var(--dot_inputDisable)']]
457
- ],
458
- [
459
- 'zdt_tag_danger_bg',
460
- [['default'], ['var(--dot_brightRed)']],
461
- [['dark'], ['var(--dot_bittersweet)']]
462
- ],
463
- [
464
- 'zdt_tag_danger_hover_bg',
465
- [['default'], ['var(--zd_danger18)']],
466
- [['dark'], ['var(--dot_matterhorn)']]
467
- ],
468
- [
469
- 'zdt_tag_primary_bg',
470
- [['default'], ['var(--zdt_cta_primary_bg)']],
471
- [['dark'], ['var(--zdt_cta_primary_bg)']]
472
- ],
473
- [
474
- 'zdt_tag_primary_hover_bg',
475
- [['default'], ['var(--zdt_cta_primary_hover_bg)']],
476
- [['dark'], ['var(--zdt_cta_primary_hover_bg)']]
477
- ],
478
- [
479
- 'zdt_tag_primary_border',
480
- [['default'], ['var(--zdt_cta_primary_light_border)']],
481
- [['dark'], ['var(--zdt_cta_primary_light_border)']]
482
- ],
483
- [
484
- 'zdt_tag_closeprimary_bg',
485
- [['default'], ['var(--zdt_cta_primary_bg)']],
486
- [['dark'], ['var(--zdt_cta_primary_bg)']]
487
- ],
488
- [
489
- 'zdt_tag_default_danger_bg',
490
- [['default'], ['var(--zdt_cta_grey_15_bg)']],
491
- [['dark'], ['var(--zdt_cta_grey_15_bg)']]
492
- ],
493
- [
494
- 'zdt_tag_active_default_bg',
495
- [['default'], ['var(--zdt_cta_primary_light_bg)']],
496
- [['dark'], ['var(--zdt_cta_primary_light_bg)']]
497
- ],
498
- [
499
- 'zdt_tag_pure_bg',
500
- [['default'], ['var(--dot_white)']],
501
- [['dark'], ['var(--dot_ebonyclay)']]
502
- ],
503
- [
504
- 'zdt_tag_pure_border',
505
- [['default'], ['var(--zd_smoke91)']],
506
- [['dark'], ['var(--zd_smoke91)']]
507
- ],
508
- [
509
- 'zdt_tag_pure_hover_bg',
510
- [['default'], ['var(--zd_smoke6)']],
511
- [['dark'], ['var(--zd_smoke6)']]
512
- ],
513
- [
514
- 'zdt_tag_pure_hover_border',
515
- [['default'], ['var(--zd_dark6)']],
516
- [['dark'], ['var(--zd_dark6)']]
517
- ],
518
- [
519
- 'zdt_tag_dark_close_hover_bg',
520
- [['default'], ['var(--dot_brightRed)']],
521
- [['dark'], ['var(--dot_brightRed)']]
522
- ],
523
- [
524
- 'zdt_textbox_default_text',
525
- [['default'], ['var(--dot_black)']],
526
- [['dark'], ['var(--dot_platinum)']],
527
- ['textbox']
528
- ],
529
- [
530
- 'zdt_textbox_default_bg',
531
- [['default'], ['var(--dot_mirror)']],
532
- [['dark'], ['var(--dot_mirror)']]
533
- ],
534
- [
535
- 'zdt_textbox_default_border',
536
- [['default'], ['var(--dot_inputLine)']],
537
- [['dark'], ['var(--dot_inputLine)']]
538
- ],
539
- [
540
- 'zdt_textbox_placeholder_text',
541
- [['default'], ['var(--dot_inputPlaceholder)']],
542
- [['dark'], ['var(--dot_inputPlaceholder)']]
543
- ],
544
- [
545
- 'zdt_textbox_disabled_text',
546
- [['default'], ['var(--dot_inputDisable)']],
547
- [['dark'], ['var(--dot_inputDisable)']]
548
- ],
549
- [
550
- 'zdt_textbox_transparent_border',
551
- [['default'], ['var(--dot_mirror)']],
552
- [['dark'], ['var(--dot_mirror)']]
553
- ],
554
- [
555
- 'zdt_textbox_effect_hover_border',
556
- [['default'], ['var(--dot_inputLineHover)']],
557
- [['dark'], ['var(--dot_inputLineHover)']]
558
- ],
559
- [
560
- 'zdt_textbox_effect_focus_border',
561
- [['default'], ['var(--dot_inputLineFocus)']],
562
- [['dark'], ['var(--dot_inputLineFocus)']]
563
- ],
564
- [
565
- 'zdt_textbox_secondary_text',
566
- [['default'], ['var(--dot_shuttleGrey)']],
567
- [['dark'], ['var(--dot_cadetblue)']]
568
- ],
569
- [
570
- 'zdt_dropdown_default_text',
571
- [['default'], ['var(--dot_black)']],
572
- [['dark'], ['var(--dot_platinum)']],
573
- ['dropdown']
574
- ],
575
- [
576
- 'zdt_dropdown_default_border',
577
- [['default'], ['var(--dot_mirror)']],
578
- [['dark'], ['var(--dot_mirror)']]
579
- ],
580
- [
581
- 'zdt_dropdown_default_bg',
582
- [['default'], ['var(--dot_shuttleGrey)']],
583
- [['dark'], ['var(--dot_cadetblue)']]
584
- ],
585
- [
586
- 'zdt_dropdown_darkheading_bg',
587
- [['default'], ['var(--dot_unknown2)']],
588
- [['dark'], ['var(--dot_unknown2)']]
589
- ],
590
- [
591
- 'zdt_dropdown_darkheading_underline_bg',
592
- [['default'], ['var(--dot_comet)']],
593
- [['dark'], ['var(--dot_oslogrey)']]
594
- ],
595
- [
596
- 'zdt_dropdown_mirror_bg',
597
- [['default'], ['var(--dot_mirror)']],
598
- [['dark'], ['var(--dot_mirror)']]
599
- ],
600
- [
601
- 'zdt_dropdown_user_default_border',
602
- [['default'], ['var(--zdt_cta_grey_35_border)']],
603
- [['dark'], ['var(--dot_tuna)']]
604
- ],
605
- [
606
- 'zdt_dropdown_listactive_border',
607
- [['default'], ['var(--zdt_cta_primary_border)']],
608
- [['dark'], ['var(--zdt_cta_primary_border)']]
609
- ],
610
- [
611
- 'zdt_dropdown_listactive_bg',
612
- [['default'], ['var(--dot_aliceBlue)']],
613
- [['dark'], ['var(--dot_darkbluegrey)']]
614
- ],
615
- [
616
- 'zdt_dropdown_listhover_bg',
617
- [['default'], ['var(--zdt_cta_grey_10_bg)']],
618
- [['dark'], ['var(--zdt_cta_grey_10_bg)']]
619
- ],
620
- [
621
- 'zdt_radio_default_stroke',
622
- [['default'], ['var(--dot_slateGrey)']],
623
- [['dark'], ['var(--dot_oslogrey)']],
624
- ['radio']
625
- ],
626
- [
627
- 'zdt_radio_default_bg',
628
- [['default'], ['var(--dot_white)']],
629
- [['dark'], ['var(--dot_ebonyclay)']]
630
- ],
631
- [
632
- 'zdt_radio_primary_stroke',
633
- [['default'], ['var(--zdt_cta_primary_border)']],
634
- [['dark'], ['var(--zdt_cta_primary_border)']]
635
- ],
636
- [
637
- 'zdt_radio_primary_fill',
638
- [['default'], ['var(--zdt_cta_primary_bg)']],
639
- [['dark'], ['var(--zdt_cta_primary_bg)']]
640
- ],
641
- [
642
- 'zdt_radio_danger_stroke',
643
- [['default'], ['var(--dot_brightRed)']],
644
- [['dark'], ['var(--dot_bittersweet)']]
645
- ],
646
- [
647
- 'zdt_radio_danger_fill',
648
- [['default'], ['var(--dot_brightRed)']],
649
- [['dark'], ['var(--dot_bittersweet)']]
650
- ],
651
- [
652
- 'zdt_radio_label_primary_text',
653
- [['default'], ['var(--zdt_cta_primary_text)']],
654
- [['dark'], ['var(--zdt_cta_primary_text)']]
655
- ],
656
- [
657
- 'zdt_radio_label_danger_text',
658
- [['default'], ['var(--dot_brightRed)']],
659
- [['dark'], ['var(--dot_bittersweet)']]
660
- ],
661
- [
662
- 'zdt_listitem_default_text',
663
- [['default'], ['var(--dot_black)']],
664
- [['dark'], ['var(--dot_platinum)']],
665
- ['listitem']
666
- ],
667
- [
668
- 'zdt_listitem_default_border',
669
- [['default'], ['var(--dot_mirror)']],
670
- [['dark'], ['var(--dot_mirror)']]
671
- ],
672
- [
673
- 'zdt_listitem_default_bg',
674
- [['default'], ['var(--dot_mirror)']],
675
- [['dark'], ['var(--dot_mirror)']]
676
- ],
677
- [
678
- 'zdt_listitem_default_tickicon',
679
- [['default'], ['var(--zdt_cta_primary_text)']],
680
- [['dark'], ['var(--zdt_cta_primary_text)']]
681
- ],
682
- [
683
- 'zdt_listitem_highlight_bg',
684
- [['default'], ['var(--dot_listItemHover)']],
685
- [['dark'], ['rgba(44, 59, 77, 0.45)']]
686
- ],
687
- [
688
- 'zdt_listitem_active_border',
689
- [['default'], ['var(--zdt_cta_primary_border)']],
690
- [['dark'], ['var(--zdt_cta_primary_border)']]
691
- ],
692
- [
693
- 'zdt_listitem_primary_bg',
694
- [['default'], ['var(--dot_listItemActive)']],
695
- [['dark'], ['var(--dot_listItemActive)']]
696
- ],
697
- [
698
- 'zdt_listitem_secondary_bg',
699
- [['default'], ['var(--zdt_cta_primary_bg)']],
700
- [['dark'], ['var(--zdt_cta_primary_bg)']]
701
- ],
702
- [
703
- 'zdt_listitem_secondary_text',
704
- [['default'], ['var(--dot_white)']],
705
- [['dark'], ['var(--dot_ebonyclay)']]
706
- ],
707
- [
708
- 'zdt_ribbon_default_text',
709
- [['default'], ['var(--dot_black)']],
710
- [['dark'], ['var(--dot_platinum)']],
711
- ['ribbon']
712
- ],
713
- [
714
- 'zdt_ribbon_default_bg',
715
- [['default'], ['var(--dot_mirror)']],
716
- [['dark'], ['var(--dot_mirror)']]
717
- ],
718
- [
719
- 'zdt_ribbon_default_border',
720
- [['default'], ['var(--zd_graytrans9)']],
721
- [['dark'], ['var(--zd_graytrans9)']]
722
- ],
723
- [
724
- 'zdt_ribbon_default_tag_border',
725
- [['default'], ['var(--zd_smoke12)']],
726
- [['dark'], ['var(--zd_smoke12)']]
727
- ],
728
- [
729
- 'zdt_ribbon_default_shadow',
730
- [['default'], ['var(--zd_graytrans9)']],
731
- [['dark'], ['var(--zd_graytrans9)']]
732
- ],
733
- [
734
- 'zdt_ribbon_default_stamp_bg',
735
- [['default'], ['var(--zd_graytrans9)']],
736
- [['dark'], ['var(--zd_graytrans9)']]
737
- ],
738
- [
739
- 'zdt_ribbon_white_text',
740
- [['default'], ['var(--dot_white)']],
741
- [['dark'], ['var(--dot_ebonyclay)']]
742
- ],
743
- [
744
- 'zdt_ribbon_white_bg',
745
- [['default'], ['var(--dot_white)']],
746
- [['dark'], ['var(--dot_ebonyclay)']]
747
- ],
748
- [
749
- 'zdt_ribbon_palette_bg',
750
- [['default'], ['var(--zd_dark5)']],
751
- [['dark'], ['var(--zd_dark5)']]
752
- ],
753
- [
754
- 'zdt_ribbon_danger_bg',
755
- [['default'], ['var(--dot_brightRed)']],
756
- [['dark'], ['var(--dot_bittersweet)']]
757
- ],
758
- [
759
- 'zdt_ribbon_danger_text',
760
- [['default'], ['var(--dot_brightRed)']],
761
- [['dark'], ['var(--dot_bittersweet)']]
762
- ],
763
- [
764
- 'zdt_ribbon_danger_shadow',
765
- [['default'], ['var(--zd_dangertrans7)']],
766
- [['dark'], ['var(--zd_dangertrans7)']]
767
- ],
768
- [
769
- 'zdt_ribbon_danger_border',
770
- [['default'], ['var(--zd_dangertrans7)']],
771
- [['dark'], ['var(--zd_dangertrans7)']]
772
- ],
773
- [
774
- 'zdt_ribbon_danger_stamp_bg',
775
- [['default'], ['var(--zd_dangertrans7)']],
776
- [['dark'], ['var(--zd_dangertrans7)']]
777
- ],
778
- [
779
- 'zdt_ribbon_primary_bg',
780
- [['default'], ['var(--dot_primary)']],
781
- [['dark'], ['var(--dot_butterflyblue)']]
782
- ],
783
- [
784
- 'zdt_ribbon_primary_text',
785
- [['default'], ['var(--dot_primary)']],
786
- [['dark'], ['var(--dot_butterflyblue)']]
787
- ],
788
- [
789
- 'zdt_ribbon_primary_shadow',
790
- [['default'], ['var(--zd_primarytrans10)']],
791
- [['dark'], ['var(--zd_primarytrans10)']]
792
- ],
793
- [
794
- 'zdt_ribbon_primary_border',
795
- [['default'], ['var(--zd_primarytrans10)']],
796
- [['dark'], ['var(--zd_primarytrans10)']]
797
- ],
798
- [
799
- 'zdt_ribbon_primary_stamp_bg',
800
- [['default'], ['var(--zd_primarytrans10)']],
801
- [['dark'], ['var(--zd_primarytrans10)']]
802
- ],
803
- [
804
- 'zdt_ribbon_secondary_bg',
805
- [['default'], ['var(--zd_olive13)']],
806
- [['dark'], ['var(--zd_olive13)']]
807
- ],
808
- [
809
- 'zdt_ribbon_secondary_text',
810
- [['default'], ['var(--zd_olive13)']],
811
- [['dark'], ['var(--zd_olive13)']]
812
- ],
813
- [
814
- 'zdt_ribbon_secondary_shadow',
815
- [['default'], ['var(--zd_olivetrans)']],
816
- [['dark'], ['var(--zd_olivetrans)']]
817
- ],
818
- [
819
- 'zdt_ribbon_secondary_border',
820
- [['default'], ['var(--zd_olivetrans)']],
821
- [['dark'], ['var(--zd_olivetrans)']]
822
- ],
823
- [
824
- 'zdt_ribbon_secondary_stamp_bg',
825
- [['default'], ['var(--zd_olivetrans)']],
826
- [['dark'], ['var(--zd_olivetrans)']]
827
- ],
828
- [
829
- 'zdt_ribbon_info_bg',
830
- [['default'], ['var(--zd_info)']],
831
- [['dark'], ['var(--zd_info)']]
832
- ],
833
- [
834
- 'zdt_ribbon_info_text',
835
- [['default'], ['var(--zd_info)']],
836
- [['dark'], ['var(--zd_info)']]
837
- ],
838
- [
839
- 'zdt_ribbon_info_shadow',
840
- [['default'], ['var(--zd_orangetrans)']],
841
- [['dark'], ['var(--zd_orangetrans)']]
842
- ],
843
- [
844
- 'zdt_ribbon_info_border',
845
- [['default'], ['var(--zd_orangetrans)']],
846
- [['dark'], ['var(--zd_orangetrans)']]
847
- ],
848
- [
849
- 'zdt_ribbon_info_stamp_bg',
850
- [['default'], ['var(--zd_orangetrans)']],
851
- [['dark'], ['var(--zd_orangetrans)']]
852
- ],
853
- [
854
- 'zdt_ribbon_dark_bg',
855
- [['default'], ['var(--dot_black)']],
856
- [['dark'], ['var(--dot_platinum)']]
857
- ],
858
- [
859
- 'zdt_ribbon_dark_shadow',
860
- [['default'], ['var(--zd_graytrans6)']],
861
- [['dark'], ['var(--zd_graytrans6)']]
862
- ],
863
- [
864
- 'zdt_ribbon_dark_border',
865
- [['default'], ['var(--zd_graytrans6)']],
866
- [['dark'], ['var(--zd_graytrans6)']]
867
- ],
868
- [
869
- 'zdt_ribbon_dark_stamp_bg',
870
- [['default'], ['var(--zd_graytrans4)']],
871
- [['dark'], ['var(--zd_graytrans4)']]
872
- ],
873
- [
874
- 'zdt_ribbon_plain_text',
875
- [['default'], ['var(--zd_dark5)']],
876
- [['dark'], ['var(--zd_dark5)']]
877
- ],
878
- [
879
- 'zdt_ribbon_flag_mirror_border',
880
- [['default'], ['var(--zd_mirror)']],
881
- [['dark'], ['var(--zd_mirror)']]
882
- ],
883
- [
884
- 'zdt_ribbon_flag_white_border',
885
- [['default'], ['var(--dot_white)']],
886
- [['dark'], ['var(--dot_ebonyclay)']]
887
- ],
888
- [
889
- 'zdt_stencil_primary_bg',
890
- [['default'], ['var(--zdt_cta_grey_10_bg)']],
891
- [['dark'], ['var(--zdt_cta_grey_10_bg)']],
892
- ['stencils']
893
- ],
894
- [
895
- 'zdt_stencil_primary_gradient_bg',
896
- [['default'], ['linear-gradient(left, var(--dot_catskillWhite) 0, var(--dot_hawkesBlue) 33.33%, var(--dot_catskillWhite) 66.66%, var(--dot_catskillWhite) 100%)']],
897
- [['dark'], ['linear-gradient(left, #383f55 0, #414963 33.33%, #414961 66.66%, #383f55 100%)']]
898
- ],
899
- [
900
- 'zdt_stencil_secondary_bg',
901
- [['default'], ['var(--zdt_cta_grey_15_bg)']],
902
- [['dark'], ['var(--zdt_cta_grey_15_bg)']]
903
- ],
904
- [
905
- 'zdt_stencil_secondary_gradient_bg',
906
- [['default'], ['linear-gradient(left, var(--dot_solitude) 0, var(--dot_paleBlue) 33.33%, var(--dot_solitude) 66.66%, var(--dot_solitude) 100%)']],
907
- [['dark'], ['linear-gradient(left, #383f55 0, #414963 33.33%, #414961 66.66%, #383f55 100%)']]
908
- ],
909
- [
910
- 'zdt_switch_default_off_bg',
911
- [['default'], ['var(--zdt_cta_grey_35_border)']],
912
- [['dark'], ['var(--zdt_cta_grey_35_border)']],
913
- ['switch']
914
- ],
915
- [
916
- 'zdt_switch_default_on_bg',
917
- [['default'], ['var(--dot_strongGreen)']],
918
- [['dark'], ['var(--dot_darkmint)']]
919
- ],
920
- [
921
- 'zdt_switch_circle_bg',
922
- [['default'], ['var(--dot_white)']],
923
- [['dark'], ['var(--dot_white)']]
924
- ],
925
- [
926
- 'zdt_switch_circle_shadow',
927
- [['default'], ['var(--zd_smoke21)']],
928
- [['dark'], ['var(--zd_smoke21)']]
929
- ],
930
- [
931
- 'zdt_switch_effect_off_bg',
932
- [['default'], ['var(--zdt_cta_grey_40_bg)']],
933
- [['dark'], ['var(--zdt_cta_grey_40_bg)']]
934
- ],
935
- [
936
- 'zdt_textboxicon_default_line_bg',
937
- [['default'], ['var(--dot_inputLine)']],
938
- [['dark'], ['var(--dot_inputLine)']],
939
- ['textboxicon']
940
- ],
941
- [
942
- 'zdt_textboxicon_default_icon',
943
- [['default'], ['var(--dot_slateGrey)']],
944
- [['dark'], ['var(--dot_oslogrey)']]
945
- ],
946
- [
947
- 'zdt_textboxicon_hover_icon',
948
- [['default'], ['var(--dot_black)']],
949
- [['dark'], ['var(--dot_platinum)']]
950
- ],
951
- [
952
- 'zdt_textboxicon_hover_line_bg',
953
- [['default'], ['var(--dot_inputLineHover)']],
954
- [['dark'], ['var(--dot_inputLineHover)']]
955
- ],
956
- [
957
- 'zdt_textboxicon_transparent_line_bg',
958
- [['default'], ['var(--dot_mirror)']],
959
- [['dark'], ['var(--dot_mirror)']]
960
- ],
961
- [
962
- 'zdt_textboxicon_focus_line_bg',
963
- [['default'], ['var(--dot_inputLineFocus)']],
964
- [['dark'], ['var(--dot_inputLineFocus)']]
965
- ],
966
- [
967
- 'zdt_textboxicon_error_line_bg',
968
- [['default'], ['var(--dot_fireBrick)']],
969
- [['dark'], ['#cc302d']]
970
- ],
971
- [
972
- 'zdt_textarea_default_text',
973
- [['default'], ['var(--dot_inputDisable)']],
974
- [['dark'], ['var(--dot_inputDisable)']],
975
- ['textarea']
976
- ],
977
- [
978
- 'zdt_textarea_default_bg',
979
- [['default'], ['var(--dot_mirror)']],
980
- [['dark'], ['var(--dot_mirror)']]
981
- ],
982
- [
983
- 'zdt_textarea_default_border',
984
- [['default'], ['var(--dot_inputLine)']],
985
- [['dark'], ['var(--dot_inputLine)']]
986
- ],
987
- [
988
- 'zdt_textarea_placeholder_text',
989
- [['default'], ['var(--dot_inputPlaceholder)']],
990
- [['dark'], ['var(--dot_inputPlaceholder)']]
991
- ],
992
- [
993
- 'zdt_textarea_transparent_border',
994
- [['default'], ['var(--dot_mirror)']],
995
- [['dark'], ['var(--dot_mirror)']]
996
- ],
997
- [
998
- 'zdt_textarea_hover_border',
999
- [['default'], ['var(--dot_inputLineHover)']],
1000
- [['dark'], ['var(--dot_inputLineHover)']]
1001
- ],
1002
- [
1003
- 'zdt_textarea_focus_border',
1004
- [['default'], ['var(--dot_inputLineFocus)']],
1005
- [['dark'], ['var(--dot_inputLineFocus)']]
1006
- ],
1007
- [
1008
- 'zdt_textarea_black_text',
1009
- [['default'], ['var(--dot_black)']],
1010
- [['dark'], ['var(--dot_platinum)']]
1011
- ],
1012
- [
1013
- 'zdt_tooltip_default_bg',
1014
- [['default'], ['rgba(0, 0, 0, 0.95)']],
1015
- [['dark'], ['var(--dot_riverbed)']],
1016
- ['tooltip']
1017
- ],
1018
- [
1019
- 'zdt_tooltip_default_text',
1020
- [['default'], ['var(--dot_white)']],
1021
- [['dark'], ['var(--dot_white)']]
1022
- ],
1023
- [
1024
- 'zdt_tooltip_default_box_shadow',
1025
- [['default'], ['none']],
1026
- [['dark'], ['rgba(0, 0, 0, 0.35)']]
1027
- ],
1028
- [
1029
- 'zdt_select_emptystate_text',
1030
- [['default'], ['var(--dot_shuttleGrey)']],
1031
- [['dark'], ['var(--dot_cadetblue)']],
1032
- ['select']
1033
- ],
1034
- [
1035
- 'zdt_select_disable_text',
1036
- [['default'], ['var(--dot_inputDisable)']],
1037
- [['dark'], ['var(--dot_inputDisable)']]
1038
- ],
1039
- [
1040
- 'zdt_multiselect_default_border',
1041
- [['default'], ['var(--dot_inputLine)']],
1042
- [['dark'], ['var(--dot_inputLine)']],
1043
- ['multiselect']
1044
- ],
1045
- [
1046
- 'zdt_multiselect_transparent_border',
1047
- [['default'], ['var(--dot_mirror)']],
1048
- [['dark'], ['var(--dot_mirror)']]
1049
- ],
1050
- [
1051
- 'zdt_multiselect_default_hover_border',
1052
- [['default'], ['var(--dot_inputLineHover)']],
1053
- [['dark'], ['var(--dot_inputLineHover)']]
1054
- ],
1055
- [
1056
- 'zdt_multiselect_transparent_hover_border',
1057
- [['default'], ['var(--dot_inputLineHover)']],
1058
- [['dark'], ['var(--dot_inputLineHover)']]
1059
- ],
1060
- [
1061
- 'zdt_multiselect_dark_hover_border',
1062
- [['default'], ['var(--dot_stardust)']],
1063
- [['dark'], ['var(--dot_stardust)']]
1064
- ],
1065
- [
1066
- 'zdt_multiselect_default_active_border',
1067
- [['default'], ['var(--dot_inputLineFocus)']],
1068
- [['dark'], ['var(--dot_inputLineFocus)']]
1069
- ],
1070
- [
1071
- 'zdt_multiselect_transparent_active_border',
1072
- [['default'], ['var(--dot_inputLineFocus)']],
1073
- [['dark'], ['var(--dot_inputLineFocus)']]
1074
- ],
1075
- [
1076
- 'zdt_multiselect_dark_active_border',
1077
- [['default'], ['var(--dot_stardust)']],
1078
- [['dark'], ['var(--dot_stardust)']]
1079
- ],
1080
- [
1081
- 'zdt_multiselect_delete_text',
1082
- [['default'], ['var(--dot_shuttleGrey)']],
1083
- [['dark'], ['var(--dot_cadetblue)']]
1084
- ],
1085
- [
1086
- 'zdt_multiselect_delete_bg',
1087
- [['default'], ['var(--dot_mirror)']],
1088
- [['dark'], ['var(--dot_mirror)']]
1089
- ],
1090
- [
1091
- 'zdt_multiselect_delete_hover_text',
1092
- [['default'], ['var(--dot_black)']],
1093
- [['dark'], ['var(--dot_platinum)']]
1094
- ],
1095
- [
1096
- 'zdt_multiselect_darkdelete_text',
1097
- [['default'], ['var(--dot_santagrey)']],
1098
- [['dark'], ['var(--dot_santagrey)']]
1099
- ],
1100
- [
1101
- 'zdt_multiselect_box_bg',
1102
- [['default'], ['var(--dot_white)']],
1103
- [['dark'], ['var(--dot_ebonyclay)']]
1104
- ],
1105
- [
1106
- 'zdt_multiselect_selectall_text',
1107
- [['default'], ['var(--zdt_cta_primary_text)']],
1108
- [['dark'], ['var(--zdt_cta_primary_text)']]
1109
- ],
1110
- [
1111
- 'zdt_multiselect_message_text',
1112
- [['default'], ['var(--dot_slateGrey)']],
1113
- [['dark'], ['var(--dot_oslogrey)']]
1114
- ],
1115
- [
1116
- 'zdt_advancedmultiselect_default_border',
1117
- [['default'], ['var(--dot_inputLine)']],
1118
- [['dark'], ['var(--dot_inputLine)']],
1119
- ['advanced multiselect']
1120
- ],
1121
- [
1122
- 'zdt_advancedmultiselect_transparent_border',
1123
- [['default'], ['var(--dot_mirror)']],
1124
- [['dark'], ['var(--dot_mirror)']]
1125
- ],
1126
- [
1127
- 'zdt_advancedmultiselect_dark_border',
1128
- [['default'], ['var(--dot_mulledwine)']],
1129
- [['dark'], ['var(--dot_mulledwine)']]
1130
- ],
1131
- [
1132
- 'zdt_advancedmultiselect_default_hover_border',
1133
- [['default'], ['var(--dot_inputLineHover)']],
1134
- [['dark'], ['var(--dot_inputLineHover)']]
1135
- ],
1136
- [
1137
- 'zdt_advancedmultiselect_transparent_hover_border',
1138
- [['default'], ['var(--dot_inputLineHover)']],
1139
- [['dark'], ['var(--dot_inputLineHover)']]
1140
- ],
1141
- [
1142
- 'zdt_advancedmultiselect_dark_hover_border',
1143
- [['default'], ['var(--dot_stardust)']],
1144
- [['dark'], ['var(--dot_stardust)']]
1145
- ],
1146
- [
1147
- 'zdt_advancedmultiselect_default_active_border',
1148
- [['default'], ['var(--dot_inputLineFocus)']],
1149
- [['dark'], ['var(--dot_inputLineFocus)']]
1150
- ],
1151
- [
1152
- 'zdt_advancedmultiselect_transparent_active_border',
1153
- [['default'], ['var(--dot_inputLineFocus)']],
1154
- [['dark'], ['var(--dot_inputLineFocus)']]
1155
- ],
1156
- [
1157
- 'zdt_advancedmultiselect_dark_active_border',
1158
- [['default'], ['var(--dot_stardust)']],
1159
- [['dark'], ['var(--dot_stardust)']]
1160
- ],
1161
- [
1162
- 'zdt_advancedmultiselect_delete_text',
1163
- [['default'], ['var(--dot_shuttleGrey)']],
1164
- [['dark'], ['var(--dot_cadetblue)']]
1165
- ],
1166
- [
1167
- 'zdt_advancedmultiselect_delete_hover_text',
1168
- [['default'], ['var(--dot_black)']],
1169
- [['dark'], ['var(--dot_platinum)']]
1170
- ],
1171
- [
1172
- 'zdt_advancedmultiselect_delete_bg',
1173
- [['default'], ['var(--dot_mirror)']],
1174
- [['dark'], ['var(--dot_mirror)']]
1175
- ],
1176
- [
1177
- 'zdt_advancedmultiselect_box_bg',
1178
- [['default'], ['var(--dot_white)']],
1179
- [['dark'], ['var(--dot_ebonyclay)']]
1180
- ],
1181
- [
1182
- 'zdt_advancedmultiselect_droppopup_text',
1183
- [['default'], ['var(--dot_slateGrey)']],
1184
- [['dark'], ['var(--dot_oslogrey)']]
1185
- ],
1186
- [
1187
- 'zdt_advancedmultiselect_more_text',
1188
- [['default'], ['var(--zdt_cta_primary_text)']],
1189
- [['dark'], ['var(--zdt_cta_primary_text)']]
1190
- ],
1191
- [
1192
- 'zdt_rippleeffect_default_border',
1193
- [['default'], ['var(--dot_mirror)']],
1194
- [['dark'], ['var(--dot_mirror)']],
1195
- ['ripple effect']
1196
- ],
1197
- [
1198
- 'zdt_rippleeffect_hover_border',
1199
- [['default'], ['var(--zdt_cta_grey_35_border)']],
1200
- [['dark'], ['var(--zdt_cta_grey_35_border)']]
1201
- ],
1202
- [
1203
- 'zdt_rippleeffect_hover_bg',
1204
- [['default'], ['var(--zdt_cta_grey_10_bg)']],
1205
- [['dark'], ['var(--zdt_cta_grey_10_bg)']]
1206
- ],
1207
- [
1208
- 'zdt_rippleeffect_primary_border',
1209
- [['default'], ['var(--zdt_cta_alpha_hover_border)']],
1210
- [['dark'], ['var(--zdt_cta_alpha_hover_border)']]
1211
- ],
1212
- [
1213
- 'zdt_rippleeffect_primary_bg',
1214
- [['default'], ['var(--zdt_cta_primary_bg)']],
1215
- [['dark'], ['var(--zdt_cta_primary_bg)']]
1216
- ],
1217
- [
1218
- 'zdt_rippleeffect_primary_active_border',
1219
- [['default'], ['var(--zdt_cta_alpha_border)']],
1220
- [['dark'], ['var(--zdt_cta_alpha_border)']]
1221
- ],
1222
- [
1223
- 'zdt_rippleeffect_primary_light_border',
1224
- [['default'], ['var(--zdt_cta_secondary_light_border)']],
1225
- [['dark'], ['var(--zdt_cta_secondary_light_border)']]
1226
- ],
1227
- [
1228
- 'zdt_rippleeffect_primary_light_bg',
1229
- [['default'], ['var(--zdt_cta_primary_light_bg)']],
1230
- [['dark'], ['var(--zdt_cta_primary_light_bg)']]
1231
- ],
1232
- [
1233
- 'zdt_rippleeffect_primary_dark_bg',
1234
- [['default'], ['var(--zdt_cta_primary_light_hover_bg)']],
1235
- [['dark'], ['var(--zdt_cta_primary_light_hover_bg)']]
1236
- ],
1237
- [
1238
- 'zdt_rippleeffect_primaryfilled_bg',
1239
- [['default'], ['var(--zdt_cta_primary_hover_bg)']],
1240
- [['dark'], ['var(--zdt_cta_primary_hover_bg)']]
1241
- ],
1242
- [
1243
- 'zdt_rippleeffect_green_border',
1244
- [['default'], ['var(--dot_strongGreen)']],
1245
- [['dark'], ['var(--dot_darkmint)']]
1246
- ],
1247
- [
1248
- 'zdt_rippleeffect_green_bg',
1249
- [['default'], ['var(--dot_blacksqueeze)']],
1250
- [['dark'], ['var(--dot_blacksqueeze)']]
1251
- ],
1252
- [
1253
- 'zdt_rippleeffect_slate_border',
1254
- [['default'], ['var(--dot_slateGrey)']],
1255
- [['dark'], ['var(--dot_oslogrey)']]
1256
- ],
1257
- [
1258
- 'zdt_rippleeffect_navy_border',
1259
- [['default'], ['var(--zdt_cta_grey_40_border)']],
1260
- [['dark'], ['var(--zdt_cta_grey_40_border)']]
1261
- ],
1262
- [
1263
- 'zdt_rippleeffect_danger_border',
1264
- [['default'], ['var(--dot_brightRed)']],
1265
- [['dark'], ['var(--dot_bittersweet)']]
1266
- ],
1267
- [
1268
- 'zdt_rippleeffect_danger_bg',
1269
- [['default'], ['var(--dot_whiteSmoke)']],
1270
- [['dark'], ['rgba(255, 107, 107, 0.05)']]
1271
- ],
1272
- [
1273
- 'zdt_datetime_default_bg',
1274
- [['default'], ['var(--dot_white)']],
1275
- [['dark'], ['var(--dot_ebonyclay)']],
1276
- ['date time']
1277
- ],
1278
- [
1279
- 'zdt_datetime_header_bg',
1280
- [['default'], ['var(--dot_catskillWhite)']],
1281
- [['dark'], ['var(--dot_unknown1)']]
1282
- ],
1283
- [
1284
- 'zdt_datetime_header_border',
1285
- [['default'], ['var(--dot_solitude)']],
1286
- [['dark'], ['var(--dot_tuna)']]
1287
- ],
1288
- [
1289
- 'zdt_datetime_datestr_text',
1290
- [['default'], ['var(--dot_black)']],
1291
- [['dark'], ['var(--dot_platinum)']]
1292
- ],
1293
- [
1294
- 'zdt_datetime_datestr_hover_bg',
1295
- [['default'], ['var(--dot_solitude)']],
1296
- [['dark'], ['var(--dot_tuna)']]
1297
- ],
1298
- [
1299
- 'zdt_datetime_separator_border',
1300
- [['default'], ['var(--dot_paleBlue)']],
1301
- [['dark'], ['var(--dot_tuna)']]
1302
- ],
1303
- [
1304
- 'zdt_datetime_daystr_text',
1305
- [['default'], ['var(--dot_slateGrey)']],
1306
- [['dark'], ['var(--dot_oslogrey)']]
1307
- ],
1308
- [
1309
- 'zdt_datetime_invalid_text',
1310
- [['default'], ['var(--dot_paleNavy)']],
1311
- [['dark'], ['var(--dot_paleNavy)']]
1312
- ],
1313
- [
1314
- 'zdt_datetime_invalid_hover_text',
1315
- [['default'], ['var(--dot_brightRed)']],
1316
- [['dark'], ['var(--dot_bittersweet)']]
1317
- ],
1318
- [
1319
- 'zdt_datetime_invaliddate_text',
1320
- [['default'], ['rgba(222, 53, 53, 0.3)']],
1321
- [['dark'], ['rgba(222, 53, 53, 0.3)']]
1322
- ],
1323
- [
1324
- 'zdt_datetime_today_bg',
1325
- [['default'], ['var(--zdt_cta_primary_bg)']],
1326
- [['dark'], ['var(--zdt_cta_primary_bg)']]
1327
- ],
1328
- [
1329
- 'zdt_datetime_today_text',
1330
- [['default'], ['var(--dot_white)']],
1331
- [['dark'], ['var(--dot_white)']]
1332
- ],
1333
- [
1334
- 'zdt_datetime_text',
1335
- [['default'], ['var(--dot_shuttleGrey)']],
1336
- [['dark'], ['var(--dot_shuttleGrey)']]
1337
- ],
1338
- [
1339
- 'zdt_yearview_default_bg',
1340
- [['default'], ['var(--dot_white)']],
1341
- [['dark'], ['var(--dot_ebonyclay)']],
1342
- ['year view']
1343
- ],
1344
- [
1345
- 'zdt_yearview_month_bg',
1346
- [['default'], ['var(--dot_catskillWhite)']],
1347
- [['dark'], ['var(--dot_unknown1)']]
1348
- ],
1349
- [
1350
- 'zdt_yearview_month_hover_bg',
1351
- [['default'], ['var(--dot_hawkesBlue)']],
1352
- [['dark'], ['var(--dot_brightgrey)']]
1353
- ],
1354
- [
1355
- 'zdt_yearview_currentmonth_bg',
1356
- [['default'], ['var(--zdt_cta_primary_bg)']],
1357
- [['dark'], ['var(--zdt_cta_primary_bg)']]
1358
- ],
1359
- [
1360
- 'zdt_yearview_currentmonth_text',
1361
- [['default'], ['var(--dot_white)']],
1362
- [['dark'], ['var(--dot_white)']]
1363
- ],
1364
- [
1365
- 'zdt_yearview_yearbox_border',
1366
- [['default'], ['var(--dot_paleBlue)']],
1367
- [['dark'], ['#384157']]
1368
- ],
1369
- [
1370
- 'zdt_yearview_year_hover_text',
1371
- [['default'], ['var(--dot_black)']],
1372
- [['dark'], ['var(--dot_platinum)']]
1373
- ],
1374
- [
1375
- 'zdt_yearview_yeartext_text',
1376
- [['default'], ['var(--dot_slateGrey)']],
1377
- [['dark'], ['var(--dot_oslogrey)']]
1378
- ],
1379
- [
1380
- 'zdt_datewidget_input_border',
1381
- [['default'], ['var(--dot_inputLine)']],
1382
- [['dark'], ['var(--dot_inputLine)']],
1383
- ['date widget']
1384
- ],
1385
- [
1386
- 'zdt_datewidget_enabled_border',
1387
- [['default'], ['var(--dot_inputLineHover)']],
1388
- [['dark'], ['var(--dot_inputLineHover)']]
1389
- ],
1390
- [
1391
- 'zdt_datewidget_textboxfocus_border',
1392
- [['default'], ['var(--dot_inputLineFocus)']],
1393
- [['dark'], ['var(--dot_inputLineFocus)']]
1394
- ],
1395
- [
1396
- 'zdt_datewidget_placeholder_text',
1397
- [['default'], ['var(--dot_inputPlaceholder)']],
1398
- [['dark'], ['var(--dot_inputPlaceholder)']]
1399
- ],
1400
- [
1401
- 'zdt_datewidget_placeholder_selection_text',
1402
- [['default'], ['var(--dot_black)']],
1403
- [['dark'], ['var(--dot_platinum)']]
1404
- ],
1405
- [
1406
- 'zdt_datewidget_placeholder_selection_bg',
1407
- [['default'], ['#b4d5fe']],
1408
- [['dark'], ['#b4d5fe']]
1409
- ],
1410
- [
1411
- 'zdt_tab_default_border',
1412
- [['default'], ['var(--dot_mirror)']],
1413
- [['dark'], ['var(--dot_mirror)']],
1414
- ['tab']
1415
- ],
1416
- [
1417
- 'zdt_tab_alpha_text',
1418
- [['default'], ['var(--dot_shuttleGrey)']],
1419
- [['dark'], ['var(--dot_cadetblue)']]
1420
- ],
1421
- [
1422
- 'zdt_tab_alpha_hover_text',
1423
- [['default'], ['var(--dot_black)']],
1424
- [['dark'], ['var(--dot_platinum)']]
1425
- ],
1426
- [
1427
- 'zdt_tab_alpha_hover_bg',
1428
- [['default'], ['var(--zdt_cta_grey_10_bg)']],
1429
- [['dark'], ['var(--zdt_cta_grey_10_bg)']]
1430
- ],
1431
- [
1432
- 'zdt_tab_alpha_active_text',
1433
- [['default'], ['var(--zdt_cta_primary_text)']],
1434
- [['dark'], ['var(--zdt_cta_primary_text)']]
1435
- ],
1436
- [
1437
- 'zdt_tab_alpha_active_border',
1438
- [['default'], ['var(--dot_black)']],
1439
- [['dark'], ['var(--dot_platinum)']]
1440
- ],
1441
- [
1442
- 'zdt_tab_delta_active_border',
1443
- [['default'], ['var(--zdt_cta_primary_border)']],
1444
- [['dark'], ['var(--zdt_cta_primary_border)']]
1445
- ],
1446
- [
1447
- 'zdt_tabs_alpha_bg',
1448
- [['default'], ['var(--dot_white)']],
1449
- [['dark'], ['var(--dot_ebonyclay)']],
1450
- ['tabs']
1451
- ],
1452
- [
1453
- 'zdt_tabs_alpha_border',
1454
- [['default'], ['var(--zdt_cta_grey_15_border)']],
1455
- [['dark'], ['var(--zdt_cta_grey_15_border)']]
1456
- ],
1457
- [
1458
- 'zdt_tabs_alpha_box_shadow',
1459
- [['default'], ['var(--zd_dark10)']],
1460
- [['dark'], ['var(--zd_dark10)']]
1461
- ],
1462
- [
1463
- 'zdt_tabs_delta_border',
1464
- [['default'], ['var(--zdt_cta_primary_border)']],
1465
- [['dark'], ['var(--zdt_cta_primary_border)']]
1466
- ],
1467
- [
1468
- 'zdt_tabs_highlight_border',
1469
- [['default'], ['var(--dot_black)']],
1470
- [['dark'], ['var(--dot_platinum)']]
1471
- ],
1472
- [
1473
- 'zdt_customscroll_default_bg',
1474
- [['default'], ['rgba(0, 0, 0, 0.02)']],
1475
- [['dark'], ['rgba(225, 225, 225, 0.06)']],
1476
- ['custom scroll']
1477
- ],
1478
- [
1479
- 'zdt_customscroll_thump_bg',
1480
- [['default'], ['rgba(0, 0, 0, 0.12)']],
1481
- [['dark'], ['rgba(225, 225, 225, 0.12)']]
1482
- ],
1483
- [
1484
- 'zdt_customscroll_thump_hover_bg',
1485
- [['default'], ['rgba(0, 0, 0, 0.16)']],
1486
- [['dark'], ['rgba(168, 176, 189, 0.3)']]
1487
- ],
1488
- [
1489
- 'zdt_customscroll_border',
1490
- [['default'], ['rgba(44, 51, 77, 0.1)']],
1491
- [['dark'], ['rgba(225, 225, 225, 0.12)']]
1492
- ],
1493
- [
1494
- 'zdt_customscroll_thump_dark_bg',
1495
- [['default'], ['rgba(225, 225, 225, 0.15)']],
1496
- [['dark'], ['rgba(225, 225, 225, 0.12)']]
1497
- ],
1498
- [
1499
- 'zdt_customscroll_thump_dark_hover_bg',
1500
- [['default'], ['rgba(225, 225, 225, 0.17)']],
1501
- [['dark'], ['rgba(225, 225, 225, 0.14)']]
1502
- ],
1503
- [
1504
- 'zdt_customscroll_dark_border',
1505
- [['default'], ['rgba(225, 225, 225, 0.12)']],
1506
- [['dark'], ['rgba(225, 225, 225, 0.12)']]
1507
- ],
1508
- [
1509
- 'zdt_customscroll_dark_bg',
1510
- [['default'], ['rgba(225, 225, 225, 0.06)']],
1511
- [['dark'], ['rgba(225, 225, 225, 0.06)']]
1512
- ]
14
+ {
15
+ "comment": "list common",
16
+ "data": {
17
+ "dot_inputPlaceholder": {
18
+ 'light': ['var(--zdt_cta_grey_40_text)'],
19
+ 'dark': ['var(--dot_shuttleGrey)']
20
+ },
21
+ "dot_inputDisable": {
22
+ 'light': ['var(--dot_slateGrey)'],
23
+ 'dark': ['var(--dot_oslogrey)']
24
+ },
25
+ "dot_inputLine": {
26
+ 'light': ['var(--zdt_cta_grey_35_border)'],
27
+ 'dark': ['var(--zdt_cta_grey_35_border)']
28
+ },
29
+ "dot_inputLineHover": {
30
+ 'light': ['var(--dot_slateGrey)'],
31
+ 'dark': ['var(--dot_oslogrey)']
32
+ },
33
+ "dot_inputLineFocus": {
34
+ 'light': ['var(--zdt_cta_primary_border)'],
35
+ 'dark': ['var(--zdt_cta_primary_border)']
36
+ },
37
+ "dot_listItemHover": {
38
+ 'light': ['var(--zdt_cta_grey_10_bg)'],
39
+ 'dark': ['var(--zdt_cta_grey_10_bg)']
40
+ },
41
+ "dot_listItemActive": {
42
+ 'light': ['var(--zdt_cta_primary_light_bg)'],
43
+ 'dark': ['var(--zdt_cta_primary_light_bg)']
44
+ }
45
+ }
46
+ },
47
+ {
48
+ "comment": "common",
49
+ "data": {
50
+ "zdt_disable_bg": {
51
+ 'light': ['rgba(255, 255, 255, 0.5)'],
52
+ 'dark': ['rgba(22, 27, 35, 0.5)']
53
+ }
54
+ }
55
+ },
56
+ {
57
+ "comment": "avatar",
58
+ "data": {
59
+ "zdt_avatar_default_text": {
60
+ 'light': ['var(--dot_black)'],
61
+ 'dark': ['var(--dot_platinum)']
62
+ },
63
+ "zdt_avatar_default_bg": {
64
+ 'light': ['var(--dot_white)'],
65
+ 'dark': ['var(--dot_ebonyclay)']
66
+ },
67
+ "zdt_avatar_default_border": {
68
+ 'light': ['var(--zdt_cta_grey_40_border)'],
69
+ 'dark': ['var(--zdt_cta_grey_40_border)']
70
+ },
71
+ "zdt_avatar_default_borderHover": {
72
+ 'light': ['var(--dot_slateGrey)'],
73
+ 'dark': ['var(--dot_oslogrey)']
74
+ },
75
+ "zdt_avatar_default_boxshadow": {
76
+ 'light': ['rgba(0, 0, 0, 0.11)'],
77
+ 'dark': ['rgba(255, 255, 255, 0.14)']
78
+ },
79
+ "zdt_avatar_white_borderHover": {
80
+ 'light': ['var(--zdt_cta_grey_40_border)'],
81
+ 'dark': ['var(--zdt_cta_grey_40_border)']
82
+ },
83
+ "zdt_avatar_white_boxshadow": {
84
+ 'light': ['rgba(255, 255, 255, 0.14)'],
85
+ 'dark': ['rgba(0, 0, 0, 0.11)']
86
+ },
87
+ "zdt_avatar_secondary_bg": {
88
+ 'light': ['var(--dot_black)'],
89
+ 'dark': ['var(--dot_platinum)']
90
+ },
91
+ "zdt_avatar_info_bg": {
92
+ 'light': ['var(--dot_mirror)'],
93
+ 'dark': ['var(--dot_mirror)']
94
+ }
95
+ }
96
+ },
97
+ {
98
+ "comment": "avatar team",
99
+ "data": {
100
+ "zdt_avatarteam_default_bg": {
101
+ 'light': ['var(--dot_mirror)'],
102
+ 'dark': ['var(--dot_mirror)']
103
+ },
104
+ "zdt_avatarteam_default_border": {
105
+ 'light': ['var(--dot_mirror)'],
106
+ 'dark': ['var(--dot_mirror)']
107
+ },
108
+ "zdt_avatarteam_primary_bg": {
109
+ 'light': ['var(--zdt_cta_grey_40_bg)'],
110
+ 'dark': ['var(--zdt_cta_grey_40_bg)']
111
+ },
112
+ "zdt_avatarteam_primary_hover_bg": {
113
+ 'light': ['var(--dot_slateGrey)'],
114
+ 'dark': ['var(--dot_oslogrey)']
115
+ },
116
+ "zdt_avatarteam_secondary_bg": {
117
+ 'light': ['var(--dot_white)'],
118
+ 'dark': ['var(--dot_ebonyclay)']
119
+ },
120
+ "zdt_avatarteam_nofill_border": {
121
+ 'light': ['var(--zdt_cta_grey_40_border)'],
122
+ 'dark': ['var(--zdt_cta_grey_40_border)']
123
+ },
124
+ "zdt_avatarteam_nofill_hover_border": {
125
+ 'light': ['var(--dot_slateGrey)'],
126
+ 'dark': ['var(--dot_oslogrey)']
127
+ }
128
+ }
129
+ },
130
+ {
131
+ "comment": "button",
132
+ "data": {
133
+ "zdt_button_default_text": {
134
+ 'light': ['var(--zdt_cta_alpha_text)'],
135
+ 'dark': ['var(--zdt_cta_alpha_text)']
136
+ },
137
+ "zdt_button_default_bg": {
138
+ 'light': ['var(--dot_mirror)'],
139
+ 'dark': ['var(--dot_mirror)']
140
+ },
141
+ "zdt_button_default_border": {
142
+ 'light': ['var(--zdt_cta_alpha_border)'],
143
+ 'dark': ['var(--zdt_cta_alpha_border)']
144
+ },
145
+ "zdt_button_primary_hover_text": {
146
+ 'light': ['var(--zdt_cta_alpha_hover_text)'],
147
+ 'dark': ['var(--zdt_cta_alpha_text)']
148
+ },
149
+ "zdt_button_primary_hover_border": {
150
+ 'light': ['var(--zdt_cta_alpha_hover_border)'],
151
+ 'dark': ['var(--zdt_cta_alpha_hover_border)']
152
+ },
153
+ "zdt_button_primary_box_shadow": {
154
+ 'light': ['var(--zdt_cta_primary_box_shadow)'],
155
+ 'dark': ['var(--zdt_cta_primary_box_shadow)']
156
+ },
157
+ "zdt_button_plainprimary_hover_text": {
158
+ 'light': ['var(--zdt_cta_primary_hover_text)'],
159
+ 'dark': ['var(--zdt_cta_primary_hover_text)']
160
+ },
161
+ "zdt_button_secondary_text": {
162
+ 'light': ['var(--dot_shuttleGrey)'],
163
+ 'dark': ['var(--dot_cadetblue)']
164
+ },
165
+ "zdt_button_secondary_hover_text": {
166
+ 'light': ['var(--dot_black)'],
167
+ 'dark': ['var(--dot_cadetblue)']
168
+ },
169
+ "zdt_button_secondary_border": {
170
+ 'light': ['var(--zdt_cta_grey_35_border)'],
171
+ 'dark': ['var(--zdt_cta_grey_35_border)']
172
+ },
173
+ "zdt_button_secondary_hover_border": {
174
+ 'light': ['var(--dot_slateGrey)'],
175
+ 'dark': ['var(--dot_oslogrey)']
176
+ },
177
+ "zdt_button_danger_border": {
178
+ 'light': ['var(--dot_brightRed)'],
179
+ 'dark': ['var(--dot_bittersweet)']
180
+ },
181
+ "zdt_button_danger_text": {
182
+ 'light': ['var(--dot_brightRed)'],
183
+ 'dark': ['var(--dot_bittersweet)']
184
+ },
185
+ "zdt_button_danger_hover_border": {
186
+ 'light': ['var(--dot_fireBrick)'],
187
+ 'dark': ['#cc302d']
188
+ },
189
+ "zdt_button_danger_hover_text": {
190
+ 'light': ['var(--dot_fireBrick)'],
191
+ 'dark': ['var(--dot_bittersweet)']
192
+ },
193
+ "zdt_button_danger_box_shadow": {
194
+ 'light': ['var(--zd_dangertrans6)'],
195
+ 'dark': ['var(--zd_dangertrans6)']
196
+ },
197
+ "zdt_button_primaryfill_text": {
198
+ 'light': ['var(--zdt_cta_secondary_text)'],
199
+ 'dark': ['var(--zdt_cta_secondary_text)']
200
+ },
201
+ "zdt_button_primaryfill_bg": {
202
+ 'light': ['var(--zdt_cta_primary_bg)'],
203
+ 'dark': ['var(--zdt_cta_primary_bg)']
204
+ },
205
+ "zdt_button_primaryfill_border": {
206
+ 'light': ['var(--dot_mirror)'],
207
+ 'dark': ['var(--dot_mirror)']
208
+ },
209
+ "zdt_button_primaryfill_hover_bg": {
210
+ 'light': ['var(--zdt_cta_primary_hover_bg)'],
211
+ 'dark': ['var(--zdt_cta_primary_hover_bg)']
212
+ },
213
+ "zdt_button_secondaryfill_bg": {
214
+ 'light': ['var(--zdt_cta_grey_10_bg)'],
215
+ 'dark': ['var(--zdt_cta_grey_10_bg)']
216
+ },
217
+ "zdt_button_dangerfill_bg": {
218
+ 'light': ['var(--dot_brightRed)'],
219
+ 'dark': ['var(--dot_bittersweet)']
220
+ },
221
+ "zdt_button_dangerfill_text": {
222
+ 'light': ['var(--dot_white)'],
223
+ 'dark': ['var(--dot_white)']
224
+ },
225
+ "zdt_button_dangerfill_hover_bg": {
226
+ 'light': ['var(--dot_fireBrick)'],
227
+ 'dark': ['#cc302d']
228
+ },
229
+ "zdt_button_successfill_border": {
230
+ 'light': ['var(--dot_strongGreen)'],
231
+ 'dark': ['var(--dot_darkmint)']
232
+ },
233
+ "zdt_button_successfill_bg": {
234
+ 'light': ['var(--dot_strongGreen)'],
235
+ 'dark': ['var(--dot_darkmint)']
236
+ },
237
+ "zdt_button_successfill_hover_border": {
238
+ 'light': ['var(--dot_camarone)'],
239
+ 'dark': ['var(--dot_irishgreen)']
240
+ },
241
+ "zdt_button_successfill_hover_bg": {
242
+ 'light': ['var(--dot_camarone)'],
243
+ 'dark': ['var(--dot_irishgreen)']
244
+ },
245
+ "zdt_button_tertiaryfill_bg": {
246
+ 'light': ['var(--dot_shuttleGrey)'],
247
+ 'dark': ['var(--dot_cadetblue)']
248
+ },
249
+ "zdt_button_tertiaryfill_hover_bg": {
250
+ 'light': ['var(--dot_slateGrey)'],
251
+ 'dark': ['var(--dot_oslogrey)']
252
+ },
253
+ "zdt_button_success_default_border": {
254
+ 'light': ['var(--dot_white)'],
255
+ 'dark': ['var(--dot_white)']
256
+ },
257
+ "zdt_button_tick_primary_border": {
258
+ 'light': ['var(--zdt_cta_secondary_text)'],
259
+ 'dark': ['var(--zdt_cta_secondary_text)']
260
+ },
261
+ "zdt_button_loading_default_bg": {
262
+ 'light': ['var(--dot_white)'],
263
+ 'dark': ['var(--dot_ebonyclay)']
264
+ },
265
+ "zdt_button_loading_linear_gradient": {
266
+ 'light': ['linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%'],
267
+ 'dark': ['linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%']
268
+ }
269
+ }
270
+ },
271
+ {
272
+ "comment": "button group",
273
+ "data": {
274
+ "zdt_buttongroup_default_bg": {
275
+ 'light': ['var(--dot_white)'],
276
+ 'dark': ['var(--dot_ebonyclay)']
277
+ },
278
+ "zdt_buttongroup_default_border": {
279
+ 'light': ['var(--zd_smoke7)'],
280
+ 'dark': ['var(--zd_smoke7)']
281
+ },
282
+ "zdt_buttongroup_footer_box_shadow": {
283
+ 'light': ['var(--zd_graytrans4)'],
284
+ 'dark': ['var(--zd_graytrans4)']
285
+ }
286
+ }
287
+ },
288
+ {
289
+ "comment": "checkbox",
290
+ "data": {
291
+ "zdt_checkbox_default_bg": {
292
+ 'light': ['var(--dot_white)'],
293
+ 'dark': ['var(--dot_ebonyclay)']
294
+ },
295
+ "zdt_checkbox_default_stroke_border": {
296
+ 'light': ['var(--dot_slateGrey)'],
297
+ 'dark': ['var(--dot_oslogrey)']
298
+ },
299
+ "zdt_checkbox_primary_stroke_border": {
300
+ 'light': ['var(--zdt_cta_beta_border)'],
301
+ 'dark': ['var(--zdt_cta_beta_border)']
302
+ },
303
+ "zdt_checkbox_danger_stroke_border": {
304
+ 'light': ['var(--dot_brightRed)'],
305
+ 'dark': ['var(--dot_bittersweet)']
306
+ },
307
+ "zdt_checkbox_label_primary_text": {
308
+ 'light': ['var(--zdt_cta_primary_text)'],
309
+ 'dark': ['var(--zdt_cta_primary_text)']
310
+ },
311
+ "zdt_checkbox_label_danger_text": {
312
+ 'light': ['var(--dot_brightRed)'],
313
+ 'dark': ['var(--dot_bittersweet)']
314
+ }
315
+ }
316
+ },
317
+ {
318
+ "comment": "dropbox",
319
+ "data": {
320
+ "zdt_dropbox_default_bg": {
321
+ 'light': ['var(--dot_white)'],
322
+ 'dark': ['var(--dot_ebonyclay)']
323
+ },
324
+ "zdt_dropbox_default_box_shadow": {
325
+ 'light': ['rgba(0, 0, 0, 0.13)'],
326
+ 'dark': ['rgba(0, 0, 0, 0.5)']
327
+ },
328
+ "zdt_dropbox_arrow_shadow": {
329
+ 'light': ['var(--zd_graytrans4)'],
330
+ 'dark': ['var(--zd_graytrans4)']
331
+ },
332
+ "zdt_dropbox_mob_bg": {
333
+ 'light': ['rgba(0, 0, 0, 0.4)'],
334
+ 'dark': ['rgba(0, 0, 0, 0.4)']
335
+ },
336
+ "zdt_dropbox_mob_close_bg": {
337
+ 'light': ['var(--zd_smoke53)'],
338
+ 'dark': ['var(--zd_smoke53)']
339
+ }
340
+ }
341
+ },
342
+ {
343
+ "comment": "label",
344
+ "data": {
345
+ "zdt_label_default_text": {
346
+ 'light': ['var(--dot_black)'],
347
+ 'dark': ['var(--dot_platinum)']
348
+ },
349
+ "zdt_label_primary_text": {
350
+ 'light': ['var(--dot_slateGrey)'],
351
+ 'dark': ['var(--dot_oslogrey)']
352
+ },
353
+ "zdt_label_secondary_text": {
354
+ 'light': ['var(--dot_shuttleGrey)'],
355
+ 'dark': ['var(--dot_cadetblue)']
356
+ },
357
+ "zdt_label_danger_text": {
358
+ 'light': ['var(--dot_brightOrange)'],
359
+ 'dark': ['var(--dot_brightOrange)']
360
+ },
361
+ "zdt_label_mandatory_text": {
362
+ 'light': ['var(--dot_brightRed)'],
363
+ 'dark': ['var(--dot_bittersweet)']
364
+ },
365
+ "zdt_label_disable_text": {
366
+ 'light': ['var(--dot_inputDisable)'],
367
+ 'dark': ['var(--dot_inputDisable)']
368
+ }
369
+ }
370
+ },
371
+ {
372
+ "comment": "tag",
373
+ "data": {
374
+ "zdt_tag_default_text": {
375
+ 'light': ['var(--dot_black)'],
376
+ 'dark': ['var(--dot_platinum)']
377
+ },
378
+ "zdt_tag_default_bg": {
379
+ 'light': ['var(--zdt_cta_grey_20_bg)'],
380
+ 'dark': ['var(--zdt_cta_grey_20_bg)']
381
+ },
382
+ "zdt_tag_default_border": {
383
+ 'light': ['var(--dot_mirror)'],
384
+ 'dark': ['var(--dot_mirror)']
385
+ },
386
+ "zdt_tag_default_hover_bg": {
387
+ 'light': ['var(--zdt_cta_grey_35_bg)'],
388
+ 'dark': ['var(--zdt_cta_grey_35_bg)']
389
+ },
390
+ "zdt_tag_secondary_text": {
391
+ 'light': ['var(--dot_white)'],
392
+ 'dark': ['var(--dot_white)']
393
+ },
394
+ "zdt_tag_secondary_bg": {
395
+ 'light': ['var(--zd_dark32)'],
396
+ 'dark': ['var(--zd_dark32)']
397
+ },
398
+ "zdt_tag_secondary_hover_bg": {
399
+ 'light': ['var(--zd_dark33)'],
400
+ 'dark': ['var(--zd_dark33)']
401
+ },
402
+ "zdt_tag_closedanger_bg": {
403
+ 'light': ['var(--zd_dangertrans5)'],
404
+ 'dark': ['var(--zd_dangertrans5)']
405
+ },
406
+ "zdt_tag_icon_bg": {
407
+ 'light': ['var(--dot_mirror)'],
408
+ 'dark': ['var(--dot_mirror)']
409
+ },
410
+ "zdt_tag_disabled_text": {
411
+ 'light': ['var(--dot_inputDisable)'],
412
+ 'dark': ['var(--dot_inputDisable)']
413
+ },
414
+ "zdt_tag_danger_bg": {
415
+ 'light': ['var(--dot_brightRed)'],
416
+ 'dark': ['var(--dot_bittersweet)']
417
+ },
418
+ "zdt_tag_danger_hover_bg": {
419
+ 'light': ['var(--zd_danger18)'],
420
+ 'dark': ['var(--dot_matterhorn)']
421
+ },
422
+ "zdt_tag_primary_bg": {
423
+ 'light': ['var(--zdt_cta_primary_bg)'],
424
+ 'dark': ['var(--zdt_cta_primary_bg)']
425
+ },
426
+ "zdt_tag_primary_hover_bg": {
427
+ 'light': ['var(--zdt_cta_primary_hover_bg)'],
428
+ 'dark': ['var(--zdt_cta_primary_hover_bg)']
429
+ },
430
+ "zdt_tag_primary_border": {
431
+ 'light': ['var(--zdt_cta_primary_light_border)'],
432
+ 'dark': ['var(--zdt_cta_primary_light_border)']
433
+ },
434
+ "zdt_tag_closeprimary_bg": {
435
+ 'light': ['var(--zdt_cta_primary_bg)'],
436
+ 'dark': ['var(--zdt_cta_primary_bg)']
437
+ },
438
+ "zdt_tag_default_danger_bg": {
439
+ 'light': ['var(--zdt_cta_grey_15_bg)'],
440
+ 'dark': ['var(--zdt_cta_grey_15_bg)']
441
+ },
442
+ "zdt_tag_active_default_bg": {
443
+ 'light': ['var(--zdt_cta_primary_light_bg)'],
444
+ 'dark': ['var(--zdt_cta_primary_light_bg)']
445
+ },
446
+ "zdt_tag_pure_bg": {
447
+ 'light': ['var(--dot_white)'],
448
+ 'dark': ['var(--dot_ebonyclay)']
449
+ },
450
+ "zdt_tag_pure_border": {
451
+ 'light': ['var(--zd_smoke91)'],
452
+ 'dark': ['var(--zd_smoke91)']
453
+ },
454
+ "zdt_tag_pure_hover_bg": {
455
+ 'light': ['var(--zd_smoke6)'],
456
+ 'dark': ['var(--zd_smoke6)']
457
+ },
458
+ "zdt_tag_pure_hover_border": {
459
+ 'light': ['var(--zd_dark6)'],
460
+ 'dark': ['var(--zd_dark6)']
461
+ },
462
+ "zdt_tag_dark_close_hover_bg": {
463
+ 'light': ['var(--dot_brightRed)'],
464
+ 'dark': ['var(--dot_brightRed)']
465
+ }
466
+ }
467
+ },
468
+ {
469
+ "comment": "textbox",
470
+ "data": {
471
+ "zdt_textbox_default_text": {
472
+ 'light': ['var(--dot_black)'],
473
+ 'dark': ['var(--dot_platinum)']
474
+ },
475
+ "zdt_textbox_default_bg": {
476
+ 'light': ['var(--dot_mirror)'],
477
+ 'dark': ['var(--dot_mirror)']
478
+ },
479
+ "zdt_textbox_default_border": {
480
+ 'light': ['var(--dot_inputLine)'],
481
+ 'dark': ['var(--dot_inputLine)']
482
+ },
483
+ "zdt_textbox_placeholder_text": {
484
+ 'light': ['var(--dot_inputPlaceholder)'],
485
+ 'dark': ['var(--dot_inputPlaceholder)']
486
+ },
487
+ "zdt_textbox_disabled_text": {
488
+ 'light': ['var(--dot_inputDisable)'],
489
+ 'dark': ['var(--dot_inputDisable)']
490
+ },
491
+ "zdt_textbox_transparent_border": {
492
+ 'light': ['var(--dot_mirror)'],
493
+ 'dark': ['var(--dot_mirror)']
494
+ },
495
+ "zdt_textbox_effect_hover_border": {
496
+ 'light': ['var(--dot_inputLineHover)'],
497
+ 'dark': ['var(--dot_inputLineHover)']
498
+ },
499
+ "zdt_textbox_effect_focus_border": {
500
+ 'light': ['var(--dot_inputLineFocus)'],
501
+ 'dark': ['var(--dot_inputLineFocus)']
502
+ },
503
+ "zdt_textbox_secondary_text": {
504
+ 'light': ['var(--dot_shuttleGrey)'],
505
+ 'dark': ['var(--dot_cadetblue)']
506
+ }
507
+ }
508
+ },
509
+ {
510
+ "comment": "dropdown",
511
+ "data": {
512
+ "zdt_dropdown_default_text": {
513
+ 'light': ['var(--dot_black)'],
514
+ 'dark': ['var(--dot_platinum)']
515
+ },
516
+ "zdt_dropdown_default_border": {
517
+ 'light': ['var(--dot_mirror)'],
518
+ 'dark': ['var(--dot_mirror)']
519
+ },
520
+ "zdt_dropdown_default_bg": {
521
+ 'light': ['var(--dot_shuttleGrey)'],
522
+ 'dark': ['var(--dot_cadetblue)']
523
+ },
524
+ "zdt_dropdown_darkheading_bg": {
525
+ 'light': ['var(--dot_unknown2)'],
526
+ 'dark': ['var(--dot_unknown2)']
527
+ },
528
+ "zdt_dropdown_darkheading_underline_bg": {
529
+ 'light': ['var(--dot_comet)'],
530
+ 'dark': ['var(--dot_oslogrey)']
531
+ },
532
+ "zdt_dropdown_mirror_bg": {
533
+ 'light': ['var(--dot_mirror)'],
534
+ 'dark': ['var(--dot_mirror)']
535
+ },
536
+ "zdt_dropdown_user_default_border": {
537
+ 'light': ['var(--zdt_cta_grey_35_border)'],
538
+ 'dark': ['var(--dot_tuna)']
539
+ },
540
+ "zdt_dropdown_listactive_border": {
541
+ 'light': ['var(--zdt_cta_primary_border)'],
542
+ 'dark': ['var(--zdt_cta_primary_border)']
543
+ },
544
+ "zdt_dropdown_listactive_bg": {
545
+ 'light': ['var(--dot_aliceBlue)'],
546
+ 'dark': ['var(--dot_darkbluegrey)']
547
+ },
548
+ "zdt_dropdown_listhover_bg": {
549
+ 'light': ['var(--zdt_cta_grey_10_bg)'],
550
+ 'dark': ['var(--zdt_cta_grey_10_bg)']
551
+ }
552
+ }
553
+ },
554
+ {
555
+ "comment": "radio",
556
+ "data": {
557
+ "zdt_radio_default_stroke": {
558
+ 'light': ['var(--dot_slateGrey)'],
559
+ 'dark': ['var(--dot_oslogrey)']
560
+ },
561
+ "zdt_radio_default_bg": {
562
+ 'light': ['var(--dot_white)'],
563
+ 'dark': ['var(--dot_ebonyclay)']
564
+ },
565
+ "zdt_radio_primary_stroke": {
566
+ 'light': ['var(--zdt_cta_primary_border)'],
567
+ 'dark': ['var(--zdt_cta_primary_border)']
568
+ },
569
+ "zdt_radio_primary_fill": {
570
+ 'light': ['var(--zdt_cta_primary_bg)'],
571
+ 'dark': ['var(--zdt_cta_primary_bg)']
572
+ },
573
+ "zdt_radio_danger_stroke": {
574
+ 'light': ['var(--dot_brightRed)'],
575
+ 'dark': ['var(--dot_bittersweet)']
576
+ },
577
+ "zdt_radio_danger_fill": {
578
+ 'light': ['var(--dot_brightRed)'],
579
+ 'dark': ['var(--dot_bittersweet)']
580
+ },
581
+ "zdt_radio_label_primary_text": {
582
+ 'light': ['var(--zdt_cta_primary_text)'],
583
+ 'dark': ['var(--zdt_cta_primary_text)']
584
+ },
585
+ "zdt_radio_label_danger_text": {
586
+ 'light': ['var(--dot_brightRed)'],
587
+ 'dark': ['var(--dot_bittersweet)']
588
+ }
589
+ }
590
+ },
591
+ {
592
+ "comment": "listitem",
593
+ "data": {
594
+ "zdt_listitem_default_text": {
595
+ 'light': ['var(--dot_black)'],
596
+ 'dark': ['var(--dot_platinum)']
597
+ },
598
+ "zdt_listitem_default_border": {
599
+ 'light': ['var(--dot_mirror)'],
600
+ 'dark': ['var(--dot_mirror)']
601
+ },
602
+ "zdt_listitem_default_bg": {
603
+ 'light': ['var(--dot_mirror)'],
604
+ 'dark': ['var(--dot_mirror)']
605
+ },
606
+ "zdt_listitem_default_tickicon": {
607
+ 'light': ['var(--zdt_cta_primary_text)'],
608
+ 'dark': ['var(--zdt_cta_primary_text)']
609
+ },
610
+ "zdt_listitem_highlight_bg": {
611
+ 'light': ['var(--dot_listItemHover)'],
612
+ 'dark': ['rgba(44, 59, 77, 0.45)']
613
+ },
614
+ "zdt_listitem_active_border": {
615
+ 'light': ['var(--zdt_cta_primary_border)'],
616
+ 'dark': ['var(--zdt_cta_primary_border)']
617
+ },
618
+ "zdt_listitem_primary_bg": {
619
+ 'light': ['var(--dot_listItemActive)'],
620
+ 'dark': ['var(--dot_listItemActive)']
621
+ },
622
+ "zdt_listitem_secondary_bg": {
623
+ 'light': ['var(--zdt_cta_primary_bg)'],
624
+ 'dark': ['var(--zdt_cta_primary_bg)']
625
+ },
626
+ "zdt_listitem_secondary_text": {
627
+ 'light': ['var(--dot_white)'],
628
+ 'dark': ['var(--dot_ebonyclay)']
629
+ }
630
+ }
631
+ },
632
+ {
633
+ "comment": "ribbon",
634
+ "data": {
635
+ "zdt_ribbon_default_text": {
636
+ 'light': ['var(--dot_black)'],
637
+ 'dark': ['var(--dot_platinum)']
638
+ },
639
+ "zdt_ribbon_default_bg": {
640
+ 'light': ['var(--dot_mirror)'],
641
+ 'dark': ['var(--dot_mirror)']
642
+ },
643
+ "zdt_ribbon_default_border": {
644
+ 'light': ['var(--zd_graytrans9)'],
645
+ 'dark': ['var(--zd_graytrans9)']
646
+ },
647
+ "zdt_ribbon_default_tag_border": {
648
+ 'light': ['var(--zd_smoke12)'],
649
+ 'dark': ['var(--zd_smoke12)']
650
+ },
651
+ "zdt_ribbon_default_shadow": {
652
+ 'light': ['var(--zd_graytrans9)'],
653
+ 'dark': ['var(--zd_graytrans9)']
654
+ },
655
+ "zdt_ribbon_default_stamp_bg": {
656
+ 'light': ['var(--zd_graytrans9)'],
657
+ 'dark': ['var(--zd_graytrans9)']
658
+ },
659
+ "zdt_ribbon_white_text": {
660
+ 'light': ['var(--dot_white)'],
661
+ 'dark': ['var(--dot_ebonyclay)']
662
+ },
663
+ "zdt_ribbon_white_bg": {
664
+ 'light': ['var(--dot_white)'],
665
+ 'dark': ['var(--dot_ebonyclay)']
666
+ },
667
+ "zdt_ribbon_palette_bg": {
668
+ 'light': ['var(--zd_dark5)'],
669
+ 'dark': ['var(--zd_dark5)']
670
+ },
671
+ "zdt_ribbon_danger_bg": {
672
+ 'light': ['var(--dot_brightRed)'],
673
+ 'dark': ['var(--dot_bittersweet)']
674
+ },
675
+ "zdt_ribbon_danger_text": {
676
+ 'light': ['var(--dot_brightRed)'],
677
+ 'dark': ['var(--dot_bittersweet)']
678
+ },
679
+ "zdt_ribbon_danger_shadow": {
680
+ 'light': ['var(--zd_dangertrans7)'],
681
+ 'dark': ['var(--zd_dangertrans7)']
682
+ },
683
+ "zdt_ribbon_danger_border": {
684
+ 'light': ['var(--zd_dangertrans7)'],
685
+ 'dark': ['var(--zd_dangertrans7)']
686
+ },
687
+ "zdt_ribbon_danger_stamp_bg": {
688
+ 'light': ['var(--zd_dangertrans7)'],
689
+ 'dark': ['var(--zd_dangertrans7)']
690
+ },
691
+ "zdt_ribbon_primary_bg": {
692
+ 'light': ['var(--dot_primary)'],
693
+ 'dark': ['var(--dot_butterflyblue)']
694
+ },
695
+ "zdt_ribbon_primary_text": {
696
+ 'light': ['var(--dot_primary)'],
697
+ 'dark': ['var(--dot_butterflyblue)']
698
+ },
699
+ "zdt_ribbon_primary_shadow": {
700
+ 'light': ['var(--zd_primarytrans10)'],
701
+ 'dark': ['var(--zd_primarytrans10)']
702
+ },
703
+ "zdt_ribbon_primary_border": {
704
+ 'light': ['var(--zd_primarytrans10)'],
705
+ 'dark': ['var(--zd_primarytrans10)']
706
+ },
707
+ "zdt_ribbon_primary_stamp_bg": {
708
+ 'light': ['var(--zd_primarytrans10)'],
709
+ 'dark': ['var(--zd_primarytrans10)']
710
+ },
711
+ "zdt_ribbon_secondary_bg": {
712
+ 'light': ['var(--zd_olive13)'],
713
+ 'dark': ['var(--zd_olive13)']
714
+ },
715
+ "zdt_ribbon_secondary_text": {
716
+ 'light': ['var(--zd_olive13)'],
717
+ 'dark': ['var(--zd_olive13)']
718
+ },
719
+ "zdt_ribbon_secondary_shadow": {
720
+ 'light': ['var(--zd_olivetrans)'],
721
+ 'dark': ['var(--zd_olivetrans)']
722
+ },
723
+ "zdt_ribbon_secondary_border": {
724
+ 'light': ['var(--zd_olivetrans)'],
725
+ 'dark': ['var(--zd_olivetrans)']
726
+ },
727
+ "zdt_ribbon_secondary_stamp_bg": {
728
+ 'light': ['var(--zd_olivetrans)'],
729
+ 'dark': ['var(--zd_olivetrans)']
730
+ },
731
+ "zdt_ribbon_info_bg": {
732
+ 'light': ['var(--zd_info)'],
733
+ 'dark': ['var(--zd_info)']
734
+ },
735
+ "zdt_ribbon_info_text": {
736
+ 'light': ['var(--zd_info)'],
737
+ 'dark': ['var(--zd_info)']
738
+ },
739
+ "zdt_ribbon_info_shadow": {
740
+ 'light': ['var(--zd_orangetrans)'],
741
+ 'dark': ['var(--zd_orangetrans)']
742
+ },
743
+ "zdt_ribbon_info_border": {
744
+ 'light': ['var(--zd_orangetrans)'],
745
+ 'dark': ['var(--zd_orangetrans)']
746
+ },
747
+ "zdt_ribbon_info_stamp_bg": {
748
+ 'light': ['var(--zd_orangetrans)'],
749
+ 'dark': ['var(--zd_orangetrans)']
750
+ },
751
+ "zdt_ribbon_dark_bg": {
752
+ 'light': ['var(--dot_black)'],
753
+ 'dark': ['var(--dot_platinum)']
754
+ },
755
+ "zdt_ribbon_dark_shadow": {
756
+ 'light': ['var(--zd_graytrans6)'],
757
+ 'dark': ['var(--zd_graytrans6)']
758
+ },
759
+ "zdt_ribbon_dark_border": {
760
+ 'light': ['var(--zd_graytrans6)'],
761
+ 'dark': ['var(--zd_graytrans6)']
762
+ },
763
+ "zdt_ribbon_dark_stamp_bg": {
764
+ 'light': ['var(--zd_graytrans4)'],
765
+ 'dark': ['var(--zd_graytrans4)']
766
+ },
767
+ "zdt_ribbon_plain_text": {
768
+ 'light': ['var(--zd_dark5)'],
769
+ 'dark': ['var(--zd_dark5)']
770
+ },
771
+ "zdt_ribbon_flag_mirror_border": {
772
+ 'light': ['var(--zd_mirror)'],
773
+ 'dark': ['var(--zd_mirror)']
774
+ },
775
+ "zdt_ribbon_flag_white_border": {
776
+ 'light': ['var(--dot_white)'],
777
+ 'dark': ['var(--dot_ebonyclay)']
778
+ }
779
+ }
780
+ },
781
+ {
782
+ "comment": "stencils",
783
+ "data": {
784
+ "zdt_stencil_primary_bg": {
785
+ 'light': ['var(--zdt_cta_grey_10_bg)'],
786
+ 'dark': ['var(--zdt_cta_grey_10_bg)']
787
+ },
788
+ "zdt_stencil_primary_gradient_bg": {
789
+ 'light': ['linear-gradient(to left, var(--dot_catskillWhite) 0%, var(--dot_hawkesBlue) 33.33%, var(--dot_catskillWhite) 66.66%, var(--dot_catskillWhite) 100%)'],
790
+ 'dark': ['linear-gradient(to left, #383f55 0, #414963 33.33%, #414961 66.66%, #383f55 100%)']
791
+ },
792
+ "zdt_stencil_secondary_bg": {
793
+ 'light': ['var(--zdt_cta_grey_15_bg)'],
794
+ 'dark': ['var(--zdt_cta_grey_15_bg)']
795
+ },
796
+ "zdt_stencil_secondary_gradient_bg": {
797
+ 'light': ['linear-gradient(to left, var(--dot_solitude) 0%, var(--dot_paleBlue) 33.33%, var(--dot_solitude) 66.66%, var(--dot_solitude) 100%)'],
798
+ 'dark': ['linear-gradient(to left, #383f55 0, #414963 33.33%, #414961 66.66%, #383f55 100%)']
799
+ }
800
+ }
801
+ },
802
+ {
803
+ "comment": "switch",
804
+ "data": {
805
+ "zdt_switch_default_off_bg": {
806
+ 'light': ['var(--zdt_cta_grey_35_border)'],
807
+ 'dark': ['var(--zdt_cta_grey_35_border)']
808
+ },
809
+ "zdt_switch_default_on_bg": {
810
+ 'light': ['var(--dot_strongGreen)'],
811
+ 'dark': ['var(--dot_darkmint)']
812
+ },
813
+ "zdt_switch_circle_bg": {
814
+ 'light': ['var(--dot_white)'],
815
+ 'dark': ['var(--dot_white)']
816
+ },
817
+ "zdt_switch_circle_shadow": {
818
+ 'light': ['var(--zd_smoke21)'],
819
+ 'dark': ['var(--zd_smoke21)']
820
+ },
821
+ "zdt_switch_effect_off_bg": {
822
+ 'light': ['var(--zdt_cta_grey_40_bg)'],
823
+ 'dark': ['var(--zdt_cta_grey_40_bg)']
824
+ }
825
+ }
826
+ },
827
+ {
828
+ "comment": "textboxicon",
829
+ "data": {
830
+ "zdt_textboxicon_default_line_bg": {
831
+ 'light': ['var(--dot_inputLine)'],
832
+ 'dark': ['var(--dot_inputLine)']
833
+ },
834
+ "zdt_textboxicon_default_icon": {
835
+ 'light': ['var(--dot_slateGrey)'],
836
+ 'dark': ['var(--dot_oslogrey)']
837
+ },
838
+ "zdt_textboxicon_hover_icon": {
839
+ 'light': ['var(--dot_black)'],
840
+ 'dark': ['var(--dot_platinum)']
841
+ },
842
+ "zdt_textboxicon_hover_line_bg": {
843
+ 'light': ['var(--dot_inputLineHover)'],
844
+ 'dark': ['var(--dot_inputLineHover)']
845
+ },
846
+ "zdt_textboxicon_transparent_line_bg": {
847
+ 'light': ['var(--dot_mirror)'],
848
+ 'dark': ['var(--dot_mirror)']
849
+ },
850
+ "zdt_textboxicon_focus_line_bg": {
851
+ 'light': ['var(--dot_inputLineFocus)'],
852
+ 'dark': ['var(--dot_inputLineFocus)']
853
+ },
854
+ "zdt_textboxicon_error_line_bg": {
855
+ 'light': ['var(--dot_fireBrick)'],
856
+ 'dark': ['#cc302d']
857
+ }
858
+ }
859
+ },
860
+ {
861
+ "comment": "textarea",
862
+ "data": {
863
+ "zdt_textarea_default_text": {
864
+ 'light': ['var(--dot_inputDisable)'],
865
+ 'dark': ['var(--dot_inputDisable)']
866
+ },
867
+ "zdt_textarea_default_bg": {
868
+ 'light': ['var(--dot_mirror)'],
869
+ 'dark': ['var(--dot_mirror)']
870
+ },
871
+ "zdt_textarea_default_border": {
872
+ 'light': ['var(--dot_inputLine)'],
873
+ 'dark': ['var(--dot_inputLine)']
874
+ },
875
+ "zdt_textarea_placeholder_text": {
876
+ 'light': ['var(--dot_inputPlaceholder)'],
877
+ 'dark': ['var(--dot_inputPlaceholder)']
878
+ },
879
+ "zdt_textarea_transparent_border": {
880
+ 'light': ['var(--dot_mirror)'],
881
+ 'dark': ['var(--dot_mirror)']
882
+ },
883
+ "zdt_textarea_hover_border": {
884
+ 'light': ['var(--dot_inputLineHover)'],
885
+ 'dark': ['var(--dot_inputLineHover)']
886
+ },
887
+ "zdt_textarea_focus_border": {
888
+ 'light': ['var(--dot_inputLineFocus)'],
889
+ 'dark': ['var(--dot_inputLineFocus)']
890
+ },
891
+ "zdt_textarea_black_text": {
892
+ 'light': ['var(--dot_black)'],
893
+ 'dark': ['var(--dot_platinum)']
894
+ }
895
+ }
896
+ },
897
+ {
898
+ "comment": "tooltip",
899
+ "data": {
900
+ "zdt_tooltip_default_bg": {
901
+ 'light': ['rgba(0, 0, 0, 0.95)'],
902
+ 'dark': ['var(--dot_riverbed)']
903
+ },
904
+ "zdt_tooltip_default_text": {
905
+ 'light': ['var(--dot_white)'],
906
+ 'dark': ['var(--dot_white)']
907
+ },
908
+ "zdt_tooltip_default_box_shadow": {
909
+ 'light': ['none'],
910
+ 'dark': ['rgba(0, 0, 0, 0.35)']
911
+ }
912
+ }
913
+ },
914
+ {
915
+ "comment": "select",
916
+ "data": {
917
+ "zdt_select_emptystate_text": {
918
+ 'light': ['var(--dot_shuttleGrey)'],
919
+ 'dark': ['var(--dot_cadetblue)']
920
+ },
921
+ "zdt_select_disable_text": {
922
+ 'light': ['var(--dot_inputDisable)'],
923
+ 'dark': ['var(--dot_inputDisable)']
924
+ }
925
+ }
926
+ },
927
+ {
928
+ "comment": "multiselect",
929
+ "data": {
930
+ "zdt_multiselect_default_border": {
931
+ 'light': ['var(--dot_inputLine)'],
932
+ 'dark': ['var(--dot_inputLine)']
933
+ },
934
+ "zdt_multiselect_transparent_border": {
935
+ 'light': ['var(--dot_mirror)'],
936
+ 'dark': ['var(--dot_mirror)']
937
+ },
938
+ "zdt_multiselect_default_hover_border": {
939
+ 'light': ['var(--dot_inputLineHover)'],
940
+ 'dark': ['var(--dot_inputLineHover)']
941
+ },
942
+ "zdt_multiselect_transparent_hover_border": {
943
+ 'light': ['var(--dot_inputLineHover)'],
944
+ 'dark': ['var(--dot_inputLineHover)']
945
+ },
946
+ "zdt_multiselect_dark_hover_border": {
947
+ 'light': ['var(--dot_stardust)'],
948
+ 'dark': ['var(--dot_stardust)']
949
+ },
950
+ "zdt_multiselect_default_active_border": {
951
+ 'light': ['var(--dot_inputLineFocus)'],
952
+ 'dark': ['var(--dot_inputLineFocus)']
953
+ },
954
+ "zdt_multiselect_transparent_active_border": {
955
+ 'light': ['var(--dot_inputLineFocus)'],
956
+ 'dark': ['var(--dot_inputLineFocus)']
957
+ },
958
+ "zdt_multiselect_dark_active_border": {
959
+ 'light': ['var(--dot_stardust)'],
960
+ 'dark': ['var(--dot_stardust)']
961
+ },
962
+ "zdt_multiselect_delete_text": {
963
+ 'light': ['var(--dot_shuttleGrey)'],
964
+ 'dark': ['var(--dot_cadetblue)']
965
+ },
966
+ "zdt_multiselect_delete_bg": {
967
+ 'light': ['var(--dot_mirror)'],
968
+ 'dark': ['var(--dot_mirror)']
969
+ },
970
+ "zdt_multiselect_delete_hover_text": {
971
+ 'light': ['var(--dot_black)'],
972
+ 'dark': ['var(--dot_platinum)']
973
+ },
974
+ "zdt_multiselect_darkdelete_text": {
975
+ 'light': ['var(--dot_santagrey)'],
976
+ 'dark': ['var(--dot_santagrey)']
977
+ },
978
+ "zdt_multiselect_box_bg": {
979
+ 'light': ['var(--dot_white)'],
980
+ 'dark': ['var(--dot_ebonyclay)']
981
+ },
982
+ "zdt_multiselect_selectall_text": {
983
+ 'light': ['var(--zdt_cta_primary_text)'],
984
+ 'dark': ['var(--zdt_cta_primary_text)']
985
+ },
986
+ "zdt_multiselect_message_text": {
987
+ 'light': ['var(--dot_slateGrey)'],
988
+ 'dark': ['var(--dot_oslogrey)']
989
+ }
990
+ }
991
+ },
992
+ {
993
+ "comment": "advanced multiselect",
994
+ "data": {
995
+ "zdt_advancedmultiselect_default_border": {
996
+ 'light': ['var(--dot_inputLine)'],
997
+ 'dark': ['var(--dot_inputLine)']
998
+ },
999
+ "zdt_advancedmultiselect_transparent_border": {
1000
+ 'light': ['var(--dot_mirror)'],
1001
+ 'dark': ['var(--dot_mirror)']
1002
+ },
1003
+ "zdt_advancedmultiselect_dark_border": {
1004
+ 'light': ['var(--dot_mulledwine)'],
1005
+ 'dark': ['var(--dot_mulledwine)']
1006
+ },
1007
+ "zdt_advancedmultiselect_default_hover_border": {
1008
+ 'light': ['var(--dot_inputLineHover)'],
1009
+ 'dark': ['var(--dot_inputLineHover)']
1010
+ },
1011
+ "zdt_advancedmultiselect_transparent_hover_border": {
1012
+ 'light': ['var(--dot_inputLineHover)'],
1013
+ 'dark': ['var(--dot_inputLineHover)']
1014
+ },
1015
+ "zdt_advancedmultiselect_dark_hover_border": {
1016
+ 'light': ['var(--dot_stardust)'],
1017
+ 'dark': ['var(--dot_stardust)']
1018
+ },
1019
+ "zdt_advancedmultiselect_default_active_border": {
1020
+ 'light': ['var(--dot_inputLineFocus)'],
1021
+ 'dark': ['var(--dot_inputLineFocus)']
1022
+ },
1023
+ "zdt_advancedmultiselect_transparent_active_border": {
1024
+ 'light': ['var(--dot_inputLineFocus)'],
1025
+ 'dark': ['var(--dot_inputLineFocus)']
1026
+ },
1027
+ "zdt_advancedmultiselect_dark_active_border": {
1028
+ 'light': ['var(--dot_stardust)'],
1029
+ 'dark': ['var(--dot_stardust)']
1030
+ },
1031
+ "zdt_advancedmultiselect_delete_text": {
1032
+ 'light': ['var(--dot_shuttleGrey)'],
1033
+ 'dark': ['var(--dot_cadetblue)']
1034
+ },
1035
+ "zdt_advancedmultiselect_delete_hover_text": {
1036
+ 'light': ['var(--dot_black)'],
1037
+ 'dark': ['var(--dot_platinum)']
1038
+ },
1039
+ "zdt_advancedmultiselect_delete_bg": {
1040
+ 'light': ['var(--dot_mirror)'],
1041
+ 'dark': ['var(--dot_mirror)']
1042
+ },
1043
+ "zdt_advancedmultiselect_box_bg": {
1044
+ 'light': ['var(--dot_white)'],
1045
+ 'dark': ['var(--dot_ebonyclay)']
1046
+ },
1047
+ "zdt_advancedmultiselect_droppopup_text": {
1048
+ 'light': ['var(--dot_slateGrey)'],
1049
+ 'dark': ['var(--dot_oslogrey)']
1050
+ },
1051
+ "zdt_advancedmultiselect_more_text": {
1052
+ 'light': ['var(--zdt_cta_primary_text)'],
1053
+ 'dark': ['var(--zdt_cta_primary_text)']
1054
+ }
1055
+ }
1056
+ },
1057
+ {
1058
+ "comment": "ripple effect",
1059
+ "data": {
1060
+ "zdt_rippleeffect_default_border": {
1061
+ 'light': ['var(--dot_mirror)'],
1062
+ 'dark': ['var(--dot_mirror)']
1063
+ },
1064
+ "zdt_rippleeffect_hover_border": {
1065
+ 'light': ['var(--zdt_cta_grey_35_border)'],
1066
+ 'dark': ['var(--zdt_cta_grey_35_border)']
1067
+ },
1068
+ "zdt_rippleeffect_hover_bg": {
1069
+ 'light': ['var(--zdt_cta_grey_10_bg)'],
1070
+ 'dark': ['var(--zdt_cta_grey_10_bg)']
1071
+ },
1072
+ "zdt_rippleeffect_primary_border": {
1073
+ 'light': ['var(--zdt_cta_alpha_hover_border)'],
1074
+ 'dark': ['var(--zdt_cta_alpha_hover_border)']
1075
+ },
1076
+ "zdt_rippleeffect_primary_bg": {
1077
+ 'light': ['var(--zdt_cta_primary_bg)'],
1078
+ 'dark': ['var(--zdt_cta_primary_bg)']
1079
+ },
1080
+ "zdt_rippleeffect_primary_active_border": {
1081
+ 'light': ['var(--zdt_cta_alpha_border)'],
1082
+ 'dark': ['var(--zdt_cta_alpha_border)']
1083
+ },
1084
+ "zdt_rippleeffect_primary_light_border": {
1085
+ 'light': ['var(--zdt_cta_secondary_light_border)'],
1086
+ 'dark': ['var(--zdt_cta_secondary_light_border)']
1087
+ },
1088
+ "zdt_rippleeffect_primary_light_bg": {
1089
+ 'light': ['var(--zdt_cta_primary_light_bg)'],
1090
+ 'dark': ['var(--zdt_cta_primary_light_bg)']
1091
+ },
1092
+ "zdt_rippleeffect_primary_dark_bg": {
1093
+ 'light': ['var(--zdt_cta_primary_light_hover_bg)'],
1094
+ 'dark': ['var(--zdt_cta_primary_light_hover_bg)']
1095
+ },
1096
+ "zdt_rippleeffect_primaryfilled_bg": {
1097
+ 'light': ['var(--zdt_cta_primary_hover_bg)'],
1098
+ 'dark': ['var(--zdt_cta_primary_hover_bg)']
1099
+ },
1100
+ "zdt_rippleeffect_green_border": {
1101
+ 'light': ['var(--dot_strongGreen)'],
1102
+ 'dark': ['var(--dot_darkmint)']
1103
+ },
1104
+ "zdt_rippleeffect_green_bg": {
1105
+ 'light': ['var(--dot_blacksqueeze)'],
1106
+ 'dark': ['var(--dot_blacksqueeze)']
1107
+ },
1108
+ "zdt_rippleeffect_slate_border": {
1109
+ 'light': ['var(--dot_slateGrey)'],
1110
+ 'dark': ['var(--dot_oslogrey)']
1111
+ },
1112
+ "zdt_rippleeffect_navy_border": {
1113
+ 'light': ['var(--zdt_cta_grey_40_border)'],
1114
+ 'dark': ['var(--zdt_cta_grey_40_border)']
1115
+ },
1116
+ "zdt_rippleeffect_danger_border": {
1117
+ 'light': ['var(--dot_brightRed)'],
1118
+ 'dark': ['var(--dot_bittersweet)']
1119
+ },
1120
+ "zdt_rippleeffect_danger_bg": {
1121
+ 'light': ['var(--dot_whiteSmoke)'],
1122
+ 'dark': ['rgba(255, 107, 107, 0.05)']
1123
+ }
1124
+ }
1125
+ },
1126
+ {
1127
+ "comment": "date time",
1128
+ "data": {
1129
+ "zdt_datetime_default_bg": {
1130
+ 'light': ['var(--dot_white)'],
1131
+ 'dark': ['var(--dot_ebonyclay)']
1132
+ },
1133
+ "zdt_datetime_header_bg": {
1134
+ 'light': ['var(--dot_catskillWhite)'],
1135
+ 'dark': ['var(--dot_unknown1)']
1136
+ },
1137
+ "zdt_datetime_header_border": {
1138
+ 'light': ['var(--dot_solitude)'],
1139
+ 'dark': ['var(--dot_tuna)']
1140
+ },
1141
+ "zdt_datetime_datestr_text": {
1142
+ 'light': ['var(--dot_black)'],
1143
+ 'dark': ['var(--dot_platinum)']
1144
+ },
1145
+ "zdt_datetime_datestr_hover_bg": {
1146
+ 'light': ['var(--dot_solitude)'],
1147
+ 'dark': ['var(--dot_tuna)']
1148
+ },
1149
+ "zdt_datetime_separator_border": {
1150
+ 'light': ['var(--dot_paleBlue)'],
1151
+ 'dark': ['var(--dot_tuna)']
1152
+ },
1153
+ "zdt_datetime_daystr_text": {
1154
+ 'light': ['var(--dot_slateGrey)'],
1155
+ 'dark': ['var(--dot_oslogrey)']
1156
+ },
1157
+ "zdt_datetime_invalid_text": {
1158
+ 'light': ['var(--dot_paleNavy)'],
1159
+ 'dark': ['var(--dot_paleNavy)']
1160
+ },
1161
+ "zdt_datetime_invalid_hover_text": {
1162
+ 'light': ['var(--dot_brightRed)'],
1163
+ 'dark': ['var(--dot_bittersweet)']
1164
+ },
1165
+ "zdt_datetime_invaliddate_text": {
1166
+ 'light': ['rgba(222, 53, 53, 0.3)'],
1167
+ 'dark': ['rgba(222, 53, 53, 0.3)']
1168
+ },
1169
+ "zdt_datetime_today_bg": {
1170
+ 'light': ['var(--zdt_cta_primary_bg)'],
1171
+ 'dark': ['var(--zdt_cta_primary_bg)']
1172
+ },
1173
+ "zdt_datetime_today_text": {
1174
+ 'light': ['var(--dot_white)'],
1175
+ 'dark': ['var(--dot_white)']
1176
+ },
1177
+ "zdt_datetime_text": {
1178
+ 'light': ['var(--dot_shuttleGrey)'],
1179
+ 'dark': ['var(--dot_shuttleGrey)']
1180
+ }
1181
+ }
1182
+ },
1183
+ {
1184
+ "comment": "year view",
1185
+ "data": {
1186
+ "zdt_yearview_default_bg": {
1187
+ 'light': ['var(--dot_white)'],
1188
+ 'dark': ['var(--dot_ebonyclay)']
1189
+ },
1190
+ "zdt_yearview_month_bg": {
1191
+ 'light': ['var(--dot_catskillWhite)'],
1192
+ 'dark': ['var(--dot_unknown1)']
1193
+ },
1194
+ "zdt_yearview_month_hover_bg": {
1195
+ 'light': ['var(--dot_hawkesBlue)'],
1196
+ 'dark': ['var(--dot_brightgrey)']
1197
+ },
1198
+ "zdt_yearview_currentmonth_bg": {
1199
+ 'light': ['var(--zdt_cta_primary_bg)'],
1200
+ 'dark': ['var(--zdt_cta_primary_bg)']
1201
+ },
1202
+ "zdt_yearview_currentmonth_text": {
1203
+ 'light': ['var(--dot_white)'],
1204
+ 'dark': ['var(--dot_white)']
1205
+ },
1206
+ "zdt_yearview_yearbox_border": {
1207
+ 'light': ['var(--dot_paleBlue)'],
1208
+ 'dark': ['#384157']
1209
+ },
1210
+ "zdt_yearview_year_hover_text": {
1211
+ 'light': ['var(--dot_black)'],
1212
+ 'dark': ['var(--dot_platinum)']
1213
+ },
1214
+ "zdt_yearview_yeartext_text": {
1215
+ 'light': ['var(--dot_slateGrey)'],
1216
+ 'dark': ['var(--dot_oslogrey)']
1217
+ }
1218
+ }
1219
+ },
1220
+ {
1221
+ "comment": "date widget",
1222
+ "data": {
1223
+ "zdt_datewidget_input_border": {
1224
+ 'light': ['var(--dot_inputLine)'],
1225
+ 'dark': ['var(--dot_inputLine)']
1226
+ },
1227
+ "zdt_datewidget_enabled_border": {
1228
+ 'light': ['var(--dot_inputLineHover)'],
1229
+ 'dark': ['var(--dot_inputLineHover)']
1230
+ },
1231
+ "zdt_datewidget_textboxfocus_border": {
1232
+ 'light': ['var(--dot_inputLineFocus)'],
1233
+ 'dark': ['var(--dot_inputLineFocus)']
1234
+ },
1235
+ "zdt_datewidget_placeholder_text": {
1236
+ 'light': ['var(--dot_inputPlaceholder)'],
1237
+ 'dark': ['var(--dot_inputPlaceholder)']
1238
+ },
1239
+ "zdt_datewidget_placeholder_selection_text": {
1240
+ 'light': ['var(--dot_black)'],
1241
+ 'dark': ['var(--dot_platinum)']
1242
+ },
1243
+ "zdt_datewidget_placeholder_selection_bg": {
1244
+ 'light': ['#b4d5fe'],
1245
+ 'dark': ['#b4d5fe']
1246
+ }
1247
+ }
1248
+ },
1249
+ {
1250
+ "comment": "tab",
1251
+ "data": {
1252
+ "zdt_tab_default_border": {
1253
+ 'light': ['var(--dot_mirror)'],
1254
+ 'dark': ['var(--dot_mirror)']
1255
+ },
1256
+ "zdt_tab_alpha_text": {
1257
+ 'light': ['var(--dot_shuttleGrey)'],
1258
+ 'dark': ['var(--dot_cadetblue)']
1259
+ },
1260
+ "zdt_tab_alpha_hover_text": {
1261
+ 'light': ['var(--dot_black)'],
1262
+ 'dark': ['var(--dot_platinum)']
1263
+ },
1264
+ "zdt_tab_alpha_hover_bg": {
1265
+ 'light': ['var(--zdt_cta_grey_10_bg)'],
1266
+ 'dark': ['var(--zdt_cta_grey_10_bg)']
1267
+ },
1268
+ "zdt_tab_alpha_active_text": {
1269
+ 'light': ['var(--zdt_cta_primary_text)'],
1270
+ 'dark': ['var(--zdt_cta_primary_text)']
1271
+ },
1272
+ "zdt_tab_alpha_active_border": {
1273
+ 'light': ['var(--dot_black)'],
1274
+ 'dark': ['var(--dot_platinum)']
1275
+ },
1276
+ "zdt_tab_delta_active_border": {
1277
+ 'light': ['var(--zdt_cta_primary_border)'],
1278
+ 'dark': ['var(--zdt_cta_primary_border)']
1279
+ }
1280
+ }
1281
+ },
1282
+ {
1283
+ "comment": "tabs",
1284
+ "data": {
1285
+ "zdt_tabs_alpha_bg": {
1286
+ 'light': ['var(--dot_white)'],
1287
+ 'dark': ['var(--dot_ebonyclay)']
1288
+ },
1289
+ "zdt_tabs_alpha_border": {
1290
+ 'light': ['var(--zdt_cta_grey_15_border)'],
1291
+ 'dark': ['var(--zdt_cta_grey_15_border)']
1292
+ },
1293
+ "zdt_tabs_alpha_box_shadow": {
1294
+ 'light': ['var(--zd_dark10)'],
1295
+ 'dark': ['var(--zd_dark10)']
1296
+ },
1297
+ "zdt_tabs_delta_border": {
1298
+ 'light': ['var(--zdt_cta_primary_border)'],
1299
+ 'dark': ['var(--zdt_cta_primary_border)']
1300
+ },
1301
+ "zdt_tabs_highlight_border": {
1302
+ 'light': ['var(--dot_black)'],
1303
+ 'dark': ['var(--dot_platinum)']
1304
+ }
1305
+ }
1306
+ },
1307
+ {
1308
+ "comment": "custom scroll",
1309
+ "data": {
1310
+ "zdt_customscroll_default_bg": {
1311
+ 'light': ['rgba(0, 0, 0, 0.02)'],
1312
+ 'dark': ['rgba(225, 225, 225, 0.06)']
1313
+ },
1314
+ "zdt_customscroll_thump_bg": {
1315
+ 'light': ['rgba(0, 0, 0, 0.12)'],
1316
+ 'dark': ['rgba(225, 225, 225, 0.12)']
1317
+ },
1318
+ "zdt_customscroll_thump_hover_bg": {
1319
+ 'light': ['rgba(0, 0, 0, 0.16)'],
1320
+ 'dark': ['rgba(168, 176, 189, 0.3)']
1321
+ },
1322
+ "zdt_customscroll_border": {
1323
+ 'light': ['rgba(44, 51, 77, 0.1)'],
1324
+ 'dark': ['rgba(225, 225, 225, 0.12)']
1325
+ },
1326
+ "zdt_customscroll_thump_dark_bg": {
1327
+ 'light': ['rgba(225, 225, 225, 0.15)'],
1328
+ 'dark': ['rgba(225, 225, 225, 0.12)']
1329
+ },
1330
+ "zdt_customscroll_thump_dark_hover_bg": {
1331
+ 'light': ['rgba(225, 225, 225, 0.17)'],
1332
+ 'dark': ['rgba(225, 225, 225, 0.14)']
1333
+ },
1334
+ "zdt_customscroll_dark_border": {
1335
+ 'light': ['rgba(225, 225, 225, 0.12)'],
1336
+ 'dark': ['rgba(225, 225, 225, 0.12)']
1337
+ },
1338
+ "zdt_customscroll_dark_bg": {
1339
+ 'light': ['rgba(225, 225, 225, 0.06)'],
1340
+ 'dark': ['rgba(225, 225, 225, 0.06)']
1341
+ }
1342
+ }
1343
+ }
1513
1344
  ];
1514
1345
 
1515
1346
  module.exports = { componentAppearanceVariables: componentAppearanceVariables };