carbon-react 104.58.8 → 105.0.2

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

@@ -1,38 +1,1423 @@
-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 _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);
+}
 
-import React from "react";
+import React, { useContext } from "react";
 import PropTypes from "prop-types";
-import propTypes from "@styled-system/prop-types";
+import { MenuContext } from "../menu/menu.component";
 import { StyledVerticalWrapper, StyledDivider } from "./vertical-divider.style";
 
 const VerticalDivider = ({
   h,
+  height,
   displayInline = false,
   tint = 80,
   ...props
-}) => /*#__PURE__*/React.createElement(StyledVerticalWrapper, _extends({
-  "data-component": "vertical-divider",
-  p: props.p || 3,
-  height: h,
-  displayInline: displayInline
-}, props), /*#__PURE__*/React.createElement(StyledDivider, {
-  tint: tint
-}));
+}) => {
+  const { inMenu } = useContext(MenuContext);
+  return /*#__PURE__*/ React.createElement(
+    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.createElement(StyledDivider, {
+      tint: tint,
+    })
+  );
+};
 
 VerticalDivider.propTypes = {
-  /** Styled system spacing props */
-  ...propTypes.space,
-
-  /** Set a custom height for the component, if passing a number it will set the value in `px` */
-  h: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /** Set this flag if using component in a non-flex container */
   displayInline: PropTypes.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.oneOf(Array.from({
-    length: 100
-  }, (_, i) => i + 1))
+  h: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * Margin on top, left, bottom and right
+   */
+  m: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on top, left, bottom and right
+   */
+  margin: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on bottom
+   */
+  marginBottom: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on left
+   */
+  marginLeft: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on right
+   */
+  marginRight: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on top
+   */
+  marginTop: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on left and right
+   */
+  marginX: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on top and bottom
+   */
+  marginY: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on bottom
+   */
+  mb: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on left
+   */
+  ml: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on right
+   */
+  mr: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on top
+   */
+  mt: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on left and right
+   */
+  mx: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Margin on top and bottom
+   */
+  my: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on top, left, bottom and right
+   */
+  p: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on top, left, bottom and right
+   */
+  padding: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on bottom
+   */
+  paddingBottom: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on left
+   */
+  paddingLeft: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on right
+   */
+  paddingRight: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on top
+   */
+  paddingTop: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on left and right
+   */
+  paddingX: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on top and bottom
+   */
+  paddingY: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on bottom
+   */
+  pb: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on left
+   */
+  pl: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on right
+   */
+  pr: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on top
+   */
+  pt: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on left and right
+   */
+  px: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * Padding on top and bottom
+   */
+  py: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.number,
+        PropTypes.shape({
+          "__@toStringTag": PropTypes.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: PropTypes.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: PropTypes.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: PropTypes.func.isRequired,
+        }),
+        PropTypes.string,
+      ])
+    ),
+    PropTypes.number,
+    PropTypes.object,
+    PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: PropTypes.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: PropTypes.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: PropTypes.func.isRequired,
+    }),
+    PropTypes.string,
+  ]),
+  /**
+   * the supported rage is 1-100
+   */
+  tint: PropTypes.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,
+  ]),
 };
-export default VerticalDivider;
+
+export default VerticalDivider;