@zohodesk/dot 1.0.0-temp-118 → 1.0.0-temp-120

package/README.md

@@ -2,6 +2,10 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.246
+
+- **AvatarWithTeam** - css variable changed due to the duplicate override issue
+
 # 1.0.0-beta.245
 
 - **Separator** - New component added.

package/assets/Appearance/dark/mode/dotDarkMode.module.css

@@ -1,12 +1,12 @@
 [data-mode='dark'], :global(.blueDarkTheme) [data-desk-theme="blue"] {
 	/* action button */
-	--zdt_actionButton_primaryFilled_bg: var(--zdt_cta_primary_bg);
-	--zdt_actionButton_primaryFilled_hover_bg: var(--zdt_cta_primary_hover_bg);
+	--zdt_actionButton_primaryFilled_bg: var(--zdt_m_cta_primary_bg_bg);
+	--zdt_actionButton_primaryFilled_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
 	--zdt_actionButton_primary_border: var(--zdt_cta_primary_border);
 	--zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
 	--zdt_actionButton_separator_border: var(--zdt_cta_secondary_border);
 	--zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
-	--zdt_actionButton_primaryFilled_text: var(--zdt_cta_secondary_text);
+	--zdt_actionButton_primaryFilled_text: var(--zdt_m_cta_secondary_text_text);
 	--zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
 	--zdt_actionButton_primary_hover_text: var(--zdt_cta_primary_text);
 	
@@ -30,25 +30,10 @@
 	--zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
 	--zdt_attachment_default_text: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_attachment_default_hover_border: hsl(217, 8%, calc(55% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_attachment_hover_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_attachment_transparent_bg: var(--dot_mirror);
-	--zdt_attachment_size_text: hsl(217, 14%, calc(70% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_attachment_download_bg: var(--zdt_cta_grey_20_bg);
-	--zdt_attachment_download_hover_bg: hsl(217, 8%, calc(55% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_attachment_download_hover_text: hsl(217, 23%, calc(18% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
-	
-	/* avatar close */
-	--zdt_avatarclose_pop_bg: hsl(0, 0%, calc(0% + var(--zd_dark_bg_lValue)), calc( 0.75 + var(--zd_bg_alpha)));
-	--zdt_avatarclose_pop_text: hsl(30, 2%, calc(76% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
-	
-	/* avatar collision */
-	--zdt_avatarcollision_on_border: var(--zdt_cta_primary_border);
-	--zdt_avatarcollision_off_border: var(--zdt_cta_grey_35_border);
-	--zdt_avatarcollision_off_after_border: hsl(217, 23%, calc(18% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_avatarcollision_off_after_bg: var(--zdt_cta_grey_35_bg);
-	--zdt_avatarcollision_pop_bg: hsl(0, 0%, calc(0% + var(--zd_dark_bg_lValue)), calc( 0.75 + var(--zd_bg_alpha)));
-	--zdt_avatarcollision_pop_text: hsl(30, 2%, calc(76% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_avatarcollision_icon_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_avataruser_delete_text: hsl(217, 23%, calc(18% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
+	
+	/* avatar with team */
+	--zdt_avatarwithteam_default_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	
 	/* avatar icon */
 	--zdt_avatarIcon_dark_icon: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -105,7 +90,7 @@
 	/* drawer */
 	--zdt_drawer_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_dark_boxShadow_lValue)), calc( 0.4 + var(--zd_bg_alpha)));
 	--zdt_drawer_default_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_drawer_header_bg: var(--zdt_cta_grey_10_bg);
+	--zdt_drawer_header_bg: var(--zdt_m_cta_grey_10_bg_bg);
 	--zdt_drawer_header_border: var(--zdt_cta_grey_35_border);
 	--zdt_drawer_title_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	
@@ -208,7 +193,7 @@
 	--zdt_dot_text: var(--zdt_cta_grey_40_text);
 	
 	/* dot new */
-	--zdt_dotnew_default_bg: var(--zdt_cta_primary_bg);
+	--zdt_dotnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_dotnew_default_box_shadow: hsl(212, 92%, calc(48% + var(--zd_dark_boxShadow_lValue)), calc( 0.6 + var(--zd_bg_alpha)));
 	--zdt_dotnew_animate_box_shadow: var(--dot_mirror);
 	--zdt_dotnew_animate_to_box_shadow: hsl(0, 0%, calc(100% + var(--zd_dark_boxShadow_lValue)), calc( 0 + var(--zd_bg_alpha)));
@@ -254,7 +239,7 @@
 	--zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
 	--zdt_statuslistitem_default_effect_bg: hsl(213, 27%, calc(24% + var(--zd_dark_bg_lValue)), calc( 0.45 + var(--zd_bg_alpha)));
 	--zdt_statuslistitem_primary_efffect_bg: var(--dot_listItemActive);
-	--zdt_statuslistitem_secondary_effect_bg: var(--zdt_cta_primary_bg);
+	--zdt_statuslistitem_secondary_effect_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_statuslistitem_secondary_effect_text: hsl(217, 23%, calc(18% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_statuslistitem_tickicon: var(--zdt_cta_primary_text);
 	--zdt_statuslistitem_black_bg: hsl(210, 7%, calc(89% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -265,9 +250,9 @@
 	--zdt_subject_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	
 	/* tag new */
-	--zdt_tagnew_default_bg: var(--zdt_cta_primary_bg);
+	--zdt_tagnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
-	--zdt_tagnew_default_text: var(--zdt_cta_secondary_text);
+	--zdt_tagnew_default_text: var(--zdt_m_cta_secondary_text_text);
 	
 	/* thread */
 	--zdt_thread_iconText: hsl(217, 14%, calc(70% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -284,7 +269,7 @@
 	--zdt_loader_gradient_bg: linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%);
 	
 	/* lookup header common */
-	--zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
+	--zdt_lookupheader_default_bg: var(--zdt_m_cta_grey_10_bg_bg);
 	--zdt_lookupheader_white_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
 	--zdt_lookupheader_white_border: hsl(223, 22%, calc(28% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
@@ -344,14 +329,14 @@
 	
 	/* plus icon */
 	--zdt_plusicon_box_shadow: var(--zdt_cta_primary_box_shadow);
-	--zdt_plusicon_bg: var(--zdt_cta_primary_light_bg);
+	--zdt_plusicon_bg: var(--zdt_m_cta_primary_light_bg_bg);
 	--zdt_plusicon_border: var(--zdt_cta_primary_light_border);
 	--zdt_plusicon_hover_border: var(--zdt_cta_primary_light_border);
 	--zdt_plusicon_text: var(--zdt_cta_primary_text);
 	
 	/* header link */
 	--zdt_headerlink_text: var(--zdt_cta_primary_text);
-	--zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
+	--zdt_headerlink_hover_text: var(--zdt_m_cta_primary_border_text);
 	
 	/* search */
 	--zdt_search_input_border: hsl(0, 0%, calc(60% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
@@ -373,7 +358,7 @@
 	
 	/* message banner */
 	--zdt_messagebanner_text: hsl(0, 0%, calc(0% + var(--zd_dark_undefined_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_messagebanner_link_text: var(--zdt_cta_primary_text);
+	--zdt_messagebanner_link_text: var(--zdt_m_cta_primary_text_undefined);
 	--zdt_messagebanner_close_text: hsl(0, 0%, calc(67% + var(--zd_dark_undefined_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_messagebanner_close_hover_bg: hsl(60, 50%, calc(85% + var(--zd_dark_undefined_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_messagebanner_close_hover_text: hsl(0, 0%, calc(15% + var(--zd_dark_undefined_lValue)), calc(1 + var(--zd_alpha)));
@@ -421,7 +406,7 @@
 	--zdt_toastmessage_popbutton_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_submit_border: hsl(223, 22%, calc(28% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
-	--zdt_toastmessage_primary_hover_bg: var(--zdt_cta_primary_bg);
+	--zdt_toastmessage_primary_hover_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_toastmessage_primary_hover_text: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_danger_text: hsl(0, 100%, calc(71% + var(--zd_dark_elementText_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_danger_hover_bg: hsl(0, 100%, calc(71% + var(--zd_dark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -432,7 +417,7 @@
 	--zdt_toastmessage_successplain_text: hsl(141, 54%, calc(50% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_cancel_hover_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_closeicon: hsl(217, 8%, calc(55% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_toastmessage_closeicon_hover_bg: var(--zdt_cta_primary_hover_bg);
+	--zdt_toastmessage_closeicon_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
 	--zdt_toastmessage_closeicon_hover_text: hsl(217, 8%, calc(55% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_dropdown_bg: hsl(217, 23%, calc(19% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_dropdown_text: hsl(0, 0%, calc(40% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -473,7 +458,7 @@
 	--zdt_commonalert_secondlayer_bg: hsl(216, 18%, calc(22% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_default_icon: hsl(0, 100%, calc(71% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_success_icon: hsl(133, 48%, calc(52% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
+	--zdt_commonalert_info_icon: var(--zdt_m_cta_primary_border_text);
 	--zdt_commonalert_danger_icon: hsl(0, 100%, calc(71% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_error_icon: hsl(0, 100%, calc(71% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_warning_icon: hsl(26, 100%, calc(56% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -488,7 +473,7 @@
 	--zdt_globalnotification_default_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_globalnotification_success_bg: hsl(201, 22%, calc(20% + var(--zd_dark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_globalnotification_success_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_globalnotification_info_bg: var(--zdt_cta_primary_light_bg);
+	--zdt_globalnotification_info_bg: var(--zdt_m_cta_primary_light_bg_buttonBg);
 	--zdt_globalnotification_info_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_globalnotification_danger_bg: hsl(236, 13%, calc(22% + var(--zd_dark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_globalnotification_danger_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -554,6 +539,6 @@
 	
 	/* separator */
 	--zdt_separator_default_text: hsl(216, 23%, calc(32% + var(--zd_dark_undefined_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_separator_primary_text: var(--zdt_cta_primary_text);
+	--zdt_separator_primary_text: var(--zdt_m_cta_primary_text_undefined);
 	--zdt_separator_secondary_text: hsl(210, 7%, calc(89% + var(--zd_dark_undefined_lValue)), calc(1 + var(--zd_alpha)));
 }

package/assets/Appearance/default/mode/dotDefaultMode.module.css

@@ -1,12 +1,12 @@
 [data-mode='default'], :global(.blueDefaultTheme) [data-desk-theme="blue"] {
 	/* action button */
-	--zdt_actionButton_primaryFilled_bg: var(--zdt_cta_primary_bg);
-	--zdt_actionButton_primaryFilled_hover_bg: var(--zdt_cta_primary_hover_bg);
+	--zdt_actionButton_primaryFilled_bg: var(--zdt_m_cta_primary_bg_bg);
+	--zdt_actionButton_primaryFilled_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
 	--zdt_actionButton_primary_border: var(--zdt_cta_primary_border);
 	--zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
 	--zdt_actionButton_separator_border: var(--zdt_cta_secondary_border);
 	--zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
-	--zdt_actionButton_primaryFilled_text: var(--zdt_cta_secondary_text);
+	--zdt_actionButton_primaryFilled_text: var(--zdt_m_cta_secondary_text_text);
 	--zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
 	--zdt_actionButton_primary_hover_text: var(--zdt_cta_primary_hover_text);
 	
@@ -30,25 +30,10 @@
 	--zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
 	--zdt_attachment_default_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_attachment_default_hover_border: hsl(218, 10%, calc(52% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_attachment_hover_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_attachment_transparent_bg: var(--dot_mirror);
-	--zdt_attachment_size_text: hsl(220, 10%, calc(39% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_attachment_download_bg: var(--zdt_cta_grey_20_bg);
-	--zdt_attachment_download_hover_bg: hsl(218, 10%, calc(52% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_attachment_download_hover_text: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
-	
-	/* avatar close */
-	--zdt_avatarclose_pop_bg: hsl(0, 0%, calc(0% + var(--zd_default_bg_lValue)), calc( 0.75 + var(--zd_bg_alpha)));
-	--zdt_avatarclose_pop_text: hsl(30, 2%, calc(76% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
-	
-	/* avatar collision */
-	--zdt_avatarcollision_on_border: var(--zdt_cta_primary_border);
-	--zdt_avatarcollision_off_border: var(--zdt_cta_grey_35_border);
-	--zdt_avatarcollision_off_after_border: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_avatarcollision_off_after_bg: var(--zdt_cta_grey_35_bg);
-	--zdt_avatarcollision_pop_bg: hsl(0, 0%, calc(0% + var(--zd_default_bg_lValue)), calc( 0.75 + var(--zd_bg_alpha)));
-	--zdt_avatarcollision_pop_text: hsl(30, 2%, calc(76% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_avatarcollision_icon_text: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_avataruser_delete_text: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
+	
+	/* avatar with team */
+	--zdt_avatarwithteam_default_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	
 	/* avatar icon */
 	--zdt_avatarIcon_dark_icon: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -105,7 +90,7 @@
 	/* drawer */
 	--zdt_drawer_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_default_boxShadow_lValue)), calc( 0.176 + var(--zd_bg_alpha)));
 	--zdt_drawer_default_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_drawer_header_bg: var(--zdt_cta_grey_10_bg);
+	--zdt_drawer_header_bg: var(--zdt_m_cta_grey_10_bg_bg);
 	--zdt_drawer_header_border: var(--zdt_cta_grey_35_border);
 	--zdt_drawer_title_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	
@@ -208,7 +193,7 @@
 	--zdt_dot_text: var(--zdt_cta_grey_40_text);
 	
 	/* dot new */
-	--zdt_dotnew_default_bg: var(--zdt_cta_primary_bg);
+	--zdt_dotnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_dotnew_default_box_shadow: hsl(212, 92%, calc(48% + var(--zd_default_boxShadow_lValue)), calc( 0.6 + var(--zd_bg_alpha)));
 	--zdt_dotnew_animate_box_shadow: var(--dot_mirror);
 	--zdt_dotnew_animate_to_box_shadow: hsl(0, 0%, calc(100% + var(--zd_default_boxShadow_lValue)), calc( 0 + var(--zd_bg_alpha)));
@@ -254,7 +239,7 @@
 	--zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
 	--zdt_statuslistitem_default_effect_bg: var(--dot_listItemHover);
 	--zdt_statuslistitem_primary_efffect_bg: var(--dot_listItemActive);
-	--zdt_statuslistitem_secondary_effect_bg: var(--zdt_cta_primary_bg);
+	--zdt_statuslistitem_secondary_effect_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_statuslistitem_secondary_effect_text: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_statuslistitem_tickicon: var(--zdt_cta_primary_text);
 	--zdt_statuslistitem_black_bg: hsl(0, 0%, calc(0% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -265,9 +250,9 @@
 	--zdt_subject_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	
 	/* tag new */
-	--zdt_tagnew_default_bg: var(--zdt_cta_primary_bg);
+	--zdt_tagnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
-	--zdt_tagnew_default_text: var(--zdt_cta_secondary_text);
+	--zdt_tagnew_default_text: var(--zdt_m_cta_secondary_text_text);
 	
 	/* thread */
 	--zdt_thread_iconText: hsl(220, 10%, calc(39% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -284,7 +269,7 @@
 	--zdt_loader_gradient_bg: linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%);
 	
 	/* lookup header common */
-	--zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
+	--zdt_lookupheader_default_bg: var(--zdt_m_cta_grey_10_bg_bg);
 	--zdt_lookupheader_white_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
 	--zdt_lookupheader_white_border: var(--zdt_cta_grey_15_border);
@@ -344,14 +329,14 @@
 	
 	/* plus icon */
 	--zdt_plusicon_box_shadow: var(--zdt_cta_primary_box_shadow);
-	--zdt_plusicon_bg: var(--zdt_cta_primary_light_bg);
+	--zdt_plusicon_bg: var(--zdt_m_cta_primary_light_bg_bg);
 	--zdt_plusicon_border: var(--zdt_cta_primary_light_border);
 	--zdt_plusicon_hover_border: var(--zdt_cta_primary_light_border);
 	--zdt_plusicon_text: var(--zdt_cta_primary_text);
 	
 	/* header link */
 	--zdt_headerlink_text: var(--zdt_cta_primary_text);
-	--zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
+	--zdt_headerlink_hover_text: var(--zdt_m_cta_primary_border_text);
 	
 	/* search */
 	--zdt_search_input_border: hsl(0, 0%, calc(60% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
@@ -373,7 +358,7 @@
 	
 	/* message banner */
 	--zdt_messagebanner_text: hsl(0, 0%, calc(0% + var(--zd_default_undefined_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_messagebanner_link_text: var(--zdt_cta_primary_text);
+	--zdt_messagebanner_link_text: var(--zdt_m_cta_primary_text_undefined);
 	--zdt_messagebanner_close_text: hsl(0, 0%, calc(67% + var(--zd_default_undefined_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_messagebanner_close_hover_bg: hsl(60, 50%, calc(85% + var(--zd_default_undefined_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_messagebanner_close_hover_text: hsl(0, 0%, calc(15% + var(--zd_default_undefined_lValue)), calc(1 + var(--zd_alpha)));
@@ -421,7 +406,7 @@
 	--zdt_toastmessage_popbutton_text: hsl(0, 0%, calc(67% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_submit_border: hsl(0, 0%, calc(93% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
-	--zdt_toastmessage_primary_hover_bg: var(--zdt_cta_primary_bg);
+	--zdt_toastmessage_primary_hover_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_toastmessage_primary_hover_text: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_danger_text: hsl(0, 72%, calc(54% + var(--zd_default_elementText_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_danger_hover_bg: hsl(0, 72%, calc(54% + var(--zd_default_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -432,7 +417,7 @@
 	--zdt_toastmessage_successplain_text: hsl(141, 54%, calc(50% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_cancel_hover_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_closeicon: hsl(0, 0%, calc(47% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_toastmessage_closeicon_hover_bg: var(--zdt_cta_primary_hover_bg);
+	--zdt_toastmessage_closeicon_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
 	--zdt_toastmessage_closeicon_hover_text: hsl(0, 0%, calc(13% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_dropdown_bg: hsl(0, 0%, calc(98% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_dropdown_text: hsl(0, 0%, calc(40% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -473,7 +458,7 @@
 	--zdt_commonalert_secondlayer_bg: hsl(216, 38%, calc(97% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_default_icon: hsl(0, 72%, calc(54% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_success_icon: hsl(133, 63%, calc(41% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
+	--zdt_commonalert_info_icon: var(--zdt_m_cta_primary_border_text);
 	--zdt_commonalert_danger_icon: hsl(0, 72%, calc(54% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_error_icon: hsl(0, 72%, calc(54% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_warning_icon: hsl(26, 100%, calc(50% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -488,7 +473,7 @@
 	--zdt_globalnotification_default_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_globalnotification_success_bg: hsl(143, 44%, calc(96% + var(--zd_default_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_globalnotification_success_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_globalnotification_info_bg: var(--zdt_cta_primary_light_bg);
+	--zdt_globalnotification_info_bg: var(--zdt_m_cta_primary_light_bg_buttonBg);
 	--zdt_globalnotification_info_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_globalnotification_danger_bg: hsl(0, 71%, calc(97% + var(--zd_default_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_globalnotification_danger_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -554,6 +539,6 @@
 	
 	/* separator */
 	--zdt_separator_default_text: hsl(0, 0%, calc(79% + var(--zd_default_undefined_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_separator_primary_text: var(--zdt_cta_primary_text);
+	--zdt_separator_primary_text: var(--zdt_m_cta_primary_text_undefined);
 	--zdt_separator_secondary_text: hsl(0, 0%, calc(0% + var(--zd_default_undefined_lValue)), calc(1 + var(--zd_alpha)));
 }

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

@@ -1,12 +1,12 @@
 [data-mode='pureDark'], :global(.bluePureDarkTheme) [data-desk-theme="blue"] {
 	/* action button */
-	--zdt_actionButton_primaryFilled_bg: var(--zdt_cta_primary_bg);
-	--zdt_actionButton_primaryFilled_hover_bg: var(--zdt_cta_primary_hover_bg);
+	--zdt_actionButton_primaryFilled_bg: var(--zdt_m_cta_primary_bg_bg);
+	--zdt_actionButton_primaryFilled_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
 	--zdt_actionButton_primary_border: var(--zdt_cta_primary_border);
 	--zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
 	--zdt_actionButton_separator_border: var(--zdt_cta_secondary_border);
 	--zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
-	--zdt_actionButton_primaryFilled_text: var(--zdt_cta_secondary_text);
+	--zdt_actionButton_primaryFilled_text: var(--zdt_m_cta_secondary_text_text);
 	--zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
 	--zdt_actionButton_primary_hover_text: var(--zdt_cta_primary_text);
 	
@@ -30,25 +30,10 @@
 	--zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
 	--zdt_attachment_default_text: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_attachment_default_hover_border: hsl(217, 8%, calc(55% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_attachment_hover_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_attachment_transparent_bg: var(--dot_mirror);
-	--zdt_attachment_size_text: hsl(0, 0%, calc(60% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_attachment_download_bg: var(--zdt_cta_grey_20_bg);
-	--zdt_attachment_download_hover_bg: hsl(217, 8%, calc(55% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_attachment_download_hover_text: hsl(0, 0%, calc(13% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	
-	/* avatar close */
-	--zdt_avatarclose_pop_bg: hsl(0, 0%, calc(0% + var(--zd_pureDark_bg_lValue)), calc( 0.75 + var(--zd_bg_alpha)));
-	--zdt_avatarclose_pop_text: hsl(30, 2%, calc(76% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	
-	/* avatar collision */
-	--zdt_avatarcollision_on_border: var(--zdt_cta_primary_border);
-	--zdt_avatarcollision_off_border: var(--zdt_cta_grey_35_border);
-	--zdt_avatarcollision_off_after_border: hsl(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_avatarcollision_off_after_bg: var(--zdt_cta_grey_35_bg);
-	--zdt_avatarcollision_pop_bg: hsl(0, 0%, calc(0% + var(--zd_pureDark_bg_lValue)), calc( 0.75 + var(--zd_bg_alpha)));
-	--zdt_avatarcollision_pop_text: hsl(30, 2%, calc(76% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_avatarcollision_icon_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_avataruser_delete_text: hsl(0, 0%, calc(13% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
+	
+	/* avatar with team */
+	--zdt_avatarwithteam_default_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	
 	/* avatar icon */
 	--zdt_avatarIcon_dark_icon: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -105,7 +90,7 @@
 	/* drawer */
 	--zdt_drawer_default_box_shadow: hsl(0, 0%, calc(0% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.4 + var(--zd_bg_alpha)));
 	--zdt_drawer_default_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_drawer_header_bg: var(--zdt_cta_grey_10_bg);
+	--zdt_drawer_header_bg: var(--zdt_m_cta_grey_10_bg_bg);
 	--zdt_drawer_header_border: hsl(0, 2%, calc(8% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_drawer_title_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	
@@ -208,7 +193,7 @@
 	--zdt_dot_text: var(--zdt_cta_grey_40_text);
 	
 	/* dot new */
-	--zdt_dotnew_default_bg: var(--zdt_cta_primary_bg);
+	--zdt_dotnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_dotnew_default_box_shadow: hsl(212, 92%, calc(48% + var(--zd_pureDark_boxShadow_lValue)), calc( 0.6 + var(--zd_bg_alpha)));
 	--zdt_dotnew_animate_box_shadow: var(--dot_mirror);
 	--zdt_dotnew_animate_to_box_shadow: hsl(0, 0%, calc(100% + var(--zd_pureDark_boxShadow_lValue)), calc( 0 + var(--zd_bg_alpha)));
@@ -254,7 +239,7 @@
 	--zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
 	--zdt_statuslistitem_default_effect_bg: hsl(0, 0%, calc(15% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_statuslistitem_primary_efffect_bg: var(--dot_listItemActive);
-	--zdt_statuslistitem_secondary_effect_bg: var(--zdt_cta_primary_bg);
+	--zdt_statuslistitem_secondary_effect_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_statuslistitem_secondary_effect_text: hsl(0, 0%, calc(13% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_statuslistitem_tickicon: var(--zdt_cta_primary_text);
 	--zdt_statuslistitem_black_bg: hsl(210, 7%, calc(89% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -265,9 +250,9 @@
 	--zdt_subject_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	
 	/* tag new */
-	--zdt_tagnew_default_bg: var(--zdt_cta_primary_bg);
+	--zdt_tagnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
-	--zdt_tagnew_default_text: var(--zdt_cta_secondary_text);
+	--zdt_tagnew_default_text: var(--zdt_m_cta_secondary_text_text);
 	
 	/* thread */
 	--zdt_thread_iconText: hsl(0, 0%, calc(60% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -284,7 +269,7 @@
 	--zdt_loader_gradient_bg: linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%);
 	
 	/* lookup header common */
-	--zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
+	--zdt_lookupheader_default_bg: var(--zdt_m_cta_grey_10_bg_bg);
 	--zdt_lookupheader_white_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_lookupheader_default_border: hsl(0, 2%, calc(8% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_lookupheader_white_border: hsl(223, 22%, calc(28% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
@@ -344,14 +329,14 @@
 	
 	/* plus icon */
 	--zdt_plusicon_box_shadow: var(--zdt_cta_primary_box_shadow);
-	--zdt_plusicon_bg: var(--zdt_cta_primary_light_bg);
+	--zdt_plusicon_bg: var(--zdt_m_cta_primary_light_bg_bg);
 	--zdt_plusicon_border: var(--zdt_cta_primary_light_border);
 	--zdt_plusicon_hover_border: var(--zdt_cta_primary_light_border);
 	--zdt_plusicon_text: var(--zdt_cta_primary_text);
 	
 	/* header link */
 	--zdt_headerlink_text: var(--zdt_cta_primary_text);
-	--zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
+	--zdt_headerlink_hover_text: var(--zdt_m_cta_primary_border_text);
 	
 	/* search */
 	--zdt_search_input_border: hsl(0, 0%, calc(60% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
@@ -373,7 +358,7 @@
 	
 	/* message banner */
 	--zdt_messagebanner_text: hsl(0, 0%, calc(0% + var(--zd_pureDark_undefined_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_messagebanner_link_text: var(--zdt_cta_primary_text);
+	--zdt_messagebanner_link_text: var(--zdt_m_cta_primary_text_undefined);
 	--zdt_messagebanner_close_text: hsl(0, 0%, calc(67% + var(--zd_pureDark_undefined_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_messagebanner_close_hover_bg: hsl(60, 50%, calc(85% + var(--zd_pureDark_undefined_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_messagebanner_close_hover_text: hsl(0, 0%, calc(15% + var(--zd_pureDark_undefined_lValue)), calc(1 + var(--zd_alpha)));
@@ -421,7 +406,7 @@
 	--zdt_toastmessage_popbutton_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_submit_border: hsl(0, 0%, calc(35% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
-	--zdt_toastmessage_primary_hover_bg: var(--zdt_cta_primary_bg);
+	--zdt_toastmessage_primary_hover_bg: var(--zdt_m_cta_primary_bg_bg);
 	--zdt_toastmessage_primary_hover_text: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_danger_text: hsl(0, 100%, calc(71% + var(--zd_pureDark_elementText_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_danger_hover_bg: hsl(0, 100%, calc(71% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
@@ -432,7 +417,7 @@
 	--zdt_toastmessage_successplain_text: hsl(141, 54%, calc(50% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_cancel_hover_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_closeicon: hsl(217, 8%, calc(55% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_toastmessage_closeicon_hover_bg: var(--zdt_cta_primary_hover_bg);
+	--zdt_toastmessage_closeicon_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
 	--zdt_toastmessage_closeicon_hover_text: hsl(217, 8%, calc(55% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_dropdown_bg: hsl(0, 0%, calc(17% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_toastmessage_dropdown_text: hsl(0, 0%, calc(40% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -473,7 +458,7 @@
 	--zdt_commonalert_secondlayer_bg: hsl(0, 0%, calc(16% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_default_icon: hsl(0, 100%, calc(71% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_success_icon: hsl(133, 48%, calc(52% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
+	--zdt_commonalert_info_icon: var(--zdt_m_cta_primary_border_text);
 	--zdt_commonalert_danger_icon: hsl(0, 100%, calc(71% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_error_icon: hsl(0, 100%, calc(71% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_commonalert_warning_icon: hsl(26, 100%, calc(56% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -488,7 +473,7 @@
 	--zdt_globalnotification_default_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_globalnotification_success_bg: hsl(133, 11%, calc(16% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_globalnotification_success_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_globalnotification_info_bg: var(--zdt_cta_primary_light_bg);
+	--zdt_globalnotification_info_bg: var(--zdt_m_cta_primary_light_bg_buttonBg);
 	--zdt_globalnotification_info_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_globalnotification_danger_bg: hsl(0, 0%, calc(16% + var(--zd_pureDark_buttonBg_lValue)), calc(1 + var(--zd_bg_alpha)));
 	--zdt_globalnotification_danger_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
@@ -554,6 +539,6 @@
 	
 	/* separator */
 	--zdt_separator_default_text: hsl(0, 0%, calc(35% + var(--zd_pureDark_undefined_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_separator_primary_text: var(--zdt_cta_primary_text);
+	--zdt_separator_primary_text: var(--zdt_m_cta_primary_text_undefined);
 	--zdt_separator_secondary_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_undefined_lValue)), calc(1 + var(--zd_alpha)));
 }

package/es/Attachment/Attachment.js

@@ -78,8 +78,9 @@ export default class Attachment extends React.Component {
 }
 Attachment.propTypes = propTypes;
 Attachment.defaultProps = defaultProps;
-if (false) {
-  Attachment.docs = {
-    componentGroup: 'Attachment'
-  };
-}
+
+// if (__DOCS__) {
+//   Attachment.docs = {
+//     componentGroup: 'Attachment'
+//   };
+// }

package/es/AttachmentViewer/AttachmentViewer.js

@@ -1,18 +1,18 @@
-import React, { Component } from "react";
+import React, { Component } from 'react';
 import { AttachmentViewer_defaultProps } from './props/defaultProps';
 import { AttachmentViewer_propTypes } from './props/propTypes';
-import { Container, Box } from "@zohodesk/components/lib/Layout";
-import Icon from "@zohodesk/icons/lib/Icon";
-import Avatar from "@zohodesk/components/lib/Avatar/Avatar";
-import { ResponsiveReceiver } from "@zohodesk/components/lib/Responsive/CustomResponsive";
-import { getUniqueId } from "@zohodesk/components/lib/Provider/IdProvider";
-import AttachmentImage from "./AttachmentImage";
-import Link from "../Link/Link";
-import IconButton from "../IconButton/IconButton";
-import FreezeLayer from "../FreezeLayer/FreezeLayer";
-import { isAudioFile, getExtensionFromFileName } from "./Attachment";
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import Icon from '@zohodesk/icons/lib/Icon';
+import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
+import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
+import AttachmentImage from './AttachmentImage';
+import Link from '../Link/Link';
+import IconButton from '../IconButton/IconButton';
+import FreezeLayer from '../FreezeLayer/FreezeLayer';
+import { isAudioFile, getExtensionFromFileName } from './Attachment';
 import { shallowDiff } from '../utils/General';
-import style from "./AttachmentViewer.module.css";
+import style from './AttachmentViewer.module.css';
 export default class AttachmentViewer extends Component {
   constructor(props) {
     super(props);
@@ -204,19 +204,19 @@ export default class AttachmentViewer extends Component {
         position = (i - selectedIndex) * 100;
         return {
           transform: `translateX(${parseInt(position)}%)`,
-          opacity: "0"
+          opacity: '0'
         };
       }
       if (i === selectedIndex) {
         return {
-          transform: "translateX(0%)",
-          opacity: "1"
+          transform: 'translateX(0%)',
+          opacity: '1'
         };
       }
       position = (selectedIndex - i) * 100 * -1;
       return {
         transform: `translateX(${parseInt(position)}%)`,
-        opacity: "0"
+        opacity: '0'
       };
     };
     return dataList.length && dataList.map(function () {
@@ -241,7 +241,7 @@ export default class AttachmentViewer extends Component {
         src: data.viewUrl,
         type: `audio/${getExtensionFromFileName(data.name)}`
       })) : null : /*#__PURE__*/React.createElement(AttachmentImage, {
-        className: `${style.img} ${selectedIndex == i && maintainZoom ? isZoomed ? style.zoomedImg : style.normalImg : ""}`,
+        className: `${style.img} ${selectedIndex == i && maintainZoom ? isZoomed ? style.zoomedImg : style.normalImg : ''}`,
         src: selectedImgUrl,
         onClick: isZoomed ? _this.zoomOut.bind(_this, i) : e => {
           _this.zoomIn(e, i, true);
@@ -314,8 +314,8 @@ export default class AttachmentViewer extends Component {
         className: uptoTablet ? style.mbleMenuBar : style.menuBar
       }, /*#__PURE__*/React.createElement(Container, {
         isInline: true,
-        alignBox: uptoTablet ? "column-reverse" : "row",
-        align: uptoTablet ? "bottom" : "center",
+        alignBox: uptoTablet ? 'column-reverse' : 'row',
+        align: uptoTablet ? 'bottom' : 'center',
         wrap: "wrap",
         isCover: false
       }, isZoomed ? /*#__PURE__*/React.createElement("div", {
@@ -398,7 +398,7 @@ export default class AttachmentViewer extends Component {
       }, /*#__PURE__*/React.createElement(Container, {
         alignBox: "row"
       }, /*#__PURE__*/React.createElement(Box, {
-        className: `${style.arrowBox}  ${uptoTablet ? style.mbleArrowBox : style.nrmlArrowBox} ${selectedIndex === 0 ? style.hidden : ""}`,
+        className: `${style.arrowBox}  ${uptoTablet ? style.mbleArrowBox : style.nrmlArrowBox} ${selectedIndex === 0 ? style.hidden : ''}`,
         onClick: this.changeSelectedIndex.bind(this, selectedIndex - 1),
         "data-title": i18nKeys.previousText,
         "data-title-position": "left"
@@ -420,7 +420,7 @@ export default class AttachmentViewer extends Component {
         scroll: "both",
         flexible: true
       }, this.imgPreviewView()), /*#__PURE__*/React.createElement(Box, {
-        className: `${style.arrowBox}  ${uptoTablet ? style.mbleArrowBox : style.nrmlArrowBox} ${totalLen === selectedIndex + 1 ? style.hidden : ""}`,
+        className: `${style.arrowBox}  ${uptoTablet ? style.mbleArrowBox : style.nrmlArrowBox} ${totalLen === selectedIndex + 1 ? style.hidden : ''}`,
         onClick: this.changeSelectedIndex.bind(this, selectedIndex + 1),
         "data-title": i18nKeys.nextText,
         "data-title-position": "right"
@@ -467,7 +467,7 @@ export default class AttachmentViewer extends Component {
         } = item;
         const isAudio = isAudioFile(name);
         return /*#__PURE__*/React.createElement(Box, {
-          className: `${style.imgItem} ${index === selectedIndex ? style.selected : ""}  ${isAudio ? style.isAudio : ""}`,
+          className: `${style.imgItem} ${index === selectedIndex ? style.selected : ''}  ${isAudio ? style.isAudio : ''}`,
           key: index,
           onClick: this.changeSelectedIndex.bind(this, index),
           eleRef: el => this[`img_${index}`] = el,
@@ -487,7 +487,7 @@ export default class AttachmentViewer extends Component {
         iconName: "ZD-GN-hideTab",
         iconSize: "14",
         hoverType: "border",
-        iconClass: `${style.thumpIcon} ${isPViewListOpen ? style.thumpIconActive : ""}`,
+        iconClass: `${style.thumpIcon} ${isPViewListOpen ? style.thumpIconActive : ''}`,
         className: style.button,
         a11y: {
           ariaLabel: i18nKeys.hideText
@@ -499,8 +499,9 @@ export default class AttachmentViewer extends Component {
 }
 AttachmentViewer.propTypes = AttachmentViewer_propTypes;
 AttachmentViewer.defaultProps = AttachmentViewer_defaultProps;
-if (false) {
-  AttachmentViewer.docs = {
-    componentGroup: "Molecule"
-  };
-}
+
+// if (__DOCS__) {
+//   AttachmentViewer.docs = {
+//     componentGroup: "Molecule"
+//   };
+// }