carbon-react 104.58.8 → 105.0.2

package/lib/components/vertical-divider/vertical-divider.component.js

@@ -1,51 +1,1482 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+  value: true,
 });
-exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+exports.default = void 0;
 
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+var _menu = require("../menu/menu.component");
 
 var _verticalDivider = require("./vertical-divider.style");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache() {
+  if (typeof WeakMap !== "function") return null;
+  var cache = new WeakMap();
+  _getRequireWildcardCache = function () {
+    return cache;
+  };
+  return cache;
+}
 
-function _extends() { _extends = Object.assign || 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 _interopRequireWildcard(obj) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || (typeof obj !== "object" && typeof obj !== "function")) {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache();
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor =
+    Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (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 ||
+    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);
+}
 
 const VerticalDivider = ({
   h,
+  height,
   displayInline = false,
   tint = 80,
   ...props
-}) => /*#__PURE__*/_react.default.createElement(_verticalDivider.StyledVerticalWrapper, _extends({
-  "data-component": "vertical-divider",
-  p: props.p || 3,
-  height: h,
-  displayInline: displayInline
-}, props), /*#__PURE__*/_react.default.createElement(_verticalDivider.StyledDivider, {
-  tint: tint
-}));
+}) => {
+  const { inMenu } = (0, _react.useContext)(_menu.MenuContext);
+  return /*#__PURE__*/ _react.default.createElement(
+    _verticalDivider.StyledVerticalWrapper,
+    _extends(
+      {
+        "data-component": "vertical-divider",
+        p: props.p || 3,
+        height: h || height,
+        displayInline: displayInline,
+      },
+      props,
+      {
+        as: inMenu ? "li" : "div",
+        "aria-hidden": !!inMenu,
+      }
+    ),
+    /*#__PURE__*/ _react.default.createElement(_verticalDivider.StyledDivider, {
+      tint: tint,
+    })
+  );
+};
 
 VerticalDivider.propTypes = {
-  /** Styled system spacing props */
-  ..._propTypes2.default.space,
-
-  /** Set a custom height for the component, if passing a number it will set the value in `px` */
-  h: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
-  /** Set this flag if using component in a non-flex container */
   displayInline: _propTypes.default.bool,
-
-  /** Set a custom tint (between 1 and 100) for the component,
-   * the values determine the level of tint applied to the slate */
-  tint: _propTypes.default.oneOf(Array.from({
-    length: 100
-  }, (_, i) => i + 1))
+  h: _propTypes.default.oneOfType([
+    _propTypes.default.number,
+    _propTypes.default.string,
+  ]),
+  height: _propTypes.default.oneOfType([
+    _propTypes.default.number,
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top, left, bottom and right
+   */
+  m: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top, left, bottom and right
+   */
+  margin: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on bottom
+   */
+  marginBottom: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left
+   */
+  marginLeft: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on right
+   */
+  marginRight: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top
+   */
+  marginTop: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left and right
+   */
+  marginX: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top and bottom
+   */
+  marginY: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on bottom
+   */
+  mb: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left
+   */
+  ml: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on right
+   */
+  mr: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top
+   */
+  mt: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left and right
+   */
+  mx: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top and bottom
+   */
+  my: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top, left, bottom and right
+   */
+  p: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top, left, bottom and right
+   */
+  padding: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on bottom
+   */
+  paddingBottom: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left
+   */
+  paddingLeft: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on right
+   */
+  paddingRight: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top
+   */
+  paddingTop: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left and right
+   */
+  paddingX: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top and bottom
+   */
+  paddingY: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on bottom
+   */
+  pb: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left
+   */
+  pl: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on right
+   */
+  pr: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top
+   */
+  pt: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left and right
+   */
+  px: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top and bottom
+   */
+  py: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * the supported rage is 1-100
+   */
+  tint: _propTypes.default.oneOf([
+    1,
+    2,
+    3,
+    4,
+    5,
+    6,
+    7,
+    8,
+    9,
+    10,
+    11,
+    12,
+    13,
+    14,
+    15,
+    16,
+    17,
+    18,
+    19,
+    20,
+    21,
+    22,
+    23,
+    24,
+    25,
+    26,
+    27,
+    28,
+    29,
+    30,
+    31,
+    32,
+    33,
+    34,
+    35,
+    36,
+    37,
+    38,
+    39,
+    40,
+    41,
+    42,
+    43,
+    44,
+    45,
+    46,
+    47,
+    48,
+    49,
+    50,
+    51,
+    52,
+    53,
+    54,
+    55,
+    56,
+    57,
+    58,
+    59,
+    60,
+    61,
+    62,
+    63,
+    64,
+    65,
+    66,
+    67,
+    68,
+    69,
+    70,
+    71,
+    72,
+    73,
+    74,
+    75,
+    76,
+    77,
+    78,
+    79,
+    80,
+    81,
+    82,
+    83,
+    84,
+    85,
+    86,
+    87,
+    88,
+    89,
+    90,
+    91,
+    92,
+    93,
+    94,
+    95,
+    96,
+    97,
+    98,
+    99,
+    100,
+  ]),
 };
+
 var _default = VerticalDivider;
-exports.default = _default;
+exports.default = _default;