@zohodesk/dot 1.0.0-temp-223 → 1.0.0-temp-223.2

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/Dot_DarkMode.module.css +19 -19
  2. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +2 -2
  3. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +2 -2
  4. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +2 -2
  5. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +2 -2
  6. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +2 -2
  7. package/assets/Appearance/light/mode/Dot_LightMode.module.css +19 -19
  8. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +2 -2
  9. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +2 -2
  10. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +2 -2
  11. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +2 -2
  12. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +2 -2
  13. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +19 -19
  14. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +2 -2
  15. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +2 -2
  16. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +2 -2
  17. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +2 -2
  18. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +2 -2
  19. package/package.json +7 -7
package/assets/Appearance/dark/mode/Dot_DarkMode.module.css CHANGED
@@ -113,7 +113,7 @@
113
113
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
114
114
 
115
115
  /* drawer */
116
- --zdt_drawer_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.4);
116
+ --zdt_drawer_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.4);
117
117
  --zdt_drawer_default_bg: hsla(217, calc(var(--zd-saturation) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
118
118
  --zdt_drawer_header_bg: var(--zdtm_cta_grey_10_bg_default_inverse_low);
119
119
  --zdt_drawer_header_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
@@ -168,10 +168,10 @@
168
168
  --zdt_formAction_border: hsla(223, calc(var(--zd-saturation) * 21.68%), calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
169
169
 
170
170
  /* freezelayer */
171
- --zdt_freezelayer_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.8);
172
- --zdt_freezelayer_dark_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.8);
171
+ --zdt_freezelayer_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.8);
172
+ --zdt_freezelayer_dark_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.8);
173
173
  --zdt_freezelayer_plain_bg: var(--dot_mirror);
174
- --zdt_freezelayer_snow_bg: hsla(227, calc(var(--zd-saturation) * 27.27%), 23.73, 0.75);
174
+ --zdt_freezelayer_snow_bg: hsla(227, calc(var(--zd-saturation) * 27.27%), 23.73%, 0.75);
175
175
 
176
176
  /* icon button */
177
177
  --zdt_iconButton_icon_black: hsla(210, calc(var(--zd-saturation) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -202,7 +202,7 @@
202
202
  --zdt_subtablayout_tabhead_bg: hsla(217, calc(var(--zd-saturation) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
203
203
  --zdt_subtablayout_plusicon_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(91.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
204
204
  --zdt_subtablayout_primary_border: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(93.33% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
205
- --zdt_subtablayout_shadowstyle_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.15);
205
+ --zdt_subtablayout_shadowstyle_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.15);
206
206
  --zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
207
207
  --zdt_subtablayout_label_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
208
208
 
@@ -222,9 +222,9 @@
222
222
 
223
223
  /* dot new */
224
224
  --zdt_dotnew_default_bg: var(--zdtm_cta_primary_bg_default);
225
- --zdt_dotnew_default_box_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04, 0.6);
225
+ --zdt_dotnew_default_box_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 0.6);
226
226
  --zdt_dotnew_animate_box_shadow: var(--dot_mirror);
227
- --zdt_dotnew_animate_to_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00, 0);
227
+ --zdt_dotnew_animate_to_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 0);
228
228
 
229
229
  /* grid stencils */
230
230
  --zdt_gridstencils_default_bg: hsla(217, calc(var(--zd-saturation) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -319,10 +319,10 @@
319
319
 
320
320
  /* lookup section */
321
321
  --zdt_lookupsection_bg: hsla(217, calc(var(--zd-saturation) * 23.23%), calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
322
- --zdt_lookupsection_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.4);
322
+ --zdt_lookupsection_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.4);
323
323
 
324
324
  /* message */
325
- --zdt_message_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.15);
325
+ --zdt_message_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.15);
326
326
  --zdt_message_default_bg: hsla(217, calc(var(--zd-saturation) * 23.08%), calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
327
327
  --zdt_message_success_bg: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
328
328
  --zdt_message_alert_bg: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -401,7 +401,7 @@
401
401
  --zdt_tabletext_heading_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
402
402
 
403
403
  /* toast message */
404
- --zdt_toastmessage_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.3);
404
+ --zdt_toastmessage_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.3);
405
405
  --zdt_toastmessage_default_bg: hsla(217, calc(var(--zd-saturation) * 23.08%), calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
406
406
  --zdt_toastmessage_alert_border: hsla(223, calc(var(--zd-saturation) * 21.68%), calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
407
407
  --zdt_toastmessage_alert_text: hsla(210, calc(var(--zd-saturation) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -458,7 +458,7 @@
458
458
  --zdt_commonalert_danger_hover_bg: hsla(338, calc(var(--zd-saturation) * 20.55%), calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
459
459
  --zdt_commonalert_warning_hover_bg: hsla(22, calc(var(--zd-saturation) * 33.33%), calc(25.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
460
460
  --zdt_commonalert_light_hover_bg: hsla(223, calc(var(--zd-saturation) * 21.68%), calc(28.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
461
- --zdt_commonalert_secondlayer_bg: hsla(216, calc(var(--zd-saturation) * 17.86%), 21.96, 1);
461
+ --zdt_commonalert_secondlayer_bg: hsla(216, calc(var(--zd-saturation) * 17.86%), 21.96%, 1);
462
462
  --zdt_commonalert_default_icon: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
463
463
  --zdt_commonalert_success_icon: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
464
464
  --zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
@@ -509,22 +509,22 @@
509
509
 
510
510
  /* text editor */
511
511
  --zdt_texteditor_menu_bg: hsla(216, calc(var(--zd-saturation) * 38.46%), calc(97.45% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
512
- --zdt_texteditor_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00, 1);
512
+ --zdt_texteditor_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 1);
513
513
  --zdt_texteditor_default_border: hsla(213, calc(var(--zd-saturation) * 27.27%), calc(87.06% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
514
514
  --zdt_texteditor_menu_li_bg: hsla(217, calc(var(--zd-saturation) * 37.14%), calc(93.14% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
515
515
  --zdt_texteditor_default_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
516
516
  --zdt_texteditor_more_icon_fill: hsla(218, calc(var(--zd-saturation) * 9.76%), calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
517
- --zdt_texteditor_menu_after_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.08);
517
+ --zdt_texteditor_menu_after_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.08);
518
518
  --zdt_texteditor_menu_after_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
519
519
  --zdt_texteditor_input_placeholder_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(80.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
520
- --zdt_texteditor_dropdown_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.2);
520
+ --zdt_texteditor_dropdown_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.2);
521
521
  --zdt_texteditor_night_bg: hsla(217, calc(var(--zd-saturation) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
522
522
  --zdt_texteditor_night_text: hsla(210, calc(var(--zd-saturation) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
523
523
 
524
524
  /* desktop notification */
525
525
  --zdt_desktopnotification_bg: hsla(217, calc(var(--zd-saturation) * 23.23%), calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
526
526
  --zdt_desktopnotification_text: hsla(210, calc(var(--zd-saturation) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
527
- --zdt_desktopnotification_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.4);
527
+ --zdt_desktopnotification_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.4);
528
528
  --zdt_desktopnotification_message_hover_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
529
529
  --zdt_desktopnotification_message_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
530
530
  --zdt_desktopnotification_message_border: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(96.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -538,7 +538,7 @@
538
538
  --zdt_attachmentviewer_hover_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
539
539
  --zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
540
540
  --zdt_attachmentviewer_selected_after_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
541
- --zdt_attachmentviewer_selected_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.34);
541
+ --zdt_attachmentviewer_selected_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.34);
542
542
  --zdt_attachmentviewer_loader_border: hsla(223, calc(var(--zd-saturation) * 14.29%), calc(19.22% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
543
543
  --zdt_attachmentviewer_loader_border_top: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(95.29% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
544
544
  --zdt_attachmentviewer_alt_text: hsla(210, calc(var(--zd-saturation) * 7.41%), calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
@@ -571,7 +571,7 @@
571
571
  --zdt_onboarding_play_icon_border: var(--zdt_cta_primary_bg);
572
572
  --zdt_onboarding_play_icon_text: var(--zdt_cta_primary_bg);
573
573
  --zdt_onboarding_ribbon_bg: var(--zdt_cta_primary_bg);
574
- --zdt_onboarding_ribbon_text: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00, 1);
574
+ --zdt_onboarding_ribbon_text: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 1);
575
575
  --zdt_onboarding_ribbon_primary_border: var(--zdt_cta_primary_bg);
576
576
  --zdt_onboarding_ribbon_secondary_border: var(--zdt_cta_primary_hover_border);
577
577
  --zdt_onboarding_learnmore_bg: var(--zdt_cta_alpha_bg);
@@ -579,9 +579,9 @@
579
579
  --zdt_onboarding_learnmore_text: var(--zdt_cta_alpha_text);
580
580
  --zdt_onboarding_learnmore_hover_border: var(--zdt_cta_alpha_hover_border);
581
581
  --zdt_onboarding_learnmore_hover_text: var(--zdt_cta_alpha_text);
582
- --zdt_onboarding_bg_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.14);
582
+ --zdt_onboarding_bg_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.14);
583
583
  --zdt_onboarding_collision_unread_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
584
- --zdt_onboarding_light_gradient_bg: hsla(217, calc(var(--zd-saturation) * 23.08%), 17.84, 1);
584
+ --zdt_onboarding_light_gradient_bg: hsla(217, calc(var(--zd-saturation) * 23.08%), 17.84%, 1);
585
585
 
586
586
  /* video lookup */
587
587
  --zdt_videolookup_close: hsla(217, calc(var(--zd-saturation) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(212, calc(var(--zd-saturation) * 91.84%), calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(220, calc(var(--zd-saturation) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(220, calc(var(--zd-saturation) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(213, calc(var(--zd-saturation) * 27.27%), calc(23.73% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-saturation) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92, 1);
25
+ --zdt_loader_bg: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92%, 1);
26
26
  }
package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(133, calc(var(--zd-saturation) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(133, calc(var(--zd-saturation) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(133, calc(var(--zd-saturation) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(133, calc(var(--zd-saturation) * 62.68%), 40.98, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(133, calc(var(--zd-saturation) * 62.68%), 40.98%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(191, calc(var(--zd-saturation) * 21.65%), calc(19.02% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-saturation) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10, 1);
25
+ --zdt_loader_bg: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 1);
26
26
  }
package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(252, calc(var(--zd-saturation) * 4.85%), calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-saturation) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08, 1);
25
+ --zdt_loader_bg: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 1);
26
26
  }
package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(0, calc(var(--zd-saturation) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(0, calc(var(--zd-saturation) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(0, calc(var(--zd-saturation) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(0, calc(var(--zd-saturation) * 73.81%), 49.41, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(0, calc(var(--zd-saturation) * 73.81%), 49.41%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(258, calc(var(--zd-saturation) * 12.62%), calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-saturation) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18, 1);
25
+ --zdt_loader_bg: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 1);
26
26
  }
package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(43, calc(var(--zd-saturation) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(43, calc(var(--zd-saturation) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(43, calc(var(--zd-saturation) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(43, calc(var(--zd-saturation) * 90.39%), 44.90, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(43, calc(var(--zd-saturation) * 90.39%), 44.90%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(218, calc(var(--zd-saturation) * 7.69%), calc(20.39% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-saturation) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55, 1);
25
+ --zdt_loader_bg: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 1);
26
26
  }
package/assets/Appearance/light/mode/Dot_LightMode.module.css CHANGED
@@ -113,7 +113,7 @@
113
113
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
114
114
 
115
115
  /* drawer */
116
- --zdt_drawer_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.176);
116
+ --zdt_drawer_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.176);
117
117
  --zdt_drawer_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
118
118
  --zdt_drawer_header_bg: var(--zdtm_cta_grey_10_bg_default_inverse_low);
119
119
  --zdt_drawer_header_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
@@ -168,10 +168,10 @@
168
168
  --zdt_formAction_border: var(--zdtm_cta_grey_15_border_default_inverse_medium);
169
169
 
170
170
  /* freezelayer */
171
- --zdt_freezelayer_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.45);
172
- --zdt_freezelayer_dark_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.9);
171
+ --zdt_freezelayer_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.45);
172
+ --zdt_freezelayer_dark_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.9);
173
173
  --zdt_freezelayer_plain_bg: var(--dot_mirror);
174
- --zdt_freezelayer_snow_bg: hsla(227, calc(var(--zd-saturation) * 27.27%), 23.73, 0.45);
174
+ --zdt_freezelayer_snow_bg: hsla(227, calc(var(--zd-saturation) * 27.27%), 23.73%, 0.45);
175
175
 
176
176
  /* icon button */
177
177
  --zdt_iconButton_icon_black: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -202,7 +202,7 @@
202
202
  --zdt_subtablayout_tabhead_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
203
203
  --zdt_subtablayout_plusicon_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(91.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
204
204
  --zdt_subtablayout_primary_border: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(93.33% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
205
- --zdt_subtablayout_shadowstyle_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.15);
205
+ --zdt_subtablayout_shadowstyle_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.15);
206
206
  --zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
207
207
  --zdt_subtablayout_label_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
208
208
 
@@ -222,9 +222,9 @@
222
222
 
223
223
  /* dot new */
224
224
  --zdt_dotnew_default_bg: var(--zdtm_cta_primary_bg_default);
225
- --zdt_dotnew_default_box_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04, 0.6);
225
+ --zdt_dotnew_default_box_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 0.6);
226
226
  --zdt_dotnew_animate_box_shadow: var(--dot_mirror);
227
- --zdt_dotnew_animate_to_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00, 0);
227
+ --zdt_dotnew_animate_to_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 0);
228
228
 
229
229
  /* grid stencils */
230
230
  --zdt_gridstencils_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -319,10 +319,10 @@
319
319
 
320
320
  /* lookup section */
321
321
  --zdt_lookupsection_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
322
- --zdt_lookupsection_box_shadow: hsla(225, calc(var(--zd-saturation) * 51.11%), 44.12, 0.25);
322
+ --zdt_lookupsection_box_shadow: hsla(225, calc(var(--zd-saturation) * 51.11%), 44.12%, 0.25);
323
323
 
324
324
  /* message */
325
- --zdt_message_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.15);
325
+ --zdt_message_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.15);
326
326
  --zdt_message_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
327
327
  --zdt_message_success_bg: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
328
328
  --zdt_message_alert_bg: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -401,7 +401,7 @@
401
401
  --zdt_tabletext_heading_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
402
402
 
403
403
  /* toast message */
404
- --zdt_toastmessage_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 90.98, 1);
404
+ --zdt_toastmessage_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 90.98%, 1);
405
405
  --zdt_toastmessage_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
406
406
  --zdt_toastmessage_alert_border: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(88.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
407
407
  --zdt_toastmessage_alert_text: hsla(216, calc(var(--zd-saturation) * 2.49%), calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -458,7 +458,7 @@
458
458
  --zdt_commonalert_danger_hover_bg: hsla(0, calc(var(--zd-saturation) * 73.91%), calc(95.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
459
459
  --zdt_commonalert_warning_hover_bg: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(95.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
460
460
  --zdt_commonalert_light_hover_bg: var(--zdtm_cta_grey_10_bg_darker_lowest);
461
- --zdt_commonalert_secondlayer_bg: hsla(216, calc(var(--zd-saturation) * 38.46%), 97.45, 1);
461
+ --zdt_commonalert_secondlayer_bg: hsla(216, calc(var(--zd-saturation) * 38.46%), 97.45%, 1);
462
462
  --zdt_commonalert_default_icon: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
463
463
  --zdt_commonalert_success_icon: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
464
464
  --zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
@@ -509,22 +509,22 @@
509
509
 
510
510
  /* text editor */
511
511
  --zdt_texteditor_menu_bg: hsla(216, calc(var(--zd-saturation) * 38.46%), calc(97.45% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
512
- --zdt_texteditor_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00, 1);
512
+ --zdt_texteditor_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 1);
513
513
  --zdt_texteditor_default_border: hsla(213, calc(var(--zd-saturation) * 27.27%), calc(87.06% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
514
514
  --zdt_texteditor_menu_li_bg: hsla(217, calc(var(--zd-saturation) * 37.14%), calc(93.14% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
515
515
  --zdt_texteditor_default_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
516
516
  --zdt_texteditor_more_icon_fill: hsla(218, calc(var(--zd-saturation) * 9.76%), calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
517
- --zdt_texteditor_menu_after_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.08);
517
+ --zdt_texteditor_menu_after_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.08);
518
518
  --zdt_texteditor_menu_after_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
519
519
  --zdt_texteditor_input_placeholder_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(80.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
520
- --zdt_texteditor_dropdown_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.2);
520
+ --zdt_texteditor_dropdown_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.2);
521
521
  --zdt_texteditor_night_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
522
522
  --zdt_texteditor_night_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
523
523
 
524
524
  /* desktop notification */
525
525
  --zdt_desktopnotification_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
526
526
  --zdt_desktopnotification_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
527
- --zdt_desktopnotification_box_shadow: hsla(225, calc(var(--zd-saturation) * 51.11%), 44.12, 0.25);
527
+ --zdt_desktopnotification_box_shadow: hsla(225, calc(var(--zd-saturation) * 51.11%), 44.12%, 0.25);
528
528
  --zdt_desktopnotification_message_hover_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
529
529
  --zdt_desktopnotification_message_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
530
530
  --zdt_desktopnotification_message_border: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(96.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -538,7 +538,7 @@
538
538
  --zdt_attachmentviewer_hover_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
539
539
  --zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
540
540
  --zdt_attachmentviewer_selected_after_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
541
- --zdt_attachmentviewer_selected_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.34);
541
+ --zdt_attachmentviewer_selected_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.34);
542
542
  --zdt_attachmentviewer_loader_border: hsla(223, calc(var(--zd-saturation) * 14.29%), calc(19.22% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
543
543
  --zdt_attachmentviewer_loader_border_top: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(95.29% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
544
544
  --zdt_attachmentviewer_alt_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
@@ -571,7 +571,7 @@
571
571
  --zdt_onboarding_play_icon_border: var(--zdt_cta_primary_bg);
572
572
  --zdt_onboarding_play_icon_text: var(--zdt_cta_primary_bg);
573
573
  --zdt_onboarding_ribbon_bg: var(--zdt_cta_primary_bg);
574
- --zdt_onboarding_ribbon_text: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00, 1);
574
+ --zdt_onboarding_ribbon_text: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 1);
575
575
  --zdt_onboarding_ribbon_primary_border: var(--zdt_cta_primary_bg);
576
576
  --zdt_onboarding_ribbon_secondary_border: var(--zdt_cta_primary_hover_border);
577
577
  --zdt_onboarding_learnmore_bg: var(--zdt_cta_alpha_bg);
@@ -579,9 +579,9 @@
579
579
  --zdt_onboarding_learnmore_text: var(--zdt_cta_alpha_text);
580
580
  --zdt_onboarding_learnmore_hover_border: var(--zdt_cta_alpha_hover_border);
581
581
  --zdt_onboarding_learnmore_hover_text: var(--zdt_cta_alpha_hover_text);
582
- --zdt_onboarding_bg_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.14);
582
+ --zdt_onboarding_bg_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.14);
583
583
  --zdt_onboarding_collision_unread_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
584
- --zdt_onboarding_light_gradient_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00, 1);
584
+ --zdt_onboarding_light_gradient_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 1);
585
585
 
586
586
  /* video lookup */
587
587
  --zdt_videolookup_close: hsla(218, calc(var(--zd-saturation) * 9.76%), calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(212, calc(var(--zd-saturation) * 91.84%), calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(220, calc(var(--zd-saturation) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(220, calc(var(--zd-saturation) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(212, calc(var(--zd-saturation) * 86.67%), calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(227, calc(var(--zd-saturation) * 27.27%), calc(23.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92, 1);
25
+ --zdt_loader_bg: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92%, 1);
26
26
  }
package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(133, calc(var(--zd-saturation) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(133, calc(var(--zd-saturation) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(133, calc(var(--zd-saturation) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(133, calc(var(--zd-saturation) * 62.68%), 40.98, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(133, calc(var(--zd-saturation) * 62.68%), 40.98%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(143, calc(var(--zd-saturation) * 44.44%), calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(190, calc(var(--zd-saturation) * 43.40%), calc(10.39% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10, 1);
25
+ --zdt_loader_bg: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 1);
26
26
  }
package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(26, calc(var(--zd-saturation) * 77.78%), calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(39, calc(var(--zd-saturation) * 30.91%), calc(10.78% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08, 1);
25
+ --zdt_loader_bg: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 1);
26
26
  }
package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(0, calc(var(--zd-saturation) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(0, calc(var(--zd-saturation) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(0, calc(var(--zd-saturation) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(0, calc(var(--zd-saturation) * 73.81%), 49.41, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(0, calc(var(--zd-saturation) * 73.81%), 49.41%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(0, calc(var(--zd-saturation) * 71.43%), calc(97.25% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(322, calc(var(--zd-saturation) * 38.78%), calc(9.61% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18, 1);
25
+ --zdt_loader_bg: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 1);
26
26
  }
package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(43, calc(var(--zd-saturation) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(43, calc(var(--zd-saturation) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(43, calc(var(--zd-saturation) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(43, calc(var(--zd-saturation) * 90.39%), 44.90, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(43, calc(var(--zd-saturation) * 90.39%), 44.90%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(45, calc(var(--zd-saturation) * 83.33%), calc(95.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(67, calc(var(--zd-saturation) * 33.33%), calc(10.59% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55, 1);
25
+ --zdt_loader_bg: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 1);
26
26
  }
package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css CHANGED
@@ -113,7 +113,7 @@
113
113
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
114
114
 
115
115
  /* drawer */
116
- --zdt_drawer_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.4);
116
+ --zdt_drawer_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.4);
117
117
  --zdt_drawer_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
118
118
  --zdt_drawer_header_bg: var(--zdtm_cta_grey_10_bg_default_inverse_low);
119
119
  --zdt_drawer_header_border: hsla(0, calc(var(--zd-saturation) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
@@ -168,10 +168,10 @@
168
168
  --zdt_formAction_border: hsla(0, calc(var(--zd-saturation) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
169
169
 
170
170
  /* freezelayer */
171
- --zdt_freezelayer_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.8);
172
- --zdt_freezelayer_dark_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.8);
171
+ --zdt_freezelayer_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.8);
172
+ --zdt_freezelayer_dark_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.8);
173
173
  --zdt_freezelayer_plain_bg: var(--dot_mirror);
174
- --zdt_freezelayer_snow_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.8);
174
+ --zdt_freezelayer_snow_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.8);
175
175
 
176
176
  /* icon button */
177
177
  --zdt_iconButton_icon_black: hsla(210, calc(var(--zd-saturation) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -202,7 +202,7 @@
202
202
  --zdt_subtablayout_tabhead_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
203
203
  --zdt_subtablayout_plusicon_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(91.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
204
204
  --zdt_subtablayout_primary_border: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(93.33% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
205
- --zdt_subtablayout_shadowstyle_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.15);
205
+ --zdt_subtablayout_shadowstyle_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.15);
206
206
  --zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
207
207
  --zdt_subtablayout_label_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
208
208
 
@@ -222,9 +222,9 @@
222
222
 
223
223
  /* dot new */
224
224
  --zdt_dotnew_default_bg: var(--zdtm_cta_primary_bg_default);
225
- --zdt_dotnew_default_box_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04, 0.6);
225
+ --zdt_dotnew_default_box_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 0.6);
226
226
  --zdt_dotnew_animate_box_shadow: var(--dot_mirror);
227
- --zdt_dotnew_animate_to_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00, 0);
227
+ --zdt_dotnew_animate_to_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 0);
228
228
 
229
229
  /* grid stencils */
230
230
  --zdt_gridstencils_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -319,10 +319,10 @@
319
319
 
320
320
  /* lookup section */
321
321
  --zdt_lookupsection_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
322
- --zdt_lookupsection_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.4);
322
+ --zdt_lookupsection_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.4);
323
323
 
324
324
  /* message */
325
- --zdt_message_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.15);
325
+ --zdt_message_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.15);
326
326
  --zdt_message_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
327
327
  --zdt_message_success_bg: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
328
328
  --zdt_message_alert_bg: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -401,7 +401,7 @@
401
401
  --zdt_tabletext_heading_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
402
402
 
403
403
  /* toast message */
404
- --zdt_toastmessage_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.3);
404
+ --zdt_toastmessage_default_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.3);
405
405
  --zdt_toastmessage_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
406
406
  --zdt_toastmessage_alert_border: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
407
407
  --zdt_toastmessage_alert_text: hsla(210, calc(var(--zd-saturation) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -458,7 +458,7 @@
458
458
  --zdt_commonalert_danger_hover_bg: hsla(338, calc(var(--zd-saturation) * 20.55%), calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
459
459
  --zdt_commonalert_warning_hover_bg: hsla(22, calc(var(--zd-saturation) * 33.33%), calc(25.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
460
460
  --zdt_commonalert_light_hover_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
461
- --zdt_commonalert_secondlayer_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 15.69, 1);
461
+ --zdt_commonalert_secondlayer_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 15.69%, 1);
462
462
  --zdt_commonalert_default_icon: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
463
463
  --zdt_commonalert_success_icon: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
464
464
  --zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
@@ -509,22 +509,22 @@
509
509
 
510
510
  /* text editor */
511
511
  --zdt_texteditor_menu_bg: hsla(216, calc(var(--zd-saturation) * 38.46%), calc(97.45% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
512
- --zdt_texteditor_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00, 1);
512
+ --zdt_texteditor_default_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 1);
513
513
  --zdt_texteditor_default_border: hsla(213, calc(var(--zd-saturation) * 27.27%), calc(87.06% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
514
514
  --zdt_texteditor_menu_li_bg: hsla(217, calc(var(--zd-saturation) * 37.14%), calc(93.14% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
515
515
  --zdt_texteditor_default_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
516
516
  --zdt_texteditor_more_icon_fill: hsla(218, calc(var(--zd-saturation) * 9.76%), calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
517
- --zdt_texteditor_menu_after_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.08);
517
+ --zdt_texteditor_menu_after_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.08);
518
518
  --zdt_texteditor_menu_after_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
519
519
  --zdt_texteditor_input_placeholder_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(80.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
520
- --zdt_texteditor_dropdown_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.2);
520
+ --zdt_texteditor_dropdown_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.2);
521
521
  --zdt_texteditor_night_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
522
522
  --zdt_texteditor_night_text: hsla(210, calc(var(--zd-saturation) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
523
523
 
524
524
  /* desktop notification */
525
525
  --zdt_desktopnotification_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
526
526
  --zdt_desktopnotification_text: hsla(210, calc(var(--zd-saturation) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
527
- --zdt_desktopnotification_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.4);
527
+ --zdt_desktopnotification_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.4);
528
528
  --zdt_desktopnotification_message_hover_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
529
529
  --zdt_desktopnotification_message_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
530
530
  --zdt_desktopnotification_message_border: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(96.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -538,7 +538,7 @@
538
538
  --zdt_attachmentviewer_hover_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
539
539
  --zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
540
540
  --zdt_attachmentviewer_selected_after_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
541
- --zdt_attachmentviewer_selected_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.34);
541
+ --zdt_attachmentviewer_selected_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.34);
542
542
  --zdt_attachmentviewer_loader_border: hsla(223, calc(var(--zd-saturation) * 14.29%), calc(19.22% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
543
543
  --zdt_attachmentviewer_loader_border_top: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(95.29% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
544
544
  --zdt_attachmentviewer_alt_text: hsla(210, calc(var(--zd-saturation) * 7.41%), calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
@@ -571,7 +571,7 @@
571
571
  --zdt_onboarding_play_icon_border: var(--zdt_cta_primary_bg);
572
572
  --zdt_onboarding_play_icon_text: var(--zdt_cta_primary_bg);
573
573
  --zdt_onboarding_ribbon_bg: var(--zdt_cta_primary_bg);
574
- --zdt_onboarding_ribbon_text: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00, 1);
574
+ --zdt_onboarding_ribbon_text: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 1);
575
575
  --zdt_onboarding_ribbon_primary_border: var(--zdt_cta_primary_bg);
576
576
  --zdt_onboarding_ribbon_secondary_border: var(--zdt_cta_primary_hover_border);
577
577
  --zdt_onboarding_learnmore_bg: var(--zdt_cta_alpha_bg);
@@ -579,9 +579,9 @@
579
579
  --zdt_onboarding_learnmore_text: var(--zdt_cta_alpha_text);
580
580
  --zdt_onboarding_learnmore_hover_border: var(--zdt_cta_alpha_hover_border);
581
581
  --zdt_onboarding_learnmore_hover_text: var(--zdt_cta_alpha_text);
582
- --zdt_onboarding_bg_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00, 0.4);
582
+ --zdt_onboarding_bg_box_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), 0.00%, 0.4);
583
583
  --zdt_onboarding_collision_unread_shadow: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
584
- --zdt_onboarding_light_gradient_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 12.94, 1);
584
+ --zdt_onboarding_light_gradient_bg: hsla(0, calc(var(--zd-saturation) * 0.00%), 12.94%, 1);
585
585
 
586
586
  /* video lookup */
587
587
  --zdt_videolookup_close: hsla(217, calc(var(--zd-saturation) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(212, calc(var(--zd-saturation) * 91.84%), calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(220, calc(var(--zd-saturation) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(220, calc(var(--zd-saturation) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(213, calc(var(--zd-saturation) * 19.57%), calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92, 1);
25
+ --zdt_loader_bg: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92%, 1);
26
26
  }
package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(133, calc(var(--zd-saturation) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(133, calc(var(--zd-saturation) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(133, calc(var(--zd-saturation) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(133, calc(var(--zd-saturation) * 62.68%), 40.98, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(133, calc(var(--zd-saturation) * 62.68%), 40.98%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(133, calc(var(--zd-saturation) * 10.84%), calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10, 1);
25
+ --zdt_loader_bg: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 1);
26
26
  }
package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(26, calc(var(--zd-saturation) * 19.51%), calc(16.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08, 1);
25
+ --zdt_loader_bg: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 1);
26
26
  }
package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(0, calc(var(--zd-saturation) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(0, calc(var(--zd-saturation) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(0, calc(var(--zd-saturation) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(0, calc(var(--zd-saturation) * 73.81%), 49.41, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(0, calc(var(--zd-saturation) * 73.81%), 49.41%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(0, calc(var(--zd-saturation) * 13.25%), calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18, 1);
25
+ --zdt_loader_bg: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 1);
26
26
  }
package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --zdt_onboarding_primary_gradient_border: hsla(43, calc(var(--zd-saturation) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
13
13
  --zdt_onboarding_secondary_gradient_border: hsla(43, calc(var(--zd-saturation) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
14
  --zdt_onboarding_gradient_border: hsla(43, calc(var(--zd-saturation) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
- --zdt_onboarding_primary_button_shadow: hsla(43, calc(var(--zd-saturation) * 90.39%), 44.90, 0.25);
15
+ --zdt_onboarding_primary_button_shadow: hsla(43, calc(var(--zd-saturation) * 90.39%), 44.90%, 0.25);
16
16
  --zdt_onboarding_gradient_bg: hsla(35, calc(var(--zd-saturation) * 15.00%), calc(15.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
17
 
18
18
  /* attachment viewer */
@@ -22,5 +22,5 @@
22
22
  --zdt_attachmentviewer_arrow_bg_hover: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* loader */
25
- --zdt_loader_bg: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55, 1);
25
+ --zdt_loader_bg: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 1);
26
26
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-223",
3
+ "version": "1.0.0-temp-223.2",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -39,7 +39,7 @@
39
39
  "sstest": "react-cli sstest",
40
40
  "common_package_build": "cd ../common && npm run build && cd ../dot",
41
41
  "docs": "npm run css:review && review:props && react-cli docs",
42
- "prepublishOnly": "node prePublish.js && npm run downloadOnly && npm run css:review && npm run review:props",
42
+ "prepublishOnly": "node prePublish.js && npm run downloadOnly",
43
43
  "postpublish": "node postPublish.js",
44
44
  "test-clean": "react-cli clean ./coverage && react-cli clean ./unittest react-cli clean ./es && react-cli clean ./lib && react-cli clean ./package-lock.json && react-cli clean ./result.json",
45
45
  "download": "npm run downloadOnly && cd ../ && npm run download",
@@ -68,16 +68,16 @@
68
68
  "@testing-library/react": "^11.2.5",
69
69
  "@testing-library/react-hooks": "^7.0.2",
70
70
  "@testing-library/user-event": "^13.0.10",
71
- "@zohodesk-private/color-variable-preprocessor": "1.0.0-temp-13.1",
71
+ "@zohodesk-private/color-variable-preprocessor": "1.0.0-temp-13.2",
72
72
  "@zohodesk-private/css-variable-migrator": "1.0.9",
73
73
  "@zohodesk-private/node-plugins": "1.1.13",
74
74
  "@zohodesk-private/react-prop-validator": "1.2.3",
75
75
  "@zohodesk/a11y": "2.3.8",
76
- "@zohodesk/components": "1.0.0-temp-247",
76
+ "@zohodesk/components": "1.0.0-temp-247.1",
77
77
  "@zohodesk/hooks": "2.0.6",
78
78
  "@zohodesk/icons": "1.1.4",
79
79
  "@zohodesk/layout": "^3.1.0",
80
- "@zohodesk/svg": "1.0.0-temp.60",
80
+ "@zohodesk/svg": "1.0.0-temp.60.1",
81
81
  "@zohodesk/utils": "1.3.15",
82
82
  "@zohodesk/variables": "1.2.0",
83
83
  "@zohodesk/virtualizer": "1.0.13",
@@ -89,9 +89,9 @@
89
89
  "peerDependencies": {
90
90
  "velocity-react": "1.4.3",
91
91
  "@zohodesk/variables": "1.2.0",
92
- "@zohodesk/components": "1.0.0-temp-247",
92
+ "@zohodesk/components": "1.0.0-temp-247.1",
93
93
  "@zohodesk/icons": "1.1.4",
94
- "@zohodesk/svg": "1.0.0-temp.60",
94
+ "@zohodesk/svg": "1.0.0-temp.60.1",
95
95
  "@zohodesk/virtualizer": "1.0.13",
96
96
  "react-sortable-hoc": "^0.8.3",
97
97
  "@zohodesk/hooks": "2.0.6",