@zohodesk/dot 1.4.2 → 1.4.4

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

@@ -67,7 +67,7 @@
 }
 
 .primary .infoText {
-    line-height: var(--zd_size18);
+    line-height: 1;
   }
 
   .primary .close {
@@ -96,7 +96,7 @@
   }
 
   .secondary .infoText {
-    line-height: var(--zd_size20);
+    line-height: 1.4286;
   }
 
   .secondary .iconContainer {

package/lib/Attachment/Attachment.js

@@ -69,12 +69,13 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
           tooltip = _this$props.tooltip,
           fileInfo = _this$props.fileInfo,
           i18nKeys = _this$props.i18nKeys,
-          dataSelectorId = _this$props.dataSelectorId;
+          dataSelectorId = _this$props.dataSelectorId,
+          isDisabled = _this$props.isDisabled;
       var _i18nKeys$downloadTit = i18nKeys.downloadTitle,
           downloadTitle = _i18nKeys$downloadTit === void 0 ? 'Download' : _i18nKeys$downloadTit;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         isInline: true,
-        className: "".concat(_AttachmentModule["default"].attachment, " ").concat(onClick ? _AttachmentModule["default"].attachmentHover : '', " ").concat(_AttachmentModule["default"]["palette_".concat(palette)], " ").concat(_AttachmentModule["default"][size]),
+        className: "".concat(_AttachmentModule["default"].attachment, " ").concat(isDisabled ? _AttachmentModule["default"].disableAttachment : "", " ").concat(onClick ? _AttachmentModule["default"].attachmentHover : '', " ").concat(_AttachmentModule["default"]["palette_".concat(palette)], " ").concat(_AttachmentModule["default"][size]),
         onClick: onClick,
         dataId: dataId,
         "data-title": tooltip,
@@ -115,7 +116,7 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
         adjust: true,
         shrink: true,
         "data-title": fileInfo
-      }, fileInfo)) : null)))), downloadLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      }, fileInfo)) : null)))), downloadLink && !isDisabled ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
         target: "_self",
         href: downloadLink,
         className: _AttachmentModule["default"].attachDownload,
@@ -124,7 +125,10 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-downloadNew",
         iconClass: _AttachmentModule["default"].downIcon
-      })) : null);
+      })) : null, isDisabled ? /*#__PURE__*/_react["default"].createElement("div", {
+        "data-title": tooltip,
+        className: _AttachmentModule["default"].disableLayer
+      }) : null);
     }
   }]);
 

package/lib/Attachment/Attachment.module.css

@@ -6,6 +6,25 @@
   border-radius: 2px;
 }
 
+.disableAttachment {
+  opacity: .6;
+}
+
+.disableLayer {
+  height: 100% ;
+  width: 100% ;
+  position: absolute;
+  top:0 
+}
+
+[dir=ltr] .disableLayer {
+  left:0 
+}
+
+[dir=rtl] .disableLayer {
+  right:0 
+}
+
 .attachmentHover {
   cursor: pointer;
 }
@@ -82,12 +101,12 @@
 
 .medium .atatchName {
   font-size: var(--zd_font_size14) ;
-  line-height: var(--zd_size20);
+  line-height: 1.4286;
 }
 
 .small .atatchName {
   font-size: var(--zd_font_size12) ;
-  line-height: var(--zd_size15);
+  line-height: 1.25;
 }
 
 .attachSize {
@@ -123,12 +142,14 @@
   left: calc( var(--zd_size1) * -1 ) ;
 }
 
+/* css:lineheight-validation:ignore */
 .medium .attachDownload {
   height: var(--zd_size25) ;
   width: var(--zd_size25) ;
   line-height: var(--zd_size23);
 }
 
+/* css:lineheight-validation:ignore */
 .small .attachDownload {
   height: var(--zd_size20) ;
   width: var(--zd_size20) ;

package/lib/Attachment/props/defaultProps.js

@@ -9,6 +9,7 @@ var defaultProps = {
   palette: 'default',
   dataId: 'attachment',
   i18nKeys: {},
-  dataSelectorId: 'attachment'
+  dataSelectorId: 'attachment',
+  isDisabled: false
 };
 exports.defaultProps = defaultProps;

package/lib/Attachment/props/propTypes.js

@@ -23,6 +23,7 @@ var propTypes = {
   i18nKeys: _propTypes["default"].shape({
     downloadTitle: _propTypes["default"].string
   }),
-  tooltip: _propTypes["default"].string
+  tooltip: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;

package/lib/AttachmentViewer/AttachmentViewer.module.css

@@ -79,7 +79,7 @@
     font-size: var(--zd_font_size22) ;
     height: var(--zd_size38) ;
     width: var(--zd_size38) ;
-    line-height: var(--zd_size36);
+    line-height: 1.6364;
     border-radius: 50%;
     cursor: pointer;
 }

package/lib/Drawer/Drawer.js

@@ -342,7 +342,7 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
           customClass = _this$props5.customClass,
           needAutoZindex = _this$props5.needAutoZindex,
           innerPortalName = _this$props5.innerPortalName;
-      var zindexNumber = this.getNextIndex();
+      var zindexNumber = isActive ? this.getNextIndex() : '';
       return /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
         query: this.responsiveFunc,
         responsiveId: responsiveId

package/lib/Hooks/Dragger/useDragger.js

@@ -78,8 +78,8 @@ function useDragger(_ref) {
     document.removeEventListener('mousemove', elementDrag);
   }, []);
   var dragMouseDown = (0, _react.useCallback)(function (e) {
-    e = e || window.event;
-    e.preventDefault();
+    e = e || window.event; // e.preventDefault();
+
     var draggableEleRect = draggableEle.current.getBoundingClientRect();
     var style = draggableEle.current.style;
     var width = draggableEleRect.width;

package/lib/ImportantNotes/ImportantNotes.module.css

@@ -2,19 +2,23 @@
   background: var(--zdt_importantnotes_bg);
   padding: var(--zd_size5) var(--zd_size10) ;
 }
+
 .title {
   font-size: var(--zd_font_size13) ;
-  line-height: var(--zd_font_size18);
+  line-height: 1.3846;
   color: var(--zdt_importantnotes_title_text);
 }
+
 .icon {
   color: var(--zdt_importantnotes_icon);
   font-size: 0 ;
   margin-top: var(--zd_size1) ;
 }
+
 [dir=ltr] .icon {
   margin-right: var(--zd_size5) ;
 }
+
 [dir=rtl] .icon {
   margin-left: var(--zd_size5) ;
-}
+}

package/lib/ToastMessage/ToastMessage.module.css

@@ -177,14 +177,14 @@
 .alertMessage {
   font-size: var(--zd_font_size12) ;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: var(--zd_size16);
+  line-height: 1.3333;
   color: var(--zdt_toastmessage_alert_text);
   margin-top: var(--zd_size5) ;
 }
 
 .buttonText {
   font-size: inherit ;
-  line-height: var(--zd_size14);
+  line-height: normal;
   text-align: center;
   padding: 0 var(--zd_size7) ;
   cursor: pointer;
@@ -290,6 +290,7 @@
   background: var(--zdt_toastmessage_dropdown_bg);
 }
 
+/* css:lineheight-validation:ignore */
 .fill {
   width: var(--zd_size29) ;
   height: var(--zd_size29) ;

package/lib/Upload/Upload.module.css

@@ -88,7 +88,7 @@
   width: var(--zd_size12) ;
   top: 0 ;
   position: absolute;
-  line-height: var(--zd_size10);
+  line-height: 0.8333;
   font-size: var(--zd_font_size12) ;
   text-align: center;
 }

package/lib/alert/AlertLookup/AlertLookup.module.css

@@ -3,7 +3,7 @@
 }
 
 .innerSection {
-  line-height: var(--zd_size25);
+  line-height: 1.6667;
   color: var(--zdt_alertlookup_innersection_text);
   font-size: var(--zd_font_size15) ;
   word-break: break-word;

package/lib/deprecated/SelectDropdown/SelectDropdown.module.css

@@ -1,12 +1,15 @@
+/* css:lineheight-validation:ignore */
 .container {
   position: relative;
   line-height: var(--zd_size18);
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
   padding: var(--zd_size3) var(--zd_size15) ;
   cursor: pointer;
-}[dir=ltr] .container {
+}
+[dir=ltr] .container {
   margin-left: var(--zd_size15) ;
-}[dir=rtl] .container {
+}
+[dir=rtl] .container {
   margin-right: var(--zd_size15) ;
 }
 .container:hover {

package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css

@@ -58,8 +58,11 @@
 [dir=rtl] .linkDesc, [dir=rtl] .desc {
   margin-left: var(--zd_size4) ;
 }
-.desc {
-  line-height: var(--zd_size19);
+.small .desc {
+  line-height: 1.584;
+}
+.medium .desc {
+  line-height: 1.358;
 }
 .link {
   /* css:theme-validation:ignore */

package/lib/errorstate/EmptyStates.module.css

@@ -33,15 +33,15 @@
 }
 .title {
   font-size: var(--zd_font_size50) ;
-  line-height: var(--zd_size70);
+  line-height: 1.4;
 }
 .tabletTitle {
   font-size: var(--zd_font_size24) ;
-  line-height: var(--zd_size50);
+  line-height: 2.0833;
 }
 .mobileTitle {
   font-size: var(--zd_font_size22) ;
-  line-height: var(--zd_size30);
+  line-height: 1.3636;
 }
 .subtitle {
   font-size: var(--zd_font_size30) ;

package/lib/errorstate/PermissionPlay/PermissionPlay.module.css

@@ -13,7 +13,7 @@
   font-size: var(--zd_font_size30) ;
 }
 .lastBox {
-  line-height: var(--zd_size24);
+  line-height: 1.7143;
   font-size: var(--zd_font_size14) ;
   margin: 0 auto ;
   margin-bottom: var(--zd_size20) ;

package/lib/form/fields/Fields.module.css

@@ -169,7 +169,7 @@
   color: var(--zdt_fields_phitag_text);
   font-size: var(--zd_font_size12) ;
   height: var(--zd_size18) ;
-  line-height: var(--zd_size18);
+  line-height: 1.5;
   background-color: var(--zdt_fields_phitag_bg);
   border: 1px solid var(--zdt_fields_phitag_border);
   padding: 0 var(--zd_size5) ;

package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css

@@ -12,7 +12,7 @@
   font-size: var(--zd_font_size12) ;
   display: inline-block;
   color: var(--zdt_setupdetail_backicon);
-  line-height: var(--zd_size30);
+  line-height: 2.5;
   text-align: center;
   border-radius: 50%;
   cursor: pointer;
@@ -29,7 +29,7 @@
 }
 .title {
   font-size: var(--zd_font_size16) ;
-  line-height: var(--zd_size16);
+  line-height: 1;
   font-family: var(--zd_semibold);
   color: var(--zdt_setupdetail_backicon);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
@@ -57,7 +57,7 @@
   padding: var(--zd_size12) 0 0 var(--zd_size15) ;
 }
 .helpInfo {
-  line-height: var(--zd_size26);
+  line-height: 2.3636;
   height: var(--zd_size28) ;
   width: var(--zd_size28) ;
   color: var(--zdt_setupdetail_helpinfo_text);
@@ -120,7 +120,7 @@
   height: var(--zd_size26) ;
   width: var(--zd_size26) ;
   font-size: var(--zd_font_size12) ;
-  line-height: var(--zd_size24);
+  line-height: 2;
   text-align: center;
   border: 1px solid var(--zdt_setupdetail_infoicon_border);
   border-radius: 2px;

package/lib/list/listCommon.module.css

@@ -20,6 +20,7 @@
   font-size: var(--zd_font_size16) ;
 }
 
+/* css:lineheight-validation:ignore */
 .secondaryPanel {
   line-height: var(--zd_size18);
   composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';

package/lib/list/status/StatusListItem/StatusListItem.module.css

@@ -31,7 +31,7 @@
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
 }
 .value,.multiLineValue {
-  line-height: var(--zd_size20);
+  line-height: 1.5385;
 }
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';

package/lib/lookup/Lookup/Lookup.js

@@ -100,7 +100,8 @@ var Lookup = /*#__PURE__*/function (_Component) {
           childAnimationName = _this$props.childAnimationName,
           onClose = _this$props.onClose,
           needFocusScope = _this$props.needFocusScope,
-          customProps = _this$props.customProps;
+          customProps = _this$props.customProps,
+          isFlexWrapper = _this$props.isFlexWrapper;
       var _a11y$role = a11y.role,
           role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
           ariaLabelledby = a11y.ariaLabelledby,
@@ -134,7 +135,13 @@ var Lookup = /*#__PURE__*/function (_Component) {
         className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
         "data-id": dataId,
         "data-test-id": dataId
-      }, children);
+      }, isFlexWrapper ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        "data-drag-container": "true",
+        isCover: false,
+        className: "".concat(_LookupModule["default"].wrapper)
+      }, children) : /*#__PURE__*/_react["default"].createElement("div", {
+        "data-drag-container": "true"
+      }, children));
 
       return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
         align: "horizontal",

package/lib/lookup/Lookup/Lookup.module.css

@@ -1,3 +1,8 @@
+.wrapper {
+  max-height: 85vh ;
+  min-height: var(--zd_size440) ;
+}
+
 .container {
   font-size: var(--zd_font_size16) ;
   padding-bottom: var(--zd_size10) ;

package/lib/lookup/Lookup/props/defaultProps.js

@@ -10,6 +10,7 @@ var defaultProps = {
   a11y: {},
   childAnimationName: 'flyDown',
   needFocusScope: false,
-  customProps: {}
+  customProps: {},
+  isFlexWrapper: true
 };
 exports.defaultProps = defaultProps;

package/lib/lookup/Lookup/props/propTypes.js

@@ -28,6 +28,7 @@ var propTypes = {
   customProps: _propTypes["default"].object,
   forwardRef: _propTypes["default"].object,
   onClick: _propTypes["default"].func,
-  onClose: _propTypes["default"].func
+  onClose: _propTypes["default"].func,
+  isFlexWrapper: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;

package/lib/lookup/Section/LookupSection.module.css

@@ -1,8 +1,9 @@
 .section {
-  max-height: 80% ;
-  min-height: var(--zd_size390) ;
-  height: auto ;
+  /* max-height: 80%; */
+  /* min-height: 390px; */
+  /* height: auto; */
+  composes: flexgrow from '~@zohodesk/components/lib/common/common.module.css';
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--zdt_lookupsection_bg);
-  box-shadow: var(--zd_bs_lookupsection_shadow);
+  box-shadow: var(--zd_bs_lookupsection_shadow)
 }

package/lib/lookup/Section/Section.js

@@ -59,7 +59,6 @@ var Section = /*#__PURE__*/function (_Component) {
           alignBox = _this$props.alignBox,
           className = _this$props.className;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        "data-drag-container": "true",
         alignBox: alignBox,
         className: "".concat(_LookupSectionModule["default"].section, " ").concat(className ? className : '')
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/lookup/header/Close/LookupClose.module.css

@@ -1,7 +1,7 @@
 .container {
   width: var(--zd_size25) ;
   height: var(--zd_size25) ;
-  line-height: var(--zd_size25);
+  line-height: 2.7778;
   color: var(--zdt_lookupclose_default_text);
   transition: var(--zd_transition2) cubic-bezier(0.4, 1, 0.65, 1);
   font-size: var(--zd_font_size9) ;