@zohodesk/dot 1.0.0-temp-126 → 1.0.0-temp-128

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 (4) hide show
  1. package/assets/Appearance/dark/mode/dotDarkMode.module.css +13 -13
  2. package/assets/Appearance/default/mode/dotDefaultMode.module.css +13 -13
  3. package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +13 -13
  4. package/package.json +5 -5
package/assets/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
89
89
 
90
90
  /* drawer */
91
- --zdt_drawer_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.4 + var(--zd_bg_alpha)));
91
+ --zdt_drawer_default_box_shadow: rgba(0, 0, 0, 0.4);
92
92
  --zdt_drawer_default_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
93
93
  --zdt_drawer_header_bg: var(--zdt_cta_grey_10_bg);
94
94
  --zdt_drawer_header_border: var(--zdt_cta_grey_35_border);
@@ -174,7 +174,7 @@
174
174
  --zdt_subtablayout_tabhead_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
175
175
  --zdt_subtablayout_plusicon_bg: hsl(0, 0%, calc(92% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
176
176
  --zdt_subtablayout_primary_border: hsl(0, 0%, calc(93% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
177
- --zdt_subtablayout_shadowstyle_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.15 + var(--zd_bg_alpha)));
177
+ --zdt_subtablayout_shadowstyle_box_shadow: rgba(0, 0, 0, 0.15);
178
178
  --zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
179
179
  --zdt_subtablayout_label_text: hsl(0, 0%, calc(67% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
180
180
 
@@ -194,9 +194,9 @@
194
194
 
195
195
  /* dot new */
196
196
  --zdt_dotnew_default_bg: var(--zdt_cta_primary_bg);
197
- --zdt_dotnew_default_box_shadow: hsl(212, 92%, calc(48% + var(--zd_dark_boxShadow_lValue)), calc( 0.6 + var(--zd_bg_alpha)));
197
+ --zdt_dotnew_default_box_shadow: rgba(10, 115, 235, 0.6);
198
198
  --zdt_dotnew_animate_box_shadow: var(--dot_mirror);
199
- --zdt_dotnew_animate_to_box_shadow: hsl(0, 0%, calc(100% + var(--zd_dark_boxShadow_lValue)), calc( 0 + var(--zd_bg_alpha)));
199
+ --zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
200
200
 
201
201
  /* grid stencils */
202
202
  --zdt_gridstencils_default_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -301,10 +301,10 @@
301
301
 
302
302
  /* lookup section */
303
303
  --zdt_lookupsection_bg: hsl(217, 23%, calc(19% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
304
- --zdt_lookupsection_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.4 + var(--zd_bg_alpha)));
304
+ --zdt_lookupsection_box_shadow: rgba(0, 0, 0, 0.4);
305
305
 
306
306
  /* message */
307
- --zdt_message_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.15 + var(--zd_bg_alpha)));
307
+ --zdt_message_default_box_shadow: rgba(0, 0, 0, 0.15);
308
308
  --zdt_message_default_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
309
309
  --zdt_message_success_bg: hsl(133, 48%, calc(52% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
310
310
  --zdt_message_alert_bg: hsl(0, 100%, calc(71% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
@@ -398,7 +398,7 @@
398
398
  --zdt_tabletext_heading_text: hsl(0, 0%, calc(40% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
399
399
 
400
400
  /* toast message */
401
- --zdt_toastmessage_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.3 + var(--zd_bg_alpha)));
401
+ --zdt_toastmessage_default_box_shadow: rgba(0, 0, 0, 0.3);
402
402
  --zdt_toastmessage_default_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
403
403
  --zdt_toastmessage_alert_border: hsl(223, 22%, calc(28% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
404
404
  --zdt_toastmessage_alert_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -481,7 +481,7 @@
481
481
  --zdt_globalnotification_error_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
482
482
  --zdt_globalnotification_warning_bg: hsl(229, 10%, calc(21% + var(--zd_dark_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
483
483
  --zdt_globalnotification_warning_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
484
- --zdt_globalnotification_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.3 + var(--zd_bg_alpha)));
484
+ --zdt_globalnotification_default_box_shadow: rgba(0, 0, 0, 0.3);
485
485
 
486
486
  /* alert lookup */
487
487
  --zdt_alertlookup_bg: hsl(217, 23%, calc(19% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -507,22 +507,22 @@
507
507
 
508
508
  /* text editor */
509
509
  --zdt_texteditor_menu_bg: hsl(216, 38%, calc(97% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
510
- --zdt_texteditor_default_bg: hsl(0, 0%, 100%, 1);
510
+ --zdt_texteditor_default_bg: rgb(255,255,255);
511
511
  --zdt_texteditor_default_border: hsl(213, 27%, calc(87% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
512
512
  --zdt_texteditor_menu_li_bg: hsl(217, 37%, calc(93% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
513
513
  --zdt_texteditor_default_text: hsl(0, 0%, calc(0% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
514
514
  --zdt_texteditor_more_icon_fill: hsl(218, 10%, calc(52% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
515
- --zdt_texteditor_menu_after_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.08 + var(--zd_bg_alpha)));
515
+ --zdt_texteditor_menu_after_box_shadow: rgba(0, 0, 0, 0.08);
516
516
  --zdt_texteditor_menu_after_bg: hsl(0, 0%, calc(100% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
517
517
  --zdt_texteditor_input_placeholder_text: hsl(0, 0%, calc(81% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
518
- --zdt_texteditor_dropdown_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.2 + var(--zd_bg_alpha)));
518
+ --zdt_texteditor_dropdown_box_shadow: rgba(0, 0, 0, 0.2);
519
519
  --zdt_texteditor_night_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
520
520
  --zdt_texteditor_night_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
521
521
 
522
522
  /* desktop notification */
523
523
  --zdt_desktopnotification_bg: hsl(217, 23%, calc(19% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
524
524
  --zdt_desktopnotification_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
525
- --zdt_desktopnotification_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.4 + var(--zd_bg_alpha)));
525
+ --zdt_desktopnotification_box_shadow: rgba(0, 0, 0, 0.4);
526
526
 
527
527
  /* tagsmultiselect field */
528
528
  --zdt_tagsmultiselectField_count_text: hsl(217, 14%, calc(70% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -533,7 +533,7 @@
533
533
  --zdt_attachmentviewer_hover_border: var(--zdt_cta_grey_40_border);
534
534
  --zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
535
535
  --zdt_attachmentviewer_selected_after_bg: hsl(0, 0%, calc(100% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
536
- --zdt_attachmentviewer_selected_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.34 + var(--zd_bg_alpha)));
536
+ --zdt_attachmentviewer_selected_box_shadow: rgba(0, 0, 0, 0.34);
537
537
  --zdt_attachmentviewer_loader_border: hsl(223, 14%, calc(19% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
538
538
  --zdt_attachmentviewer_loader_border_top: hsl(0, 0%, calc(95% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
539
539
 
package/assets/Appearance/default/mode/dotDefaultMode.module.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
89
89
 
90
90
  /* drawer */
91
- --zdt_drawer_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_default_boxShadow_lValue)), calc( 0.176 + var(--zd_bg_alpha)));
91
+ --zdt_drawer_default_box_shadow: rgba(0, 0, 0, 0.176);
92
92
  --zdt_drawer_default_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
93
93
  --zdt_drawer_header_bg: var(--zdt_cta_grey_10_bg);
94
94
  --zdt_drawer_header_border: var(--zdt_cta_grey_35_border);
@@ -174,7 +174,7 @@
174
174
  --zdt_subtablayout_tabhead_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
175
175
  --zdt_subtablayout_plusicon_bg: hsl(0, 0%, calc(92% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
176
176
  --zdt_subtablayout_primary_border: hsl(0, 0%, calc(93% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
177
- --zdt_subtablayout_shadowstyle_box_shadow: hsl(0, 0%, calc(0% + var(--zd_default_boxShadow_lValue)), calc( 0.15 + var(--zd_bg_alpha)));
177
+ --zdt_subtablayout_shadowstyle_box_shadow: rgba(0, 0, 0, 0.15);
178
178
  --zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
179
179
  --zdt_subtablayout_label_text: hsl(0, 0%, calc(67% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
180
180
 
@@ -194,9 +194,9 @@
194
194
 
195
195
  /* dot new */
196
196
  --zdt_dotnew_default_bg: var(--zdt_cta_primary_bg);
197
- --zdt_dotnew_default_box_shadow: hsl(212, 92%, calc(48% + var(--zd_default_boxShadow_lValue)), calc( 0.6 + var(--zd_bg_alpha)));
197
+ --zdt_dotnew_default_box_shadow: rgba(10, 115, 235, 0.6);
198
198
  --zdt_dotnew_animate_box_shadow: var(--dot_mirror);
199
- --zdt_dotnew_animate_to_box_shadow: hsl(0, 0%, calc(100% + var(--zd_default_boxShadow_lValue)), calc( 0 + var(--zd_bg_alpha)));
199
+ --zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
200
200
 
201
201
  /* grid stencils */
202
202
  --zdt_gridstencils_default_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -301,10 +301,10 @@
301
301
 
302
302
  /* lookup section */
303
303
  --zdt_lookupsection_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
304
- --zdt_lookupsection_box_shadow: hsl(225, 51%, calc(44% + var(--zd_default_boxShadow_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
304
+ --zdt_lookupsection_box_shadow: rgba(55, 84, 170, 0.25);
305
305
 
306
306
  /* message */
307
- --zdt_message_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_default_boxShadow_lValue)), calc( 0.15 + var(--zd_bg_alpha)));
307
+ --zdt_message_default_box_shadow: rgba(0, 0, 0, 0.15);
308
308
  --zdt_message_default_bg: hsl(0, 0%, calc(100% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
309
309
  --zdt_message_success_bg: hsl(133, 63%, calc(41% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
310
310
  --zdt_message_alert_bg: hsl(0, 72%, calc(54% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
@@ -398,7 +398,7 @@
398
398
  --zdt_tabletext_heading_text: hsl(0, 0%, calc(40% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
399
399
 
400
400
  /* toast message */
401
- --zdt_toastmessage_default_box_shadow: hsl(0, 0%, calc(91% + var(--zd_default_boxShadow_lValue)), calc(1 + var(--zd_bg_alpha)));
401
+ --zdt_toastmessage_default_box_shadow: rgb(232,232,232);
402
402
  --zdt_toastmessage_default_bg: hsl(0, 0%, calc(100% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
403
403
  --zdt_toastmessage_alert_border: hsl(0, 0%, calc(88% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
404
404
  --zdt_toastmessage_alert_text: hsl(216, 2%, calc(39% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -481,7 +481,7 @@
481
481
  --zdt_globalnotification_error_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
482
482
  --zdt_globalnotification_warning_bg: hsl(24, 100%, calc(97% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
483
483
  --zdt_globalnotification_warning_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
484
- --zdt_globalnotification_default_box_shadow: hsl(225, 51%, calc(44% + var(--zd_default_boxShadow_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
484
+ --zdt_globalnotification_default_box_shadow: rgba(55, 84, 170, 0.25);
485
485
 
486
486
  /* alert lookup */
487
487
  --zdt_alertlookup_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -507,22 +507,22 @@
507
507
 
508
508
  /* text editor */
509
509
  --zdt_texteditor_menu_bg: hsl(216, 38%, calc(97% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
510
- --zdt_texteditor_default_bg: hsl(0, 0%, 100%, 1);
510
+ --zdt_texteditor_default_bg: rgb(255,255,255);
511
511
  --zdt_texteditor_default_border: hsl(213, 27%, calc(87% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
512
512
  --zdt_texteditor_menu_li_bg: hsl(217, 37%, calc(93% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
513
513
  --zdt_texteditor_default_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
514
514
  --zdt_texteditor_more_icon_fill: hsl(218, 10%, calc(52% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
515
- --zdt_texteditor_menu_after_box_shadow: hsl(0, 0%, calc(0% + var(--zd_default_boxShadow_lValue)), calc( 0.08 + var(--zd_bg_alpha)));
515
+ --zdt_texteditor_menu_after_box_shadow: rgba(0, 0, 0, 0.08);
516
516
  --zdt_texteditor_menu_after_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
517
517
  --zdt_texteditor_input_placeholder_text: hsl(0, 0%, calc(81% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
518
- --zdt_texteditor_dropdown_box_shadow: hsl(0, 0%, calc(0% + var(--zd_default_boxShadow_lValue)), calc( 0.2 + var(--zd_bg_alpha)));
518
+ --zdt_texteditor_dropdown_box_shadow: rgba(0, 0, 0, 0.2);
519
519
  --zdt_texteditor_night_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
520
520
  --zdt_texteditor_night_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
521
521
 
522
522
  /* desktop notification */
523
523
  --zdt_desktopnotification_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
524
524
  --zdt_desktopnotification_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
525
- --zdt_desktopnotification_box_shadow: hsl(225, 51%, calc(44% + var(--zd_default_boxShadow_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
525
+ --zdt_desktopnotification_box_shadow: rgba(55, 84, 170, 0.25);
526
526
 
527
527
  /* tagsmultiselect field */
528
528
  --zdt_tagsmultiselectField_count_text: hsl(220, 10%, calc(39% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -533,7 +533,7 @@
533
533
  --zdt_attachmentviewer_hover_border: var(--zdt_cta_grey_40_border);
534
534
  --zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
535
535
  --zdt_attachmentviewer_selected_after_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
536
- --zdt_attachmentviewer_selected_box_shadow: hsl(0, 0%, calc(0% + var(--zd_default_boxShadow_lValue)), calc( 0.34 + var(--zd_bg_alpha)));
536
+ --zdt_attachmentviewer_selected_box_shadow: rgba(0, 0, 0, 0.34);
537
537
  --zdt_attachmentviewer_loader_border: hsl(223, 14%, calc(19% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
538
538
  --zdt_attachmentviewer_loader_border_top: hsl(0, 0%, calc(95% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
539
539
 
package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
89
89
 
90
90
  /* drawer */
91
- --zdt_drawer_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.4 + var(--zd_bg_alpha)));
91
+ --zdt_drawer_default_box_shadow: rgba(0, 0, 0, 0.4);
92
92
  --zdt_drawer_default_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
93
93
  --zdt_drawer_header_bg: var(--zdt_cta_grey_10_bg);
94
94
  --zdt_drawer_header_border: hsl(0, 2%, calc(8% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
@@ -174,7 +174,7 @@
174
174
  --zdt_subtablayout_tabhead_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
175
175
  --zdt_subtablayout_plusicon_bg: hsl(0, 0%, calc(92% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
176
176
  --zdt_subtablayout_primary_border: hsl(0, 0%, calc(93% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
177
- --zdt_subtablayout_shadowstyle_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.15 + var(--zd_bg_alpha)));
177
+ --zdt_subtablayout_shadowstyle_box_shadow: rgba(0, 0, 0, 0.15);
178
178
  --zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
179
179
  --zdt_subtablayout_label_text: hsl(0, 0%, calc(67% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
180
180
 
@@ -194,9 +194,9 @@
194
194
 
195
195
  /* dot new */
196
196
  --zdt_dotnew_default_bg: var(--zdt_cta_primary_bg);
197
- --zdt_dotnew_default_box_shadow: hsl(212, 92%, calc(48% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.6 + var(--zd_bg_alpha)));
197
+ --zdt_dotnew_default_box_shadow: rgba(10, 115, 235, 0.6);
198
198
  --zdt_dotnew_animate_box_shadow: var(--dot_mirror);
199
- --zdt_dotnew_animate_to_box_shadow: hsl(0, 0%, calc(100% + var(--zd_pureDark_boxShadow_lValue)), calc( 0 + var(--zd_bg_alpha)));
199
+ --zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
200
200
 
201
201
  /* grid stencils */
202
202
  --zdt_gridstencils_default_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -301,10 +301,10 @@
301
301
 
302
302
  /* lookup section */
303
303
  --zdt_lookupsection_bg: hsl(0, 0%, calc(17% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
304
- --zdt_lookupsection_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.4 + var(--zd_bg_alpha)));
304
+ --zdt_lookupsection_box_shadow: rgba(0, 0, 0, 0.4);
305
305
 
306
306
  /* message */
307
- --zdt_message_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.15 + var(--zd_bg_alpha)));
307
+ --zdt_message_default_box_shadow: rgba(0, 0, 0, 0.15);
308
308
  --zdt_message_default_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
309
309
  --zdt_message_success_bg: hsl(133, 48%, calc(52% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
310
310
  --zdt_message_alert_bg: hsl(0, 100%, calc(71% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
@@ -398,7 +398,7 @@
398
398
  --zdt_tabletext_heading_text: hsl(0, 0%, calc(40% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
399
399
 
400
400
  /* toast message */
401
- --zdt_toastmessage_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.3 + var(--zd_bg_alpha)));
401
+ --zdt_toastmessage_default_box_shadow: rgba(0, 0, 0, 0.3);
402
402
  --zdt_toastmessage_default_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
403
403
  --zdt_toastmessage_alert_border: hsl(0, 0%, calc(35% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
404
404
  --zdt_toastmessage_alert_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -481,7 +481,7 @@
481
481
  --zdt_globalnotification_error_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
482
482
  --zdt_globalnotification_warning_bg: hsl(229, 10%, calc(21% + var(--zd_pureDark_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
483
483
  --zdt_globalnotification_warning_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
484
- --zdt_globalnotification_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.3 + var(--zd_bg_alpha)));
484
+ --zdt_globalnotification_default_box_shadow: rgba(0, 0, 0, 0.3);
485
485
 
486
486
  /* alert lookup */
487
487
  --zdt_alertlookup_bg: hsl(0, 0%, calc(17% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -507,22 +507,22 @@
507
507
 
508
508
  /* text editor */
509
509
  --zdt_texteditor_menu_bg: hsl(216, 38%, calc(97% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
510
- --zdt_texteditor_default_bg: hsl(0, 0%, 100%, 1);
510
+ --zdt_texteditor_default_bg: rgb(255,255,255);
511
511
  --zdt_texteditor_default_border: hsl(213, 27%, calc(87% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
512
512
  --zdt_texteditor_menu_li_bg: hsl(217, 37%, calc(93% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
513
513
  --zdt_texteditor_default_text: hsl(0, 0%, calc(0% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
514
514
  --zdt_texteditor_more_icon_fill: hsl(218, 10%, calc(52% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
515
- --zdt_texteditor_menu_after_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.08 + var(--zd_bg_alpha)));
515
+ --zdt_texteditor_menu_after_box_shadow: rgba(0, 0, 0, 0.08);
516
516
  --zdt_texteditor_menu_after_bg: hsl(0, 0%, calc(100% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
517
517
  --zdt_texteditor_input_placeholder_text: hsl(0, 0%, calc(81% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
518
- --zdt_texteditor_dropdown_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.2 + var(--zd_bg_alpha)));
518
+ --zdt_texteditor_dropdown_box_shadow: rgba(0, 0, 0, 0.2);
519
519
  --zdt_texteditor_night_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
520
520
  --zdt_texteditor_night_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
521
521
 
522
522
  /* desktop notification */
523
523
  --zdt_desktopnotification_bg: hsl(0, 0%, calc(17% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
524
524
  --zdt_desktopnotification_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
525
- --zdt_desktopnotification_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.4 + var(--zd_bg_alpha)));
525
+ --zdt_desktopnotification_box_shadow: rgba(0, 0, 0, 0.4);
526
526
 
527
527
  /* tagsmultiselect field */
528
528
  --zdt_tagsmultiselectField_count_text: hsl(0, 0%, calc(60% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -533,7 +533,7 @@
533
533
  --zdt_attachmentviewer_hover_border: var(--zdt_cta_grey_40_border);
534
534
  --zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
535
535
  --zdt_attachmentviewer_selected_after_bg: hsl(0, 0%, calc(100% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
536
- --zdt_attachmentviewer_selected_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.34 + var(--zd_bg_alpha)));
536
+ --zdt_attachmentviewer_selected_box_shadow: rgba(0, 0, 0, 0.34);
537
537
  --zdt_attachmentviewer_loader_border: hsl(223, 14%, calc(19% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
538
538
  --zdt_attachmentviewer_loader_border_top: hsl(0, 0%, calc(95% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
539
539
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-126",
3
+ "version": "1.0.0-temp-128",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -44,9 +44,9 @@
44
44
  "velocity-react": "1.4.3",
45
45
  "@zohodesk/variables": "1.0.0-beta.29",
46
46
  "@zohodesk/i18n": "1.0.0-beta.7",
47
- "@zohodesk/components": "1.0.0-temp-127",
47
+ "@zohodesk/components": "1.0.0-temp-128",
48
48
  "@zohodesk/icons": "1.0.0-beta.116",
49
- "@zohodesk/svg": "1.0.0-temp.48",
49
+ "@zohodesk/svg": "1.0.0-temp.49",
50
50
  "@zohodesk/virtualizer": "1.0.3",
51
51
  "react-sortable-hoc": "^0.8.3",
52
52
  "@zohodesk/a11y": "1.3.7"
@@ -55,9 +55,9 @@
55
55
  "velocity-react": "1.4.3",
56
56
  "@zohodesk/variables": "1.0.0-beta.29",
57
57
  "@zohodesk/i18n": "1.0.0-beta.7",
58
- "@zohodesk/components": "1.0.0-temp-127",
58
+ "@zohodesk/components": "1.0.0-temp-128",
59
59
  "@zohodesk/icons": "1.0.0-beta.116",
60
- "@zohodesk/svg": "1.0.0-temp.48",
60
+ "@zohodesk/svg": "1.0.0-temp.49",
61
61
  "@zohodesk/a11y": "1.3.7"
62
62
  },
63
63
  "react-cli": {