@zohodesk/dot 1.0.0-temp-204.1 → 1.0.0-temp-205

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

@@ -276,9 +276,6 @@
 	--zdt_thread_iconText: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_thread_hover_iconText: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* loader */
-	--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_white_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -438,7 +435,6 @@
 	--zdt_commonalert_default_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_border: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_border: var(--zdt_cta_primary_border);
-	--zdt_commonalert_primaryInfo_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_danger_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_border: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -447,7 +443,6 @@
 	--zdt_commonalert_close_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_success_hover_bg: hsla(159, 27.87%, calc(23.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_info_hover_bg: var(--zdt_cta_primary_light_bg);
-	--zdt_commonalert_primaryInfo_hover_bg: rgb(44,59,77);
 	--zdt_commonalert_plaininfo_hover_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_danger_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_error_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -457,7 +452,6 @@
 	--zdt_commonalert_default_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_icon: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
-	--zdt_commonalert_primaryInfo_icon: rgb(71,157,255);
 	--zdt_commonalert_danger_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_icon: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -473,9 +467,7 @@
 	--zdt_globalnotification_success_bg: hsla(201, 22.33%, calc(20.20% + 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_primaryInfo_bg: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_info_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_globalnotification_primaryInfo_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_danger_bg: hsla(236, 12.50%, calc(21.96% + 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(236, 12.50%, calc(21.96% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));

package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, var(--dot_butterflyblue) 9%, rgba(255, 255, 255, 0.9) 13%, var(--dot_butterflyblue) 24%, var(--dot_butterflyblue) 48%, rgba(255, 255, 255, 0.9) 51.5%, var(--dot_butterflyblue) 62%, var(--dot_butterflyblue) 77.75%, rgba(255, 255, 255, 0.9) 83.5%, var(--dot_butterflyblue) 93.5%);
+	--zdt_loader_background_bg: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #45a159 9%, rgba(255, 255, 255, 0.9) 13%, #45a159 24%, #45a159 48%, rgba(255, 255, 255, 0.9) 51.5%, #45a159 62%, #45a159 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #45a159 93.5%);
+	--zdt_loader_background_bg: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #ff801f 9%, rgba(255, 255, 255, 0.9) 13%, #ff801f 24%, #ff801f 48%, rgba(255, 255, 255, 0.9) 51.5%, #ff801f 62%, #ff801f 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #ff801f 93.5%);
+	--zdt_loader_background_bg: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #e94f4f 9%, rgba(255, 255, 255, 0.9) 13%, #e94f4f 24%, #e94f4f 48%, rgba(255, 255, 255, 0.9) 51.5%, #e94f4f 62%, #e94f4f 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #e94f4f 93.5%);
+	--zdt_loader_background_bg: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #d79835 9%, rgba(255, 255, 255, 0.9) 13%, #d79835 24%, #d79835 48%, rgba(255, 255, 255, 0.9) 51.5%, #d79835 62%, #d79835 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #d79835 93.5%);
+	--zdt_loader_background_bg: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/light/mode/Dot_LightMode.module.css

@@ -276,9 +276,6 @@
 	--zdt_thread_iconText: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_thread_hover_iconText: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* loader */
-	--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_white_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -438,7 +435,6 @@
 	--zdt_commonalert_default_border: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_border: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_border: var(--zdt_cta_primary_border);
-	--zdt_commonalert_primaryInfo_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_danger_border: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_border: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_border: hsla(26, 100.00%, calc(50.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -447,7 +443,6 @@
 	--zdt_commonalert_close_hover_bg: hsla(0, 73.91%, calc(95.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_success_hover_bg: hsla(146, 46.67%, calc(94.12% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_info_hover_bg: var(--zdt_cta_primary_light_bg);
-	--zdt_commonalert_primaryInfo_hover_bg: rgb(241,247,254);
 	--zdt_commonalert_plaininfo_hover_bg: hsla(212, 80.95%, calc(95.88% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_danger_hover_bg: hsla(0, 73.91%, calc(95.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_error_hover_bg: hsla(0, 73.91%, calc(95.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -457,7 +452,6 @@
 	--zdt_commonalert_default_icon: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_icon: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
-	--zdt_commonalert_primaryInfo_icon: rgb(10,115,235);
 	--zdt_commonalert_danger_icon: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_icon: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_icon: hsla(26, 100.00%, calc(50.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -473,9 +467,7 @@
 	--zdt_globalnotification_success_bg: hsla(143, 44.44%, calc(96.47% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_success_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_info_bg: var(--zdtm_cta_primary_light_bg_darker_lowest);
-	--zdt_globalnotification_primaryInfo_bg: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_info_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_globalnotification_primaryInfo_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_danger_bg: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_danger_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_error_bg: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));

package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(228, 18.01%, calc(31.57% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, var(--dot_butterflyblue) 9%, rgba(255, 255, 255, 0.9) 13%, var(--dot_butterflyblue) 24%, var(--dot_butterflyblue) 48%, rgba(255, 255, 255, 0.9) 51.5%, var(--dot_butterflyblue) 62%, var(--dot_butterflyblue) 77.75%, rgba(255, 255, 255, 0.9) 83.5%, var(--dot_butterflyblue) 93.5%);
+	--zdt_loader_background_bg: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(190, 37.35%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #45a159 9%, rgba(255, 255, 255, 0.9) 13%, #45a159 24%, #45a159 48%, rgba(255, 255, 255, 0.9) 51.5%, #45a159 62%, #45a159 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #45a159 93.5%);
+	--zdt_loader_background_bg: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(54, 46.03%, calc(12.35% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #ff801f 9%, rgba(255, 255, 255, 0.9) 13%, #ff801f 24%, #ff801f 48%, rgba(255, 255, 255, 0.9) 51.5%, #ff801f 62%, #ff801f 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #ff801f 93.5%);
+	--zdt_loader_background_bg: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(351, 23.46%, calc(15.88% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #e94f4f 9%, rgba(255, 255, 255, 0.9) 13%, #e94f4f 24%, #e94f4f 48%, rgba(255, 255, 255, 0.9) 51.5%, #e94f4f 62%, #e94f4f 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #e94f4f 93.5%);
+	--zdt_loader_background_bg: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc( 0.08 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #d79835 9%, rgba(255, 255, 255, 0.9) 13%, #d79835 24%, #d79835 48%, rgba(255, 255, 255, 0.9) 51.5%, #d79835 62%, #d79835 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #d79835 93.5%);
+	--zdt_loader_background_bg: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -276,9 +276,6 @@
 	--zdt_thread_iconText: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_thread_hover_iconText: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* loader */
-	--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_white_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -438,7 +435,6 @@
 	--zdt_commonalert_default_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_border: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_border: var(--zdt_cta_primary_border);
-	--zdt_commonalert_primaryInfo_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_danger_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_border: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_border: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -447,7 +443,6 @@
 	--zdt_commonalert_close_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_success_hover_bg: hsla(159, 27.87%, calc(23.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_info_hover_bg: var(--zdt_cta_primary_light_bg);
-	--zdt_commonalert_primaryInfo_hover_bg: rgb(37,45,55);
 	--zdt_commonalert_plaininfo_hover_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_danger_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_error_hover_bg: hsla(338, 20.55%, calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -457,7 +452,6 @@
 	--zdt_commonalert_default_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_success_icon: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
-	--zdt_commonalert_primaryInfo_icon: rgb(71,157,255);
 	--zdt_commonalert_danger_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_error_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	--zdt_commonalert_warning_icon: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -473,9 +467,7 @@
 	--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_primaryInfo_bg: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_info_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_globalnotification_primaryInfo_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)));

package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, var(--dot_butterflyblue) 9%, rgba(255, 255, 255, 0.9) 13%, var(--dot_butterflyblue) 24%, var(--dot_butterflyblue) 48%, rgba(255, 255, 255, 0.9) 51.5%, var(--dot_butterflyblue) 62%, var(--dot_butterflyblue) 77.75%, rgba(255, 255, 255, 0.9) 83.5%, var(--dot_butterflyblue) 93.5%);
+	--zdt_loader_background_bg: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #45a159 9%, rgba(255, 255, 255, 0.9) 13%, #45a159 24%, #45a159 48%, rgba(255, 255, 255, 0.9) 51.5%, #45a159 62%, #45a159 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #45a159 93.5%);
+	--zdt_loader_background_bg: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #ff801f 9%, rgba(255, 255, 255, 0.9) 13%, #ff801f 24%, #ff801f 48%, rgba(255, 255, 255, 0.9) 51.5%, #ff801f 62%, #ff801f 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #ff801f 93.5%);
+	--zdt_loader_background_bg: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #e94f4f 9%, rgba(255, 255, 255, 0.9) 13%, #e94f4f 24%, #e94f4f 48%, rgba(255, 255, 255, 0.9) 51.5%, #e94f4f 62%, #e94f4f 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #e94f4f 93.5%);
+	--zdt_loader_background_bg: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css

@@ -13,4 +13,8 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, #d79835 9%, rgba(255, 255, 255, 0.9) 13%, #d79835 24%, #d79835 48%, rgba(255, 255, 255, 0.9) 51.5%, #d79835 62%, #d79835 77.75%, rgba(255, 255, 255, 0.9) 83.5%, #d79835 93.5%);
+	--zdt_loader_background_bg: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/es/Attachment/Attachment.module.css

@@ -14,15 +14,15 @@
   height: 100% ;
   width: 100% ;
   position: absolute;
-  top: 0 
+  top:0 
 }
 
 [dir=ltr] .disableLayer {
-  left: 0 
+  left:0 
 }
 
 [dir=rtl] .disableLayer {
-  right: 0 
+  right:0 
 }
 
 .attachmentHover {
@@ -30,7 +30,7 @@
 }
 
 .palette_default {
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_attachment_default_bg);
 }
 
 .palette_transparent {

package/es/ChannelIcon/ChannelIcon.module.css

@@ -1,6 +1,6 @@
 .varClass {
   --iconColor: var(--zdt_channelIcon_icon);
-  --topIconBg: var(--zdt_base_bg);
+  --topIconBg: var(--zdt_channelIcon_topIcon_bg);
   --topIconColor: var(--zdt_channelIcon_topIcon_iconGreen);
   --topIconBorderColor: var(--zdt_channelIcon_topIcon_border);
 }

package/es/Drawer/Drawer.module.css

@@ -1,7 +1,7 @@
 .container {
   transition: width var(--zd_transition3);
   box-shadow: var(--zd_bs_drawer_shadow);
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_drawer_default_bg);
 }
 
 .isOverlay {
@@ -28,7 +28,7 @@
 }
 
 .secondDrawer {
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_drawer_default_bg);
   box-shadow: var(--zd_bs_drawer_shadow);
 }
 
@@ -108,7 +108,7 @@
 }
 
 .title {
-  color: var(--zdt_base_color);
+  color: var(--zdt_drawer_title_text);
   font-family: var(--zd_semibold);
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
   font-size: var(--zd_font_size16) ;

package/es/ImportantNotes/ImportantNotes.module.css

@@ -6,7 +6,7 @@
 .title {
   font-size: var(--zd_font_size13) ;
   line-height: 1.3846;
-  color: var(--zdt_base_color);
+  color: var(--zdt_importantnotes_title_text);
 }
 
 .icon {

package/es/Loader/Loader.module.css

@@ -1,6 +1,7 @@
 .ajaxLoader {
   position: absolute;
   top: 0 ;
+  background-color: var(--zdt_loader_background_bg);
 }[dir=ltr] .ajaxLoader {
   left: 0 ;
   right: 0 ;
@@ -11,7 +12,7 @@
 .loader {
   width: 100% ;
   /*  Variable:Ignore  */
-  height: 3px;
+  height: 5px;
   background-image: var(--zdt_loader_gradient_bg);
   background-size: 200% auto;
 }

package/es/Message/Message.module.css

@@ -19,7 +19,7 @@
   pointer-events: initial;
   box-shadow: var(--zd_bs_message_container);
   border-radius: 0 0 5px 5px;
-  background: var(--zdt_base_bg);
+  background: var(--zdt_message_default_bg);
 }
 
 [dir=ltr] .container {

package/es/Separator/Separator.module.css

@@ -1,43 +1,34 @@
 .varClass {
   --separator_fontSize: var(--zd_font_size15);
 }
-
 .separator {
   font-size: var(--separator_fontSize);
   margin: 0 var(--zd_size5) ;
 }
-
 .dot {
   --separator_fontSize: var(--zd_font_size8);
 }
-
 .slash {
   --separator_fontSize: var(--zd_font_size10);
   /* line-height: var(--zd_size10); */
 }
-
 .arrow {
   --separator_fontSize: var(--zd_font_size8);
   /* line-height: var(--zd_size7); */
 }
-
 .comma {
   --separator_fontSize: var(--zd_font_size15);
   /* line-height: var(--zd_size13); */
 }
-
 .none {
   display: none;
 }
-
 .default {
   color: var(--zdt_separator_default_text);
 }
-
 .primary {
   color: var(--zdt_separator_primary_text);
 }
-
 .secondary {
-  color: var(--zdt_base_color);
-}
+  color: var(--zdt_separator_secondary_text);
+}

package/es/TagWithIcon/TagWithIcon.module.css

@@ -1,6 +1,6 @@
 .varClass {
   --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
-  --tag_text_color: var(--zdt_base_color);
+  --tag_text_color: var(--zdt_tagWithIconGrey_text);
   --tag_border_color: var(--zdt_tagWithIconGrey_border);
   --tag_small_fontSize: var(--zd_font_size10);
   --tag_large_fontSize: var(--zd_font_size12);
@@ -56,7 +56,7 @@
 
 .grey {
   --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
-  --tag_text_color: var(--zdt_base_color);
+  --tag_text_color: var(--zdt_tagWithIconGrey_text);
   --tag_border_color: var(--zdt_tagWithIconGrey_border);
 }
 

package/es/ToastMessage/ToastMessage.module.css

@@ -4,7 +4,7 @@
   max-height: 100% ;
   border-radius: 5px;
   box-shadow: var(--zd_bs_toastmessage_container);
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_toastmessage_default_bg);
   margin-bottom: var(--zd_size7) ;
 }[dir=ltr] .container {
   transform-origin: right center;
@@ -116,7 +116,7 @@
 }
 
 .cancelButton:hover {
-  color: var(--zdt_base_color);
+  color: var(--zdt_toastmessage_cancel_hover_text);
 }
 
 .primary:hover,
@@ -249,7 +249,7 @@
 }
 
 .dropdown:hover i {
-  color: var(--zdt_base_color);
+  color: var(--zdt_toastmessage_cancel_hover_text);
 }
 
 .message {

package/es/alert/AlertHeader/AlertHeader.module.css

@@ -55,9 +55,7 @@
 
 /* icon size */
 
-.icon_delete,
-.icon_alert,
-.icon_remoteAssist {
+.icon_delete, .icon_alert, .icon_remoteAssist {
   font-size: var(--zd_font_size20) ;
 }
 
@@ -79,5 +77,5 @@
 }
 
 .text_default {
-  color: var(--zdt_base_color);
+  color: var(--zdt_alertheader_default_text);
 }