@zohodesk/components 1.0.0-temp-70 → 1.0.0-temp-71

package/lib/common/docStyle.module.css

@@ -260,12 +260,8 @@
   background: #fff;
 }
 [data-mode='dark'] {
-  color: #e2e4e6;
-  background: #232b38;
-}
-[data-mode='pureDark'] {
-  color: #e2e4e6;
-  background: #212121;
+  color: #E2E4E6;
+  background: #232B38;
 }
 
 .baseHue {

package/lib/css.js

@@ -54,6 +54,8 @@ require("./Ribbon/Ribbon.module.css");
 
 require("./MultiSelect/MultiSelect.module.css");
 
+require("./MultiSelect/AdvancedMultiSelect.module.css");
+
 require("./Select/Select.module.css");
 
 require("./ListItem/ListItem.module.css");

package/lib/deprecated/PortalLayer/PortalLayer.js

@@ -9,9 +9,7 @@ exports["default"] = exports.RefElement = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("./props/propTypes");
-
-var _defaultProps = require("./props/defaultProps");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Modal = _interopRequireDefault(require("../../Modal/Modal"));
 
@@ -143,8 +141,21 @@ var PortalLayer = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = PortalLayer;
-PortalLayer.defaultProps = _defaultProps.defaultProps;
-PortalLayer.propTypes = _propTypes.propTypes;
+PortalLayer.defaultProps = {
+  autoZIndexNeeded: true,
+  isChildrenRestrictionNeeded: false,
+  portalId: 'portal1'
+};
+PortalLayer.propTypes = {
+  autoZIndexNeeded: _propTypes["default"].bool,
+  children: _propTypes["default"].element,
+  initialState: _propTypes["default"].bool,
+  isChildrenRestrictionNeeded: _propTypes["default"].bool,
+  portalId: _propTypes["default"].string,
+  renderChildren: _propTypes["default"].func,
+  saveGetFunction: _propTypes["default"].func,
+  saveUpdateFunction: _propTypes["default"].func
+};
 
 if (false) {
   PortalLayer.docs = {

package/lib/index.js

@@ -8,14 +8,6 @@ var _exportNames = {
   ReactDOM: true,
   renderToStaticMarkup: true,
   _provider: true,
-  Grid__default: true,
-  Grid__Basic_Detail_Layout: true,
-  Grid__Auto_Flow_Row: true,
-  Grid__Area_Based_Detail_Layout: true,
-  Grid__Line_Based_Detail_Layout: true,
-  Grid__Area_Based_List_Layout: true,
-  Grid__Line_Based_List_Layout: true,
-  Grid__Box_Alignment: true,
   Layout__default: true,
   Layout__two_Column: true,
   Layout__three_Column: true,
@@ -158,8 +150,11 @@ var _exportNames = {
   Provider__Zindex_For_FunctionComponent: true,
   SemanticButton: true,
   SemanticButton__default: true,
-  LightNightMode__AlternativeColors: true,
-  ResponsiveDropBox: true
+  FocusScope: true,
+  FocusScope__default: true,
+  FocusRing: true,
+  FocusRing__default: true,
+  LightNightMode__AlternativeColors: true
 };
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
@@ -473,52 +468,28 @@ Object.defineProperty(exports, "DropDownHeading__Heading", {
     return _DropDownHeading__default["default"];
   }
 });
-Object.defineProperty(exports, "Grid__Area_Based_Detail_Layout", {
+Object.defineProperty(exports, "FocusRing", {
   enumerable: true,
   get: function get() {
-    return _Grid__Area_Based_Detail_Layout["default"];
+    return _FocusRing["default"];
   }
 });
-Object.defineProperty(exports, "Grid__Area_Based_List_Layout", {
+Object.defineProperty(exports, "FocusRing__default", {
   enumerable: true,
   get: function get() {
-    return _Grid__Area_Based_List_Layout["default"];
+    return _FocusRing__default["default"];
   }
 });
-Object.defineProperty(exports, "Grid__Auto_Flow_Row", {
+Object.defineProperty(exports, "FocusScope", {
   enumerable: true,
   get: function get() {
-    return _Grid__Auto_Flow_Row["default"];
+    return _FocusScope["default"];
   }
 });
-Object.defineProperty(exports, "Grid__Basic_Detail_Layout", {
+Object.defineProperty(exports, "FocusScope__default", {
   enumerable: true,
   get: function get() {
-    return _Grid__Basic_Detail_Layout["default"];
-  }
-});
-Object.defineProperty(exports, "Grid__Box_Alignment", {
-  enumerable: true,
-  get: function get() {
-    return _Grid__Box_Alignment["default"];
-  }
-});
-Object.defineProperty(exports, "Grid__Line_Based_Detail_Layout", {
-  enumerable: true,
-  get: function get() {
-    return _Grid__Line_Based_Detail_Layout["default"];
-  }
-});
-Object.defineProperty(exports, "Grid__Line_Based_List_Layout", {
-  enumerable: true,
-  get: function get() {
-    return _Grid__Line_Based_List_Layout["default"];
-  }
-});
-Object.defineProperty(exports, "Grid__default", {
-  enumerable: true,
-  get: function get() {
-    return _Grid__default["default"];
+    return _FocusScope__default["default"];
   }
 });
 Object.defineProperty(exports, "GroupSelect", {
@@ -815,12 +786,6 @@ Object.defineProperty(exports, "ReactDOM", {
     return _reactDom["default"];
   }
 });
-Object.defineProperty(exports, "ResponsiveDropBox", {
-  enumerable: true,
-  get: function get() {
-    return _ResponsiveDropBox["default"];
-  }
-});
 Object.defineProperty(exports, "Responsive__Custom", {
   enumerable: true,
   get: function get() {
@@ -1122,36 +1087,6 @@ Object.keys(_Layout).forEach(function (key) {
   });
 });
 
-var _Grid = require("./ucl/Grid");
-
-Object.keys(_Grid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Grid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Grid[key];
-    }
-  });
-});
-
-var _Grid__default = _interopRequireDefault(require("./ucl/Grid/docs/Grid__default.docs"));
-
-var _Grid__Basic_Detail_Layout = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Basic_Detail_Layout.docs"));
-
-var _Grid__Auto_Flow_Row = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Auto_Flow_Row.docs"));
-
-var _Grid__Area_Based_Detail_Layout = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Area_Based_Detail_Layout.docs"));
-
-var _Grid__Line_Based_Detail_Layout = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Line_Based_Detail_Layout.docs"));
-
-var _Grid__Area_Based_List_Layout = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Area_Based_List_Layout.docs"));
-
-var _Grid__Line_Based_List_Layout = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Line_Based_List_Layout.docs"));
-
-var _Grid__Box_Alignment = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Box_Alignment.docs"));
-
 var _Layout__default = _interopRequireDefault(require("./Layout/docs/Layout__default.docs"));
 
 var _Layout__two_Column = _interopRequireDefault(require("./Layout/docs/Layout__two_Column.docs"));
@@ -1464,8 +1399,14 @@ var _Button2 = _interopRequireDefault(require("./semantic/Button/Button"));
 
 var _Button__defaultDocs = _interopRequireDefault(require("./semantic/Button/docs/Button__default.docs.js"));
 
-var _AlternativeColors = _interopRequireDefault(require("./LightNightMode/docs/AlternativeColors.docs"));
+var _FocusScope = _interopRequireDefault(require("./a11y/FocusScope/FocusScope"));
+
+var _FocusScope__default = _interopRequireDefault(require("./a11y/FocusScope/docs/FocusScope__default.docs"));
+
+var _FocusRing = _interopRequireDefault(require("./beta/FocusRing/FocusRing"));
 
-var _ResponsiveDropBox = _interopRequireDefault(require("./ResponsiveDropBox/ResponsiveDropBox"));
+var _FocusRing__default = _interopRequireDefault(require("./beta/FocusRing/docs/FocusRing__default.docs"));
+
+var _AlternativeColors = _interopRequireDefault(require("./LightNightMode/docs/AlternativeColors.docs"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/semantic/Button/Button.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _semanticButtonModule = _interopRequireDefault(require("./semanticButton.module.css"));
 
@@ -94,8 +92,43 @@ var Button = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Button;
-Button.defaultProps = _defaultProps.defaultProps;
-Button.propTypes = _propTypes.propTypes;
+Button.defaultProps = {
+  children: null,
+  autoFocus: false,
+  dataId: 'semanticButton',
+  disabled: false,
+  palette: 'primary',
+  text: 'Button',
+  type: 'button',
+  value: 'text',
+  customClass: '',
+  a11y: {}
+};
+Button.propTypes = {
+  ariaControls: _propTypes["default"].bool,
+  ariaExpanded: _propTypes["default"].bool,
+  ariaHaspopup: _propTypes["default"].bool,
+  ariaLabel: _propTypes["default"].string,
+  autofocus: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  name: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  ref: _propTypes["default"].func,
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['submit', 'reset', 'button']),
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    ariaLabel: _propTypes["default"].string,
+    ariaHaspopup: _propTypes["default"].bool,
+    ariaExpanded: _propTypes["default"].bool,
+    ariaControls: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string
+  })
+};
 
 if (false) {
   Button.docs = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-70",
+  "version": "1.0.0-temp-71",
   "main": "lib/index.js",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -16,7 +16,7 @@
     "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
     "build:variables": "node ./preprocess/index",
     "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "common_package_build": "cd ../common && npm run build && cd ../components",
+    "common_package_build":"cd ../common && npm run build && cd ../components",
     "start": "react-cli start",
     "docs": "npm run common_package_build && npm run dubCheck && react-cli docs",
     "build": " react-cli build:component:cmjs",
@@ -45,9 +45,6 @@
     "@zohodesk/svg": "1.0.0-beta.48"
   },
   "dependencies": {
-    "@zohodesk/hooks": "^1.0.3-alpha.2",
-    "@zohodesk/theme": "^1.0.3-alpha.1",
-    "@zohodesk/utils": "^1.0.3-alpha.1",
     "hoist-non-react-statics": "3.0.1",
     "react-transition-group": "2.5.0",
     "reselect": "4.0.0",
@@ -76,4 +73,4 @@
       "hasRTL": true
     }
   }
-}
+}

package/es/Accordion/props/defaultProps.js

@@ -1,8 +0,0 @@
-export const Accordion_defaultProps = {
-  unMount: true,
-  disableInternalState: false,
-  a11y: {}
-};
-export const AccordionItem_defaultProps = {
-  a11y: {}
-};

package/es/Accordion/props/propTypes.js

@@ -1,30 +0,0 @@
-import PropTypes from 'prop-types';
-export const Accordion_propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  disableInternalState: PropTypes.bool,
-  height: PropTypes.string,
-  onSelect: PropTypes.func,
-  selectedItem: PropTypes.string.isRequired,
-  unMount: PropTypes.bool,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaExpanded: PropTypes.bool,
-    ariaHaspopup: PropTypes.bool
-  })
-};
-export const AccordionItem_propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  equalityCheck: PropTypes.func,
-  id: PropTypes.string,
-  selectMenu: PropTypes.func,
-  selectedItem: PropTypes.string,
-  unMount: PropTypes.bool,
-  unMountItem: PropTypes.bool,
-  innerClass: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string
-  })
-};

package/es/Animation/props/defaultProps.js

@@ -1,7 +0,0 @@
-export const defaultProps = {
-  enterDuration: 300,
-  exitDuration: 300,
-  isActive: false,
-  name: 'fadeIn',
-  unmountOnExit: true
-};

package/es/Animation/props/propTypes.js

@@ -1,12 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.node,
-  delayClassName: PropTypes.string,
-  enterDuration: PropTypes.number,
-  exitDuration: PropTypes.number,
-  isActive: PropTypes.bool,
-  name: PropTypes.oneOf(['zoomIn', 'scaleIn', 'fadeIn', 'slideLeft', 'slideDown', 'skewIn', 'default', 'none']),
-  onEntered: PropTypes.func,
-  onExit: PropTypes.func,
-  unmountOnExit: PropTypes.bool
-};

package/es/AppContainer/props/defaultProps.js

@@ -1,8 +0,0 @@
-export const defaultProps = {
-  dataId: 'AppContainer',
-  tagName: 'div',
-  className: '',
-  tooltipClass: '',
-  tooltipParentClass: '',
-  customProps: {}
-};

package/es/AppContainer/props/propTypes.js

@@ -1,15 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
-  dataId: PropTypes.string,
-  eleRef: PropTypes.func,
-  tagName: PropTypes.string,
-  className: PropTypes.string,
-  tooltipClass: PropTypes.string,
-  tooltipParentClass: PropTypes.string,
-  customProps: PropTypes.shape({
-    ContainerProps: PropTypes.object,
-    TooltipProps: PropTypes.object,
-    ExtraProps: PropTypes.object
-  })
-};

package/es/Avatar/props/defaultProps.js

@@ -1,13 +0,0 @@
-export const defaultProps = {
-  needTitle: true,
-  palette: 'primary',
-  shape: 'circle',
-  size: 'medium',
-  src: null,
-  title: null,
-  dataId: 'Avatar',
-  needBorder: true,
-  borderOnActive: false,
-  borderOnHover: false,
-  customProps: {}
-};

package/es/Avatar/props/propTypes.js

@@ -1,22 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  dataId: PropTypes.string,
-  initial: PropTypes.string,
-  name: PropTypes.string.isRequired,
-  needBorder: PropTypes.bool,
-  needTitle: PropTypes.bool,
-  onClick: PropTypes.func,
-  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
-  shape: PropTypes.oneOf(['circle', 'square']),
-  size: PropTypes.oneOf(['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
-  src: PropTypes.string,
-  textPalette: PropTypes.oneOf(['white', 'black']),
-  title: PropTypes.string,
-  customClass: PropTypes.string,
-  alternateSrc: PropTypes.string,
-  borderOnActive: PropTypes.bool,
-  borderOnHover: PropTypes.bool,
-  customProps: PropTypes.shape({
-    AvatarProps: PropTypes.object
-  })
-};

package/es/AvatarTeam/props/defaultProps.js

@@ -1,13 +0,0 @@
-export const defaultProps = {
-  isFilled: false,
-  palette: 'primary',
-  size: 'medium',
-  src: null,
-  title: null,
-  dataId: 'avatarTeamComp',
-  needTitle: true,
-  customClass: {},
-  borderOnActive: false,
-  borderOnHover: false,
-  customProps: {}
-};

package/es/AvatarTeam/props/propTypes.js

@@ -1,23 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  dataId: PropTypes.string,
-  isFilled: PropTypes.bool,
-  name: PropTypes.string.isRequired,
-  needTitle: PropTypes.bool,
-  onClick: PropTypes.func,
-  palette: PropTypes.oneOf(['primary', 'secondary', 'info']),
-  size: PropTypes.oneOf(['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
-  src: PropTypes.string,
-  textPalette: PropTypes.oneOf(['white', 'black']),
-  title: PropTypes.string,
-  customClass: PropTypes.shape({
-    customAvatar: PropTypes.string,
-    customAvatarTeam: PropTypes.string
-  }),
-  borderOnActive: PropTypes.bool,
-  borderOnHover: PropTypes.bool,
-  customProps: PropTypes.shape({
-    AvatarTeamProps: PropTypes.object,
-    AvatarProps: PropTypes.object
-  })
-};

package/es/Button/props/defaultProps.js

@@ -1,15 +0,0 @@
-import { dummyFunction } from '../../utils/dummyFunction';
-export const defaultProps = {
-  children: null,
-  dataId: 'buttonComp',
-  disabled: false,
-  isBold: true,
-  needAppearance: true,
-  onClick: dummyFunction,
-  palette: 'primary',
-  rounded: false,
-  size: 'medium',
-  status: 'none',
-  text: 'Button',
-  customClass: {}
-};

package/es/Button/props/propTypes.js

@@ -1,22 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  disabled: PropTypes.bool,
-  getRef: PropTypes.func,
-  isBold: PropTypes.bool,
-  needAppearance: PropTypes.bool,
-  onClick: PropTypes.func,
-  palette: PropTypes.oneOf(['plainPrimary', 'plainSecondary', 'primary', 'primaryFilled', 'danger', 'dangerFilled', 'secondary', 'secondaryFilled', 'successFilled', 'info', 'tertiaryFilled']),
-  rounded: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'medium', 'large', 'xlarge']),
-  status: PropTypes.oneOf(['loading', 'success', 'none']),
-  text: PropTypes.string,
-  title: PropTypes.string,
-  customClass: PropTypes.shape({
-    customButton: PropTypes.string,
-    customStatus: PropTypes.string,
-    customStatusSize: PropTypes.string
-  })
-};

package/es/Buttongroup/props/defaultProps.js

@@ -1,4 +0,0 @@
-export const defaultProps = {
-  buttonPosition: 'left',
-  children: null
-};

package/es/Buttongroup/props/propTypes.js

@@ -1,7 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  buttonPosition: PropTypes.oneOf(['left', 'right', 'center']),
-  children: PropTypes.node,
-  type: PropTypes.string.isRequired,
-  customClass: PropTypes.string
-};

package/es/Card/props/defaultProps.js

@@ -1,15 +0,0 @@
-export const Card_defaultProps = {
-  isScrollAttribute: false,
-  // isScrollShadow: true,
-  onClick: null,
-  scrollAt: '10',
-  a11y: {},
-  isPercentageScroll: false
-};
-export const CardContent_defaultProps = {
-  isScrollAttribute: false,
-  scroll: 'vertical',
-  preventParentScroll: 'vertical',
-  dataId: 'CardContent',
-  customClass: ''
-};

package/es/Card/props/propTypes.js

@@ -1,43 +0,0 @@
-import PropTypes from 'prop-types';
-export const CardHeader_propTypes = {
-  children: PropTypes.element,
-  dataId: PropTypes.string,
-  isScroll: PropTypes.bool,
-  customClass: PropTypes.string
-};
-export const CardContent_propTypes = {
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  eleRef: PropTypes.func,
-  isScrollAttribute: PropTypes.bool,
-  onScroll: PropTypes.func,
-  scroll: PropTypes.PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
-  shrink: PropTypes.bool,
-  customClass: PropTypes.string,
-  preventParentScroll: PropTypes.PropTypes.oneOf(['vertical', 'horizontal', 'both'])
-};
-export const Card_propTypes = {
-  childTypes: PropTypes.object,
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  fetchData: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
-  from: PropTypes.number,
-  isScrollAttribute: PropTypes.bool,
-  // isScrollShadow: PropTypes.bool,
-  limit: PropTypes.number,
-  noMoreData: PropTypes.bool,
-  noNeedUpScroll: PropTypes.bool,
-  onClick: PropTypes.func,
-  onScroll: PropTypes.func,
-  scrollAt: PropTypes.string,
-  customClass: PropTypes.string,
-  htmlId: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string
-  }),
-  isPercentageScroll: PropTypes.bool
-};
-export const CardFooter_propTypes = {
-  children: PropTypes.node,
-  customClass: PropTypes.string
-};

package/es/CheckBox/props/defaultProps.js

@@ -1,18 +0,0 @@
-export const defaultProps = {
-  checked: false,
-  disabled: false,
-  isReadOnly: false,
-  active: false,
-  labelPalette: 'default',
-  labelSize: 'medium',
-  palette: 'primary',
-  size: 'medium',
-  isFilled: true,
-  variant: 'default',
-  dataId: 'checkBox',
-  activeStyle: 'tick',
-  customClass: {},
-  a11y: {},
-  isClipped: true,
-  customProps: {}
-};

package/es/CheckBox/props/propTypes.js

@@ -1,41 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  active: PropTypes.bool,
-  activeStyle: PropTypes.oneOf(['tick', 'minus']),
-  ariaLabel: PropTypes.string,
-  ariaLabelledby: PropTypes.string,
-  checked: PropTypes.bool,
-  dataId: PropTypes.string,
-  disabled: PropTypes.bool,
-  disabledTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  isFilled: PropTypes.bool,
-  isClipped: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  labelPalette: PropTypes.oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
-  labelSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  name: PropTypes.string,
-  onChange: PropTypes.func,
-  palette: PropTypes.oneOf(['primary', 'danger']),
-  size: PropTypes.oneOf(['small', 'medium']),
-  text: PropTypes.string,
-  title: PropTypes.string,
-  variant: PropTypes.oneOf(['default', 'primary']),
-  customClass: PropTypes.shape({
-    customCheckBox: PropTypes.string,
-    customLabel: PropTypes.string,
-    customCBoxSize: PropTypes.string,
-    customTickSize: PropTypes.string
-  }),
-  a11y: PropTypes.shape({
-    ariaLabel: PropTypes.string,
-    ariaLabelledby: PropTypes.string,
-    ariaHidden: PropTypes.bool,
-    ariaChecked: PropTypes.bool
-  }),
-  customProps: PropTypes.shape({
-    CheckBoxProps: PropTypes.object,
-    LabelProps: PropTypes.object
-  })
-};