@zohodesk/dot 1.0.0-temp-143 → 1.0.0-temp-144

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 (19) hide show
  1. package/assets/Appearance/dark/mode/dotDarkMode.module.css +51 -51
  2. package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +3 -3
  3. package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +3 -3
  4. package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +3 -3
  5. package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +3 -3
  6. package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +3 -3
  7. package/assets/Appearance/default/mode/dotDefaultMode.module.css +50 -50
  8. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +3 -3
  9. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +3 -3
  10. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +3 -3
  11. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +3 -3
  12. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +3 -3
  13. package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +51 -51
  14. package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +3 -3
  15. package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +3 -3
  16. package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +3 -3
  17. package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +3 -3
  18. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +3 -3
  19. package/package.json +3 -3
package/assets/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --zdt_actionButton_primaryFilled_hover_bg: var(--zdt_cta_primary_hover_bg);
5
5
  --zdt_actionButton_primary_border: var(--zdt_cta_primary_border);
6
6
  --zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
7
- --zdt_actionButton_separator_border: var(--zdt_m_cta_secondary_border_lighter);
7
+ --zdt_actionButton_separator_border: var(--zdt_m_cta_secondary_border_darker);
8
8
  --zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
9
9
  --zdt_actionButton_primaryFilled_text: var(--zdt_cta_secondary_text);
10
10
  --zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
@@ -16,7 +16,7 @@
16
16
  --zdt_alertheader_primary_bg: hsla(191, 89%, calc(96% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
17
17
  --zdt_alertheader_primary_text: hsla(204, 72%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
18
18
  --zdt_alertheader_danger_bg: hsla(0, 89%, calc(96% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
19
- --zdt_alertheader_danger_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
19
+ --zdt_alertheader_danger_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
20
20
 
21
21
  /* alert lookup */
22
22
  --zdt_alertlookup_innersection_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -39,10 +39,10 @@
39
39
 
40
40
  /* avatar icon */
41
41
  --zdt_avatarIcon_dark_icon: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
42
- --zdt_avatarIcon_danger_icon: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
42
+ --zdt_avatarIcon_danger_icon: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
43
43
  --zdt_avatarIcon_primary_icon: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
44
44
  --zdt_avatarIcon_grey_icon: hsla(217, 14%, calc(70% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
45
- --zdt_avatarIcon_success_icon: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
45
+ --zdt_avatarIcon_success_icon: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
46
46
  --zdt_avatarIcon_smoke_icon: hsla(0, calc(0 * 1%), calc(67% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
47
47
  --zdt_avatarIcon_default_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
48
48
  --zdt_avatarIcon_default_hover_border: hsla(217, 8%, calc(55% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
@@ -50,9 +50,9 @@
50
50
  --zdt_avatarIcon_primary_hover_border: hsla(213, 85%, calc(43% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
51
51
  --zdt_avatarIcon_secondary_border: hsla(201, 100%, calc(50% + var(--zd_dark_default_inverse_medium_lValue)), calc( 0.3 + var(--zd_alpha_low)));
52
52
  --zdt_avatarIcon_secondary_hover_border: hsla(201, 100%, calc(50% + var(--zd_dark_default_inverse_medium_lValue)), calc( 0.3 + var(--zd_alpha_low)));
53
- --zdt_avatarIcon_success_border: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
53
+ --zdt_avatarIcon_success_border: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
54
54
  --zdt_avatarIcon_success_hover_border: hsla(134, 68%, calc(33% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
55
- --zdt_avatarIcon_danger_border: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
55
+ --zdt_avatarIcon_danger_border: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
56
56
  --zdt_avatarIcon_danger_hover_border: hsla(1, 64%, calc(49% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
57
57
 
58
58
  /* avatar status */
@@ -67,12 +67,12 @@
67
67
  --zdt_avatarthread_default_text: hsla(217, 14%, calc(70% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
68
68
  --zdt_avatarthread_primary_border: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
69
69
  --zdt_avatarthread_primary_text: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
70
- --zdt_avatarthread_success_border: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
71
- --zdt_avatarthread_success_text: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
72
- --zdt_avatarthread_danger_border: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
73
- --zdt_avatarthread_danger_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
74
- --zdt_avatarthread_orange_border: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
75
- --zdt_avatarthread_orange_text: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
70
+ --zdt_avatarthread_success_border: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
71
+ --zdt_avatarthread_success_text: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
72
+ --zdt_avatarthread_danger_border: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
73
+ --zdt_avatarthread_danger_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
74
+ --zdt_avatarthread_orange_border: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
75
+ --zdt_avatarthread_orange_text: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
76
76
 
77
77
  /* avatar user */
78
78
  --zdt_avataruser_default_bg: hsla(217, 23%, calc(18% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -85,7 +85,7 @@
85
85
  /* channel icon */
86
86
  --zdt_channelIcon_icon: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
87
87
  --zdt_channelIcon_topIcon_bg: hsla(217, 23%, calc(18% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
88
- --zdt_channelIcon_topIcon_iconGreen: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
88
+ --zdt_channelIcon_topIcon_iconGreen: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
89
89
  --zdt_channelIcon_topIcon_iconYellow: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
90
90
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
91
91
 
@@ -128,12 +128,12 @@
128
128
 
129
129
  /* form fields */
130
130
  --zdt_fields_phoneicon_icon: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
131
- --zdt_fields_phoneicon_hover_icon: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
131
+ --zdt_fields_phoneicon_hover_icon: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
132
132
  --zdt_fields_lockicon_icon: hsla(217, 14%, calc(70% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
133
- --zdt_fields_lockicon_hover_icon: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
133
+ --zdt_fields_lockicon_hover_icon: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
134
134
  --zdt_fields_phitag_text: hsla(134, 68%, calc(33% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
135
- --zdt_fields_phitag_bg: hsla(217, 23%, calc(18% + var(--zd_dark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
136
- --zdt_fields_phitag_border: hsla(133, 63%, calc(41% + var(--zd_dark_default_inverse_medium_lValue)), calc( 0.2 + var(--zd_alpha_low)));
135
+ --zdt_fields_phitag_bg: hsla(217, 23%, calc(18% + var(--zd_dark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
136
+ --zdt_fields_phitag_border: hsla(133, 63%, calc(41% + var(--zd_dark_default_inverse_low_lValue)), calc( 0.2 + var(--zd_alpha_low)));
137
137
  --zdt_fields_newtabicon_icon: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
138
138
  --zdt_fields_newtabicon_hover_icon: var(--zdt_cta_primary_text);
139
139
 
@@ -154,7 +154,7 @@
154
154
  --zdt_iconButton_icon_primaryActive: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
155
155
 
156
156
  /* important notes */
157
- --zdt_importantnotes_bg: hsla(28, 94%, calc(56% + var(--zd_dark_darker_lValue)), calc( 0.1 + var(--zd_alpha_high)));
157
+ --zdt_importantnotes_bg: hsla(28, 94%, calc(56% + var(--zd_dark_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));
158
158
  --zdt_importantnotes_title_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
159
159
  --zdt_importantnotes_icon: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
160
160
 
@@ -210,7 +210,7 @@
210
210
  /* icons */
211
211
  --zdt_icons_default: hsla(217, 14%, calc(70% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
212
212
  --zdt_icons_hover_blue: var(--zdt_cta_primary_text);
213
- --zdt_icons_hover_red: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
213
+ --zdt_icons_hover_red: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
214
214
 
215
215
  /* list layout */
216
216
  --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
@@ -226,7 +226,7 @@
226
226
  --zdt_secondaryText_gray_text: hsla(217, 14%, calc(70% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
227
227
  --zdt_secondaryText_orage_text: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
228
228
  --zdt_secondaryText_green_text: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
229
- --zdt_secondaryText_red_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
229
+ --zdt_secondaryText_red_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
230
230
  --zdt_secondaryText_blue_text: var(--zdt_cta_primary_text);
231
231
  --zdt_secondaryText_blue_hover_text: var(--zdt_cta_primary_hover_text);
232
232
  --zdt_secondaryText_black_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
@@ -262,9 +262,9 @@
262
262
 
263
263
  /* usertime */
264
264
  --zdt_usertime_timeText: hsla(217, 14%, calc(70% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
265
- --zdt_usertime_icon_red: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
266
- --zdt_usertime_icon_green: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
267
- --zdt_usertime_icon_orange: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
265
+ --zdt_usertime_icon_red: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
266
+ --zdt_usertime_icon_green: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
267
+ --zdt_usertime_icon_orange: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
268
268
  --zdt_usertime_icon_gray: hsla(217, 14%, calc(70% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
269
269
 
270
270
  /* loader */
@@ -294,7 +294,7 @@
294
294
  /* lookup title */
295
295
  --zdt_lookuptitle_default_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
296
296
  --zdt_lookuptitle_primary_text: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
297
- --zdt_lookuptitle_danger_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
297
+ --zdt_lookuptitle_danger_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
298
298
 
299
299
  /* view dropdown */
300
300
  --zdt_viewdropdown_empty_text: hsla(217, 8%, calc(55% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -308,8 +308,8 @@
308
308
  /* message */
309
309
  --zdt_message_default_box_shadow: rgba(0, 0, 0, 0.15);
310
310
  --zdt_message_default_bg: hsla(217, 23%, calc(18% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
311
- --zdt_message_success_bg: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
312
- --zdt_message_alert_bg: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
311
+ --zdt_message_success_bg: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
312
+ --zdt_message_alert_bg: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
313
313
  --zdt_message_info_bg: hsla(187, 100%, calc(43% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
314
314
  --zdt_message_tickicon: hsla(217, 23%, calc(18% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
315
315
  --zdt_message_close_text: hsla(0, calc(0 * 1%), calc(60% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -381,7 +381,7 @@
381
381
  --zdt_tabletext_primary_text: var(--zdt_cta_primary_text);
382
382
  --zdt_tabletext_default_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
383
383
  --zdt_tabletext_green_text: hsla(107, 100%, calc(36% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
384
- --zdt_tabletext_danger_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
384
+ --zdt_tabletext_danger_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
385
385
  --zdt_tabletext_heading_text: hsla(0, calc(0 * 1%), calc(40% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
386
386
 
387
387
  /* toast message */
@@ -395,12 +395,12 @@
395
395
  --zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
396
396
  --zdt_toastmessage_primary_hover_bg: var(--zdt_m_cta_primary_bg_default);
397
397
  --zdt_toastmessage_primary_hover_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
398
- --zdt_toastmessage_danger_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
399
- --zdt_toastmessage_danger_hover_bg: hsla(0, 100%, calc(71% + var(--zd_dark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
398
+ --zdt_toastmessage_danger_text: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
399
+ --zdt_toastmessage_danger_hover_bg: hsla(0, 100%, calc(71% + var(--zd_dark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
400
400
  --zdt_toastmessage_danger_text_shadow: hsla(359, 73%, calc(59% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
401
401
  --zdt_toastmessage_success_text: hsla(142, 55%, calc(46% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
402
- --zdt_toastmessage_success_hover_bg: hsla(142, 55%, calc(46% + var(--zd_dark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
403
- --zdt_toastmessage_successfill_bg: hsla(141, 54%, calc(50% + var(--zd_dark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
402
+ --zdt_toastmessage_success_hover_bg: hsla(142, 55%, calc(46% + var(--zd_dark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
403
+ --zdt_toastmessage_successfill_bg: hsla(141, 54%, calc(50% + var(--zd_dark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
404
404
  --zdt_toastmessage_successplain_text: hsla(141, 54%, calc(50% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
405
405
  --zdt_toastmessage_cancel_hover_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
406
406
  --zdt_toastmessage_closeicon: hsla(217, 8%, calc(55% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -426,12 +426,12 @@
426
426
  --zdt_upload_uploadclose_night_hover_text: hsla(201, 22%, calc(20% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
427
427
 
428
428
  /* common alerts */
429
- --zdt_commonalert_default_border: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
430
- --zdt_commonalert_success_border: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
429
+ --zdt_commonalert_default_border: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
430
+ --zdt_commonalert_success_border: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
431
431
  --zdt_commonalert_info_border: var(--zdt_cta_primary_border);
432
- --zdt_commonalert_danger_border: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
433
- --zdt_commonalert_error_border: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
434
- --zdt_commonalert_warning_border: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
432
+ --zdt_commonalert_danger_border: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
433
+ --zdt_commonalert_error_border: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
434
+ --zdt_commonalert_warning_border: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
435
435
  --zdt_commonalert_close_icon: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
436
436
  --zdt_commonalert_close_light_icon: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
437
437
  --zdt_commonalert_close_hover_bg: hsla(338, 21%, calc(29% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -441,14 +441,14 @@
441
441
  --zdt_commonalert_danger_hover_bg: hsla(338, 21%, calc(29% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
442
442
  --zdt_commonalert_error_hover_bg: hsla(338, 21%, calc(29% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
443
443
  --zdt_commonalert_warning_hover_bg: hsla(22, 33%, calc(26% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
444
- --zdt_commonalert_light_hover_bg: hsla(223, 22%, calc(28% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
444
+ --zdt_commonalert_light_hover_bg: hsla(223, 22%, calc(28% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
445
445
  --zdt_commonalert_secondlayer_bg: rgb(46,54,66);
446
- --zdt_commonalert_default_icon: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
447
- --zdt_commonalert_success_icon: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
446
+ --zdt_commonalert_default_icon: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
447
+ --zdt_commonalert_success_icon: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
448
448
  --zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
449
- --zdt_commonalert_danger_icon: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
450
- --zdt_commonalert_error_icon: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
451
- --zdt_commonalert_warning_icon: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
449
+ --zdt_commonalert_danger_icon: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
450
+ --zdt_commonalert_error_icon: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
451
+ --zdt_commonalert_warning_icon: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
452
452
 
453
453
  /* alert icons */
454
454
  --zdt_alerticons_green_fill: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -456,17 +456,17 @@
456
456
  --zdt_alerticons_orange_fill: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
457
457
 
458
458
  /* global notification */
459
- --zdt_globalnotification_default_bg: hsla(236, 13%, calc(22% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
459
+ --zdt_globalnotification_default_bg: hsla(236, 13%, calc(22% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
460
460
  --zdt_globalnotification_default_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
461
- --zdt_globalnotification_success_bg: hsla(201, 22%, calc(20% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
461
+ --zdt_globalnotification_success_bg: hsla(201, 22%, calc(20% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
462
462
  --zdt_globalnotification_success_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
463
- --zdt_globalnotification_info_bg: var(--zdt_m_cta_primary_light_bg_darker_lower);
463
+ --zdt_globalnotification_info_bg: var(--zdt_m_cta_primary_light_bg_darker_lowest);
464
464
  --zdt_globalnotification_info_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
465
- --zdt_globalnotification_danger_bg: hsla(236, 13%, calc(22% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
465
+ --zdt_globalnotification_danger_bg: hsla(236, 13%, calc(22% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
466
466
  --zdt_globalnotification_danger_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
467
- --zdt_globalnotification_error_bg: hsla(236, 13%, calc(22% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
467
+ --zdt_globalnotification_error_bg: hsla(236, 13%, calc(22% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
468
468
  --zdt_globalnotification_error_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
469
- --zdt_globalnotification_warning_bg: hsla(229, 10%, calc(21% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
469
+ --zdt_globalnotification_warning_bg: hsla(229, 10%, calc(21% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
470
470
  --zdt_globalnotification_warning_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
471
471
  --zdt_globalnotification_default_box_shadow: rgba(0, 0, 0, 0.3);
472
472
 
@@ -493,10 +493,10 @@
493
493
  --zdt_tagsmultiselect_more_hover_text: var(--zdt_cta_primary_hover_text);
494
494
 
495
495
  /* text editor */
496
- --zdt_texteditor_menu_bg: hsla(216, 38%, calc(97% + var(--zd_dark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
496
+ --zdt_texteditor_menu_bg: hsla(216, 38%, calc(97% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
497
497
  --zdt_texteditor_default_bg: rgb(255,255,255);
498
498
  --zdt_texteditor_default_border: hsla(213, 27%, calc(87% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
499
- --zdt_texteditor_menu_li_bg: hsla(217, 37%, calc(93% + var(--zd_dark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
499
+ --zdt_texteditor_menu_li_bg: hsla(217, 37%, calc(93% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
500
500
  --zdt_texteditor_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
501
501
  --zdt_texteditor_more_icon_fill: hsla(218, 10%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
502
502
  --zdt_texteditor_menu_after_box_shadow: rgba(0, 0, 0, 0.08);
@@ -515,7 +515,7 @@
515
515
  --zdt_tagsmultiselectField_count_text: hsla(217, 14%, calc(70% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
516
516
 
517
517
  /* attachment viewer */
518
- --zdt_attachmentviewer_title_text: hsla(210, 7%, calc(89% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
518
+ --zdt_attachmentviewer_title_text: hsla(210, 7%, calc(89% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
519
519
  --zdt_attachmentviewer_button_border: hsla(218, 23%, calc(23% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
520
520
  --zdt_attachmentviewer_hover_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
521
521
  --zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(221, 100%, calc(57% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(133, 40%, calc(45% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(133, 40%, calc(45% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(128, 80%, calc(27% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(29, 100%, calc(33% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(0, 78%, calc(61% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(0, 78%, calc(61% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(0, 82%, calc(36% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(37, 67%, calc(53% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(37, 67%, calc(53% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(39, 90%, calc(32% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 23%, calc(14% + var(--zd_dark_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/default/mode/dotDefaultMode.module.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --zdt_actionButton_primaryFilled_hover_bg: var(--zdt_cta_primary_hover_bg);
5
5
  --zdt_actionButton_primary_border: var(--zdt_cta_primary_border);
6
6
  --zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
7
- --zdt_actionButton_separator_border: var(--zdt_m_cta_secondary_border_lighter);
7
+ --zdt_actionButton_separator_border: var(--zdt_m_cta_secondary_border_darker);
8
8
  --zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
9
9
  --zdt_actionButton_primaryFilled_text: var(--zdt_cta_secondary_text);
10
10
  --zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
@@ -16,7 +16,7 @@
16
16
  --zdt_alertheader_primary_bg: hsla(191, 89%, calc(96% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
17
17
  --zdt_alertheader_primary_text: hsla(204, 72%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
18
18
  --zdt_alertheader_danger_bg: hsla(0, 89%, calc(96% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
19
- --zdt_alertheader_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
19
+ --zdt_alertheader_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
20
20
 
21
21
  /* alert lookup */
22
22
  --zdt_alertlookup_innersection_text: hsla(0, calc(0 * 1%), calc(20% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -39,10 +39,10 @@
39
39
 
40
40
  /* avatar icon */
41
41
  --zdt_avatarIcon_dark_icon: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
42
- --zdt_avatarIcon_danger_icon: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
42
+ --zdt_avatarIcon_danger_icon: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
43
43
  --zdt_avatarIcon_primary_icon: hsla(212, 92%, calc(48% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
44
44
  --zdt_avatarIcon_grey_icon: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
45
- --zdt_avatarIcon_success_icon: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
45
+ --zdt_avatarIcon_success_icon: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
46
46
  --zdt_avatarIcon_smoke_icon: hsla(0, calc(0 * 1%), calc(67% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
47
47
  --zdt_avatarIcon_default_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
48
48
  --zdt_avatarIcon_default_hover_border: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
@@ -50,9 +50,9 @@
50
50
  --zdt_avatarIcon_primary_hover_border: hsla(213, 100%, calc(36% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
51
51
  --zdt_avatarIcon_secondary_border: hsla(201, 100%, calc(50% + var(--zd_default_default_inverse_medium_lValue)), calc( 0.3 + var(--zd_alpha_low)));
52
52
  --zdt_avatarIcon_secondary_hover_border: hsla(201, 100%, calc(50% + var(--zd_default_default_inverse_medium_lValue)), calc( 0.3 + var(--zd_alpha_low)));
53
- --zdt_avatarIcon_success_border: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
53
+ --zdt_avatarIcon_success_border: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
54
54
  --zdt_avatarIcon_success_hover_border: hsla(134, 79%, calc(26% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
55
- --zdt_avatarIcon_danger_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
55
+ --zdt_avatarIcon_danger_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
56
56
  --zdt_avatarIcon_danger_hover_border: hsla(1, 75%, calc(38% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
57
57
 
58
58
  /* avatar status */
@@ -67,12 +67,12 @@
67
67
  --zdt_avatarthread_default_text: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
68
68
  --zdt_avatarthread_primary_border: hsla(212, 92%, calc(48% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
69
69
  --zdt_avatarthread_primary_text: hsla(212, 92%, calc(48% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
70
- --zdt_avatarthread_success_border: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
71
- --zdt_avatarthread_success_text: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
72
- --zdt_avatarthread_danger_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
73
- --zdt_avatarthread_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
74
- --zdt_avatarthread_orange_border: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
75
- --zdt_avatarthread_orange_text: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
70
+ --zdt_avatarthread_success_border: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
71
+ --zdt_avatarthread_success_text: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
72
+ --zdt_avatarthread_danger_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
73
+ --zdt_avatarthread_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
74
+ --zdt_avatarthread_orange_border: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
75
+ --zdt_avatarthread_orange_text: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
76
76
 
77
77
  /* avatar user */
78
78
  --zdt_avataruser_default_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -85,7 +85,7 @@
85
85
  /* channel icon */
86
86
  --zdt_channelIcon_icon: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
87
87
  --zdt_channelIcon_topIcon_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
88
- --zdt_channelIcon_topIcon_iconGreen: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
88
+ --zdt_channelIcon_topIcon_iconGreen: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
89
89
  --zdt_channelIcon_topIcon_iconYellow: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
90
90
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
91
91
 
@@ -128,12 +128,12 @@
128
128
 
129
129
  /* form fields */
130
130
  --zdt_fields_phoneicon_icon: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
131
- --zdt_fields_phoneicon_hover_icon: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
131
+ --zdt_fields_phoneicon_hover_icon: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
132
132
  --zdt_fields_lockicon_icon: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
133
- --zdt_fields_lockicon_hover_icon: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
133
+ --zdt_fields_lockicon_hover_icon: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
134
134
  --zdt_fields_phitag_text: hsla(134, 79%, calc(26% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
135
- --zdt_fields_phitag_bg: hsla(143, 44%, calc(96% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
136
- --zdt_fields_phitag_border: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_medium_lValue)), calc( 0.2 + var(--zd_alpha_low)));
135
+ --zdt_fields_phitag_bg: hsla(143, 44%, calc(96% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
136
+ --zdt_fields_phitag_border: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc( 0.2 + var(--zd_alpha_low)));
137
137
  --zdt_fields_newtabicon_icon: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
138
138
  --zdt_fields_newtabicon_hover_icon: var(--zdt_cta_primary_text);
139
139
 
@@ -154,7 +154,7 @@
154
154
  --zdt_iconButton_icon_primaryActive: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
155
155
 
156
156
  /* important notes */
157
- --zdt_importantnotes_bg: hsla(37, 90%, calc(96% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
157
+ --zdt_importantnotes_bg: hsla(37, 90%, calc(96% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
158
158
  --zdt_importantnotes_title_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
159
159
  --zdt_importantnotes_icon: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
160
160
 
@@ -210,7 +210,7 @@
210
210
  /* icons */
211
211
  --zdt_icons_default: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
212
212
  --zdt_icons_hover_blue: var(--zdt_cta_primary_text);
213
- --zdt_icons_hover_red: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
213
+ --zdt_icons_hover_red: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
214
214
 
215
215
  /* list layout */
216
216
  --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
@@ -226,7 +226,7 @@
226
226
  --zdt_secondaryText_gray_text: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
227
227
  --zdt_secondaryText_orage_text: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
228
228
  --zdt_secondaryText_green_text: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
229
- --zdt_secondaryText_red_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
229
+ --zdt_secondaryText_red_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
230
230
  --zdt_secondaryText_blue_text: var(--zdt_cta_primary_text);
231
231
  --zdt_secondaryText_blue_hover_text: var(--zdt_cta_primary_hover_text);
232
232
  --zdt_secondaryText_black_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
@@ -262,9 +262,9 @@
262
262
 
263
263
  /* usertime */
264
264
  --zdt_usertime_timeText: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
265
- --zdt_usertime_icon_red: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
266
- --zdt_usertime_icon_green: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
267
- --zdt_usertime_icon_orange: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
265
+ --zdt_usertime_icon_red: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
266
+ --zdt_usertime_icon_green: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
267
+ --zdt_usertime_icon_orange: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
268
268
  --zdt_usertime_icon_gray: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
269
269
 
270
270
  /* loader */
@@ -294,7 +294,7 @@
294
294
  /* lookup title */
295
295
  --zdt_lookuptitle_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
296
296
  --zdt_lookuptitle_primary_text: hsla(212, 92%, calc(48% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
297
- --zdt_lookuptitle_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
297
+ --zdt_lookuptitle_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
298
298
 
299
299
  /* view dropdown */
300
300
  --zdt_viewdropdown_empty_text: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -308,8 +308,8 @@
308
308
  /* message */
309
309
  --zdt_message_default_box_shadow: rgba(0, 0, 0, 0.15);
310
310
  --zdt_message_default_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
311
- --zdt_message_success_bg: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
312
- --zdt_message_alert_bg: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
311
+ --zdt_message_success_bg: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
312
+ --zdt_message_alert_bg: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
313
313
  --zdt_message_info_bg: hsla(187, 100%, calc(43% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
314
314
  --zdt_message_tickicon: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
315
315
  --zdt_message_close_text: hsla(0, calc(0 * 1%), calc(60% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -381,7 +381,7 @@
381
381
  --zdt_tabletext_primary_text: var(--zdt_cta_primary_text);
382
382
  --zdt_tabletext_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
383
383
  --zdt_tabletext_green_text: hsla(107, 100%, calc(36% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
384
- --zdt_tabletext_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
384
+ --zdt_tabletext_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
385
385
  --zdt_tabletext_heading_text: hsla(0, calc(0 * 1%), calc(40% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
386
386
 
387
387
  /* toast message */
@@ -395,12 +395,12 @@
395
395
  --zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
396
396
  --zdt_toastmessage_primary_hover_bg: var(--zdt_m_cta_primary_bg_default);
397
397
  --zdt_toastmessage_primary_hover_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
398
- --zdt_toastmessage_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
399
- --zdt_toastmessage_danger_hover_bg: hsla(0, 72%, calc(54% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
398
+ --zdt_toastmessage_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
399
+ --zdt_toastmessage_danger_hover_bg: hsla(0, 72%, calc(54% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
400
400
  --zdt_toastmessage_danger_text_shadow: hsla(359, 73%, calc(59% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
401
401
  --zdt_toastmessage_success_text: hsla(142, 55%, calc(46% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
402
- --zdt_toastmessage_success_hover_bg: hsla(142, 55%, calc(46% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
403
- --zdt_toastmessage_successfill_bg: hsla(141, 54%, calc(50% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
402
+ --zdt_toastmessage_success_hover_bg: hsla(142, 55%, calc(46% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
403
+ --zdt_toastmessage_successfill_bg: hsla(141, 54%, calc(50% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
404
404
  --zdt_toastmessage_successplain_text: hsla(141, 54%, calc(50% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
405
405
  --zdt_toastmessage_cancel_hover_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
406
406
  --zdt_toastmessage_closeicon: hsla(0, calc(0 * 1%), calc(47% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -426,12 +426,12 @@
426
426
  --zdt_upload_uploadclose_night_hover_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc( 0.7 + var(--zd_alpha_high)));
427
427
 
428
428
  /* common alerts */
429
- --zdt_commonalert_default_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
430
- --zdt_commonalert_success_border: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
429
+ --zdt_commonalert_default_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
430
+ --zdt_commonalert_success_border: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
431
431
  --zdt_commonalert_info_border: var(--zdt_cta_primary_border);
432
- --zdt_commonalert_danger_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
433
- --zdt_commonalert_error_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
434
- --zdt_commonalert_warning_border: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
432
+ --zdt_commonalert_danger_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
433
+ --zdt_commonalert_error_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
434
+ --zdt_commonalert_warning_border: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
435
435
  --zdt_commonalert_close_icon: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
436
436
  --zdt_commonalert_close_light_icon: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
437
437
  --zdt_commonalert_close_hover_bg: hsla(0, 74%, calc(95% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -443,12 +443,12 @@
443
443
  --zdt_commonalert_warning_hover_bg: hsla(26, 100%, calc(95% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
444
444
  --zdt_commonalert_light_hover_bg: var(--zdt_cta_grey_10_bg);
445
445
  --zdt_commonalert_secondlayer_bg: rgb(246,248,251);
446
- --zdt_commonalert_default_icon: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
447
- --zdt_commonalert_success_icon: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
446
+ --zdt_commonalert_default_icon: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
447
+ --zdt_commonalert_success_icon: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
448
448
  --zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
449
- --zdt_commonalert_danger_icon: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
450
- --zdt_commonalert_error_icon: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
451
- --zdt_commonalert_warning_icon: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
449
+ --zdt_commonalert_danger_icon: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
450
+ --zdt_commonalert_error_icon: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
451
+ --zdt_commonalert_warning_icon: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
452
452
 
453
453
  /* alert icons */
454
454
  --zdt_alerticons_green_fill: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -456,17 +456,17 @@
456
456
  --zdt_alerticons_orange_fill: hsla(26, 100%, calc(50% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
457
457
 
458
458
  /* global notification */
459
- --zdt_globalnotification_default_bg: hsla(0, 71%, calc(97% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
459
+ --zdt_globalnotification_default_bg: hsla(0, 71%, calc(97% + var(--zd_default_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
460
460
  --zdt_globalnotification_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
461
- --zdt_globalnotification_success_bg: hsla(143, 44%, calc(96% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
461
+ --zdt_globalnotification_success_bg: hsla(143, 44%, calc(96% + var(--zd_default_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
462
462
  --zdt_globalnotification_success_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
463
- --zdt_globalnotification_info_bg: var(--zdt_m_cta_primary_light_bg_darker_lower);
463
+ --zdt_globalnotification_info_bg: var(--zdt_m_cta_primary_light_bg_darker_lowest);
464
464
  --zdt_globalnotification_info_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
465
- --zdt_globalnotification_danger_bg: hsla(0, 71%, calc(97% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
465
+ --zdt_globalnotification_danger_bg: hsla(0, 71%, calc(97% + var(--zd_default_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
466
466
  --zdt_globalnotification_danger_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
467
- --zdt_globalnotification_error_bg: hsla(0, 71%, calc(97% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
467
+ --zdt_globalnotification_error_bg: hsla(0, 71%, calc(97% + var(--zd_default_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
468
468
  --zdt_globalnotification_error_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
469
- --zdt_globalnotification_warning_bg: hsla(24, 100%, calc(97% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
469
+ --zdt_globalnotification_warning_bg: hsla(24, 100%, calc(97% + var(--zd_default_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
470
470
  --zdt_globalnotification_warning_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
471
471
  --zdt_globalnotification_default_box_shadow: rgba(55, 84, 170, 0.25);
472
472
 
@@ -493,10 +493,10 @@
493
493
  --zdt_tagsmultiselect_more_hover_text: var(--zdt_cta_primary_hover_text);
494
494
 
495
495
  /* text editor */
496
- --zdt_texteditor_menu_bg: hsla(216, 38%, calc(97% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
496
+ --zdt_texteditor_menu_bg: hsla(216, 38%, calc(97% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
497
497
  --zdt_texteditor_default_bg: rgb(255,255,255);
498
498
  --zdt_texteditor_default_border: hsla(213, 27%, calc(87% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
499
- --zdt_texteditor_menu_li_bg: hsla(217, 37%, calc(93% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
499
+ --zdt_texteditor_menu_li_bg: hsla(217, 37%, calc(93% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
500
500
  --zdt_texteditor_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
501
501
  --zdt_texteditor_more_icon_fill: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
502
502
  --zdt_texteditor_menu_after_box_shadow: rgba(0, 0, 0, 0.08);
@@ -515,7 +515,7 @@
515
515
  --zdt_tagsmultiselectField_count_text: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
516
516
 
517
517
  /* attachment viewer */
518
- --zdt_attachmentviewer_title_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
518
+ --zdt_attachmentviewer_title_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
519
519
  --zdt_attachmentviewer_button_border: var(--zdt_cta_grey_35_border);
520
520
  --zdt_attachmentviewer_hover_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
521
521
  --zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(207, 96%, calc(71% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(207, 96%, calc(71% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(221, 100%, calc(57% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(227, 27%, calc(24% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(228, 18%, calc(32% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(227, 27%, calc(24% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(228, 18%, calc(32% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(227, 27%, calc(24% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(227, 27%, calc(24% + var(--zd_default_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(133, 48%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(133, 48%, calc(52% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(134, 79%, calc(26% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(190, 43%, calc(10% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(190, 37%, calc(16% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(190, 43%, calc(10% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(190, 37%, calc(16% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(190, 43%, calc(10% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(190, 43%, calc(10% + var(--zd_default_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(28, 82%, calc(49% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(28, 82%, calc(49% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(30, 100%, calc(35% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(39, 31%, calc(11% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(54, 46%, calc(12% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(39, 31%, calc(11% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(54, 46%, calc(12% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(39, 31%, calc(11% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(39, 31%, calc(11% + var(--zd_default_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(0, 100%, calc(69% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(0, 100%, calc(69% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(1, 75%, calc(38% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(322, 39%, calc(10% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(351, 23%, calc(16% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(322, 39%, calc(10% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(351, 23%, calc(16% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(322, 39%, calc(10% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(322, 39%, calc(10% + var(--zd_default_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(46, 81%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(46, 81%, calc(52% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(48, 100%, calc(35% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(67, 33%, calc(11% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc( 0.08 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(67, 33%, calc(11% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc( 0.08 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(67, 33%, calc(11% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(67, 33%, calc(11% + var(--zd_default_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --zdt_actionButton_primaryFilled_hover_bg: var(--zdt_cta_primary_hover_bg);
5
5
  --zdt_actionButton_primary_border: var(--zdt_cta_primary_border);
6
6
  --zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
7
- --zdt_actionButton_separator_border: var(--zdt_m_cta_secondary_border_lighter);
7
+ --zdt_actionButton_separator_border: var(--zdt_m_cta_secondary_border_darker);
8
8
  --zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
9
9
  --zdt_actionButton_primaryFilled_text: var(--zdt_cta_secondary_text);
10
10
  --zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
@@ -16,7 +16,7 @@
16
16
  --zdt_alertheader_primary_bg: hsla(191, 89%, calc(96% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
17
17
  --zdt_alertheader_primary_text: hsla(204, 72%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
18
18
  --zdt_alertheader_danger_bg: hsla(0, 89%, calc(96% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
19
- --zdt_alertheader_danger_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
19
+ --zdt_alertheader_danger_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
20
20
 
21
21
  /* alert lookup */
22
22
  --zdt_alertlookup_innersection_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -39,10 +39,10 @@
39
39
 
40
40
  /* avatar icon */
41
41
  --zdt_avatarIcon_dark_icon: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
42
- --zdt_avatarIcon_danger_icon: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
42
+ --zdt_avatarIcon_danger_icon: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
43
43
  --zdt_avatarIcon_primary_icon: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
44
44
  --zdt_avatarIcon_grey_icon: hsla(0, calc(0 * 1%), calc(60% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
45
- --zdt_avatarIcon_success_icon: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
45
+ --zdt_avatarIcon_success_icon: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
46
46
  --zdt_avatarIcon_smoke_icon: hsla(0, calc(0 * 1%), calc(67% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
47
47
  --zdt_avatarIcon_default_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
48
48
  --zdt_avatarIcon_default_hover_border: hsla(217, 8%, calc(55% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
@@ -50,9 +50,9 @@
50
50
  --zdt_avatarIcon_primary_hover_border: hsla(213, 85%, calc(43% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
51
51
  --zdt_avatarIcon_secondary_border: hsla(201, 100%, calc(50% + var(--zd_pureDark_default_inverse_medium_lValue)), calc( 0.3 + var(--zd_alpha_low)));
52
52
  --zdt_avatarIcon_secondary_hover_border: hsla(201, 100%, calc(50% + var(--zd_pureDark_default_inverse_medium_lValue)), calc( 0.3 + var(--zd_alpha_low)));
53
- --zdt_avatarIcon_success_border: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
53
+ --zdt_avatarIcon_success_border: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
54
54
  --zdt_avatarIcon_success_hover_border: hsla(134, 68%, calc(33% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
55
- --zdt_avatarIcon_danger_border: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
55
+ --zdt_avatarIcon_danger_border: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
56
56
  --zdt_avatarIcon_danger_hover_border: hsla(1, 64%, calc(49% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
57
57
 
58
58
  /* avatar status */
@@ -67,12 +67,12 @@
67
67
  --zdt_avatarthread_default_text: hsla(0, calc(0 * 1%), calc(60% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
68
68
  --zdt_avatarthread_primary_border: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
69
69
  --zdt_avatarthread_primary_text: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
70
- --zdt_avatarthread_success_border: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
71
- --zdt_avatarthread_success_text: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
72
- --zdt_avatarthread_danger_border: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
73
- --zdt_avatarthread_danger_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
74
- --zdt_avatarthread_orange_border: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
75
- --zdt_avatarthread_orange_text: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
70
+ --zdt_avatarthread_success_border: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
71
+ --zdt_avatarthread_success_text: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
72
+ --zdt_avatarthread_danger_border: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
73
+ --zdt_avatarthread_danger_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
74
+ --zdt_avatarthread_orange_border: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
75
+ --zdt_avatarthread_orange_text: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
76
76
 
77
77
  /* avatar user */
78
78
  --zdt_avataruser_default_bg: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -85,7 +85,7 @@
85
85
  /* channel icon */
86
86
  --zdt_channelIcon_icon: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
87
87
  --zdt_channelIcon_topIcon_bg: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
88
- --zdt_channelIcon_topIcon_iconGreen: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
88
+ --zdt_channelIcon_topIcon_iconGreen: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
89
89
  --zdt_channelIcon_topIcon_iconYellow: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
90
90
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
91
91
 
@@ -128,12 +128,12 @@
128
128
 
129
129
  /* form fields */
130
130
  --zdt_fields_phoneicon_icon: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
131
- --zdt_fields_phoneicon_hover_icon: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
131
+ --zdt_fields_phoneicon_hover_icon: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
132
132
  --zdt_fields_lockicon_icon: hsla(0, calc(0 * 1%), calc(60% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
133
- --zdt_fields_lockicon_hover_icon: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
133
+ --zdt_fields_lockicon_hover_icon: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
134
134
  --zdt_fields_phitag_text: hsla(134, 68%, calc(33% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
135
- --zdt_fields_phitag_bg: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
136
- --zdt_fields_phitag_border: hsla(133, 63%, calc(41% + var(--zd_pureDark_default_inverse_medium_lValue)), calc( 0.2 + var(--zd_alpha_low)));
135
+ --zdt_fields_phitag_bg: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
136
+ --zdt_fields_phitag_border: hsla(133, 63%, calc(41% + var(--zd_pureDark_default_inverse_low_lValue)), calc( 0.2 + var(--zd_alpha_low)));
137
137
  --zdt_fields_newtabicon_icon: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
138
138
  --zdt_fields_newtabicon_hover_icon: var(--zdt_cta_primary_text);
139
139
 
@@ -154,7 +154,7 @@
154
154
  --zdt_iconButton_icon_primaryActive: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
155
155
 
156
156
  /* important notes */
157
- --zdt_importantnotes_bg: hsla(28, 94%, calc(56% + var(--zd_pureDark_darker_lValue)), calc( 0.1 + var(--zd_alpha_high)));
157
+ --zdt_importantnotes_bg: hsla(28, 94%, calc(56% + var(--zd_pureDark_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));
158
158
  --zdt_importantnotes_title_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
159
159
  --zdt_importantnotes_icon: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
160
160
 
@@ -210,7 +210,7 @@
210
210
  /* icons */
211
211
  --zdt_icons_default: hsla(0, calc(0 * 1%), calc(60% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
212
212
  --zdt_icons_hover_blue: var(--zdt_cta_primary_text);
213
- --zdt_icons_hover_red: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
213
+ --zdt_icons_hover_red: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
214
214
 
215
215
  /* list layout */
216
216
  --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
@@ -226,7 +226,7 @@
226
226
  --zdt_secondaryText_gray_text: hsla(0, calc(0 * 1%), calc(60% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
227
227
  --zdt_secondaryText_orage_text: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
228
228
  --zdt_secondaryText_green_text: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
229
- --zdt_secondaryText_red_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
229
+ --zdt_secondaryText_red_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
230
230
  --zdt_secondaryText_blue_text: var(--zdt_cta_primary_text);
231
231
  --zdt_secondaryText_blue_hover_text: var(--zdt_cta_primary_hover_text);
232
232
  --zdt_secondaryText_black_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
@@ -262,9 +262,9 @@
262
262
 
263
263
  /* usertime */
264
264
  --zdt_usertime_timeText: hsla(0, calc(0 * 1%), calc(60% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
265
- --zdt_usertime_icon_red: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
266
- --zdt_usertime_icon_green: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
267
- --zdt_usertime_icon_orange: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
265
+ --zdt_usertime_icon_red: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
266
+ --zdt_usertime_icon_green: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
267
+ --zdt_usertime_icon_orange: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
268
268
  --zdt_usertime_icon_gray: hsla(0, calc(0 * 1%), calc(60% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
269
269
 
270
270
  /* loader */
@@ -294,7 +294,7 @@
294
294
  /* lookup title */
295
295
  --zdt_lookuptitle_default_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
296
296
  --zdt_lookuptitle_primary_text: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
297
- --zdt_lookuptitle_danger_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
297
+ --zdt_lookuptitle_danger_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
298
298
 
299
299
  /* view dropdown */
300
300
  --zdt_viewdropdown_empty_text: hsla(217, 8%, calc(55% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -308,8 +308,8 @@
308
308
  /* message */
309
309
  --zdt_message_default_box_shadow: rgba(0, 0, 0, 0.15);
310
310
  --zdt_message_default_bg: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
311
- --zdt_message_success_bg: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
312
- --zdt_message_alert_bg: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
311
+ --zdt_message_success_bg: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
312
+ --zdt_message_alert_bg: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
313
313
  --zdt_message_info_bg: hsla(187, 100%, calc(43% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
314
314
  --zdt_message_tickicon: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
315
315
  --zdt_message_close_text: hsla(0, calc(0 * 1%), calc(60% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -381,7 +381,7 @@
381
381
  --zdt_tabletext_primary_text: var(--zdt_cta_primary_text);
382
382
  --zdt_tabletext_default_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
383
383
  --zdt_tabletext_green_text: hsla(107, 100%, calc(36% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
384
- --zdt_tabletext_danger_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
384
+ --zdt_tabletext_danger_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
385
385
  --zdt_tabletext_heading_text: hsla(0, calc(0 * 1%), calc(40% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
386
386
 
387
387
  /* toast message */
@@ -395,12 +395,12 @@
395
395
  --zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
396
396
  --zdt_toastmessage_primary_hover_bg: var(--zdt_m_cta_primary_bg_default);
397
397
  --zdt_toastmessage_primary_hover_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
398
- --zdt_toastmessage_danger_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
399
- --zdt_toastmessage_danger_hover_bg: hsla(0, 100%, calc(71% + var(--zd_pureDark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
398
+ --zdt_toastmessage_danger_text: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
399
+ --zdt_toastmessage_danger_hover_bg: hsla(0, 100%, calc(71% + var(--zd_pureDark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
400
400
  --zdt_toastmessage_danger_text_shadow: hsla(359, 73%, calc(59% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
401
401
  --zdt_toastmessage_success_text: hsla(142, 55%, calc(46% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
402
- --zdt_toastmessage_success_hover_bg: hsla(142, 55%, calc(46% + var(--zd_pureDark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
403
- --zdt_toastmessage_successfill_bg: hsla(141, 54%, calc(50% + var(--zd_pureDark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
402
+ --zdt_toastmessage_success_hover_bg: hsla(142, 55%, calc(46% + var(--zd_pureDark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
403
+ --zdt_toastmessage_successfill_bg: hsla(141, 54%, calc(50% + var(--zd_pureDark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
404
404
  --zdt_toastmessage_successplain_text: hsla(141, 54%, calc(50% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
405
405
  --zdt_toastmessage_cancel_hover_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
406
406
  --zdt_toastmessage_closeicon: hsla(217, 8%, calc(55% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -426,12 +426,12 @@
426
426
  --zdt_upload_uploadclose_night_hover_text: hsla(201, 22%, calc(20% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
427
427
 
428
428
  /* common alerts */
429
- --zdt_commonalert_default_border: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
430
- --zdt_commonalert_success_border: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
429
+ --zdt_commonalert_default_border: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
430
+ --zdt_commonalert_success_border: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
431
431
  --zdt_commonalert_info_border: var(--zdt_cta_primary_border);
432
- --zdt_commonalert_danger_border: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
433
- --zdt_commonalert_error_border: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
434
- --zdt_commonalert_warning_border: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
432
+ --zdt_commonalert_danger_border: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
433
+ --zdt_commonalert_error_border: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
434
+ --zdt_commonalert_warning_border: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
435
435
  --zdt_commonalert_close_icon: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
436
436
  --zdt_commonalert_close_light_icon: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
437
437
  --zdt_commonalert_close_hover_bg: hsla(338, 21%, calc(29% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -441,14 +441,14 @@
441
441
  --zdt_commonalert_danger_hover_bg: hsla(338, 21%, calc(29% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
442
442
  --zdt_commonalert_error_hover_bg: hsla(338, 21%, calc(29% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
443
443
  --zdt_commonalert_warning_hover_bg: hsla(22, 33%, calc(26% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
444
- --zdt_commonalert_light_hover_bg: hsla(0, calc(0 * 1%), calc(35% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
444
+ --zdt_commonalert_light_hover_bg: hsla(0, calc(0 * 1%), calc(35% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
445
445
  --zdt_commonalert_secondlayer_bg: rgb(40,40,40);
446
- --zdt_commonalert_default_icon: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
447
- --zdt_commonalert_success_icon: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
446
+ --zdt_commonalert_default_icon: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
447
+ --zdt_commonalert_success_icon: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
448
448
  --zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
449
- --zdt_commonalert_danger_icon: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
450
- --zdt_commonalert_error_icon: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
451
- --zdt_commonalert_warning_icon: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
449
+ --zdt_commonalert_danger_icon: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
450
+ --zdt_commonalert_error_icon: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
451
+ --zdt_commonalert_warning_icon: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
452
452
 
453
453
  /* alert icons */
454
454
  --zdt_alerticons_green_fill: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -456,17 +456,17 @@
456
456
  --zdt_alerticons_orange_fill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
457
457
 
458
458
  /* global notification */
459
- --zdt_globalnotification_default_bg: hsla(0, calc(0 * 1%), calc(16% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
459
+ --zdt_globalnotification_default_bg: hsla(0, calc(0 * 1%), calc(16% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
460
460
  --zdt_globalnotification_default_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
461
- --zdt_globalnotification_success_bg: hsla(133, 11%, calc(16% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
461
+ --zdt_globalnotification_success_bg: hsla(133, 11%, calc(16% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
462
462
  --zdt_globalnotification_success_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
463
- --zdt_globalnotification_info_bg: var(--zdt_m_cta_primary_light_bg_darker_lower);
463
+ --zdt_globalnotification_info_bg: var(--zdt_m_cta_primary_light_bg_darker_lowest);
464
464
  --zdt_globalnotification_info_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
465
- --zdt_globalnotification_danger_bg: hsla(0, calc(0 * 1%), calc(16% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
465
+ --zdt_globalnotification_danger_bg: hsla(0, calc(0 * 1%), calc(16% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
466
466
  --zdt_globalnotification_danger_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
467
- --zdt_globalnotification_error_bg: hsla(0, calc(0 * 1%), calc(16% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
467
+ --zdt_globalnotification_error_bg: hsla(0, calc(0 * 1%), calc(16% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
468
468
  --zdt_globalnotification_error_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
469
- --zdt_globalnotification_warning_bg: hsla(229, 10%, calc(21% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
469
+ --zdt_globalnotification_warning_bg: hsla(229, 10%, calc(21% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
470
470
  --zdt_globalnotification_warning_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
471
471
  --zdt_globalnotification_default_box_shadow: rgba(0, 0, 0, 0.3);
472
472
 
@@ -493,10 +493,10 @@
493
493
  --zdt_tagsmultiselect_more_hover_text: var(--zdt_cta_primary_hover_text);
494
494
 
495
495
  /* text editor */
496
- --zdt_texteditor_menu_bg: hsla(216, 38%, calc(97% + var(--zd_pureDark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
496
+ --zdt_texteditor_menu_bg: hsla(216, 38%, calc(97% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
497
497
  --zdt_texteditor_default_bg: rgb(255,255,255);
498
498
  --zdt_texteditor_default_border: hsla(213, 27%, calc(87% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
499
- --zdt_texteditor_menu_li_bg: hsla(217, 37%, calc(93% + var(--zd_pureDark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
499
+ --zdt_texteditor_menu_li_bg: hsla(217, 37%, calc(93% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
500
500
  --zdt_texteditor_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
501
501
  --zdt_texteditor_more_icon_fill: hsla(218, 10%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
502
502
  --zdt_texteditor_menu_after_box_shadow: rgba(0, 0, 0, 0.08);
@@ -515,7 +515,7 @@
515
515
  --zdt_tagsmultiselectField_count_text: hsla(0, calc(0 * 1%), calc(60% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
516
516
 
517
517
  /* attachment viewer */
518
- --zdt_attachmentviewer_title_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
518
+ --zdt_attachmentviewer_title_text: hsla(210, 7%, calc(89% + var(--zd_pureDark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
519
519
  --zdt_attachmentviewer_button_border: hsla(0, 2%, calc(8% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
520
520
  --zdt_attachmentviewer_hover_border: var(--zdt_m_cta_grey_40_border_default_inverse_medium);
521
521
  --zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(221, 100%, calc(57% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(0 * 1%), calc(6% + var(--zd_pureDark_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(128, 80%, calc(27% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(0 * 1%), calc(6% + var(--zd_pureDark_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(29, 100%, calc(33% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(0 * 1%), calc(6% + var(--zd_pureDark_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(0, 82%, calc(36% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(0 * 1%), calc(6% + var(--zd_pureDark_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css CHANGED
@@ -5,12 +5,12 @@
5
5
  /* common empty state */
6
6
  --zdt_commonEmptyState_dark_title: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
7
7
  --zdt_commonEmptyState_dark_description: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
- --zdt_commonEmptyState_dark_link: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
9
9
  --zdt_commonEmptyState_dark_link_hover: hsla(39, 90%, calc(32% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
12
+ --zdt_attachmentviewer_header_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, calc(0 * 1%), calc(13% + var(--zd_pureDark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
14
14
  --zdt_attachmentviewer_footer_bg: hsla(0, calc(0 * 1%), calc(9% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(0 * 1%), calc(6% + var(--zd_pureDark_default_lValue)), calc( + var(--zd_alpha_high)));
16
16
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-143",
3
+ "version": "1.0.0-temp-144",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -44,7 +44,7 @@
44
44
  "velocity-react": "1.4.3",
45
45
  "@zohodesk/variables": "1.0.0-beta.30",
46
46
  "@zohodesk/i18n": "1.0.0-beta.7",
47
- "@zohodesk/components": "1.0.0-temp-148",
47
+ "@zohodesk/components": "1.0.0-temp-149",
48
48
  "@zohodesk/icons": "1.0.0-beta.119",
49
49
  "@zohodesk/svg": "1.0.0-temp.53",
50
50
  "@zohodesk/virtualizer": "1.0.3",
@@ -55,7 +55,7 @@
55
55
  "velocity-react": "1.4.3",
56
56
  "@zohodesk/variables": "1.0.0-beta.30",
57
57
  "@zohodesk/i18n": "1.0.0-beta.7",
58
- "@zohodesk/components": "1.0.0-temp-148",
58
+ "@zohodesk/components": "1.0.0-temp-149",
59
59
  "@zohodesk/icons": "1.0.0-beta.119",
60
60
  "@zohodesk/svg": "1.0.0-temp.53",
61
61
  "@zohodesk/virtualizer": "1.0.3",