@zohodesk/components 1.0.0-temp-197 → 1.0.0-temp-198

package/lib/Tab/Tabs.module.css

@@ -31,7 +31,7 @@
   bottom: 0 ;
   height: var(--zd_size10) ;
   border-radius: 100px / 5px;
-  box-shadow: var(--zd_bs_contrast_outline, 0 -2px 9px var(--zdt_tabs_alpha_box_shadow));
+  box-shadow: var(--zd_bs_tabs_shadow);
 }
 
 [dir=ltr] .alpha::after {
@@ -123,13 +123,13 @@
 .bottomRightToLeft,
 .topRightToLeft,
 .bottomCenterToLeft {
-  right: calc(var(--tab_position_gap) * -1);
+  right: calc(var(--tab_position_gap) * -1); 
 }
 
 .bottomLeftToRight,
 .topLeftToRight,
 .bottomCenterToRight {
-  left: calc(var(--tab_position_gap) * -1);
+  left: calc(var(--tab_position_gap) * -1); 
 }
 
 .hidden {

package/lib/Tag/Tag.js

@@ -51,16 +51,16 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-/*
- * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
- * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
- * 'pureDotted', 'primaryDotted'] }]
+/*
+ * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
+ * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
+ * 'pureDotted', 'primaryDotted'] }]
  */
 
-/*
- * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
- * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
- * 'pureDotted', 'primaryDotted'] }]
+/*
+ * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
+ * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
+ * 'pureDotted', 'primaryDotted'] }]
  */
 var Tag = /*#__PURE__*/function (_PureComponent) {
   _inherits(Tag, _PureComponent);

package/lib/Tooltip/Tooltip.module.css

@@ -3,7 +3,6 @@
   z-index: 9999999;
   /*Hook for editor alert*/
   pointer-events: none;
-  /*css:validation:ignore*/
   box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   border-radius: var(--zd_size4);
 }[dir=ltr] .tooltiptext {
@@ -52,7 +51,6 @@
   border-left: solid 6px var(--zdt_tooltip_default_bg);
   border-right: solid 6px transparent;
   border-bottom: solid 6px transparent;
-  /*css:validation:ignore*/
   box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;
 }
@@ -73,7 +71,6 @@
   border-left: solid 6px var(--zdt_tooltip_default_bg);
   border-right: solid 6px transparent;
   border-bottom: solid 6px transparent;
-  /*css:validation:ignore*/
   box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;
 }

package/lib/v1/AppContainer/AppContainer.js

@@ -35,6 +35,8 @@ require("@zohodesk/variables/assets/no_transitionVariables.module.css");
 
 require("../../common/a11y.module.css");
 
+require("../../common/boxShadow.module.css");
+
 var _AppContainerModule = _interopRequireDefault(require("../../AppContainer/AppContainer.module.css"));
 
 var _Config = require("../../Provider/Config");

package/lib/v1/Avatar/Avatar.js

@@ -49,11 +49,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/*
-1. need to change name into firstName lastName
-2. pattern support via context as well as props
-3. prop high priority to arrange firstName lastName
-4. team pass name as lastName and pass pattern via prop
+/*
+1. need to change name into firstName lastName
+2. pattern support via context as well as props
+3. prop high priority to arrange firstName lastName
+4. team pass name as lastName and pass pattern via prop
 */
 function Avatar(props) {
   var src = props.src,

package/lib/v1/AvatarTeam/AvatarTeam.js

@@ -19,10 +19,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-/* once avatar support firstname lastname and pattern
-pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
-
-Not going to export to external then can kept inside supportapp
+/* once avatar support firstname lastname and pattern
+pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
+
+Not going to export to external then can kept inside supportapp
 */
 function AvatarTeam(props) {
   var src = props.src,

package/lib/v1/Button/Button.js

@@ -21,10 +21,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-/*
-Button text and children props?
-use children for both cases
-toLowerCase check needed?
+/*
+Button text and children props?
+use children for both cases
+toLowerCase check needed?
 */
 function Button(props) {
   var text = props.text,

package/lib/v1/Card/Card.js

@@ -44,10 +44,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 /* eslint-disable react/forbid-component-props */
 
-/*
-isscroll header border change use ref
-scroll logic remove from here
-scroll logic move to virtualizer list
+/*
+isscroll header border change use ref
+scroll logic remove from here
+scroll logic move to virtualizer list
 */
 
 /* performance handling pending in card component moving to ref instead of setState */

package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js

@@ -488,8 +488,8 @@ var AdvancedGroupMultiSelect = /*#__PURE__*/function (_React$Component) {
       if (suggestionsLen && isPopupOpen && keyCode === 38) {
         //up arrow
 
-        /*if (hoverOption === 0) { //disable first to last option higlight
-          !isNextOptions && this.setState({ hoverOption: suggestionsLen - 1 });
+        /*if (hoverOption === 0) { //disable first to last option higlight
+          !isNextOptions && this.setState({ hoverOption: suggestionsLen - 1 });
         }*/
         if (hoverIndex) {
           this.setState({
@@ -499,9 +499,9 @@ var AdvancedGroupMultiSelect = /*#__PURE__*/function (_React$Component) {
       } else if (suggestionsLen && isPopupOpen && keyCode === 40) {
         //down arrow
 
-        /*else if (hoverOption === suggestionsLen - 1 || hoverOption === null) {
-          //disable last to first option higlight
-          !isNextOptions && this.setState({ hoverOption: 0 });
+        /*else if (hoverOption === suggestionsLen - 1 || hoverOption === null) {
+          //disable last to first option higlight
+          !isNextOptions && this.setState({ hoverOption: 0 });
         }*/
         if (isNextOptions && suggestionsLen >= 5 && hoverIndex === suggestionsLen - 3) {
           getNextOptions && this.handleFetchOptions(getNextOptions, searchStr);

package/lib/v1/MultiSelect/MultiSelect.js

@@ -402,8 +402,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
       if (suggestionsLen && isPopupOpen && keyCode === 38) {
         //up arrow
 
-        /*if (hoverOption === 0) { //disable first to last option higlight
-          !isNextOptions && this.setState({ hoverOption: suggestionsLen - 1 });
+        /*if (hoverOption === 0) { //disable first to last option higlight
+          !isNextOptions && this.setState({ hoverOption: suggestionsLen - 1 });
         }*/
         if (hoverOption) {
           this.setState({
@@ -413,9 +413,9 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
       } else if (suggestionsLen && isPopupOpen && keyCode === 40) {
         //down arrow
 
-        /*else if (hoverOption === suggestionsLen - 1 || hoverOption === null) {
-          //disable last to first option higlight
-          !isNextOptions && this.setState({ hoverOption: 0 });
+        /*else if (hoverOption === suggestionsLen - 1 || hoverOption === null) {
+          //disable last to first option higlight
+          !isNextOptions && this.setState({ hoverOption: 0 });
         }*/
         if (isNextOptions && suggestionsLen >= 5 && hoverOption === suggestionsLen - 3) {
           getNextOptions && this.handleFetchOptions(getNextOptions, searchStr);
@@ -1117,7 +1117,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         },
         size: boxSize,
         alignBox: "row",
-        isResponsivePadding: getFooter ? false : true
+        isResponsivePadding: getFooter ? false : true,
+        dataId: "".concat(dataId, "_dropbox")
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true
       }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {

package/lib/v1/Tab/Tabs.js

@@ -187,9 +187,9 @@ var Tabs = function Tabs(props) {
 
   (0, _useEffectCallOnlyAfterState["default"])(function () {
     if (children) {
-      /**
-       * To recalculate the dimensions of tabs we are checking the children length.
-       * and also checking the tab id and their order.
+      /**
+       * To recalculate the dimensions of tabs we are checking the children length.
+       * and also checking the tab id and their order.
        */
       var newTabKeys = [];
 
@@ -337,14 +337,14 @@ var Tabs = function Tabs(props) {
       });
 
       if (selectedTabDimension > totalDimension) {
-        /* let { align } = this.props;
-        let newDim = `${remConvert(totalDimension)}rem`;
-        let newTabs;
-        if (align === 'vertical') {
-          newTabs = mainTabs.map(tab => React.cloneElement(tab, { style: { maxWidth: newDim } }));
-        } else {
-          newTabs = mainTabs.map(tab => React.cloneElement(tab, { style: { maxHeight: newDim } }));
-        }
+        /* let { align } = this.props;
+        let newDim = `${remConvert(totalDimension)}rem`;
+        let newTabs;
+        if (align === 'vertical') {
+          newTabs = mainTabs.map(tab => React.cloneElement(tab, { style: { maxWidth: newDim } }));
+        } else {
+          newTabs = mainTabs.map(tab => React.cloneElement(tab, { style: { maxHeight: newDim } }));
+        }
         mainTabs = newTabs; */
         setMaxDim(totalDimension);
       }

package/lib/v1/Tab/v1Tabs.module.css

@@ -31,7 +31,7 @@
   bottom: 0 ;
   height: var(--zd_size10) ;
   border-radius: 100px / 5px;
-  box-shadow: var(--zd_bs_contrast_outline, 0 -2px 9px var(--zdt_tabs_alpha_box_shadow));
+  box-shadow: var(--zd_bs_tabs_shadow);
 }
 
 [dir=ltr] .alpha::after {
@@ -123,13 +123,13 @@
 .bottomRightToLeft,
 .topRightToLeft,
 .bottomCenterToLeft {
-  right: calc(var(--tab_position_gap) * -1);
+  right: calc(var(--tab_position_gap) * -1); 
 }
 
 .bottomLeftToRight,
 .topLeftToRight,
 .bottomCenterToRight {
-  left: calc(var(--tab_position_gap) * -1);
+  left: calc(var(--tab_position_gap) * -1); 
 }
 
 .hidden {

package/lib/v1/Tag/Tag.js

@@ -31,16 +31,16 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-/*
- * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
- * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
- * 'pureDotted', 'primaryDotted'] }]
+/*
+ * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
+ * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
+ * 'pureDotted', 'primaryDotted'] }]
  */
 
-/*
- * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
- * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
- * 'pureDotted', 'primaryDotted'] }]
+/*
+ * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
+ * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
+ * 'pureDotted', 'primaryDotted'] }]
  */
 function Tag(props) {
   var imageURL = props.imageURL,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-197",
+  "version": "1.0.0-temp-198",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -31,7 +31,7 @@
     "docs": "npm run css:review && react-cli docs",
     "build:lib": "react-cli build:component:cmjs",
     "build:es": "react-cli build:library:es",
-    "build": "npm run theme:validate && npm run css:boxshadow:validate && npm run css:boxshadow:addfallback && npm run build:lib && npm run build:es",
+    "build": "npm run theme:validate && npm run build:lib && npm run build:es",
     "build:local": " npm run build && npm run rtl && npm run cssVariableConvert",
     "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
     "rtl:watch": "react-cli rtl ./src ./es -w",
@@ -52,15 +52,11 @@
     "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
     "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",
-    "css:review": " npm run dubCheck && npm run css:lineheight:validate && npm run theme:validate && npm run css:boxshadow:validate && npm run css:boxshadow:addfallback",
+    "css:review": " npm run dubCheck && npm run css:lineheight:validate && npm run theme:validate ",
     "theme:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation validate ./src ./.cli ./.cli/stringContains.js",
     "theme:addignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation addignore ./src ./.cli ./.cli/stringContains.js",
     "theme:removeignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation removeignore ./src ./.cli",
-    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js propValidationArg.json ",
-    "css:boxshadow:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/boxshadow_validation/boxShadowValidation.js validate ./src",
-    "css:boxshadow:addignore": "node ./node_modules/@zohodesk-private/node-plugins/es/boxshadow_validation/boxShadowValidation.js addignore ./src",
-    "css:boxshadow:removeignore": "node ./node_modules/@zohodesk-private/node-plugins/es/boxshadow_validation/boxShadowValidation.js removeignore ./src",
-    "css:boxshadow:addfallback": "node ./node_modules/@zohodesk-private/node-plugins/es/boxshadow_validation/boxShadowValidation.js addfallback ./src"
+    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js propValidationArg.json "
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.11.9",
@@ -69,7 +65,7 @@
     "@testing-library/user-event": "^13.0.10",
     "@zohodesk-private/color-variable-preprocessor": "1.2.0",
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
-    "@zohodesk-private/node-plugins": "1.0.0-temp-7.1",
+    "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.2.1",
     "@zohodesk/docstool": "1.0.0-alpha-2",

package/propValidationArg.json

@@ -1,12 +1,12 @@
-{
-    "inputDir": "./src",
-    "outputDir": "./.cli",
-    "excludeDir": "./.cli",
-    "propUnifiExcludeDir": "./.cli",
-    "enable": true,
-    "need_report": true,
-    "prop_validation_strict_mode": true,
-    "prop_validation_log": false,
-    "prop_unification_strict_mode": true,
-    "prop_unification_log": false
+{
+    "inputDir": "./src",
+    "outputDir": "./.cli",
+    "excludeDir": "./.cli",
+    "propUnifiExcludeDir": "./.cli",
+    "enable": true,
+    "need_report": true,
+    "prop_validation_strict_mode": true,
+    "prop_validation_log": false,
+    "prop_unification_strict_mode": true,
+    "prop_unification_log": false
 }