@zohodesk/components 1.0.0-temp-162 → 1.0.0-temp-163

package/lib/Tab/Tabs.js

@@ -51,7 +51,19 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
       tabKeys: []
     };
     _Common.bind.apply(_assertThisInitialized(_this), ['moreTabSelect', 'onResize', 'onTabResize', 'getHighlightRef', 'getTabsRef', 'getTabRef', 'getHighlightDim', 'onSizeChange', 'onScroll', 'togglePopup', 'setMaxDim']);
-    _this.tabsObserver = new _ResizeObserver["default"](_this.onResize);
+    var debounce = function debounce(cb) {
+      var timer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+      var timeoutId = null;
+      return function () {
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(function () {
+          cb();
+        }, timer);
+      };
+    };
+    _this.tabsObserver = new _ResizeObserver["default"](debounce(_this.onResize));
     _this.tabObserver = {};
     return _this;
   }
@@ -243,16 +255,15 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "onResize",
     value: function onResize(timer) {
-      var _this6 = this;
       var isResponsive = this.props.isResponsive;
       if (this.tabsEle && isResponsive) {
-        if (!timer) {
-          this.onSizeChange();
-        } else {
-          setTimeout(function () {
-            _this6.onSizeChange();
-          }, timer);
-        }
+        // if (!timer) {
+        //   this.onSizeChange();
+        // } else {
+        //   setTimeout(() => {
+        this.onSizeChange();
+        // }, timer);
+        // }
       }
     }
   }, {
@@ -265,14 +276,14 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getTabDimensions",
     value: function getTabDimensions() {
-      var _this7 = this;
+      var _this6 = this;
       var _this$props4 = this.props,
         children = _this$props4.children,
         align = _this$props4.align,
         childType = _this$props4.childType;
       var tabDimensions = {};
       _react["default"].Children.forEach(children, function (child) {
-        return /*#__PURE__*/_react["default"].isValidElement(child) && child.type === childType && _this7[child.props.id] && Object.assign(tabDimensions, _defineProperty({}, child.props.id, _this7[child.props.id] && (0, _Common.getTotalDimension)(_this7[child.props.id], align)));
+        return /*#__PURE__*/_react["default"].isValidElement(child) && child.type === childType && _this6[child.props.id] && Object.assign(tabDimensions, _defineProperty({}, child.props.id, _this6[child.props.id] && (0, _Common.getTotalDimension)(_this6[child.props.id], align)));
       });
       return tabDimensions;
     }
@@ -406,7 +417,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "renderTabs",
     value: function renderTabs(mainTabs, moreTabs, isVirtual) {
-      var _this8 = this;
+      var _this7 = this;
       var _this$props8 = this.props,
         selectedTab = _this$props8.selectedTab,
         moreButtonClass = _this$props8.moreButtonClass,
@@ -454,9 +465,9 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         }
         return /*#__PURE__*/_react["default"].isValidElement(child) && /*#__PURE__*/_react["default"].createElement(MainTab, _extends({}, child.props, {
           key: child.props.id,
-          getTabRef: _this8.getTabRef,
+          getTabRef: _this7.getTabRef,
           onSelect: onSelect,
-          recalculateDimension: _this8.recalculateDimension,
+          recalculateDimension: _this7.recalculateDimension,
           isActive: child.props.id === selectedTab,
           type: type,
           isAnimate: isAnimate,
@@ -500,13 +511,13 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         }, DropBoxProps, {
           isResponsivePadding: true,
           needFocusScope: true,
-          onClose: _this8.togglePopup
-        }), getCustomDropBoxHeaderPlaceHolder && getCustomDropBoxHeaderPlaceHolder(_this8.props), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+          onClose: _this7.togglePopup
+        }), getCustomDropBoxHeaderPlaceHolder && getCustomDropBoxHeaderPlaceHolder(_this7.props), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true,
           shrink: true,
           scroll: "vertical",
           className: "".concat(tabletMode ? '' : _TabsModule["default"].menuBox, " ").concat(moreBoxClass),
-          onScroll: _this8.onScroll
+          onScroll: _this7.onScroll
         }, _react["default"].Children.map(moreTabs, function (child) {
           if (!child) {
             return null;
@@ -523,7 +534,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
           return /*#__PURE__*/_react["default"].isValidElement(child) && /*#__PURE__*/_react["default"].createElement(_ListItem["default"], _extends({
             key: id,
             value: value,
-            onClick: _this8.moreTabSelect,
+            onClick: _this7.moreTabSelect,
             id: id,
             title: title || text,
             isLink: isLink,

package/lib/Tag/Tag.js

@@ -12,7 +12,6 @@ var _icons = require("@zohodesk/icons");
 var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
 var _Layout = require("../Layout");
 var _Button = _interopRequireDefault(require("../semantic/Button/Button"));
-var _Typography = _interopRequireDefault(require("../Typography/Typography"));
 var _IdProvider = require("../Provider/IdProvider");
 var _TagModule = _interopRequireDefault(require("./Tag.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -148,14 +147,10 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: iconName,
         size: iconSize
-      })) : null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      })) : null, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_TagModule["default"].text, " ").concat(textSizes),
-        a11y: {
-          'aria-hidden': true
-        },
-        customProps: {
-          id: getAriaId
-        }
+        "aria-hidden": true,
+        id: getAriaId
       }, text), onRemove && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
         customClass: "".concat(_TagModule["default"].close, " ").concat(active ? _TagModule["default"]["active".concat(closePalette, "Close")] : '', "\n            ").concat(rounded ? _TagModule["default"].lgRadiusClose : _TagModule["default"].smRadiusClose, " ").concat(isDarkPalette ? _TagModule["default"].darkTagClose : '', "\n            ").concat(customTagClose, " ").concat(_TagModule["default"]["close".concat(closePalette)]),
         dataId: "".concat(dataId, "_RemoveTag"),

package/lib/index.js

@@ -30,9 +30,7 @@ var _exportNames = {
   TextBox: true,
   TextBoxIcon: true,
   Tooltip: true,
-  utils: true,
-  Text: true,
-  Typography: true
+  utils: true
 };
 Object.defineProperty(exports, "Animation", {
   enumerable: true,
@@ -150,12 +148,6 @@ Object.defineProperty(exports, "Tag", {
     return _Tag["default"];
   }
 });
-Object.defineProperty(exports, "Text", {
-  enumerable: true,
-  get: function get() {
-    return _Text["default"];
-  }
-});
 Object.defineProperty(exports, "TextBox", {
   enumerable: true,
   get: function get() {
@@ -180,12 +172,6 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip["default"];
   }
 });
-Object.defineProperty(exports, "Typography", {
-  enumerable: true,
-  get: function get() {
-    return _Typography["default"];
-  }
-});
 exports.utils = void 0;
 var _Accordion = require("./Accordion");
 Object.keys(_Accordion).forEach(function (key) {
@@ -360,8 +346,6 @@ Object.keys(_semantic).forEach(function (key) {
     }
   });
 });
-var _Text = _interopRequireDefault(require("./Text/Text"));
-var _Typography = _interopRequireDefault(require("./Typography/Typography"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-162",
+  "version": "1.0.0-temp-163",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,

package/es/Text/Text.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from './Text.module.css';
-export default class Text extends React.Component {
-  render() {
-    let {
-      tagName,
-      className,
-      dataTitle,
-      dataId,
-      a11y,
-      children,
-      customProps,
-      size
-    } = this.props;
-    return /*#__PURE__*/React.createElement(tagName, {
-      className: `${style[`size${size}`]} ${className}`,
-      'data-title': dataTitle,
-      'data-id': dataId,
-      ...customProps,
-      ...a11y
-    }, children);
-  }
-}
-Text.propTypes = propTypes;
-Text.defaultProps = defaultProps;

package/es/Text/Text.module.css

@@ -1,72 +0,0 @@
-.reset {
-  font-weight: initial;
-  margin: initial;
-  padding: initial;
-}
-
-.size8{
-  font-size: 8px;
-}
-.size9{
-  font-size: 9px;
-}
-.size10{
-  font-size: 10px;
-}
-.size11{
-  font-size: 11px;
-}
-.size12{
-  font-size: 12px;
-}
-.size13{
-  font-size: 13px;
-}
-.size14{
-  font-size: 14px;
-}
-.size15{
-  font-size: 15px;
-}
-.size16{
-  font-size: 16px;
-}
-.size17{
-  font-size: 17px;
-}
-.size18{
-  font-size: 18px;
-}
-.size19{
-  font-size: 19px;
-}
-.size20{
-  font-size: 20px;
-}
-.size21{
-  font-size: 21px;
-}
-.size22{
-  font-size: 22px;
-}
-.size23{
-  font-size: 23px;
-}
-.size24{
-  font-size: 24px;
-}
-.size25{
-  font-size: 25px;
-}
-.size26{
-  font-size: 26px;
-}
-.size30{
-  font-size: 30px;
-}
-.size50{
-  font-size: 50px;
-}
-.sizeinherit{
-  font-size: inherit;
-}

package/es/Text/props/defaultProps.js

@@ -1,7 +0,0 @@
-export const defaultProps = {
-  tagName: 'div',
-  a11y: {},
-  className: '',
-  customProps: {},
-  size: 'inherit'
-};

package/es/Text/props/propTypes.js

@@ -1,12 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  tagName: PropTypes.string,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  title: PropTypes.string,
-  a11y: PropTypes.object,
-  children: PropTypes.node,
-  customProps: PropTypes.object,
-  size: PropTypes.oneOf(['8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '30', '50', 'inherit'])
-};

package/es/Typography/Typography.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from './Typography.module.css';
-export default class Typography extends React.Component {
-  render() {
-    let {
-      tagName,
-      className,
-      dataTitle,
-      dataId,
-      a11y,
-      children,
-      customProps,
-      size,
-      needReset
-    } = this.props;
-    return /*#__PURE__*/React.createElement(tagName, {
-      className: `${needReset ? style.reset : ''} ${style[`size${size}`]} ${className}`,
-      'data-title': dataTitle,
-      'data-id': dataId,
-      ...customProps,
-      ...a11y
-    }, children);
-  }
-}
-Typography.propTypes = propTypes;
-Typography.defaultProps = defaultProps;

package/es/Typography/Typography.module.css

@@ -1,72 +0,0 @@
-.reset {
-  font-weight: initial;
-  margin: initial;
-  padding: initial;
-}
-
-.size8{
-  font-size: 8px;
-}
-.size9{
-  font-size: 9px;
-}
-.size10{
-  font-size: 10px;
-}
-.size11{
-  font-size: 11px;
-}
-.size12{
-  font-size: 12px;
-}
-.size13{
-  font-size: 13px;
-}
-.size14{
-  font-size: 14px;
-}
-.size15{
-  font-size: 15px;
-}
-.size16{
-  font-size: 16px;
-}
-.size17{
-  font-size: 17px;
-}
-.size18{
-  font-size: 18px;
-}
-.size19{
-  font-size: 19px;
-}
-.size20{
-  font-size: 20px;
-}
-.size21{
-  font-size: 21px;
-}
-.size22{
-  font-size: 22px;
-}
-.size23{
-  font-size: 23px;
-}
-.size24{
-  font-size: 24px;
-}
-.size25{
-  font-size: 25px;
-}
-.size26{
-  font-size: 26px;
-}
-.size30{
-  font-size: 30px;
-}
-.size50{
-  font-size: 50px;
-}
-.sizeinherit{
-  font-size: inherit;
-}

package/es/Typography/props/defaultProps.js

@@ -1,8 +0,0 @@
-export const defaultProps = {
-  tagName: 'div',
-  a11y: {},
-  className: '',
-  customProps: {},
-  size: 'inherit',
-  needReset: true
-};

package/es/Typography/props/propTypes.js

@@ -1,12 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  tagName: PropTypes.string,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  a11y: PropTypes.object,
-  children: PropTypes.node,
-  customProps: PropTypes.object,
-  needReset: PropTypes.bool,
-  size: PropTypes.oneOf(['8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '30', '50', 'inherit'])
-};

package/lib/Text/Text.js

@@ -1,58 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _defaultProps = require("./props/defaultProps");
-var _propTypes = require("./props/propTypes");
-var _TextModule = _interopRequireDefault(require("./Text.module.css"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-var Text = /*#__PURE__*/function (_React$Component) {
-  _inherits(Text, _React$Component);
-  var _super = _createSuper(Text);
-  function Text() {
-    _classCallCheck(this, Text);
-    return _super.apply(this, arguments);
-  }
-  _createClass(Text, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        tagName = _this$props.tagName,
-        className = _this$props.className,
-        dataTitle = _this$props.dataTitle,
-        dataId = _this$props.dataId,
-        a11y = _this$props.a11y,
-        children = _this$props.children,
-        customProps = _this$props.customProps,
-        size = _this$props.size;
-      return /*#__PURE__*/_react["default"].createElement(tagName, _objectSpread(_objectSpread({
-        className: "".concat(_TextModule["default"]["size".concat(size)], " ").concat(className),
-        'data-title': dataTitle,
-        'data-id': dataId
-      }, customProps), a11y), children);
-    }
-  }]);
-  return Text;
-}(_react["default"].Component);
-exports["default"] = Text;
-Text.propTypes = _propTypes.propTypes;
-Text.defaultProps = _defaultProps.defaultProps;

package/lib/Text/Text.module.css

@@ -1,72 +0,0 @@
-.reset {
-  font-weight: initial;
-  margin: initial;
-  padding: initial;
-}
-
-.size8{
-  font-size: 8px;
-}
-.size9{
-  font-size: 9px;
-}
-.size10{
-  font-size: 10px;
-}
-.size11{
-  font-size: 11px;
-}
-.size12{
-  font-size: 12px;
-}
-.size13{
-  font-size: 13px;
-}
-.size14{
-  font-size: 14px;
-}
-.size15{
-  font-size: 15px;
-}
-.size16{
-  font-size: 16px;
-}
-.size17{
-  font-size: 17px;
-}
-.size18{
-  font-size: 18px;
-}
-.size19{
-  font-size: 19px;
-}
-.size20{
-  font-size: 20px;
-}
-.size21{
-  font-size: 21px;
-}
-.size22{
-  font-size: 22px;
-}
-.size23{
-  font-size: 23px;
-}
-.size24{
-  font-size: 24px;
-}
-.size25{
-  font-size: 25px;
-}
-.size26{
-  font-size: 26px;
-}
-.size30{
-  font-size: 30px;
-}
-.size50{
-  font-size: 50px;
-}
-.sizeinherit{
-  font-size: inherit;
-}

package/lib/Text/props/defaultProps.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultProps = void 0;
-var defaultProps = {
-  tagName: 'div',
-  a11y: {},
-  className: '',
-  customProps: {},
-  size: 'inherit'
-};
-exports.defaultProps = defaultProps;

package/lib/Text/props/propTypes.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var propTypes = {
-  tagName: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  dataTitle: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  a11y: _propTypes["default"].object,
-  children: _propTypes["default"].node,
-  customProps: _propTypes["default"].object,
-  size: _propTypes["default"].oneOf(['8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '30', '50', 'inherit'])
-};
-exports.propTypes = propTypes;