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

package/es/semantic/Button/semanticButton.module.css

@@ -1,9 +1,9 @@
 .buttonReset {
-  outline: 0;
-  font: inherit;
-  color: inherit;
   border: inherit;
+  outline: 0;
   background-color: inherit;
+  font: inherit;
   padding: 0;
+  color: inherit;
   text-align: inherit;
 }

package/lib/Accordion/Accordion.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"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -120,8 +118,25 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Accordion;
-Accordion.propTypes = _propTypes.Accordion_propTypes;
-Accordion.defaultProps = _defaultProps.Accordion_defaultProps;
+Accordion.propTypes = {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  disableInternalState: _propTypes["default"].bool,
+  height: _propTypes["default"].string,
+  onSelect: _propTypes["default"].func,
+  selectedItem: _propTypes["default"].string.isRequired,
+  unMount: _propTypes["default"].bool,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaExpanded: _propTypes["default"].bool,
+    ariaHaspopup: _propTypes["default"].bool
+  })
+};
+Accordion.defaultProps = {
+  unMount: true,
+  disableInternalState: false,
+  a11y: {}
+};
 
 if (false) {
   Accordion.docs = {

package/lib/Accordion/AccordionItem.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 _VelocityAnimation = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimation/VelocityAnimation"));
 
@@ -99,8 +97,24 @@ var AccordionItem = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = AccordionItem;
-AccordionItem.propTypes = _propTypes.AccordionItem_propTypes;
-AccordionItem.defaultProps = _defaultProps.AccordionItem_defaultProps;
+AccordionItem.propTypes = {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  equalityCheck: _propTypes["default"].func,
+  id: _propTypes["default"].string,
+  selectMenu: _propTypes["default"].func,
+  selectedItem: _propTypes["default"].string,
+  unMount: _propTypes["default"].bool,
+  unMountItem: _propTypes["default"].bool,
+  innerClass: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string
+  })
+};
+AccordionItem.defaultProps = {
+  a11y: {}
+};
 
 if (false) {
   AccordionItem.docs = {

package/lib/Animation/Animation.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 _reactTransitionGroup = require("react-transition-group");
 
@@ -173,8 +171,30 @@ var Animation = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Animation;
-Animation.propTypes = _propTypes.propTypes;
-Animation.defaultProps = _defaultProps.defaultProps;
+Animation.propTypes = {
+  children: _propTypes["default"].node,
+  delayClassName: _propTypes["default"].string,
+  enterDuration: _propTypes["default"].number,
+  exitDuration: _propTypes["default"].number,
+  isActive: _propTypes["default"].bool,
+  name: _propTypes["default"].oneOf(['zoomIn', 'scaleIn', 'fadeIn', 'slideLeft', 'slideDown', 'skewIn', 'default', 'none']),
+  onEntered: _propTypes["default"].func,
+  onExit: _propTypes["default"].func,
+  unmountOnExit: _propTypes["default"].bool
+};
+Animation.defaultProps = {
+  enterDuration: 300,
+  exitDuration: 300,
+  isActive: false,
+  name: 'fadeIn',
+  unmountOnExit: true
+}; // Animation.propTypesDescription = {
+//   name: ' ',
+//   children: ' ',
+//   enterDuration: ' ',
+//   exitDuration: ' ',
+//   isActive: ' '
+// };
 
 if (false) {
   Animation.docs = {

package/lib/AppContainer/AppContainer.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 _Layout = require("../Layout");
 
@@ -79,11 +77,6 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
     _this.getContainerRef = _this.getContainerRef.bind(_assertThisInitialized(_this));
     _this.timer = null;
     _this.tooltipDebounce = (0, _Config.getLibraryConfig)('tooltipDebounce');
-    (0, _Config.setLibraryConfig)({
-      getTooltipContainer: function getTooltipContainer() {
-        return _this.containerElement;
-      }
-    });
     return _this;
   }
 
@@ -91,7 +84,7 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
     key: "mouseOverDispatch",
     value: function mouseOverDispatch(e) {
       if (this.tooltipRef) {
-        this.tooltipRef.handleOver(e, this.containerElement);
+        this.tooltipRef.handleOver(e);
       }
     }
   }, {
@@ -132,7 +125,6 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
       if (this.containerElement) {
         this.containerElement.addEventListener('mouseover', this.handleOver, false);
         this.containerElement.addEventListener('mouseout', this.removeTimeout, false);
-        this.tooltipRef.observeElement();
       }
     }
   }, {
@@ -141,7 +133,6 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
       if (this.containerElement) {
         this.containerElement.removeEventListener('mouseover', this.handleOver, false);
         this.containerElement.addEventListener('mouseout', this.removeTimeout, false);
-        this.tooltipRef.unObserveElement();
       }
     }
   }, {
@@ -183,8 +174,28 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = AppContainer;
-AppContainer.propTypes = _propTypes.propTypes;
-AppContainer.defaultProps = _defaultProps.defaultProps;
+AppContainer.propTypes = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].arrayOf(_propTypes["default"].element)]),
+  dataId: _propTypes["default"].string,
+  eleRef: _propTypes["default"].func,
+  tagName: _propTypes["default"].string,
+  className: _propTypes["default"].string,
+  tooltipClass: _propTypes["default"].string,
+  tooltipParentClass: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    ContainerProps: _propTypes["default"].object,
+    TooltipProps: _propTypes["default"].object,
+    ExtraProps: _propTypes["default"].object
+  })
+};
+AppContainer.defaultProps = {
+  dataId: 'AppContainer',
+  tagName: 'div',
+  className: '',
+  tooltipClass: '',
+  tooltipParentClass: '',
+  customProps: {}
+};
 
 if (false) {
   AppContainer.docs = {

package/lib/Avatar/Avatar.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 _getInitial = require("../utils/getInitial");
 
@@ -228,8 +226,49 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Avatar;
-Avatar.defaultProps = _defaultProps.defaultProps;
-Avatar.propTypes = _propTypes.propTypes;
+Avatar.defaultProps = {
+  needTitle: true,
+  palette: 'primary',
+  shape: 'circle',
+  size: 'medium',
+  src: null,
+  title: null,
+  dataId: 'Avatar',
+  needBorder: true,
+  borderOnActive: false,
+  borderOnHover: false,
+  customProps: {}
+};
+Avatar.propTypes = {
+  dataId: _propTypes["default"].string,
+  initial: _propTypes["default"].string,
+  name: _propTypes["default"].string.isRequired,
+  needBorder: _propTypes["default"].bool,
+  needTitle: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['primary', 'secondary', 'info', 'default']),
+  shape: _propTypes["default"].oneOf(['circle', 'square']),
+  size: _propTypes["default"].oneOf(['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
+  src: _propTypes["default"].string,
+  textPalette: _propTypes["default"].oneOf(['white', 'black']),
+  title: _propTypes["default"].string,
+  customClass: _propTypes["default"].string,
+  alternateSrc: _propTypes["default"].string,
+  borderOnActive: _propTypes["default"].bool,
+  borderOnHover: _propTypes["default"].bool,
+  customProps: _propTypes["default"].shape({
+    AvatarProps: _propTypes["default"].object
+  })
+}; // Avatar.propTypesDescription = {
+//   name: ' ',
+//   size: ' ',
+//   src: ' ',
+//   palette: ' ',
+//   onClick: ' ',
+//   shape: ' ',
+//   title: ' '
+// };
+
 Avatar.invalidImageURLs = [];
 Avatar.validImageURLs = [];
 

package/lib/AvatarTeam/AvatarTeam.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 _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
 
@@ -114,8 +112,41 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = AvatarTeam;
-AvatarTeam.defaultProps = _defaultProps.defaultProps;
-AvatarTeam.propTypes = _propTypes.propTypes;
+AvatarTeam.defaultProps = {
+  isFilled: false,
+  palette: 'primary',
+  size: 'medium',
+  src: null,
+  title: null,
+  dataId: 'avatarTeamComp',
+  needTitle: true,
+  customClass: {},
+  borderOnActive: false,
+  borderOnHover: false,
+  customProps: {}
+};
+AvatarTeam.propTypes = {
+  dataId: _propTypes["default"].string,
+  isFilled: _propTypes["default"].bool,
+  name: _propTypes["default"].string.isRequired,
+  needTitle: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['primary', 'secondary', 'info']),
+  size: _propTypes["default"].oneOf(['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
+  src: _propTypes["default"].string,
+  textPalette: _propTypes["default"].oneOf(['white', 'black']),
+  title: _propTypes["default"].string,
+  customClass: _propTypes["default"].shape({
+    customAvatar: _propTypes["default"].string,
+    customAvatarTeam: _propTypes["default"].string
+  }),
+  borderOnActive: _propTypes["default"].bool,
+  borderOnHover: _propTypes["default"].bool,
+  customProps: _propTypes["default"].shape({
+    AvatarTeamProps: _propTypes["default"].object,
+    AvatarProps: _propTypes["default"].object
+  })
+};
 
 if (false) {
   AvatarTeam.docs = {

package/lib/Button/Button.js

@@ -9,12 +9,12 @@ 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 _ButtonModule = _interopRequireDefault(require("./Button.module.css"));
 
+var _dummyFunction = require("../utils/dummyFunction");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -104,8 +104,51 @@ var Button = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Button;
-Button.defaultProps = _defaultProps.defaultProps;
-Button.propTypes = _propTypes.propTypes;
+Button.defaultProps = {
+  children: null,
+  dataId: 'buttonComp',
+  disabled: false,
+  isBold: true,
+  needAppearance: true,
+  onClick: _dummyFunction.dummyFunction,
+  palette: 'primary',
+  rounded: false,
+  size: 'medium',
+  status: 'none',
+  text: 'Button',
+  customClass: {}
+};
+Button.propTypes = {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  getRef: _propTypes["default"].func,
+  isBold: _propTypes["default"].bool,
+  needAppearance: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['plainPrimary', 'plainSecondary', 'primary', 'primaryFilled', 'danger', 'dangerFilled', 'secondary', 'secondaryFilled', 'successFilled', 'info', 'tertiaryFilled']),
+  rounded: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['small', 'medium', 'large', 'xlarge']),
+  status: _propTypes["default"].oneOf(['loading', 'success', 'none']),
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  customClass: _propTypes["default"].shape({
+    customButton: _propTypes["default"].string,
+    customStatus: _propTypes["default"].string,
+    customStatusSize: _propTypes["default"].string
+  })
+}; // Button.propTypesDescription = {
+//   onClick: ' ',
+//   text: ' ',
+//   palette: ' ',
+//   disabled: ' ',
+//   size: ' ',
+//   rounded: ' ',
+//   status: ' ',
+//   isBold: ' ',
+//   children: ' '
+// };
 
 if (false) {
   Button.docs = {

package/lib/Buttongroup/Buttongroup.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 _ButtongroupModule = _interopRequireDefault(require("./Buttongroup.module.css"));
 
@@ -78,8 +76,16 @@ var Buttongroup = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Buttongroup;
-Buttongroup.defaultProps = _defaultProps.defaultProps;
-Buttongroup.propTypes = _propTypes.propTypes;
+Buttongroup.defaultProps = {
+  buttonPosition: 'left',
+  children: null
+};
+Buttongroup.propTypes = {
+  buttonPosition: _propTypes["default"].oneOf(['left', 'right', 'center']),
+  children: _propTypes["default"].node,
+  type: _propTypes["default"].string.isRequired,
+  customClass: _propTypes["default"].string
+};
 
 if (false) {
   Buttongroup.docs = {

package/lib/Card/Card.js

@@ -9,9 +9,7 @@ exports["default"] = exports.CardHeader = exports.CardFooter = exports.CardConte
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = require("./props/propTypes");
-
-var _defaultProps = require("./props/defaultProps");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Layout = require("../Layout");
 
@@ -104,7 +102,12 @@ var CardHeader = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports.CardHeader = CardHeader;
-CardHeader.propTypes = _propTypes.CardHeader_propTypes;
+CardHeader.propTypes = {
+  children: _propTypes["default"].element,
+  dataId: _propTypes["default"].string,
+  isScroll: _propTypes["default"].bool,
+  customClass: _propTypes["default"].string
+};
 
 var CardContent = /*#__PURE__*/function (_Component2) {
   _inherits(CardContent, _Component2);
@@ -128,14 +131,12 @@ var CardContent = /*#__PURE__*/function (_Component2) {
           isScrollAttribute = _this$props2.isScrollAttribute,
           dataId = _this$props2.dataId,
           shrink = _this$props2.shrink,
-          customClass = _this$props2.customClass,
-          preventParentScroll = _this$props2.preventParentScroll;
+          customClass = _this$props2.customClass;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
         onScroll: onScroll,
         eleRef: eleRef,
         scroll: scroll,
-        preventParentScroll: preventParentScroll,
         isScrollAttribute: isScrollAttribute,
         dataId: dataId,
         shrink: shrink,
@@ -148,8 +149,22 @@ var CardContent = /*#__PURE__*/function (_Component2) {
 }(_react.Component);
 
 exports.CardContent = CardContent;
-CardContent.propTypes = _propTypes.CardContent_propTypes;
-CardContent.defaultProps = _defaultProps.CardContent_defaultProps;
+CardContent.propTypes = {
+  children: _propTypes["default"].node,
+  dataId: _propTypes["default"].string,
+  eleRef: _propTypes["default"].func,
+  isScrollAttribute: _propTypes["default"].bool,
+  onScroll: _propTypes["default"].func,
+  scroll: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both', 'none']),
+  shrink: _propTypes["default"].bool,
+  customClass: _propTypes["default"].string
+};
+CardContent.defaultProps = {
+  isScrollAttribute: false,
+  scroll: 'vertical',
+  dataId: 'CardContent',
+  customClass: ''
+};
 
 var Card = /*#__PURE__*/function (_Component3) {
   _inherits(Card, _Component3);
@@ -297,7 +312,6 @@ var Card = /*#__PURE__*/function (_Component3) {
             role: role,
             flexible: true,
             scroll: child.props.scroll,
-            preventParentScroll: child.props.preventParentScroll,
             onScroll: _this4.onScroll,
             eleRef: child.props.eleRef,
             isScrollAttribute: child.props.isScrollAttribute,
@@ -316,8 +330,38 @@ var Card = /*#__PURE__*/function (_Component3) {
 }(_react.Component);
 
 exports["default"] = Card;
-Card.propTypes = _propTypes.Card_propTypes;
-Card.defaultProps = _defaultProps.Card_defaultProps;
+Card.propTypes = {
+  childTypes: _propTypes["default"].object,
+  children: _propTypes["default"].node,
+  dataId: _propTypes["default"].string,
+  fetchData: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].bool]),
+  from: _propTypes["default"].number,
+  isScrollAttribute: _propTypes["default"].bool,
+  // isScrollShadow: PropTypes.bool,
+  limit: _propTypes["default"].number,
+  noMoreData: _propTypes["default"].bool,
+  noNeedUpScroll: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onScroll: _propTypes["default"].func,
+  scrollAt: _propTypes["default"].string,
+  customClass: _propTypes["default"].string,
+  htmlId: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string
+  }),
+  isPercentageScroll: _propTypes["default"].bool
+};
+Card.defaultProps = {
+  isScrollAttribute: false,
+  // isScrollShadow: true,
+  onClick: null,
+  scrollAt: '10',
+  a11y: {},
+  isPercentageScroll: false
+}; // Card.propTypesDescription = {
+//   children: ' ',
+//   isScrollAttribute: ' '
+// };
 
 if (false) {
   Card.docs = {
@@ -359,4 +403,7 @@ var CardFooter = /*#__PURE__*/function (_Component4) {
 }(_react.Component);
 
 exports.CardFooter = CardFooter;
-CardFooter.propTypes = _propTypes.CardFooter_propTypes;
+CardFooter.propTypes = {
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string
+};

package/lib/CheckBox/CheckBox.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("./props/propTypes");
-
-var _defaultProps = require("./props/defaultProps");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Label = _interopRequireDefault(require("../Label/Label"));
 
@@ -129,8 +127,7 @@ var CheckBox = /*#__PURE__*/function (_React$Component) {
         role: role,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledby,
-        "aria-hidden": ariaHidden,
-        "data-selector": id
+        "aria-hidden": ariaHidden
       }, CheckBoxProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_CheckBoxModule["default"].boxContainer, " ").concat(_CheckBoxModule["default"][size], " ").concat(customCBoxSize, " ").concat(isFilled ? _CheckBoxModule["default"].filled : '')
       }, /*#__PURE__*/_react["default"].createElement("input", {
@@ -201,8 +198,64 @@ var CheckBox = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = CheckBox;
-CheckBox.defaultProps = _defaultProps.defaultProps;
-CheckBox.propTypes = _propTypes.propTypes;
+CheckBox.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: {}
+};
+CheckBox.propTypes = {
+  active: _propTypes["default"].bool,
+  activeStyle: _propTypes["default"].oneOf(['tick', 'minus']),
+  ariaLabel: _propTypes["default"].string,
+  ariaLabelledby: _propTypes["default"].string,
+  checked: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  disabledTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  id: _propTypes["default"].string,
+  isFilled: _propTypes["default"].bool,
+  isClipped: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  labelPalette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
+  labelSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  name: _propTypes["default"].string,
+  onChange: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['primary', 'danger']),
+  size: _propTypes["default"].oneOf(['small', 'medium']),
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  variant: _propTypes["default"].oneOf(['default', 'primary']),
+  customClass: _propTypes["default"].shape({
+    customCheckBox: _propTypes["default"].string,
+    customLabel: _propTypes["default"].string,
+    customCBoxSize: _propTypes["default"].string,
+    customTickSize: _propTypes["default"].string
+  }),
+  a11y: _propTypes["default"].shape({
+    ariaLabel: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string,
+    ariaHidden: _propTypes["default"].bool,
+    ariaChecked: _propTypes["default"].bool
+  }),
+  customProps: _propTypes["default"].shape({
+    CheckBoxProps: _propTypes["default"].object,
+    LabelProps: _propTypes["default"].object
+  })
+};
 
 if (false) {
   CheckBox.docs = {