@zohodesk/dot 1.0.0-temp-182 → 1.0.0-temp-183

package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css

@@ -12,6 +12,7 @@
 	
 	/* alert header */
 	--zdt_alertheader_default_bg: hsla(216, 29.41%, calc(96.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_alertheader_default_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_alertheader_primary_bg: hsla(191, 89.47%, calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_alertheader_primary_text: hsla(204, 72.24%, calc(51.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_alertheader_danger_bg: hsla(0, 89.47%, calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -25,11 +26,13 @@
 	--zdt_alphabeticList_hover_text: var(--zdt_cta_primary_text);
 	
 	/* attachment */
+	--zdt_attachment_default_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachment_default_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
 	--zdt_attachment_default_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachment_default_hover_border: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_attachment_download_bg: var(--zdt_cta_grey_10_bg);
 	--zdt_attachment_download_hover_bg: var(--zdt_cta_grey_35_bg);
+	--zdt_avataruser_delete_text: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* avatar close */
 	--zdt_avatarclose_pop_bg: hsla(0, 0.00%, calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
@@ -44,6 +47,9 @@
 	--zdt_avatarcollision_pop_text: hsla(30, 1.64%, calc(76.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_avatarcollision_icon_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
+	/* avatar with team */
+	--zdt_avatarwithteam_default_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	
 	/* avatar icon */
 	--zdt_avatarIcon_dark_icon: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_avatarIcon_danger_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -82,11 +88,16 @@
 	--zdt_avatarthread_orange_text: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	
 	/* avatar user */
+	--zdt_avataruser_default_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_avataruser_delete_bg: hsla(0, 0.00%, calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
 	--zdt_avataruser_delete_text: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
+	/* avatar with team */
+	--zdt_avatarteam_default_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	
 	/* channel icon */
 	--zdt_channelIcon_icon: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_channelIcon_topIcon_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_channelIcon_topIcon_iconGreen: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_channelIcon_topIcon_iconYellow: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
@@ -96,6 +107,7 @@
 	--zdt_drawer_default_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_drawer_header_bg: var(--zdtm_cta_grey_10_bg_default_inverse_low);
 	--zdt_drawer_header_border: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_drawer_title_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* toggle dropdown */
 	--zdt_toggledropdown_line_border: var(--zdt_cta_grey_15_border);
@@ -111,6 +123,7 @@
 	--zdt_editionpage_primary_text: var(--zdt_cta_primary_text);
 	
 	/* error state empty */
+	--zdt_emptystate_default_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_emptystate_title_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* link text */
@@ -158,6 +171,7 @@
 	
 	/* important notes */
 	--zdt_importantnotes_bg: hsla(28, 93.75%, calc(56.08% + var(--zdc_darker_low)), calc( 0.1 + var(--zdc_alpha_low)));
+	--zdt_importantnotes_title_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_importantnotes_icon: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* setup detail layout */
@@ -167,6 +181,7 @@
 	--zdt_setupdetail_helpinfo: hsla(0, 0.00%, calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_setupdetail_helpinfo_text: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_setupdetail_popup_border: hsla(0, 0.00%, calc(91.37% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_setupdetail_popup_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_setupdetail_infoheader_bg: hsla(206, 88.89%, calc(45.88% + var(--zdc_default)), calc( 0.1 + var(--zdc_alpha_high)));
 	--zdt_setupdetail_infoheader_text: hsla(206, 88.89%, calc(45.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_setupdetail_infoicon_border: hsla(206, 88.89%, calc(45.88% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
@@ -174,18 +189,23 @@
 	
 	/* subtab layout */
 	--zdt_subtablayout_border: var(--zdt_cta_grey_15_border);
+	--zdt_subtablayout_tabhead_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_subtablayout_plusicon_bg: hsla(0, 0.00%, calc(91.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_subtablayout_primary_border: hsla(0, 0.00%, calc(93.33% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_subtablayout_shadowstyle_box_shadow: rgba(0, 0, 0, 0.15);
 	--zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
 	--zdt_subtablayout_label_text: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
+	/* avatar flip */
+	--zdt_avatarflip_default_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	
 	/* comment icon */
 	--zdt_comment_iconText: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_comment_hover_iconText: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* department dropdown */
 	--zdt_departmentdropdown_default_text: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_departmentdropdown_default_hover_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* dot */
 	--zdt_dot_text: var(--zdt_cta_grey_40_text);
@@ -197,6 +217,7 @@
 	--zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
 	
 	/* grid stencils */
+	--zdt_gridstencils_default_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_gridstencils_default_border: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_gridstencils_after_bg: hsla(0, 0.00%, calc(16.86% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_gridstencils_listbar_bg: hsla(0, 0.00%, calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -231,6 +252,7 @@
 	--zdt_statusdropdown_line_border: var(--zdt_cta_grey_15_border);
 	
 	/* status listitem */
+	--zdt_statuslistitem_list_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_statuslistitem_default_border: var(--dot_mirror);
 	--zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
 	--zdt_statuslistitem_default_effect_bg: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
@@ -242,6 +264,9 @@
 	--zdt_statuslistitem_orange_bg: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_statuslistitem_green_bg: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	
+	/* subject */
+	--zdt_subject_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	
 	/* tag new */
 	--zdt_tagnew_default_bg: var(--zdtm_cta_primary_bg_default);
 	--zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
@@ -256,6 +281,7 @@
 	
 	/* lookup header common */
 	--zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
+	--zdt_lookupheader_white_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_lookupheader_default_border: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_lookupheader_white_border: hsla(223, 21.68%, calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_lookupheader_para_text: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -264,6 +290,7 @@
 	/* lookup close */
 	--zdt_lookupclose_default_text: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_lookupclose_default_hover_bg: hsla(0, 0.00%, calc(93.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_lookupclose_default_hover_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* lookup search */
 	--zdt_lookupsearch_boxstyle_border: var(--zdt_cta_grey_35_border);
@@ -274,12 +301,14 @@
 	--zdt_lookupticketheader_border: hsla(0, 0.00%, calc(89.80% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	
 	/* lookup title */
+	--zdt_lookuptitle_default_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_lookuptitle_primary_text: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_lookuptitle_danger_text: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	
 	/* view dropdown */
 	--zdt_viewdropdown_empty_text: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_viewdropdown_label_text: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_viewdropdown_hover_label_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* lookup section */
 	--zdt_lookupsection_bg: hsla(0, 0.00%, calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -287,6 +316,7 @@
 	
 	/* message */
 	--zdt_message_default_box_shadow: rgba(0, 0, 0, 0.15);
+	--zdt_message_default_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_message_success_bg: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_message_alert_bg: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_message_info_bg: hsla(187, 100.00%, calc(42.75% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -312,6 +342,7 @@
 	/* search */
 	--zdt_search_input_border: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_search_input_text: hsla(0, 0.00%, calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_search_input_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_search_input_focus_border: var(--zdt_cta_primary_border);
 	--zdt_search_icon: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_search_hover_icon: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -323,6 +354,7 @@
 	--zdt_views_hover_icon: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_views_active_icon: var(--zdt_cta_primary_text);
 	--zdt_message_info_bg: hsla(187, 100.00%, calc(42.75% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_message_tickicon: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_message_close_text: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* message banner */
@@ -356,12 +388,14 @@
 	
 	/* table text */
 	--zdt_tabletext_primary_text: var(--zdt_cta_primary_text);
+	--zdt_tabletext_default_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_tabletext_green_text: hsla(107, 100.00%, calc(36.47% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_tabletext_danger_text: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_tabletext_heading_text: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* toast message */
 	--zdt_toastmessage_default_box_shadow: rgba(0, 0, 0, 0.3);
+	--zdt_toastmessage_default_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_toastmessage_alert_border: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_toastmessage_alert_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_toastmessage_alerttitle_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -377,6 +411,7 @@
 	--zdt_toastmessage_success_hover_bg: hsla(142, 55.36%, calc(45.69% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_toastmessage_successfill_bg: hsla(141, 53.73%, calc(50.00% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_toastmessage_successplain_text: hsla(141, 53.73%, calc(50.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_toastmessage_cancel_hover_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_toastmessage_closeicon: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_toastmessage_closeicon_hover_bg: var(--zdtm_cta_primary_hover_bg_default);
 	--zdt_toastmessage_closeicon_hover_text: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -431,15 +466,25 @@
 	
 	/* global notification */
 	--zdt_globalnotification_default_bg: hsla(0, 0.00%, calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_default_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_success_bg: hsla(133, 10.84%, calc(16.27% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_success_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_info_bg: var(--zdtm_cta_primary_light_bg_darker_lowest);
+	--zdt_globalnotification_info_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_danger_bg: hsla(0, 0.00%, calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_danger_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_error_bg: hsla(0, 0.00%, calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_error_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_warning_bg: hsla(229, 10.09%, calc(21.37% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_warning_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* alert lookup */
 	--zdt_alertlookup_bg: hsla(0, 0.00%, calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_alertlookup_border: var(--zdt_cta_grey_15_border);
+	--zdt_alertlookuop_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	
+	/* alert lookup new */
+	--zdt_alertlookupnew_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* tagsmultiselect */
 	--zdt_tagsmultiselect_labelt_text: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -466,9 +511,12 @@
 	--zdt_texteditor_menu_after_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_texteditor_input_placeholder_text: hsla(0, 0.00%, calc(80.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_texteditor_dropdown_box_shadow: rgba(0, 0, 0, 0.2);
+	--zdt_texteditor_night_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_texteditor_night_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* desktop notification */
 	--zdt_desktopnotification_bg: hsla(0, 0.00%, calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_desktopnotification_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_desktopnotification_box_shadow: rgba(0, 0, 0, 0.4);
 	--zdt_desktopnotification_message_hover_bg: hsla(0, 0.00%, calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_desktopnotification_message_text: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -490,10 +538,12 @@
 	/* separator */
 	--zdt_separator_default_text: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_separator_primary_text: var(--zdt_cta_primary_text);
+	--zdt_separator_secondary_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
 	/* tag with icon */
 	--zdt_tagWithIconGrey_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_tagWithIconGrey_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.2 + var(--zdc_alpha_low)));
+	--zdt_tagWithIconGrey_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_tagWithIconBlue_bg: hsla(215, 28.16%, calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_tagWithIconBlue_border: hsla(213, 40.00%, calc(29.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_tagWithIconBlue_text: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));

package/coverage/ExternalLink/ExternalLink.js.html

@@ -214,7 +214,7 @@ ExternalLink.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/ExternalLink.module.css.html

@@ -79,7 +79,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/defaultProps.js.html

@@ -85,7 +85,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/propTypes.js.html

@@ -109,7 +109,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/IconButton.js.html

@@ -451,7 +451,7 @@ IconButton.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/IconButton.module.css.html

@@ -136,7 +136,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/props/defaultProps.js.html

@@ -121,7 +121,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/props/propTypes.js.html

@@ -172,7 +172,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/Image.js.html

@@ -169,7 +169,7 @@ Image.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/Image.module.css.html

@@ -103,7 +103,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/props/defaultProps.js.html

@@ -82,7 +82,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/propTypes.js.html

@@ -112,7 +112,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html

@@ -433,7 +433,7 @@ AvatarWithTeam.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html

@@ -78,7 +78,9 @@
 <a name='L13'></a><a href='#L13'>13</a>
 <a name='L14'></a><a href='#L14'>14</a>
 <a name='L15'></a><a href='#L15'>15</a>
-<a name='L16'></a><a href='#L16'>16</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -106,16 +108,17 @@
   bottom: -6px;
   right: -10px;
   transform: scale(0.8);
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_avatarwithteam_default_bg);
   font-size: 0;
-}</pre></td></tr></table></pre>
+}
+&nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html

@@ -97,7 +97,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html

@@ -148,7 +148,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-29T10:42:35.436Z
+                at 2024-06-14T04:52:30.563Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>