@zohodesk/dot 1.0.0-temp-162 → 1.0.0-temp-163

package/lib/Upload/Upload.module.css

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

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

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

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

@@ -57,7 +57,7 @@
   margin-left: var(--zd_size4) ;
 }
 .desc {
-  line-height: 1.3571428571428572;
+  line-height: var(--zd_size19);
 }
 .link {
   color: var(--linkColor);

package/lib/errorstate/EmptyStates.module.css

@@ -33,15 +33,15 @@
 }
 .title {
   font-size: var(--zd_font_size50) ;
-  line-height: 1.4;
+  line-height: var(--zd_size70);
 }
 .tabletTitle {
   font-size: var(--zd_font_size24) ;
-  line-height: 2.0833333333333335;
+  line-height: var(--zd_size50);
 }
 .mobileTitle {
   font-size: var(--zd_font_size22) ;
-  line-height: 1.3636363636363635;
+  line-height: var(--zd_size30);
 }
 .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: 1.7142857142857142;
+  line-height: var(--zd_size24);
   font-size: var(--zd_font_size14) ;
   margin: 0 auto ;
   margin-bottom: var(--zd_size20) ;

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

@@ -35,7 +35,7 @@
 }
 .checkboxText {
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: 1.2;
+  line-height: normal;
 }
 [dir=ltr] .checkboxText {
   padding-left: var(--zd_size6) ;
@@ -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/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.3636363636363638;
+  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/list/Comment/Comment.js

@@ -15,8 +15,6 @@ var _propTypes = require("./props/propTypes");
 
 var _icons = require("@zohodesk/icons");
 
-var _i18n = require("@zohodesk/i18n");
-
 var _Button = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/Button"));
 
 var _CommentModule = _interopRequireDefault(require("./Comment.module.css"));
@@ -64,17 +62,15 @@ var Comment = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           count = _this$props.count,
           onClick = _this$props.onClick,
-          className = _this$props.className;
-      var i18N = _i18n.i18NProviderUtils.getI18NValue;
-      var commentCount = parseInt(count);
-      var commentTitle = !commentCount ? i18N('tabs.request.comment') : commentCount > 1 ? i18N('support.comment.many', count) : i18N('support.comment.one');
+          className = _this$props.className,
+          title = _this$props.title;
       return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
         customClass: "".concat(_CommentModule["default"].container, " ").concat(className, " "),
         onClick: onClick,
         dataId: "commentLstContainer",
-        title: commentTitle,
+        title: title,
         a11y: {
-          ariaLabel: commentTitle
+          ariaLabel: title
         }
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-TK-commentLine",

package/lib/list/Comment/props/defaultProps.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultProps = void 0;
 var defaultProps = {
-  className: ''
+  className: '',
+  title: ''
 };
 exports.defaultProps = defaultProps;

package/lib/list/Comment/props/propTypes.js

@@ -12,6 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var propTypes = {
   className: _propTypes["default"].string,
   count: _propTypes["default"].string,
+  title: _propTypes["default"].string,
   onClick: _propTypes["default"].func
 };
 exports.propTypes = propTypes;

package/lib/list/index.js

@@ -125,12 +125,6 @@ Object.defineProperty(exports, "Thread", {
     return _Thread["default"];
   }
 });
-Object.defineProperty(exports, "UserTime", {
-  enumerable: true,
-  get: function get() {
-    return _UserTime["default"];
-  }
-});
 
 var _AvatarFlip = _interopRequireDefault(require("./AvatarFlip/AvatarFlip"));
 
@@ -164,8 +158,6 @@ var _TagNew = _interopRequireDefault(require("./TagNew/TagNew"));
 
 var _Thread = _interopRequireDefault(require("./Thread/Thread"));
 
-var _UserTime = _interopRequireDefault(require("./UserTime/UserTime"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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.53846153846;
+  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.7777777777777777;
+  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.66666666667;
+  line-height: var(--zd_size20);
   color: var(--zdt_viewdropdown_label_text);
   cursor: pointer;
 }

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.7142857142857142;
+  line-height: var(--zd_size24);
   margin: var(--zd_size10) 0 ;
 }

package/lib/v1/ActionButton/ActionButton.js

@@ -149,8 +149,8 @@ function ActionButton(props) {
 ActionButton.defaultProps = _defaultProps.defaultProps;
 ActionButton.propTypes = _propTypes.propTypes;
 var ActionButtonComponent = (0, _Popup["default"])(ActionButton);
-ActionButtonComponent.defaultProps = ActionButton.defaultProps;
-ActionButtonComponent.propTypes = ActionButton.propTypes; // ActionButton.docs = {
+ActionButtonComponent.defaultProps = _defaultProps.defaultProps;
+ActionButtonComponent.propTypes = _propTypes.propTypes; // ActionButton.docs = {
 //   componentGroup: 'Atom'
 // };
 

package/lib/v1/alert/AlertHeader/AlertHeader.js

@@ -23,9 +23,9 @@ var _utils = require("@zohodesk/utils");
 
 var _useDragger = _interopRequireDefault(require("../../../Hooks/Dragger/useDragger"));
 
-var _defaultProps = _interopRequireDefault(require("../../../version2/lookup/AlertHeader/props/defaultProps"));
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
 
-var _propTypes = _interopRequireDefault(require("../../../version2/lookup/AlertHeader/props/propTypes"));
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -48,7 +48,8 @@ function AlertHeader(props) {
       type = props.type,
       htmlId = props.htmlId,
       customStyle = props.customStyle,
-      dragBoundaryLimit = props.dragBoundaryLimit;
+      dragBoundaryLimit = props.dragBoundaryLimit,
+      renderAlertIcon = props.renderAlertIcon;
   var finalStyle = (0, _utils.mergeStyle)(_AlertHeaderNewModule["default"], customStyle);
 
   var _cssJSLogic = (0, _cssJSLogic2["default"])({
@@ -75,7 +76,7 @@ function AlertHeader(props) {
     eleRef: dragRef
   }, needIcon && /*#__PURE__*/_react["default"].createElement("div", {
     className: finalStyle.iconContainer
-  }, /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
+  }, renderAlertIcon ? renderAlertIcon() : /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
     type: type
   })), (title || children) && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true

package/lib/v1/alert/AlertHeader/props/defaultProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  needIcon: true,
+  type: 'danger',
+  breakChildren: false,
+  dataId: 'alertHeader',
+  dragBoundaryLimit: {
+    top: 0,
+    left: 50,
+    right: 50,
+    bottom: 50
+  }
+};
+exports["default"] = _default;

package/lib/v1/alert/AlertHeader/props/propTypes.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  breakChildren: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  closeTitle: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  needIcon: _propTypes["default"].bool,
+  onClose: _propTypes["default"].func,
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
+  htmlId: _propTypes["default"].string,
+  customStyle: _propTypes["default"].object,
+  dragBoundaryLimit: _propTypes["default"].shape({
+    top: _propTypes["default"].number,
+    left: _propTypes["default"].number,
+    right: _propTypes["default"].number,
+    bottom: _propTypes["default"].number
+  }),
+  renderAlertIcon: _propTypes["default"].func
+};
+exports["default"] = _default;

package/lib/v1/alert/AlertLookup/AlertLookup.js

@@ -7,9 +7,9 @@ exports["default"] = AlertLookup;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../../version2/lookup/AlertLookup/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../version2/lookup/AlertLookup/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
 
@@ -82,7 +82,8 @@ function AlertLookup(props) {
       isHtmlContent = props.isHtmlContent,
       scroll = props.scroll,
       isDefaultFocus = props.isDefaultFocus,
-      onEsc = props.onEsc;
+      onEsc = props.onEsc,
+      renderAlertIcon = props.renderAlertIcon;
   var _customProps$LookupPr = customProps.LookupProps,
       LookupProps = _customProps$LookupPr === void 0 ? {} : _customProps$LookupPr,
       _customProps$AlertHea = customProps.AlertHeaderProps,
@@ -135,7 +136,8 @@ function AlertLookup(props) {
     type: type,
     needIcon: needIcon,
     onClose: onClose,
-    breakChildren: wrapHeader
+    breakChildren: wrapHeader,
+    renderAlertIcon: renderAlertIcon
   }, AlertHeaderProps), headerChildren ? headerChildren() : null)), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/v1/alert/AlertLookup/props/defaultProps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  isActive: false,
+  size: 'small',
+  wrapHeader: false,
+  dataId: 'alertPopup',
+  isDefaultFocus: true,
+  customProps: {},
+  align: 'top',
+  childAnimationName: 'flyDown',
+  isHtmlContent: false,
+  scroll: '',
+  onEsc: 'cancel'
+};
+exports.defaultProps = defaultProps;

package/lib/v1/alert/AlertLookup/props/propTypes.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  cancelText: _propTypes["default"].string,
+  children: _propTypes["default"].node,
+  confirmationMessage: _propTypes["default"].string,
+  customClass: _propTypes["default"].object,
+  dataId: _propTypes["default"].string,
+  forwardRef: _propTypes["default"].object,
+  headerChildren: _propTypes["default"].func,
+  isActive: _propTypes["default"].bool,
+  isDefaultFocus: _propTypes["default"].bool,
+  message: _propTypes["default"].node,
+  needIcon: _propTypes["default"].bool,
+  onCancelClick: _propTypes["default"].func,
+  onClose: _propTypes["default"].func,
+  onLookupClick: _propTypes["default"].func,
+  onSubmitClick: _propTypes["default"].func,
+  size: _propTypes["default"].oneOf(['small', 'xmedium', 'medium']),
+  submitText: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
+  wrapHeader: _propTypes["default"].bool,
+  a11y: _propTypes["default"].object,
+  customProps: _propTypes["default"].shape({
+    LookupProps: _propTypes["default"].object,
+    AlertHeaderProps: _propTypes["default"].object,
+    PrimaryButtonProps: _propTypes["default"].object,
+    SecondaryButtonProps: _propTypes["default"].object
+  }),
+  align: _propTypes["default"].oneOf(['top', 'vertical']),
+  childAnimationName: _propTypes["default"].oneOf(['expand', 'flyDown']),
+  isHtmlContent: _propTypes["default"].bool,
+  scroll: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both']),
+  onEsc: _propTypes["default"].oneOf(['close', 'cancel']),
+  renderAlertIcon: _propTypes["default"].func
+};
+exports.propTypes = propTypes;

package/lib/v1/list/Comment/Comment.js

@@ -13,8 +13,6 @@ var _propTypes = require("../../../list/Comment/props/propTypes");
 
 var _icons = require("@zohodesk/icons");
 
-var _i18n = require("@zohodesk/i18n");
-
 var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/semantic/Button/Button"));
 
 var _CommentModule = _interopRequireDefault(require("../../../list/Comment/Comment.module.css"));
@@ -24,17 +22,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 function Comment(props) {
   var count = props.count,
       onClick = props.onClick,
-      className = props.className;
-  var i18N = _i18n.i18NProviderUtils.getI18NValue;
-  var commentCount = parseInt(count);
-  var commentTitle = !commentCount ? i18N('tabs.request.comment') : commentCount > 1 ? i18N('support.comment.many', count) : i18N('support.comment.one');
+      className = props.className,
+      title = props.title;
   return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     customClass: "".concat(_CommentModule["default"].container, " ").concat(className, " "),
     onClick: onClick,
     dataId: "commentLstContainer",
-    title: commentTitle,
+    title: title,
     a11y: {
-      ariaLabel: commentTitle
+      ariaLabel: title
     }
   }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
     name: "ZD-TK-commentLine",

package/lib/v1/list/index.js

@@ -125,12 +125,6 @@ Object.defineProperty(exports, "Thread", {
     return _Thread["default"];
   }
 });
-Object.defineProperty(exports, "UserTime", {
-  enumerable: true,
-  get: function get() {
-    return _UserTime["default"];
-  }
-});
 
 var _AvatarFlip = _interopRequireDefault(require("./AvatarFlip/AvatarFlip"));
 
@@ -164,8 +158,6 @@ var _TagNew = _interopRequireDefault(require("./TagNew/TagNew"));
 
 var _Thread = _interopRequireDefault(require("./Thread/Thread"));
 
-var _UserTime = _interopRequireDefault(require("./UserTime/UserTime"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/v1/list/status/StatusDropdown/StatusDropdown.js

@@ -430,7 +430,7 @@ function StatusDropdown(props) {
 StatusDropdown.defaultProps = _defaultProps.defaultProps;
 StatusDropdown.propTypes = _propTypes.propTypes;
 var StatusDropdown_Component = (0, _Popup["default"])(StatusDropdown);
-StatusDropdown_Component.defaultProps = StatusDropdown.defaultProps;
-StatusDropdown_Component.propTypes = StatusDropdown.propTypes;
+StatusDropdown_Component.defaultProps = _defaultProps.defaultProps;
+StatusDropdown_Component.propTypes = _propTypes.propTypes;
 var _default = StatusDropdown_Component;
 exports["default"] = _default;

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

@@ -99,7 +99,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.4285714285714286;
+  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.57142857143;
+  line-height: var(--zd_size22);
 }
 .large .errorState {
   width: var(--zd_size450) ;

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

@@ -55,7 +55,7 @@
 .title {
   color: var(--zdt_alertlookupnew_text);
   font-size: var(--zd_font_size18) ;
-  line-height: 1.2222222222222223;
+  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.2857142857142858;
+  line-height: var(--zd_size18);
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
   padding: var(--zd_size17) var(--zd_size30) var(--zd_size30) ;
 }

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

@@ -102,7 +102,7 @@
 
 .subTitle {
   font-size: var(--zd_font_size15) ;
-  line-height: 1.3333333333333333;
+  line-height: var(--zd_size20);
   font-family: var(--zd_semibold);
   composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
@@ -113,7 +113,7 @@
 
 .infoText {
   font-size: var(--zd_font_size14) ;
-  line-height: 1.2857142857142858;
+  line-height: var(--zd_size18);
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
 

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

@@ -14,7 +14,7 @@
   
   .title {
     font-size: var(--zd_font_size18) ;
-    line-height: 1.2222222222222223;
+    line-height: var(--zd_size22);
     font-family: var(--zd_bold);
     composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
   }
@@ -70,7 +70,7 @@
 }
 
 .primary .infoText {
-    line-height: 1;
+    line-height: var(--zd_size18);
   }
   
   .primary .close {
@@ -99,7 +99,7 @@
   }
 
   .secondary .infoText {
-    line-height: 1.42857142857;
+    line-height: var(--zd_size20);
   }
 
   .secondary .iconContainer {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-162",
+  "version": "1.0.0-temp-163",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -51,9 +51,8 @@
     "@zohodesk-private/node-plugins": "^1.0.0",
     "@zohodesk-private/color-variable-preprocessor": "1.0.6",
     "@zohodesk-private/react-prop-validator": "1.1.0",
-    "@zohodesk/components": "1.0.0-temp-173",
+    "@zohodesk/components": "1.2.13",
     "@zohodesk/a11y": "2.1.0",
-    "@zohodesk/i18n": "1.0.0-beta.23",
     "@zohodesk/icons": "1.0.10",
     "@zohodesk/svg": "1.1.4",
     "@zohodesk/variables": "1.0.0",
@@ -70,7 +69,6 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/i18n": "1.0.0-beta.23",
     "@zohodesk/components": "1.2.13",
     "@zohodesk/icons": "1.0.10",
     "@zohodesk/svg": "1.1.4",
@@ -80,4 +78,4 @@
     "@zohodesk/utils": "1.3.13",
     "@zohodesk/a11y": "2.1.0"
   }
-}
+}

package/result.json

@@ -1 +1 @@
-{"jobDetails":{"isRunByLocal":true,"hostName":"mari-zt368","platForm":"Darwin","branchName":"lineHeightAutomation"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":1699968402951,"startTime":1699968398248,"coverageDetail":{"codeCoveragePercentage":84.23,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/mari-zt368/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-zt368/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-zt368/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-zt368/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/mari-zt368/React_Package/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/mari-zt368/React_Package/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/mari-zt368/React_Package/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/mari-zt368/React_Package/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}}]}}}
+{"jobDetails":{"isRunByLocal":true,"hostName":"prakash-zt376","platForm":"Darwin","branchName":"i18n_remove"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":1700112393631,"startTime":1700112389404,"coverageDetail":{"codeCoveragePercentage":84.23,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/prakash-zt376/Works/React/LibraryDesk/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/prakash-zt376/Works/React/LibraryDesk/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/prakash-zt376/Works/React/LibraryDesk/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/prakash-zt376/Works/React/LibraryDesk/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}}]}}}