@zohodesk/dot 1.0.0-temp-167 → 1.0.0-temp-169

package/lib/Drawer/Drawer.js

@@ -130,10 +130,7 @@ var Header = /*#__PURE__*/function (_React$Component) {
         shrink: true
       }, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
         title: title,
-        className: _DrawerModule["default"].title,
-        a11y: {
-          tabindex: '0'
-        }
+        className: _DrawerModule["default"].title
       })) : null, getTitleChildren ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, getTitleChildren()) : null)) : null, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, children) : null)), onClose ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         onClick: onClose,
         dataId: "closeButton",
@@ -268,7 +265,7 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
           _focusScopeProps$need4 = focusScopeProps.needFocusLoop,
           needFocusLoop = _focusScopeProps$need4 === void 0 ? true : _focusScopeProps$need4,
           _focusScopeProps$need5 = focusScopeProps.needEnterAction,
-          needEnterAction = _focusScopeProps$need5 === void 0 ? false : _focusScopeProps$need5;
+          needEnterAction = _focusScopeProps$need5 === void 0 ? true : _focusScopeProps$need5;
 
       var childrenWithProps = _react["default"].Children.map(children, function (child) {
         if (child.type === Header || child.type === Footer || child.type === Content) {

package/lib/ImportantNotes/ImportantNotes.module.css

@@ -2,23 +2,19 @@
   background: var(--zdt_importantnotes_bg);
   padding: var(--zd_size5) var(--zd_size10) ;
 }
-
 .title {
   font-size: var(--zd_font_size13) ;
-  line-height: 1.3846;
+  line-height: var(--zd_font_size18);
   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/Link/Link.js

@@ -141,8 +141,7 @@ var Link = /*#__PURE__*/function (_React$Component) {
       }, others, {
         onClick: this.onCallBack.bind(this, urlOutput, href)
       }, customProps, {
-        "aria-label": ariaLabel,
-        tabIndex: "0"
+        "aria-label": ariaLabel
       }), children);
     }
   }]);

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: 1.3333;
+  line-height: var(--zd_size16);
   color: var(--zdt_toastmessage_alert_text);
   margin-top: var(--zd_size5) ;
 }
 
 .buttonText {
   font-size: inherit ;
-  line-height: normal;
+  line-height: var(--zd_size14);
   text-align: center;
   padding: 0 var(--zd_size7) ;
   cursor: pointer;

package/lib/Upload/Upload.module.css

@@ -88,7 +88,7 @@
   width: var(--zd_size12) ;
   top: 0 ;
   position: absolute;
-  line-height: 0.8333;
+  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.6667;
+  line-height: var(--zd_size25);
   color: var(--zdt_alertlookup_innersection_text);
   font-size: var(--zd_font_size15) ;
   word-break: break-word;

package/lib/avatar/AvatarStatus/AvatarStatus.js

@@ -82,7 +82,6 @@ var AvatarStatus = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("div", _extends({
         className: "".concat(_AvatarStatusModule["default"].container, " ").concat(className, " ")
       }, AvatarStatusProps, {
-        tabIndex: "0",
         "aria-label": "".concat(title, ", ").concat(name, ", ").concat(statusTitle),
         "data-selector-id": dataSelectorId
       }), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({

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

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

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.0833;
+  line-height: var(--zd_size50);
 }
 .mobileTitle {
   font-size: var(--zd_font_size22) ;
-  line-height: 1.3636;
+  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.7143;
+  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

@@ -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.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/list/ListLayout/ListLayout.js

@@ -89,7 +89,7 @@ var ListLayout = /*#__PURE__*/function (_Component) {
         "data-id": dataId,
         "data-test-id": dataId,
         "data-title": dataTitle,
-        tabIndex: "0",
+        tabIndex: onClick ? '0' : null,
         role: role,
         "data-a11y-inset-focus": true,
         "aria-label": ariaLabel,

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

@@ -404,8 +404,8 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
         dataId: dataId,
         onClick: removeClose,
         disabled: isDisabled || isReadOnly ? true : false,
-        "aria-haspopup": true,
-        "aria-expanded": isPopupOpen && isEditable ? true : false,
+        "aria-haspopup": isSearch ? 'listbox' : 'menu',
+        "aria-expanded": isPopupReady && isEditable ? true : false,
         tabIndex: tabIndex,
         "aria-labelledby": ariaLabelledby,
         "aria-label": ariaLabel,
@@ -462,10 +462,10 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
           inputRef: _this3.searchInputRef,
           onKeyDown: _this3.handleKeyDown,
           a11y: {
-            ariaHaspopup: true,
-            ariaExpanded: true,
+            ariaHaspopup: isSearch ? 'listbox' : 'menu',
+            ariaExpanded: isPopupReady,
             role: 'combobox',
-            ariaActivedescendant: value,
+            ariaActivedescendant: isPopupReady ? value : '',
             ariaOwns: ariaTitleId
           }
         })) : null, title && options.length != 0 && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -487,7 +487,7 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
           onScroll: _this3.handleScroll,
           role: isSearch ? 'listbox' : 'menu',
           "aria-labelledby": ariaTitleId,
-          tabindex: "0"
+          tabindex: "-1"
         }, options.length != 0 && isDataLoaded ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, options.map(function (item, i) {
           return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
             key: i

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/Lookup/Lookup.js

@@ -119,7 +119,7 @@ var Lookup = /*#__PURE__*/function (_Component) {
           _focusScopeProps$need4 = focusScopeProps.needFocusLoop,
           needFocusLoop = _focusScopeProps$need4 === void 0 ? true : _focusScopeProps$need4,
           _focusScopeProps$need5 = focusScopeProps.needEnterAction,
-          needEnterAction = _focusScopeProps$need5 === void 0 ? false : _focusScopeProps$need5;
+          needEnterAction = _focusScopeProps$need5 === void 0 ? true : _focusScopeProps$need5;
 
       var content = /*#__PURE__*/_react["default"].createElement("div", {
         ref: this.createRef,

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/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/v1/ActionButton/ActionButton.js

@@ -58,12 +58,17 @@ function ActionButton(props) {
       innerClassName = props.innerClassName,
       popupGroup = props.popupGroup,
       togglePopup = props.togglePopup,
-      defaultPosition = props.defaultPosition;
+      defaultPosition = props.defaultPosition,
+      openPopupOnly = props.openPopupOnly;
 
   var handleTogglePopup = function handleTogglePopup(e) {
     togglePopup(e, defaultPosition);
   };
 
+  var handlePopupOpen = function handlePopupOpen(e) {
+    openPopupOnly(e, defaultPosition);
+  };
+
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     alignBox: "row",
     isCover: false,
@@ -111,7 +116,7 @@ function ActionButton(props) {
     "data-title": removeChildrenTooltip ? null : subText,
     className: _ActionButtonModule["default"].subTxt
   }, subText) : null)), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    onClick: onClick ? !onHover && handleTogglePopup : undefined,
+    onClick: onClick && !onHover ? handleTogglePopup : handlePopupOpen,
     onMouseEnter: onClick ? onHover && handleTogglePopup : undefined,
     onMouseLeave: onClick ? onHover && handleTogglePopup : undefined,
     className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"][arrowBoxSize + '_arrowBox'], " ").concat(_ActionButtonModule["default"][palette + 'Arw'], "  ").concat(_ActionButtonModule["default"].arrowWrapper, " ").concat(isPopupOpen ? _ActionButtonModule["default"].arrowActive : ''),

package/lib/v1/Drawer/Drawer.js

@@ -103,10 +103,7 @@ function Header(props) {
     shrink: true
   }, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
     title: title,
-    className: _DrawerModule["default"].title,
-    a11y: {
-      tabindex: '0'
-    }
+    className: _DrawerModule["default"].title
   })) : null, getTitleChildren ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, getTitleChildren()) : null)) : null, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, children) : null)), onClose ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
     onClick: onClose,
     dataId: "closeButton",
@@ -181,7 +178,7 @@ function Drawer(props) {
         _focusScopeProps$need4 = focusScopeProps.needFocusLoop,
         needFocusLoop = _focusScopeProps$need4 === void 0 ? true : _focusScopeProps$need4,
         _focusScopeProps$need5 = focusScopeProps.needEnterAction,
-        needEnterAction = _focusScopeProps$need5 === void 0 ? false : _focusScopeProps$need5;
+        needEnterAction = _focusScopeProps$need5 === void 0 ? true : _focusScopeProps$need5;
 
     var childrenWithProps = _react["default"].Children.map(children, function (child) {
       if (child.type === Header || child.type === Footer || child.type === Content) {

package/lib/v1/Link/Link.js

@@ -104,8 +104,7 @@ function Link(props) {
   }, others, {
     onClick: callBack
   }, customProps, {
-    "aria-label": ariaLabel,
-    tabIndex: "0"
+    "aria-label": ariaLabel
   }), children);
 }
 

package/lib/v1/avatar/AvatarStatus/AvatarStatus.js

@@ -46,7 +46,6 @@ function AvatarStatus(props) {
   return /*#__PURE__*/_react["default"].createElement("div", _extends({
     className: "".concat(_AvatarStatusModule["default"].container, " ").concat(className, " ")
   }, AvatarStatusProps, {
-    tabIndex: "0",
     "aria-label": "".concat(title, ", ").concat(name, ", ").concat(statusTitle),
     "data-selector-id": dataSelectorId
   }), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({

package/lib/v1/list/ListLayout/ListLayout.js

@@ -50,7 +50,7 @@ function ListLayout(props) {
     "data-id": dataId,
     "data-test-id": dataId,
     "data-title": dataTitle,
-    tabIndex: "0",
+    tabIndex: onClick ? '0' : null,
     role: role,
     "data-a11y-inset-focus": true,
     "aria-label": ariaLabel,

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

@@ -306,8 +306,8 @@ function StatusDropdown(props) {
     dataId: dataId,
     onClick: removeClose,
     disabled: isDisabled || isReadOnly ? true : false,
-    "aria-haspopup": true,
-    "aria-expanded": isPopupOpen && isEditable ? true : false,
+    "aria-haspopup": isSearch ? 'listbox' : 'menu',
+    "aria-expanded": isPopupReady && isEditable ? true : false,
     tabIndex: tabIndex,
     "aria-labelledby": ariaLabelledby,
     "aria-label": ariaLabel,
@@ -364,10 +364,10 @@ function StatusDropdown(props) {
       inputRef: searchInputRef,
       onKeyDown: handleKeyDown,
       a11y: {
-        ariaHaspopup: true,
-        ariaExpanded: true,
+        ariaHaspopup: isSearch ? 'listbox' : 'menu',
+        ariaExpanded: isPopupReady,
         role: 'combobox',
-        ariaActivedescendant: value,
+        ariaActivedescendant: isPopupReady ? value : '',
         ariaOwns: ariaTitleId
       }
     })) : null, title && optionsList.length != 0 && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -389,7 +389,7 @@ function StatusDropdown(props) {
       onScroll: handleScroll,
       role: isSearch ? 'listbox' : 'menu',
       "aria-labelledby": ariaTitleId,
-      tabindex: "0"
+      tabindex: "-1"
     }, optionsList.length != 0 && isDataLoaded ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, optionsList.map(function (item, i) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
         key: i

package/lib/v1/lookup/Lookup/Lookup.js

@@ -69,7 +69,7 @@ function Lookup(props) {
       _focusScopeProps$need4 = focusScopeProps.needFocusLoop,
       needFocusLoop = _focusScopeProps$need4 === void 0 ? true : _focusScopeProps$need4,
       _focusScopeProps$need5 = focusScopeProps.needEnterAction,
-      needEnterAction = _focusScopeProps$need5 === void 0 ? false : _focusScopeProps$need5;
+      needEnterAction = _focusScopeProps$need5 === void 0 ? true : _focusScopeProps$need5;
   var createRef = (0, _react.useRef)(null);
   var handleKeyDown = (0, _react.useCallback)(function (e) {
     onKeyDown && onKeyDown(e);

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

@@ -102,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

@@ -56,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) ;
 }

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

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

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

@@ -113,7 +113,7 @@ var DesktopNotificationHeader = /*#__PURE__*/function (_Component) {
           $ui_className: _DesktopNotificationHeaderModule["default"].title,
           $ui_tagName: "h1",
           $ui_size: uptoTablet ? '16' : '18',
-          $ui_lineHeight: "1.2",
+          $ui_lineHeight: "20",
           $ui_weight: "bold",
           $flag_reset: true,
           $ui_wordBreak: "breakWord"

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-167",
+  "version": "1.0.0-temp-169",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -46,17 +46,17 @@
     "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
     "theme:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation validate ./src ./.cli",
     "theme:addignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation addignore ./src ./.cli",
-    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli "
+    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js propValidationArg.json"
   },
   "devDependencies": {
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
     "@zohodesk-private/node-plugins": "1.1.1",
     "@zohodesk-private/color-variable-preprocessor": "1.1.0",
-    "@zohodesk-private/react-prop-validator": "1.1.1",
-    "@zohodesk/components": "1.0.0-temp-179",
-    "@zohodesk/a11y": "2.1.0",
+    "@zohodesk-private/react-prop-validator": "1.2.0",
+    "@zohodesk/components": "1.0.0-temp-180",
+    "@zohodesk/a11y": "1.0.0-temp-3",
     "@zohodesk/icons": "1.0.19",
-    "@zohodesk/svg": "1.1.6",
+    "@zohodesk/svg": "1.1.8",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
@@ -71,9 +71,9 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.2.18",
+    "@zohodesk/components": "1.2.19",
     "@zohodesk/icons": "1.0.19",
-    "@zohodesk/svg": "1.1.6",
+    "@zohodesk/svg": "1.1.8",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.2",

package/propValidationArg.json

@@ -0,0 +1,8 @@
+{
+    "inputDir": "./src",
+    "outputDir": "./.cli",
+    "excludeDir":"./.cli",
+    "propUnifiExcludeDir":"./.cli",
+    "propUnifiReport":"propUnifi",
+    "strictMode":""
+}

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":1701428552535,"startTime":1701428547355,"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":[]}},{"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":[]}},{"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":"lakshmi-zt257","platForm":"Darwin","branchName":"LibraryNavigation"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":1702305064560,"startTime":1702305059102,"coverageDetail":{"codeCoveragePercentage":84.23,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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/lakshmi-zt257/Documents/Git/Library/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":[]}}]}}}