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

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_tabs_shadow);
+  box-shadow: var(--zd_bs_contrast_outline, 0 -2px 9px var(--zdt_tabs_alpha_box_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

@@ -31,8 +31,6 @@ 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; }
 
-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); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -53,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);
@@ -137,7 +135,6 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
           tooltip = _this$props4.tooltip,
           avatarPalette = _this$props4.avatarPalette,
           customClass = _this$props4.customClass,
-          customAttributes = _this$props4.customAttributes,
           a11y = _this$props4.a11y,
           needEffect = _this$props4.needEffect,
           isReadOnly = _this$props4.isReadOnly;
@@ -154,7 +151,7 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
       var _a11y$clearLabel = a11y.clearLabel,
           clearLabel = _a11y$clearLabel === void 0 ? 'Delete' : _a11y$clearLabel;
       var isDarkPalette = palette === 'dark';
-      return /*#__PURE__*/_react["default"].createElement("div", _extends({
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_TagModule["default"].container, " ").concat(needEffect && !isReadOnly ? _TagModule["default"].effect : _TagModule["default"].readonly, " ").concat(active ? "".concat(_TagModule["default"].selected, " ").concat(_TagModule["default"]["active".concat(palette)]) : '', " ").concat(onRemove ? active ? "".concat(_TagModule["default"]["active".concat(size, "Effect")]) : '' : '', "  ").concat(_TagModule["default"][size], " ").concat(rounded ? _TagModule["default"].lgRadius : _TagModule["default"].smRadius, " ").concat(_TagModule["default"][palette], " ").concat(disabled ? _TagModule["default"].disabled : '', " ").concat(onSelectTag ? _TagModule["default"].pointer : '', " ").concat(customTag),
         "data-id": active ? "".concat(dataId, "_TagSelected") : "".concat(dataId, "_Tag"),
         "data-test-id": active ? "".concat(dataId, "_TagSelected") : "".concat(dataId, "_Tag"),
@@ -164,7 +161,7 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
         tabIndex: disabled ? '-1' : '0',
         "aria-labelledby": getAriaId,
         "data-selector-id": dataSelectorId
-      }, customAttributes), hasAvatar ? /*#__PURE__*/_react["default"].createElement("div", {
+      }, hasAvatar ? /*#__PURE__*/_react["default"].createElement("div", {
         className: _TagModule["default"].avatar
       }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
         palette: isDarkPalette ? 'info' : avatarPalette,

package/lib/Tag/props/defaultProps.js

@@ -13,7 +13,6 @@ var defaultProps = {
   size: 'medium',
   dataId: 'tag',
   customClass: {},
-  customAttributes: {},
   a11y: {},
   needEffect: true,
   isReadOnly: false,

package/lib/Tag/props/propTypes.js

@@ -36,7 +36,6 @@ var propTypes = {
     customTagIcon: _propTypes["default"].string,
     customAvatar: _propTypes["default"].string
   }),
-  customAttributes: _propTypes["default"].object,
   a11y: _propTypes["default"].shape({
     clearLabel: _propTypes["default"].string
   }),

package/lib/Tooltip/Tooltip.module.css

@@ -3,6 +3,7 @@
   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 {
@@ -51,6 +52,7 @@
   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;
 }
@@ -71,6 +73,7 @@
   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,8 +35,6 @@ 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);

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_tabs_shadow);
+  box-shadow: var(--zd_bs_contrast_outline, 0 -2px 9px var(--zdt_tabs_alpha_box_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,18 +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; }
 
-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); }
-
-/*
- * 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,
@@ -65,7 +63,6 @@ function Tag(props) {
       tooltip = props.tooltip,
       avatarPalette = props.avatarPalette,
       customClass = props.customClass,
-      customAttributes = props.customAttributes,
       a11y = props.a11y,
       needEffect = props.needEffect,
       isReadOnly = props.isReadOnly,
@@ -104,7 +101,7 @@ function Tag(props) {
   var _a11y$clearLabel = a11y.clearLabel,
       clearLabel = _a11y$clearLabel === void 0 ? 'Delete' : _a11y$clearLabel;
   var isDarkPalette = palette === 'dark';
-  return /*#__PURE__*/_react["default"].createElement("div", _extends({
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(_TagModule["default"].container, " ").concat(needEffect && !isReadOnly ? _TagModule["default"].effect : _TagModule["default"].readonly, " ").concat(active ? "".concat(_TagModule["default"].selected, " ").concat(_TagModule["default"]["active".concat(palette)]) : '', " ").concat(onRemove ? active ? "".concat(_TagModule["default"]["active".concat(size, "Effect")]) : '' : '', "  ").concat(_TagModule["default"][size], " ").concat(rounded ? _TagModule["default"].lgRadius : _TagModule["default"].smRadius, " ").concat(_TagModule["default"][palette], " ").concat(disabled ? _TagModule["default"].disabled : '', " ").concat(onSelectTag ? _TagModule["default"].pointer : '', " ").concat(customTag),
     "data-id": active ? "".concat(dataId, "_TagSelected") : "".concat(dataId, "_Tag"),
     "data-test-id": active ? "".concat(dataId, "_TagSelected") : "".concat(dataId, "_Tag"),
@@ -114,7 +111,7 @@ function Tag(props) {
     tabIndex: disabled ? '-1' : '0',
     "aria-labelledby": getAriaId,
     "data-selector-id": dataSelectorId
-  }, customAttributes), hasAvatar ? /*#__PURE__*/_react["default"].createElement("div", {
+  }, hasAvatar ? /*#__PURE__*/_react["default"].createElement("div", {
     className: _TagModule["default"].avatar
   }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
     palette: isDarkPalette ? 'info' : avatarPalette,

package/lib/v1/Tag/props/defaultProps.js

@@ -13,7 +13,6 @@ var defaultProps = {
   size: 'medium',
   dataId: 'tag',
   customClass: {},
-  customAttributes: {},
   a11y: {},
   needEffect: true,
   isReadOnly: false,

package/lib/v1/Tag/props/propTypes.js

@@ -36,7 +36,6 @@ var propTypes = {
     customTagIcon: _propTypes["default"].string,
     customAvatar: _propTypes["default"].string
   }),
-  customAttributes: _propTypes["default"].object,
   a11y: _propTypes["default"].shape({
     clearLabel: _propTypes["default"].string
   }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-196",
+  "version": "1.0.0-temp-197",
   "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 build:lib && npm run build: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: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,11 +52,15 @@
     "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 ",
+    "css:review": " npm run dubCheck && npm run css:lineheight:validate && npm run theme:validate && npm run css:boxshadow:validate && npm run css:boxshadow:addfallback",
     "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 "
+    "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"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.11.9",
@@ -65,7 +69,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.1.8",
+    "@zohodesk-private/node-plugins": "1.0.0-temp-7.1",
     "@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
 }