@zohodesk/components 1.0.0-alpha-255 → 1.0.0-alpha-257

package/lib/Ribbon/Ribbon.js

@@ -57,15 +57,17 @@ var Ribbon = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Ribbon;
 Ribbon.propTypes = _propTypes.propTypes;
 Ribbon.defaultProps = _defaultProps.defaultProps;
-if (false) {
-  Ribbon.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' ',
-    images: [{
-      view: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/Ribbon/v1/Ribbon.png',
-      psd: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/Ribbon/v1/Ribbon.psd'
-    }]
-  };
-}
+// if (__DOCS__) {
+//   Ribbon.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' ',
+//     images: [
+//       {
+//         view: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/Ribbon/v1/Ribbon.png',
+//         psd: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/Ribbon/v1/Ribbon.psd'
+//       }
+//     ]
+//   };
+// }

package/lib/RippleEffect/RippleEffect.js

@@ -27,9 +27,10 @@ function RippleEffect(props) {
 }
 RippleEffect.defaultProps = _defaultProps.defaultProps;
 RippleEffect.propTypes = _propTypes.propTypes;
-if (false) {
-  RippleEffect.docs = {
-    componentGroup: 'RippleEffect',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   RippleEffect.docs = {
+//     componentGroup: 'RippleEffect',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/Select/GroupSelect.js

@@ -759,13 +759,12 @@ GroupSelectComponent.defaultProps = _defaultProps.GroupSelect_defaultProps;
 GroupSelectComponent.displayName = 'GroupSelect';
 var GroupSelect = (0, _Popup["default"])(GroupSelectComponent);
 GroupSelect.defaultProps = GroupSelectComponent.defaultProps;
-var _default = GroupSelect;
-exports["default"] = _default;
-if (false) {
-  GroupSelect.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  GroupSelect.propTypes = GroupSelectComponent.propTypes;
-}
+var _default = GroupSelect; // if (__DOCS__) {
+//   GroupSelect.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+//   // eslint-disable-next-line react/forbid-foreign-prop-types
+//   GroupSelect.propTypes = GroupSelectComponent.propTypes;
+// }
+exports["default"] = _default;

package/lib/Select/Select.js

@@ -899,15 +899,14 @@ SelectComponent.defaultProps = _defaultProps.Select_defaultProps;
 SelectComponent.displayName = 'Select';
 var Select = (0, _Popup["default"])(SelectComponent);
 Select.defaultProps = SelectComponent.defaultProps;
-var _default = Select;
-exports["default"] = _default;
-if (false) {
-  Select.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  Select.propTypes = SelectComponent.propTypes;
-}
+var _default = Select; // if (__DOCS__) {
+//   Select.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+//   // eslint-disable-next-line react/forbid-foreign-prop-types
+//   Select.propTypes = SelectComponent.propTypes;
+// }
+exports["default"] = _default;

package/lib/Select/SelectWithAvatar.js

@@ -328,13 +328,14 @@ SelectWithAvatarComponent.defaultProps = _defaultProps.SelectWithAvatar_defaultP
 SelectWithAvatarComponent.displayName = 'SelectWithAvatar';
 var SelectWithAvatar = (0, _Popup["default"])(SelectWithAvatarComponent);
 SelectWithAvatar.defaultProps = SelectWithAvatarComponent.defaultProps;
-if (false) {
-  SelectWithAvatar.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  SelectWithAvatar.propTypes = SelectWithAvatarComponent.propTypes;
-}
+
+// if (__DOCS__) {
+//   SelectWithAvatar.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+//   // eslint-disable-next-line react/forbid-foreign-prop-types
+//   SelectWithAvatar.propTypes = SelectWithAvatarComponent.propTypes;
+// }
 var _default = SelectWithAvatar;
 exports["default"] = _default;

package/lib/Select/SelectWithIcon.js

@@ -521,11 +521,12 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 SelectWithIcon.propTypes = _propTypes.SelectWithIcon_propTypes;
 SelectWithIcon.defaultProps = _defaultProps.SelectWithIcon_defaultProps;
-if (false) {
-  SelectWithIcon.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   SelectWithIcon.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }
 var _default = (0, _Popup["default"])(SelectWithIcon);
 exports["default"] = _default;

package/lib/Stencils/Stencils.js

@@ -47,11 +47,12 @@ var Stencils = /*#__PURE__*/function (_React$PureComponent) {
 exports["default"] = Stencils;
 Stencils.propTypes = _propTypes.propTypes;
 Stencils.defaultProps = _defaultProps.defaultProps;
-if (false) {
-  Stencils.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    description: ' ',
-    external: true
-  };
-}
+
+// if (__DOCS__) {
+//   Stencils.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'Style Guide',
+//     description: ' ',
+//     external: true
+//   };
+// }

package/lib/Switch/Switch.js

@@ -82,8 +82,7 @@ var Switch = /*#__PURE__*/function (_React$Component) {
         "data-title": disabled ? disableTitle : title,
         "aria-checked": checked,
         role: "switch",
-        tabIndex: isReadOnly || disabled ? '-1' : '0',
-        onClick: !disabled || !isReadOnly ? this.onChange : null
+        tabIndex: isReadOnly || disabled ? '-1' : '0'
       }, SwitchProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_SwitchModule["default"][size], " ").concat(customSwitchSize)
       }, /*#__PURE__*/_react["default"].createElement("input", {
@@ -94,8 +93,8 @@ var Switch = /*#__PURE__*/function (_React$Component) {
         value: value,
         checked: checked,
         disabled: disabled,
-        readOnly: isReadOnly
-        // onClick={!disabled || !isReadOnly ? this.onChange : null}
+        readOnly: isReadOnly,
+        onClick: !disabled || !isReadOnly ? this.onChange : null
       }), /*#__PURE__*/_react["default"].createElement("label", {
         htmlFor: id,
         "data-id": dataId,
@@ -105,9 +104,8 @@ var Switch = /*#__PURE__*/function (_React$Component) {
         palette: labelPalette,
         id: id,
         size: labelSize,
-        type: "subtitle"
-        // onClick={!disabled || !isReadOnly ? this.onChange : null}
-        ,
+        type: "subtitle",
+        onClick: !disabled || !isReadOnly ? this.onChange : null,
         customClass: customLabel
       }, LabelProps)));
     }
@@ -117,9 +115,10 @@ var Switch = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Switch;
 Switch.defaultProps = _defaultProps.defaultProps;
 Switch.propTypes = _propTypes.propTypes;
-if (false) {
-  Switch.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   Switch.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/Tab/Tab.js

@@ -89,7 +89,7 @@ function Tab(_ref) {
     adjust: true,
     href: isLink ? href : undefined,
     "data-key": id,
-    role: "tab",
+    role: "link",
     "aria-controls": id,
     "aria-selected": isActive ? true : false,
     tabIndex: isLink ? undefined : isActive && !isDisabled ? '0' : '0',
@@ -108,9 +108,10 @@ function Tab(_ref) {
 }
 Tab.defaultProps = _defaultProps.Tab_defaultProps;
 Tab.propTypes = _propTypes.Tab_propTypes;
-if (false) {
-  Tab.docs = {
-    componentGroup: 'Tab',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   Tab.docs = {
+//     componentGroup: 'Tab',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/Tab/Tabs.js

@@ -467,7 +467,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         eleRef: getTargetRef
       }, MoreButtonProps, {
         "aria-label": "MoreTabs",
-        role: "tab",
+        role: "link",
         tagName: "button"
       }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: iconName,

package/lib/Tag/Tag.js

@@ -169,9 +169,9 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
 exports["default"] = Tag;
 Tag.defaultProps = _defaultProps.defaultProps;
 Tag.propTypes = _propTypes.propTypes;
-if (false) {
-  Tag.docs = {
-    componentGroup: 'Molecule',
-    folderName: 'Style Guide'
-  };
-}
+// if (__DOCS__) {
+//   Tag.docs = {
+//     componentGroup: 'Molecule',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/TextBox/TextBox.js

@@ -183,11 +183,12 @@ var Textbox = /*#__PURE__*/function (_React$PureComponent) {
 exports["default"] = Textbox;
 Textbox.defaultProps = _defaultProps.defaultProps;
 Textbox.propTypes = _propTypes.propTypes;
-if (false) {
-  Textbox.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
+
+// if (__DOCS__) {
+//   Textbox.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+// }

package/lib/TextBoxIcon/TextBoxIcon.js

@@ -177,11 +177,11 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 exports["default"] = TextBoxIcon;
 TextBoxIcon.defaultProps = _defaultProps.defaultProps;
 TextBoxIcon.propTypes = _propTypes.propTypes;
-if (false) {
-  TextBoxIcon.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
+// if (__DOCS__) {
+//   TextBoxIcon.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+// }

package/lib/Textarea/Textarea.js

@@ -120,11 +120,12 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Textarea;
 Textarea.defaultProps = _defaultProps.defaultProps;
 Textarea.propTypes = _propTypes.propTypes;
-if (false) {
-  Textarea.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
+
+// if (__DOCS__) {
+//   Textarea.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+// }

package/lib/Tooltip/Tooltip.js

@@ -509,11 +509,12 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Tooltip;
 Tooltip.propTypes = _propTypes.propTypes;
 Tooltip.defaultProps = _defaultProps.defaultProps;
-if (false) {
-  Tooltip.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide',
-    description: ' ',
-    external: true
-  };
-}
+
+// if (__DOCS__) {
+//   Tooltip.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'Style Guide',
+//     description: ' ',
+//     external: true
+//   };
+// }

package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -93,8 +93,8 @@ exports["default"] = VelocityAnimation;
 VelocityAnimation.defaultProps = _defaultProps.defaultProps;
 VelocityAnimation.propTypes = _propTypes.propTypes;
 VelocityAnimation.contextType = _LibraryContextInit["default"];
-if (false) {
-  VelocityAnimation.docs = {
-    componentGroup: 'Animation'
-  };
-}
+// if (__DOCS__) {
+//   VelocityAnimation.docs = {
+//     componentGroup: 'Animation'
+//   };
+// }

package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -124,8 +124,9 @@ VelocityAnimationGroup.defaultProps = _objectSpread(_objectSpread({}, _defaultPr
 });
 VelocityAnimationGroup.propTypes = _propTypes.propTypes;
 VelocityAnimationGroup.contextType = _LibraryContextInit["default"];
-if (false) {
-  VelocityAnimationGroup.docs = {
-    componentGroup: 'Animation'
-  };
-}
+
+// if (__DOCS__) {
+//   VelocityAnimationGroup.docs = {
+//     componentGroup: 'Animation'
+//   };
+// }

package/lib/deprecated/PortalLayer/PortalLayer.js

@@ -118,9 +118,10 @@ var PortalLayer = /*#__PURE__*/function (_React$Component) {
 exports["default"] = PortalLayer;
 PortalLayer.defaultProps = _defaultProps.defaultProps;
 PortalLayer.propTypes = _propTypes.propTypes;
-if (false) {
-  PortalLayer.docs = {
-    componentGroup: 'Atom',
-    folderName: 'Style Guide'
-  };
-}
+
+// if (__DOCS__) {
+//   PortalLayer.docs = {
+//     componentGroup: 'Atom',
+//     folderName: 'Style Guide'
+//   };
+// }

package/lib/semantic/Button/Button.js

@@ -73,9 +73,9 @@ var Button = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Button;
 Button.defaultProps = _defaultProps.defaultProps;
 Button.propTypes = _propTypes.propTypes;
-if (false) {
-  Button.docs = {
-    componentGroup: 'semantic',
-    folderName: 'DefaultComponents'
-  };
-}
+// if (__DOCS__) {
+//   Button.docs = {
+//     componentGroup: 'semantic',
+//     folderName: 'DefaultComponents'
+//   };
+// }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-alpha-255",
+  "version": "1.0.0-alpha-257",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -8,9 +8,14 @@
     "access": "public"
   },
   "author": "Z Team",
-  "homepage":"https://www.npmjs.com/search?q=@zohodesk",
+  "homepage": "https://www.npmjs.com/search?q=@zohodesk",
   "license": "ISC",
-  "keywords":["DOT","ZOHODESK","ZTEAM","LIBRARY"],
+  "keywords": [
+    "DOT",
+    "ZOHODESK",
+    "ZTEAM",
+    "LIBRARY"
+  ],
   "scripts": {
     "build:docs": "react-cli build:docs",
     "lint": "react-cli lint",
@@ -48,7 +53,7 @@
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/svg": "1.0.0-beta.48",
-    "@zohodesk/a11y": "1.3.4"
+    "@zohodesk/a11y": "1.3.7"
   },
   "dependencies": {
     "hoist-non-react-statics": "3.0.1",
@@ -63,21 +68,36 @@
     "@zohodesk/virtualizer": "1.0.3",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/a11y": "1.3.4"
+    "@zohodesk/a11y": "1.3.7"
   },
   "react-cli": {
     "preprocess": {
       "runner": "./preprocess/index.js"
     },
+    "css": {
+      "plugins": {
+        "hasRTL": true
+      },
+      "exclude": {
+        "rtl": [
+          "@zohodesk/icons",
+          "@zohodesk/variables"
+        ]
+      }
+    },
     "docs": {
+      "plugins": {
+        "hasRTL": true
+      },
+      "exclude": {
+        "rtl": [
+          "@zohodesk/icons",
+          "@zohodesk/variables"
+        ]
+      },
       "disableES5Transpile": true,
       "componentFolder": "./src",
-      "cssUniqueness": "false",
-      "rtlExclude": [
-        "@zohodesk/icons",
-        "@zohodesk/variables"
-      ],
-      "hasRTL": true
+      "cssUniqueness": "false"
     }
   }
 }