@zohodesk/dot 1.7.5 → 1.7.7

package/lib/DotProvider/utils/themeColorAssetsConfig.js

@@ -20,227 +20,227 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var themeColorImports = {
   Lib_Blue_Light_Component: function Lib_Blue_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_Light_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_Light_Component"));
     });
   },
   Lib_Blue_Dark_Component: function Lib_Blue_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_Dark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_Dark_Component"));
     });
   },
   Lib_Blue_PureDark_Component: function Lib_Blue_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_PureDark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_PureDark_Component"));
     });
   },
   Lib_Green_Light_Component: function Lib_Green_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_Light_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_Light_Component"));
     });
   },
   Lib_Green_Dark_Component: function Lib_Green_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_Dark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_Dark_Component"));
     });
   },
   Lib_Green_PureDark_Component: function Lib_Green_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_PureDark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_PureDark_Component"));
     });
   },
   Lib_Orange_Light_Component: function Lib_Orange_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_Light_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_Light_Component"));
     });
   },
   Lib_Orange_Dark_Component: function Lib_Orange_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_Dark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_Dark_Component"));
     });
   },
   Lib_Orange_PureDark_Component: function Lib_Orange_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_PureDark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_PureDark_Component"));
     });
   },
   Lib_Red_Light_Component: function Lib_Red_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_Light_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_Light_Component"));
     });
   },
   Lib_Red_Dark_Component: function Lib_Red_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_Dark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_Dark_Component"));
     });
   },
   Lib_Red_PureDark_Component: function Lib_Red_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_PureDark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_PureDark_Component"));
     });
   },
   Lib_Yellow_Light_Component: function Lib_Yellow_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_Light_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_Light_Component"));
     });
   },
   Lib_Yellow_Dark_Component: function Lib_Yellow_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_Dark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_Dark_Component"));
     });
   },
   Lib_Yellow_PureDark_Component: function Lib_Yellow_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_PureDark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_PureDark_Component"));
     });
   },
   Lib_Blue_Light_Dot: function Lib_Blue_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_Light_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_Light_Dot"));
     });
   },
   Lib_Blue_Dark_Dot: function Lib_Blue_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_Dark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_Dark_Dot"));
     });
   },
   Lib_Blue_PureDark_Dot: function Lib_Blue_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_PureDark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_PureDark_Dot"));
     });
   },
   Lib_Green_Light_Dot: function Lib_Green_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_Light_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_Light_Dot"));
     });
   },
   Lib_Green_Dark_Dot: function Lib_Green_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_Dark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_Dark_Dot"));
     });
   },
   Lib_Green_PureDark_Dot: function Lib_Green_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_PureDark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_PureDark_Dot"));
     });
   },
   Lib_Orange_Light_Dot: function Lib_Orange_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_Light_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_Light_Dot"));
     });
   },
   Lib_Orange_Dark_Dot: function Lib_Orange_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_Dark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_Dark_Dot"));
     });
   },
   Lib_Orange_PureDark_Dot: function Lib_Orange_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_PureDark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_PureDark_Dot"));
     });
   },
   Lib_Red_Light_Dot: function Lib_Red_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_Light_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_Light_Dot"));
     });
   },
   Lib_Red_Dark_Dot: function Lib_Red_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_Dark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_Dark_Dot"));
     });
   },
   Lib_Red_PureDark_Dot: function Lib_Red_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_PureDark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_PureDark_Dot"));
     });
   },
   Lib_Yellow_Light_Dot: function Lib_Yellow_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_Light_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_Light_Dot"));
     });
   },
   Lib_Yellow_Dark_Dot: function Lib_Yellow_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot"));
     });
   },
   Lib_Yellow_PureDark_Dot: function Lib_Yellow_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot"));
     });
   },
   Lib_Blue_Light_SVG: function Lib_Blue_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_Light_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_Light_SVG"));
     });
   },
   Lib_Blue_Dark_SVG: function Lib_Blue_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_Dark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_Dark_SVG"));
     });
   },
   Lib_Blue_PureDark_SVG: function Lib_Blue_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_PureDark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_PureDark_SVG"));
     });
   },
   Lib_Green_Light_SVG: function Lib_Green_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_Light_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_Light_SVG"));
     });
   },
   Lib_Green_Dark_SVG: function Lib_Green_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_Dark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_Dark_SVG"));
     });
   },
   Lib_Green_PureDark_SVG: function Lib_Green_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_PureDark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_PureDark_SVG"));
     });
   },
   Lib_Orange_Light_SVG: function Lib_Orange_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_Light_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_Light_SVG"));
     });
   },
   Lib_Orange_Dark_SVG: function Lib_Orange_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_Dark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_Dark_SVG"));
     });
   },
   Lib_Orange_PureDark_SVG: function Lib_Orange_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_PureDark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_PureDark_SVG"));
     });
   },
   Lib_Red_Light_SVG: function Lib_Red_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_Light_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_Light_SVG"));
     });
   },
   Lib_Red_Dark_SVG: function Lib_Red_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_Dark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_Dark_SVG"));
     });
   },
   Lib_Red_PureDark_SVG: function Lib_Red_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_PureDark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_PureDark_SVG"));
     });
   },
   Lib_Yellow_Light_SVG: function Lib_Yellow_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_Light_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_Light_SVG"));
     });
   },
   Lib_Yellow_Dark_SVG: function Lib_Yellow_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG"));
     });
   },
   Lib_Yellow_PureDark_SVG: function Lib_Yellow_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG"));
     });
   }
 };

package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap

@@ -19,7 +19,7 @@ exports[`FlipCard rendering the defult props 1`] = `
           class="container pointer primary 
            inflex rowdir vCenter"
           data-id="listViewCheckBox_undefined"
-          data-selector-id="container"
+          data-selector-id="checkbox_undefined"
           data-test-id="listViewCheckBox_undefined"
           role="checkbox"
           tabindex="0"

package/lib/form/fields/SelectField/SelectField.js

@@ -204,7 +204,8 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
         needLocalSearch: needLocalSearch,
         isDefaultSelectValue: isDefaultSelectValue,
         placeHolder: placeHolder,
-        iconOnHover: iconOnHover
+        iconOnHover: iconOnHover,
+        title: title
       }, SelectProps, {
         ariaLabelledby: uniqueId
       }), children ? children : null)), validationMessage && /*#__PURE__*/_react["default"].createElement(_ValidationMessage["default"], _extends({

package/lib/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap

@@ -23,7 +23,7 @@ exports[`AvatarFlip rendering the defult props 1`] = `
           class="container pointer primary 
            inflex rowdir vCenter"
           data-id="listViewCheckBox_undefined"
-          data-selector-id="container"
+          data-selector-id="checkbox_undefined"
           data-test-id="listViewCheckBox_undefined"
           role="checkbox"
           tabindex="0"

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

@@ -27,17 +27,18 @@
 }
 
 .info:hover {
-  background-color:var(--zdt_commonalert_info_hover_bg);
+  background-color: var(--zdt_commonalert_info_hover_bg);
 }
 
 .warning:hover {
   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);
+
+.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'])
+  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,6 +139,13 @@
   --globalnotification_text_color: var(--zdt_globalnotification_warning_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);
+}
+
+
 .text {
   font-size: var(--zd_font_size14) ;
   font-family: var(--zd_semibold);
@@ -152,10 +154,12 @@
   overflow: hidden;
 }
 
+
 [dir=ltr] .text {
   text-align: left;
 }
 
+
 [dir=rtl] .text {
   text-align: right;
 }

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']),
+  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']),
+  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'primary']),
   customProps: _propTypes["default"].shape({
     ExtraProps: _propTypes["default"].object
   }),

package/lib/version2/alertIcons/AlertIcons.js

@@ -74,6 +74,9 @@ var alertIconsObject = {
   },
   alarm: {
     AlertIcon: _AlarmAlertIcon["default"]
+  },
+  primary: {
+    AlertIcon: _InfoAlertIcon["default"]
   }
 };
 

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

@@ -8,6 +8,7 @@
     width: 100% ;
     height: 100% ;
 }
+
 /* Common */
 .outer_cls2 {
     fill: var(--zdt_alerticons_green_fill);
@@ -29,28 +30,37 @@
 .outer_cls6 {
     fill: var(--alerticons_fill);
 }
-.danger {
+
+.danger,.error {
     --alerticons_fill: var(--zdt_commonalert_danger_icon);
 }
+
 .success {
     --alerticons_fill: var(--zdt_commonalert_success_icon);
 }
-.error {
-    --alerticons_fill: var(--zdt_commonalert_error_icon);
-}
-.info,.notification,.alarm {
+
+.info,
+.notification,
+.alarm {
     --alerticons_fill: var(--zdt_commonalert_info_icon);
 }
+
 .warning {
     --alerticons_fill: var(--zdt_commonalert_warning_icon);
 }
+
+.primary {
+    --alerticons_fill: var(--zdt_commonalert_primary_icon);
+}
+
 .danger_primary,
 .info_primary,
 .warning_primary,
 .success_primary,
 .error_primary,
 .notify_primary,
-.alarm_primary {
+.alarm_primary,
+.primary_primary {
     fill: var(--zdt_commonalert_secondlayer_bg);
 }
 
@@ -60,8 +70,8 @@
 .success_secondary,
 .error_secondary,
 .notify_secondary,
-.alarm_secondary {
+.alarm_secondary,
+.primary_secondary {
     fill: var(--alerticons_fill);
     opacity: 0.1;
-}
-
+}

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

@@ -15,7 +15,7 @@ var AlarmAlertIcon_propTypes = {
 };
 exports.AlarmAlertIcon_propTypes = AlarmAlertIcon_propTypes;
 var AlertIcons_propTypes = {
-  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm', 'primary']),
   variant: _propTypes["default"].oneOf(['primary', 'secondary']),
   dataSelectorId: _propTypes["default"].string
 };

package/lib/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/lib/version2/notification/DesktopNotification/DesktopNotification.js

@@ -56,6 +56,9 @@ var buttonPaletteObject = {
   },
   notification: {
     buttonPalette: 'primaryFilled'
+  },
+  primary: {
+    buttonPalette: 'primaryFilled'
   }
 };
 

package/lib/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap

@@ -21,7 +21,7 @@ exports[`DesktopNotification rendering the defult props 1`] = `
         data-test-id="boxComponent"
       >
         <div
-          class="container primary undefined flex rowdir wrap vCenter"
+          class="container primary_header undefined flex rowdir wrap vCenter"
           data-id="containerComponent"
           data-selector-id="container"
           data-test-id="containerComponent"

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

@@ -19,7 +19,7 @@ var propTypes = {
 };
 exports.propTypes = propTypes;
 var DesktopNotificationUI_propTypes = {
-  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm', 'primary']),
   cancelText: _propTypes["default"].string,
   submitText: _propTypes["default"].string,
   submitType: _propTypes["default"].oneOf(['primary', 'danger', 'success']),

package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -89,7 +89,7 @@ var DesktopNotificationHeader = /*#__PURE__*/function (_Component) {
       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, {