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