@zohodesk/dot 1.7.4 → 1.7.6

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, {

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

@@ -1,132 +1,138 @@
 .varClass {
   --commonalert_border_color: var(--zdt_commonalert_default_border);
 }
+
 .container {
-    composes: varClass;
-    min-height: var(--zd_size54) ;
-    position: relative;
-    color: var(--zdt_desktopnotification_text);
-    background-color: var(--alert_lookup_bg_color);
-    border-style: solid;
-    border-color: var(--commonalert_border_color);
-    border-width: 2px 0 0 0;
-  }
-
-  .title {
-    composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  }
-
-  [dir=ltr] .title {
+  composes: varClass;
+  min-height: var(--zd_size54) ;
+  position: relative;
+  color: var(--zdt_desktopnotification_text);
+  background-color: var(--alert_lookup_bg_color);
+  border-style: solid;
+  border-color: var(--commonalert_border_color);
+  border-width: 2px 0 0 0;
+}
+
+.title {
+  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+[dir=ltr] .title {
   margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
-  }
+}
 
-  [dir=rtl] .title {
-    margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
-  }
+[dir=rtl] .title {
+  margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
+}
 
-  .infoText {
-    max-width: 100% ;
-  }
+.infoText {
+  max-width: 100% ;
+}
 
-  /* Palette */
+/* Palette */
 
-  .success {
-    --commonalert_border_color: var(--zdt_commonalert_success_border);
-  }
+.success {
+  --commonalert_border_color: var(--zdt_commonalert_success_border);
+}
+
+.info,
+.notification,
+.alarm {
+  --commonalert_border_color: var(--zdt_commonalert_info_border);
+}
+
+.danger,.error {
+  --commonalert_border_color: var(--zdt_commonalert_danger_border);
+}
 
-  .info,.notification,.alarm {
-    --commonalert_border_color: var(--zdt_commonalert_info_border);
-  }
 
-  .danger {
-    --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);
+}
+
+.primary {
+  --commonalert_border_color: var(--zdt_commonalert_primary_border);
+}
 
-  .warning {
-    --commonalert_border_color: var(--zdt_commonalert_warning_border);
-  }
 
 
 /* Primary Header */
-[dir=ltr] .primary {
+[dir=ltr] .primary_header {
   padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
 }
-[dir=rtl] .primary {
-    padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
+[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 {
-    line-height: 1;
-  }
+.primary_header .infoText {
+  line-height: 1;
+}
 
-  .primary .close {
-    position: absolute;
-    top: var(--zd_size12) ;
-  }
+.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 {
-    left: var(--zd_size12) ;
-  }
-
-  /* Secondary Header */
-  .secondary {
-    composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-    border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-  }
-  [dir=ltr] .secondary {
+}
+
+[dir=rtl] .primary_header .close {
+  left: var(--zd_size12) ;
+}
+
+/* Secondary Header */
+.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_header {
   padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
-  }
-  [dir=rtl] .secondary {
-    padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
-  }
-
-  .secondary .infoText {
-    line-height: 1.4286;
-  }
-
-  .secondary .iconContainer {
-    height: var(--zd_size44) ;
-    width: var(--zd_size44) ;
-    position: absolute;
-    top: 0 ;
-    bottom: 0 ;
-    margin: auto 0 ;
-  }
-
-  [dir=ltr] .secondary .iconContainer {
+}
+[dir=rtl] .secondary_header {
+  padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
+}
+
+.secondary_header .infoText {
+  line-height: 1.4286;
+}
+
+.secondary_header .iconContainer {
+  height: var(--zd_size44) ;
+  width: var(--zd_size44) ;
+  position: absolute;
+  top: 0 ;
+  bottom: 0 ;
+  margin: auto 0 ;
+}
+
+[dir=ltr] .secondary_header .iconContainer {
   left: var(--zd_size18) ;
-  }
+}
 
-  [dir=rtl] .secondary .iconContainer {
-    right: var(--zd_size18) ;
-  }
+[dir=rtl] .secondary_header .iconContainer {
+  right: var(--zd_size18) ;
+}
 
-  .secondary .close {
-    position: absolute;
-    top: 0 ;
-    bottom: 0 ;
-    height: var(--zd_size25) ;
-  }
+.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 {
-    left: var(--zd_size12) ;
-    margin: auto var(--zd_size25) auto 0 ;
-  }
+[dir=rtl] .secondary_header .close {
+  left: var(--zd_size12) ;
+  margin: auto var(--zd_size25) auto 0 ;
+}

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

@@ -3,7 +3,7 @@
 exports[`DesktopNotificationHeader rendering the defult props 1`] = `
 <DocumentFragment>
   <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/DesktopNotificationHeader/props/propTypes.js

@@ -16,7 +16,7 @@ var propTypes = {
   needIcon: _propTypes["default"].bool,
   onClose: _propTypes["default"].func,
   title: _propTypes["default"].string,
-  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']),
   responsiveId: _propTypes["default"].string
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.7.4",
+  "version": "1.7.6",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -63,7 +63,7 @@
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.2.7",
-    "@zohodesk/components": "1.2.54",
+    "@zohodesk/components": "1.2.56",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.0.70",
     "@zohodesk/svg": "1.1.22",
@@ -76,7 +76,7 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.2.54",
+    "@zohodesk/components": "1.2.56",
     "@zohodesk/icons": "1.0.70",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/virtualizer": "1.0.3",

package/propValidationArg.json

@@ -7,6 +7,6 @@
     "need_report": true,
     "prop_validation_strict_mode": true,
     "prop_validation_log": false,
-    "prop_unification_strict_mode": true,
+    "prop_unification_strict_mode": false,
     "prop_unification_log": false
 }