@zohodesk/dot 1.0.0-temp-166 → 1.0.0-temp-168

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: 1.5;
+  line-height: var(--zd_size18);
   background-color: var(--zdt_fields_phitag_bg);
   border: 1px solid var(--zdt_fields_phitag_border);
   padding: 0 var(--zd_size5) ;

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

@@ -5,6 +5,7 @@
   display: inline;
 }
 .icon{
+  /* css:theme-validation:ignore */
   color:var(--label_text_color);
   display: inline-block;
   margin: 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: 2.5;
+  line-height: var(--zd_size30);
   text-align: center;
   border-radius: 50%;
   cursor: pointer;
@@ -29,7 +29,7 @@
 }
 .title {
   font-size: var(--zd_font_size16) ;
-  line-height: 1;
+  line-height: var(--zd_size16);
   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: 2.3636;
+  line-height: var(--zd_size26);
   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: 2;
+  line-height: var(--zd_size24);
   text-align: center;
   border: 1px solid var(--zdt_setupdetail_infoicon_border);
   border-radius: 2px;

package/lib/layout/SubtabLayout/SubtabLayout.module.css

@@ -48,6 +48,7 @@
 }
 
 .tertiary_borderStyle {
+  /* css:theme-validation:ignore */
   border-bottom: 1px solid var(--borderColor);
 }
 
@@ -149,6 +150,7 @@
 
 .footer {
   composes: varClass;
+  /* css:theme-validation:ignore */
   border-top: 1px solid var(--borderColor);
 }
 

package/lib/list/Comment/Comment.module.css

@@ -5,6 +5,7 @@
   composes: varClass;
   composes: inlineBlockMiddle from '../listCommon.module.css';
   position: relative;
+  /* css:theme-validation:ignore */
   color: var(--icon_color);
   padding: 0 var(--zd_size2) ;
   cursor: pointer;

package/lib/list/Dot/Dot.module.css

@@ -4,6 +4,7 @@
 .dot {
   composes: varClass;
   font-size: var(--zd_font_size16) ;
+  /* css:theme-validation:ignore */
   color: var(--dotColor);
   transform: perspective(1px);
 }

package/lib/list/ListLayout/ListLayout.module.css

@@ -35,10 +35,22 @@
   padding: var(--zd_size2) 0 ;
 }
 
+.compact .innerContainer,
+.classic .innerContainer,
+.superCompact .innerContainer {
+  /* css:theme-validation:ignore */
+}
+
 .compact .innerContainer, .classic .innerContainer, .superCompact .innerContainer {
   border-bottom: 1px dotted var(--listBorder);
 }
 
+.compact,
+.classic,
+.superCompact {
+  /* css:theme-validation:ignore */
+}
+
 [dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
   border-left: var(--zd_size2) solid transparent;
 }

package/lib/list/Subject/Subject.module.css

@@ -3,6 +3,7 @@
 }
 .subject {
   composes: varClass;
+  /* css:theme-validation:ignore */
   color: var(--subject_text);
   display: block;
 }

package/lib/list/Thread/Thread.module.css

@@ -4,6 +4,7 @@
 .container {
   composes: varClass;
   position: relative;
+  /* css:theme-validation:ignore */
   color: var(--icon_color);
   cursor: pointer;
 }

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: 1.5385;
+  line-height: var(--zd_size20);
 }
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';

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

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

package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css

@@ -26,7 +26,7 @@
 /* Label Style */
 .labelCnt {
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: 1.6667;
+  line-height: var(--zd_size20);
   color: var(--zdt_viewdropdown_label_text);
   cursor: pointer;
 }

package/lib/setup/header/Search/Search.module.css

@@ -35,6 +35,7 @@
   font-size: var(--zd_font_size13) ;
   width: 100% ;
   letter-spacing: 0.2px;
+  /* css:theme-validation:ignore */
   transition: all var(--zd_transition3) ease;
   color: var(--zdt_search_input_text);
   font-family: var(--zd_regular);

package/lib/setup/helptips/Description/HelpTipsDescription.module.css

@@ -1,6 +1,6 @@
 .text {
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_helptips_text);
-  line-height: 1.7143;
+  line-height: var(--zd_size24);
   margin: var(--zd_size10) 0 ;
 }

package/lib/setup/table/TableRow/SetupTableRow.module.css

@@ -9,6 +9,7 @@
   margin-left: var(--zd_size40) ;
   margin-right: var(--zd_size40) ;
 }
+
 .container:hover {
-  background-color: var( --zdt_setuptablerow_hover_bg);
-}
+  background-color: var(--zdt_setuptablerow_hover_bg);
+}

package/lib/v1/notification/DesktopNotification/DesktopNotification.js

@@ -24,6 +24,8 @@ var _FormAction = _interopRequireDefault(require("../../../FormAction/FormAction
 
 var _DesktopNotificationHeader = _interopRequireDefault(require("../DesktopNotificationHeader/DesktopNotificationHeader"));
 
+var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+
 var _DesktopNotificationModule = _interopRequireDefault(require("../../../version2/notification/DesktopNotification/DesktopNotification.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -84,7 +86,8 @@ function DesktopNotificationUI(props) {
       customClass = _props$customClass === void 0 ? {} : _props$customClass,
       _props$i18nKeys = props.i18nKeys,
       i18nKeys = _props$i18nKeys === void 0 ? {} : _props$i18nKeys,
-      customProps = props.customProps;
+      customProps = props.customProps,
+      responsiveId = props.responsiveId;
   var _i18nKeys$closeTitle = i18nKeys.closeTitle,
       closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
   var containerClass = customClass.containerClass;
@@ -110,66 +113,82 @@ function DesktopNotificationUI(props) {
   var Zindex = isAnimate ? getNextIndex() : null;
   var uiVariantOne = title && (info || secondaryInfo);
   var uiVariantTwo = title && !(info || secondaryInfo) && !getSectionContainer;
+
+  function responsiveFunc(_ref2) {
+    var mediaQueryOR = _ref2.mediaQueryOR;
+    return {
+      uptoTablet: mediaQueryOR([{
+        maxWidth: 760
+      }])
+    };
+  }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _DesktopNotificationModule["default"].parentElement,
     style: needAutoZindex && isAnimate ? {
       zIndex: "".concat(Zindex)
     } : {},
     "data-selector-id": dataSelectorId
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
-    className: "".concat(_DesktopNotificationModule["default"].container, " ").concat(isAnimate ? animateClass : animateRemoveClass, " ").concat(_DesktopNotificationModule["default"]["".concat(size)] ? _DesktopNotificationModule["default"]["".concat(size)] : '', " ").concat(isShrinkView ? _DesktopNotificationModule["default"].globalNotify : '', " ").concat(containerClass),
-    isCover: false,
-    dataId: dataId,
-    isInline: uiVariantTwo
-  }, ExtraProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_DesktopNotificationHeader["default"], {
-    type: type,
-    title: title,
-    variant: titleVariant,
-    needIcon: needIcon,
-    onClose: onClose,
-    closeTitle: closeTitle,
-    renderAlertIcon: renderAlertIcon,
-    dataId: "".concat(dataId, "_close"),
-    needClose: needClose
-  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    alignBox: "column"
-  }, uiVariantOne && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_DesktopNotificationModule["default"].section, " ").concat(_DesktopNotificationModule["default"].infoText)
-  }, subTitle && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_DesktopNotificationModule["default"].subTitle, " ").concat(info || secondaryInfo ? _DesktopNotificationModule["default"].subTitleMargin : '')
-  }, subTitle), info && /*#__PURE__*/_react["default"].createElement("div", null, info), secondaryInfo && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(info ? _DesktopNotificationModule["default"].secondaryInfo : '')
-  }, secondaryInfo))), getSectionContainer && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, getSectionContainer()), submitText || cancelText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _DesktopNotificationModule["default"].footer
-  }, isMore ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_DesktopNotificationModule["default"].message)
-  }, message) : null, /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
-    size: "small",
-    paddingLeftSize: "xmedium"
-  }, submitText ? /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: onClickSubmit,
-    "data-id": "".concat(dataId, "_submitButton"),
-    "data-test-id": "".concat(dataId, "_submitButton")
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    align: "vertical",
-    alignBox: "row"
-  }, getSubmitContainer ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, getSubmitContainer()) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    text: submitText,
-    palette: submitType ? submitType : buttonPalette
-  })))) : null, cancelText ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    text: cancelText,
-    palette: "secondary",
-    dataId: "".concat(dataId, "_cancelButton"),
-    onClick: onClickCancel
-  })) : null))) : null)), getBottomContainer ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, getBottomContainer()) : null));
+  }, /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
+    query: responsiveFunc,
+    responsiveId: responsiveId
+  }, function (_ref3) {
+    var uptoTablet = _ref3.uptoTablet;
+    return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
+      className: "".concat(_DesktopNotificationModule["default"].container, " ").concat(isAnimate ? animateClass : animateRemoveClass, "\n             ").concat(isShrinkView ? _DesktopNotificationModule["default"].globalNotify : '', " ").concat(containerClass, "\n             ").concat(uptoTablet ? _DesktopNotificationModule["default"].tapWidth : _DesktopNotificationModule["default"]["".concat(size)]),
+      isCover: false,
+      dataId: dataId,
+      isInline: uiVariantTwo
+    }, ExtraProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_DesktopNotificationHeader["default"], {
+      type: type,
+      title: title,
+      variant: titleVariant,
+      needIcon: needIcon,
+      onClose: onClose,
+      closeTitle: closeTitle,
+      renderAlertIcon: renderAlertIcon,
+      dataId: "".concat(dataId, "_close"),
+      needClose: needClose
+    })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+      alignBox: "column"
+    }, uiVariantOne && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      flexible: true
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(_DesktopNotificationModule["default"].section, " ").concat(_DesktopNotificationModule["default"].infoText)
+    }, subTitle && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(_DesktopNotificationModule["default"].subTitle, " ").concat(info || secondaryInfo ? _DesktopNotificationModule["default"].subTitleMargin : '')
+    }, subTitle), info && /*#__PURE__*/_react["default"].createElement("div", null, info), secondaryInfo && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(info ? _DesktopNotificationModule["default"].secondaryInfo : '')
+    }, secondaryInfo))), getSectionContainer && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      flexible: true
+    }, getSectionContainer()), submitText || cancelText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: _DesktopNotificationModule["default"].footer
+    }, isMore ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(_DesktopNotificationModule["default"].message)
+    }, message) : null, /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
+      size: "small",
+      paddingLeftSize: "xmedium"
+    }, submitText ? /*#__PURE__*/_react["default"].createElement("div", {
+      onClick: onClickSubmit,
+      "data-id": "".concat(dataId, "_submitButton"),
+      "data-test-id": "".concat(dataId, "_submitButton")
+    }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+      align: "vertical",
+      alignBox: "row"
+    }, getSubmitContainer ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      flexible: true
+    }, getSubmitContainer()) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      flexible: true
+    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      text: submitText,
+      palette: submitType ? submitType : buttonPalette
+    })))) : null, cancelText ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      text: cancelText,
+      palette: "secondary",
+      dataId: "".concat(dataId, "_cancelButton"),
+      onClick: onClickCancel
+    })) : null))) : null)), getBottomContainer ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, getBottomContainer()) : null);
+  }));
 }
 
 DesktopNotificationUI.propTypes = _propTypes.DesktopNotificationUI_propTypes;

package/lib/v1/notification/DesktopNotification/props/defaultProps.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
+var _Config = require("../../../../Provider/Config");
+
 var _default = {
   isMore: false,
   isAnimate: true,
@@ -17,6 +20,7 @@ var _default = {
   isShrinkView: false,
   needClose: true,
   customProps: {},
-  dataSelectorId: 'desktopNotification'
+  dataSelectorId: 'desktopNotification',
+  responsiveId: (0, _Config.getDotLibraryConfig)('desktopNotificationResponsiveId')
 };
 exports["default"] = _default;

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

@@ -14,7 +14,8 @@ var propTypes = {
   onPortalClose: _propTypes["default"].func,
   autoClose: _propTypes["default"].bool,
   hideTime: _propTypes["default"].string,
-  Element: _propTypes["default"].element
+  Element: _propTypes["default"].element,
+  responsiveId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;
 var DesktopNotificationUI_propTypes = {

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

@@ -17,6 +17,10 @@ var _AlertClose = _interopRequireDefault(require("../../alert/AlertClose/AlertCl
 
 var _AlertIcons = _interopRequireDefault(require("../../alert/alertIcons/AlertIcons"));
 
+var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+
+var _Typography = _interopRequireDefault(require("@zohodesk/components/es/v1/Typography/Typography"));
+
 var _DesktopNotificationHeaderModule = _interopRequireDefault(require("../../../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -31,35 +35,65 @@ function DesktopNotificationHeader(props) {
       needIcon = props.needIcon,
       title = props.title,
       renderAlertIcon = props.renderAlertIcon,
-      needClose = props.needClose;
+      needClose = props.needClose,
+      responsiveId = props.responsiveId;
+
+  function responsiveFunc(_ref) {
+    var mediaQueryOR = _ref.mediaQueryOR;
+    return {
+      uptoTablet: mediaQueryOR([{
+        maxWidth: 760
+      }])
+    };
+  }
+
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     align: "vertical",
     alignBox: "row",
     className: "".concat(_DesktopNotificationHeaderModule["default"].container, " ").concat(_DesktopNotificationHeaderModule["default"][variant], " ").concat(_DesktopNotificationHeaderModule["default"][type]),
     isCover: false,
     wrap: "wrap"
-  }, needIcon ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: _DesktopNotificationHeaderModule["default"].iconContainer
-  }, renderAlertIcon ? renderAlertIcon() : /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
-    type: type
-  })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    alignBox: "row",
-    align: "center"
-  }, variant === 'primary' ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: _DesktopNotificationHeaderModule["default"].title,
-    shrink: true
-  }, title) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: "".concat(_DesktopNotificationHeaderModule["default"].infoText)
-  }, title))), needClose ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: _DesktopNotificationHeaderModule["default"].close
-  }, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
-    onClose: onClose,
-    dataTitle: closeTitle,
-    dataId: dataId,
-    type: "light"
-  })) : null);
+  }, /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
+    query: responsiveFunc,
+    responsiveId: responsiveId
+  }, function (_ref2) {
+    var uptoTablet = _ref2.uptoTablet;
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, needIcon ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: _DesktopNotificationHeaderModule["default"].iconContainer
+    }, renderAlertIcon ? renderAlertIcon() : /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
+      type: type
+    })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      flexible: true
+    }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+      alignBox: "row",
+      align: "center"
+    }, variant === 'primary' ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      shrink: true
+    }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      $i18n_dataTitle: title,
+      $ui_className: _DesktopNotificationHeaderModule["default"].title,
+      $ui_tagName: "h1",
+      $ui_size: uptoTablet ? '16' : '18',
+      $ui_lineHeight: "20",
+      $ui_weight: "bold",
+      $flag_reset: true,
+      $ui_wordBreak: "breakWord"
+    }, title)) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      className: "".concat(_DesktopNotificationHeaderModule["default"].infoText)
+    }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      $i18n_dataTitle: title,
+      $ui_className: _DesktopNotificationHeaderModule["default"].title,
+      $ui_size: "14",
+      $ui_wordBreak: "breakWord"
+    }, title)))), needClose ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      className: _DesktopNotificationHeaderModule["default"].close
+    }, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
+      onClose: onClose,
+      dataTitle: closeTitle,
+      dataId: dataId,
+      type: "light"
+    })) : null);
+  }));
 }
 
 DesktopNotificationHeader.propTypes = _propTypes["default"];

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

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
+var _Config = require("../../../../Provider/Config");
+
 var _default = {
   needIcon: true,
   variant: 'primary',
-  needClose: true
+  needClose: true,
+  responsiveId: (0, _Config.getDotLibraryConfig)('desktopNotificationResponsiveId')
 };
 exports["default"] = _default;

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

@@ -18,6 +18,7 @@ var _default = {
   title: _propTypes["default"].string,
   renderAlertIcon: _propTypes["default"].func,
   type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
-  variant: _propTypes["default"].oneOf(['primary', 'secondary'])
+  variant: _propTypes["default"].oneOf(['primary', 'secondary']),
+  responsiveId: _propTypes["default"].string
 };
 exports["default"] = _default;

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

@@ -29,6 +29,9 @@
 .container {
   position: relative;
   pointer-events: initial;
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
   color: var(--globalnotification_text_color);
   max-width: var(--zd_size490) ;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
@@ -99,7 +102,7 @@
   font-size: var(--zd_font_size14) ;
   font-family: var(--zd_semibold);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: 1.4286;
+  line-height: var(--zd_size20);
 }
 
 [dir=ltr] .text {

package/lib/version2/errorstate/V2_ErrorStates.module.css

@@ -8,7 +8,7 @@
   font-family: var(--zd_bold);
 }
 .desc {
-  line-height: 1.5714;
+  line-height: var(--zd_size22);
 }
 .large .errorState {
   width: var(--zd_size450) ;

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

@@ -4,6 +4,7 @@
 .container {
   composes: varClass;
   position: relative;
+  /* css:theme-validation:ignore */
   background-color: var(--zdt_alertlookup_bg);
   border-style: solid;
   border-color: var(--commonalert_border_color);
@@ -55,7 +56,7 @@
 .title {
   color: var(--zdt_alertlookupnew_text);
   font-size: var(--zd_font_size18) ;
-  line-height: 1.2222;
+  line-height: var(--zd_size22);
   font-family: var(--zd_bold);
   composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
   vertical-align: middle;

package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css

@@ -5,7 +5,7 @@
 .innerSection {
   color: var(--zdt_alertlookupnew_text);
   font-size: var(--zd_font_size14) ;
-  line-height: 1.428;
+  line-height: var(--zd_size20);
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
   padding: var(--zd_size17) var(--zd_size30) var(--zd_size30) ;
 }