@zohodesk/dot 1.0.0-temp-204.6 → 1.0.0-temp-204.8

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

@@ -435,28 +435,25 @@
 	--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_attention_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonalert_primary_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)));
 	--zdt_commonalert_close_icon: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_close_light_icon: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--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_attention_hover_bg: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonalert_primary_hover_bg: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--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)));
 	--zdt_commonalert_warning_hover_bg: hsla(22, 33.33%, calc(25.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_light_hover_bg: hsla(223, 21.68%, calc(28.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_secondlayer_bg: rgb(46,54,66);
 	--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_attention_icon: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonalert_primary_icon: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--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)));
 	
 	/* alert icons */
@@ -470,13 +467,11 @@
 	--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_attention_bg: hsla(213, 27.27%, calc(23.73% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_primary_bg: hsla(213, 27.27%, calc(23.73% + var(--zdc_darker_lowest)), 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_attention_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_primary_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)));
-	--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)));
 	

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

@@ -435,28 +435,25 @@
 	--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_attention_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonalert_primary_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)));
 	--zdt_commonalert_close_icon: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_close_light_icon: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--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_attention_hover_bg: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonalert_primary_hover_bg: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--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)));
 	--zdt_commonalert_warning_hover_bg: hsla(26, 100.00%, calc(95.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_light_hover_bg: var(--zdtm_cta_grey_10_bg_darker_lowest);
 	--zdt_commonalert_secondlayer_bg: rgb(246,248,251);
 	--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_attention_icon: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonalert_primary_icon: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--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)));
 	
 	/* alert icons */
@@ -470,13 +467,11 @@
 	--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_attention_bg: hsla(212, 86.67%, calc(97.06% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_primary_bg: hsla(212, 86.67%, calc(97.06% + var(--zdc_darker_lowest)), 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_attention_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_primary_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)));
-	--zdt_globalnotification_error_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_warning_bg: hsla(24, 100.00%, calc(97.06% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_globalnotification_warning_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	

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

@@ -435,28 +435,25 @@
 	--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_attention_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonalert_primary_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)));
 	--zdt_commonalert_close_icon: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_close_light_icon: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--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_attention_hover_bg: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonalert_primary_hover_bg: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--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)));
 	--zdt_commonalert_warning_hover_bg: hsla(22, 33.33%, calc(25.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_light_hover_bg: hsla(0, 0.00%, calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_commonalert_secondlayer_bg: rgb(40,40,40);
 	--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_attention_icon: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonalert_primary_icon: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--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)));
 	
 	/* alert icons */
@@ -470,13 +467,11 @@
 	--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_attention_bg: hsla(213, 19.57%, calc(18.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_primary_bg: hsla(213, 19.57%, calc(18.04% + var(--zdc_darker_lowest)), 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_attention_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_globalnotification_primary_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)));
 	

package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -35,7 +35,7 @@ export default function DesktopNotificationHeader(props) {
   return /*#__PURE__*/React.createElement(Container, {
     align: "vertical",
     alignBox: "row",
-    className: `${style.container} ${style[variant]} ${style[type]}`,
+    className: `${style.container} ${style[variant + '_header']} ${style[type]}`,
     isCover: false,
     wrap: "wrap"
   }, /*#__PURE__*/React.createElement(ResponsiveReceiver, {

package/es/version2/AlertClose/AlertClose.module.css

@@ -34,14 +34,11 @@
   background-color: var(--zdt_commonalert_warning_hover_bg);
 }
 
-.danger:hover {
+.danger:hover, .error:hover {
   background-color: var(--zdt_commonalert_danger_hover_bg);
 }
 
-.error:hover {
-  background-color: var(--zdt_commonalert_error_hover_bg);
-}
 
-.attention:hover {
-  background-color: var(--zdt_commonalert_attention_hover_bg);
+.primary:hover {
+  background-color: var(--zdt_commonalert_primary_hover_bg);
 }

package/es/version2/AlertClose/props/propTypes.js

@@ -4,5 +4,5 @@ export const propTypes = {
   dataId: PropTypes.string,
   dataTitle: PropTypes.string,
   onClose: PropTypes.func,
-  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'light', 'attention'])
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'light', 'primary'])
 };

package/es/version2/GlobalNotification/GlobalNotification.module.css

@@ -126,17 +126,12 @@
   --globalnotification_text_color: var(--zdt_globalnotification_info_text);
 }
 
-.danger {
+.danger,.error {
   --commonalert_border_color: var(--zdt_commonalert_danger_border);
   --globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
   --globalnotification_text_color: var(--zdt_globalnotification_danger_text);
 }
 
-.error {
-  --commonalert_border_color: var(--zdt_commonalert_error_border);
-  --globalnotification_bg_color: var(--zdt_globalnotification_error_bg);
-  --globalnotification_text_color: var(--zdt_globalnotification_error_text);
-}
 
 .warning {
   --commonalert_border_color: var(--zdt_commonalert_warning_border);
@@ -144,10 +139,10 @@
   --globalnotification_text_color: var(--zdt_globalnotification_warning_text);
 }
 
-.attention {
-  --commonalert_border_color: var(--zdt_commonalert_attention_border);
-  --globalnotification_bg_color: var(--zdt_globalnotification_attention_bg);
-  --globalnotification_text_color: var(--zdt_globalnotification_attention_text);
+.primary {
+  --commonalert_border_color: var(--zdt_commonalert_primary_border);
+  --globalnotification_bg_color: var(--zdt_globalnotification_primary_bg);
+  --globalnotification_text_color: var(--zdt_globalnotification_primary_text);
 }
 
 

package/es/version2/GlobalNotification/props/propTypes.js

@@ -5,7 +5,7 @@ export const propTypes = {
   message: PropTypes.string,
   onClick: PropTypes.func,
   showMessage: PropTypes.bool,
-  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'attention']),
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'primary']),
   i18nKeys: PropTypes.object,
   customProps: PropTypes.shape({
     ExtraProps: PropTypes.object
@@ -22,7 +22,7 @@ export const UI_propTypes = {
   closeTitle: PropTypes.string,
   message: PropTypes.string,
   onClick: PropTypes.func,
-  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'attention']),
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'primary']),
   customProps: PropTypes.shape({
     ExtraProps: PropTypes.object
   }),

package/es/version2/alertIcons/AlertIcons.js

@@ -30,7 +30,7 @@ let alertIconsObject = {
   alarm: {
     AlertIcon: AlarmAlertIcon
   },
-  attention: {
+  primary: {
     AlertIcon: InfoAlertIcon
   }
 };

package/es/version2/alertIcons/AlertIcons.module.css

@@ -31,7 +31,7 @@
     fill: var(--alerticons_fill);
 }
 
-.danger {
+.danger,.error {
     --alerticons_fill: var(--zdt_commonalert_danger_icon);
 }
 
@@ -39,10 +39,6 @@
     --alerticons_fill: var(--zdt_commonalert_success_icon);
 }
 
-.error {
-    --alerticons_fill: var(--zdt_commonalert_error_icon);
-}
-
 .info,
 .notification,
 .alarm {
@@ -53,8 +49,8 @@
     --alerticons_fill: var(--zdt_commonalert_warning_icon);
 }
 
-.attention {
-    --alerticons_fill: var(--zdt_commonalert_attention_icon);
+.primary {
+    --alerticons_fill: var(--zdt_commonalert_primary_icon);
 }
 
 .danger_primary,
@@ -64,7 +60,7 @@
 .error_primary,
 .notify_primary,
 .alarm_primary,
-.attention_primary {
+.primary_primary {
     fill: var(--zdt_commonalert_secondlayer_bg);
 }
 
@@ -75,7 +71,7 @@
 .error_secondary,
 .notify_secondary,
 .alarm_secondary,
-.attention_secondary {
+.primary_secondary {
     fill: var(--alerticons_fill);
     opacity: 0.1;
 }

package/es/version2/alertIcons/props/propTypes.js

@@ -4,7 +4,7 @@ export const AlarmAlertIcon_propTypes = {
   variant: PropTypes.oneOf(['primary', 'secondary'])
 };
 export const AlertIcons_propTypes = {
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm', 'attention']),
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm', 'primary']),
   variant: PropTypes.oneOf(['primary', 'secondary']),
   dataSelectorId: PropTypes.string
 };

package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css

@@ -27,14 +27,10 @@
   --commonalert_border_color: var(--zdt_commonalert_info_border);
 }
 
-.danger {
+.danger,.error {
   --commonalert_border_color: var(--zdt_commonalert_danger_border);
 }
 
-.error {
-  --commonalert_border_color: var(--zdt_commonalert_error_border);
-}
-
 .warning {
   --commonalert_border_color: var(--zdt_commonalert_warning_border);
 }

package/es/version2/notification/DesktopNotification/DesktopNotification.js

@@ -28,7 +28,7 @@ let buttonPaletteObject = {
   notification: {
     buttonPalette: 'primaryFilled'
   },
-  attention: {
+  primary: {
     buttonPalette: 'primaryFilled'
   }
 };

package/es/version2/notification/DesktopNotification/props/propTypes.js

@@ -8,7 +8,7 @@ export const propTypes = {
   responsiveId: PropTypes.string
 };
 export const DesktopNotificationUI_propTypes = {
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm', 'attention']),
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm', 'primary']),
   cancelText: PropTypes.string,
   submitText: PropTypes.string,
   submitType: PropTypes.oneOf(['primary', 'danger', 'success']),

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -39,7 +39,7 @@ export default class DesktopNotificationHeader extends Component {
     return /*#__PURE__*/React.createElement(Container, {
       align: "vertical",
       alignBox: "row",
-      className: `${style.container} ${style[variant]} ${style[type]}`,
+      className: `${style.container} ${style[variant + '_header']} ${style[type]}`,
       isCover: false,
       wrap: "wrap"
     }, /*#__PURE__*/React.createElement(ResponsiveReceiver, {

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css

@@ -41,71 +41,69 @@
   --commonalert_border_color: var(--zdt_commonalert_info_border);
 }
 
-.danger {
+.danger,.error {
   --commonalert_border_color: var(--zdt_commonalert_danger_border);
 }
 
-.error {
-  --commonalert_border_color: var(--zdt_commonalert_error_border);
-}
+
 
 .warning {
   --commonalert_border_color: var(--zdt_commonalert_warning_border);
 }
 
-.attention {
-  --commonalert_border_color: var(--zdt_commonalert_attention_border);
+.primary {
+  --commonalert_border_color: var(--zdt_commonalert_primary_border);
 }
 
 
 
 /* Primary Header */
-[dir=ltr] .primary {
+[dir=ltr] .primary_header {
   padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
 }
-[dir=rtl] .primary {
+[dir=rtl] .primary_header {
   padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
 }
 
-.primary .iconContainer {
+.primary_header .iconContainer {
   height: var(--zd_size51) ;
   width: var(--zd_size51) ;
 }
 
-.primary .infoText {
+.primary_header .infoText {
   line-height: 1;
 }
 
-.primary .close {
+.primary_header .close {
   position: absolute;
   top: var(--zd_size12) ;
 }
 
-[dir=ltr] .primary .close {
+[dir=ltr] .primary_header .close {
   right: var(--zd_size12) ;
 }
 
-[dir=rtl] .primary .close {
+[dir=rtl] .primary_header .close {
   left: var(--zd_size12) ;
 }
 
 /* Secondary Header */
-.secondary {
+.secondary_header {
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
 }
-[dir=ltr] .secondary {
+[dir=ltr] .secondary_header {
   padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
 }
-[dir=rtl] .secondary {
+[dir=rtl] .secondary_header {
   padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
 }
 
-.secondary .infoText {
+.secondary_header .infoText {
   line-height: 1.4286;
 }
 
-.secondary .iconContainer {
+.secondary_header .iconContainer {
   height: var(--zd_size44) ;
   width: var(--zd_size44) ;
   position: absolute;
@@ -114,27 +112,27 @@
   margin: auto 0 ;
 }
 
-[dir=ltr] .secondary .iconContainer {
+[dir=ltr] .secondary_header .iconContainer {
   left: var(--zd_size18) ;
 }
 
-[dir=rtl] .secondary .iconContainer {
+[dir=rtl] .secondary_header .iconContainer {
   right: var(--zd_size18) ;
 }
 
-.secondary .close {
+.secondary_header .close {
   position: absolute;
   top: 0 ;
   bottom: 0 ;
   height: var(--zd_size25) ;
 }
 
-[dir=ltr] .secondary .close {
+[dir=ltr] .secondary_header .close {
   right: var(--zd_size12) ;
   margin: auto 0 auto var(--zd_size25) ;
 }
 
-[dir=rtl] .secondary .close {
+[dir=rtl] .secondary_header .close {
   left: var(--zd_size12) ;
   margin: auto var(--zd_size25) auto 0 ;
 }

package/es/version2/notification/DesktopNotificationHeader/props/propTypes.js

@@ -6,7 +6,7 @@ export const propTypes = {
   needIcon: PropTypes.bool,
   onClose: PropTypes.func,
   title: PropTypes.string,
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm', 'attention']),
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm', 'primary']),
   variant: PropTypes.oneOf(['primary', 'secondary']),
   responsiveId: PropTypes.string
 };

package/lib/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -50,7 +50,7 @@ function DesktopNotificationHeader(props) {
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     align: "vertical",
     alignBox: "row",
-    className: "".concat(_DesktopNotificationHeaderModule["default"].container, " ").concat(_DesktopNotificationHeaderModule["default"][variant], " ").concat(_DesktopNotificationHeaderModule["default"][type]),
+    className: "".concat(_DesktopNotificationHeaderModule["default"].container, " ").concat(_DesktopNotificationHeaderModule["default"][variant + '_header'], " ").concat(_DesktopNotificationHeaderModule["default"][type]),
     isCover: false,
     wrap: "wrap"
   }, /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {

package/lib/version2/AlertClose/AlertClose.module.css

@@ -34,14 +34,11 @@
   background-color: var(--zdt_commonalert_warning_hover_bg);
 }
 
-.danger:hover {
+.danger:hover, .error:hover {
   background-color: var(--zdt_commonalert_danger_hover_bg);
 }
 
-.error:hover {
-  background-color: var(--zdt_commonalert_error_hover_bg);
-}
 
-.attention:hover {
-  background-color: var(--zdt_commonalert_attention_hover_bg);
+.primary:hover {
+  background-color: var(--zdt_commonalert_primary_hover_bg);
 }

package/lib/version2/AlertClose/props/propTypes.js

@@ -14,6 +14,6 @@ var propTypes = {
   dataId: _propTypes["default"].string,
   dataTitle: _propTypes["default"].string,
   onClose: _propTypes["default"].func,
-  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'light', 'attention'])
+  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'light', 'primary'])
 };
 exports.propTypes = propTypes;

package/lib/version2/GlobalNotification/GlobalNotification.module.css

@@ -126,17 +126,12 @@
   --globalnotification_text_color: var(--zdt_globalnotification_info_text);
 }
 
-.danger {
+.danger,.error {
   --commonalert_border_color: var(--zdt_commonalert_danger_border);
   --globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
   --globalnotification_text_color: var(--zdt_globalnotification_danger_text);
 }
 
-.error {
-  --commonalert_border_color: var(--zdt_commonalert_error_border);
-  --globalnotification_bg_color: var(--zdt_globalnotification_error_bg);
-  --globalnotification_text_color: var(--zdt_globalnotification_error_text);
-}
 
 .warning {
   --commonalert_border_color: var(--zdt_commonalert_warning_border);
@@ -144,10 +139,10 @@
   --globalnotification_text_color: var(--zdt_globalnotification_warning_text);
 }
 
-.attention {
-  --commonalert_border_color: var(--zdt_commonalert_attention_border);
-  --globalnotification_bg_color: var(--zdt_globalnotification_attention_bg);
-  --globalnotification_text_color: var(--zdt_globalnotification_attention_text);
+.primary {
+  --commonalert_border_color: var(--zdt_commonalert_primary_border);
+  --globalnotification_bg_color: var(--zdt_globalnotification_primary_bg);
+  --globalnotification_text_color: var(--zdt_globalnotification_primary_text);
 }
 
 

package/lib/version2/GlobalNotification/props/propTypes.js

@@ -15,7 +15,7 @@ var propTypes = {
   message: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
   showMessage: _propTypes["default"].bool,
-  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'attention']),
+  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'primary']),
   i18nKeys: _propTypes["default"].object,
   customProps: _propTypes["default"].shape({
     ExtraProps: _propTypes["default"].object
@@ -33,7 +33,7 @@ var UI_propTypes = {
   closeTitle: _propTypes["default"].string,
   message: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
-  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'attention']),
+  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'primary']),
   customProps: _propTypes["default"].shape({
     ExtraProps: _propTypes["default"].object
   }),

package/lib/version2/alertIcons/AlertIcons.js

@@ -75,7 +75,7 @@ var alertIconsObject = {
   alarm: {
     AlertIcon: _AlarmAlertIcon["default"]
   },
-  attention: {
+  primary: {
     AlertIcon: _InfoAlertIcon["default"]
   }
 };

package/lib/version2/alertIcons/AlertIcons.module.css

@@ -31,7 +31,7 @@
     fill: var(--alerticons_fill);
 }
 
-.danger {
+.danger,.error {
     --alerticons_fill: var(--zdt_commonalert_danger_icon);
 }
 
@@ -39,10 +39,6 @@
     --alerticons_fill: var(--zdt_commonalert_success_icon);
 }
 
-.error {
-    --alerticons_fill: var(--zdt_commonalert_error_icon);
-}
-
 .info,
 .notification,
 .alarm {
@@ -53,8 +49,8 @@
     --alerticons_fill: var(--zdt_commonalert_warning_icon);
 }
 
-.attention {
-    --alerticons_fill: var(--zdt_commonalert_attention_icon);
+.primary {
+    --alerticons_fill: var(--zdt_commonalert_primary_icon);
 }
 
 .danger_primary,
@@ -64,7 +60,7 @@
 .error_primary,
 .notify_primary,
 .alarm_primary,
-.attention_primary {
+.primary_primary {
     fill: var(--zdt_commonalert_secondlayer_bg);
 }
 
@@ -75,7 +71,7 @@
 .error_secondary,
 .notify_secondary,
 .alarm_secondary,
-.attention_secondary {
+.primary_secondary {
     fill: var(--alerticons_fill);
     opacity: 0.1;
 }