carbon-react 118.5.0 → 118.5.2

package/esm/components/typography/typography.component.js

@@ -4,55 +4,43 @@ import styledColor from "../../style/utils/color";
 import baseTheme from "../../style/themes/base";
 import Logger from "../../__internal__/utils/logger";
 const VARIANT_TYPES = ["h1-large", "h1", "h2", "h3", "h4", "h5", "segment-header", "segment-header-small", "segment-subheader", "segment-subheader-alt", "p", "small", "big", "sup", "sub", "strong", "b", "em", "ul", "ol"];
-
 const getAs = variant => {
   switch (variant) {
     case "h1-large":
       return "h1";
-
     case "segment-header":
     case "segment-header-small":
     case "segment-subheader":
     case "segment-subheader-alt":
       return "h5";
-
     case "big":
       return "p";
-
     default:
       return variant;
   }
 };
-
 const getSize = variant => {
   switch (variant) {
     case "h1-large":
       return "32px";
-
     case "h1":
       return "24px";
-
     case "h2":
       return "22px";
-
     case "h3":
     case "segment-header":
       return "20px";
-
     case "h4":
     case "segment-header-small":
       return "18px";
-
     case "h5":
     case "segment-subheader":
     case "big":
       return "16px";
-
     case "small":
     case "sub":
     case "sup":
       return "13px";
-
     case "segment-subheader-alt":
     case "p":
     case "b":
@@ -62,35 +50,27 @@ const getSize = variant => {
       return "14px";
   }
 };
-
 const getLineHeight = variant => {
   switch (variant) {
     case "h1-large":
       return "40px";
-
     case "h1":
     case "segment-subheader":
       return "31px";
-
     case "h2":
       return "29px";
-
     case "h3":
     case "segment-header":
       return "26px";
-
     case "big":
       return "24px";
-
     case "h4":
     case "segment-header-small":
       return "23px";
-
     case "small":
     case "sub":
     case "sup":
       return "20px";
-
     case "h5":
     case "segment-subheader-alt":
     case "p":
@@ -101,7 +81,6 @@ const getLineHeight = variant => {
       return "21px";
   }
 };
-
 const getWeight = variant => {
   switch (variant) {
     case "h1-large":
@@ -109,7 +88,6 @@ const getWeight = variant => {
     case "segment-header":
     case "segment-header-small":
       return "900";
-
     case "h2":
     case "h3":
     case "segment-subheader":
@@ -118,7 +96,6 @@ const getWeight = variant => {
     case "em":
     case "strong":
       return "700";
-
     case "h4":
     case "h5":
     case "p":
@@ -130,33 +107,29 @@ const getWeight = variant => {
       return "400";
   }
 };
-
 const getTransform = variant => {
   if (variant === "segment-subheader-alt") {
     return "uppercase";
   }
-
   return "none";
 };
-
 const getDecoration = variant => {
   if (variant === "em") {
     return "underline";
   }
-
   return "none";
 };
-
 let isDeprecationWarningTriggered = false;
-const Typography = styled.span.attrs(({
-  variant,
-  as,
-  fontSize,
-  fontWeight,
-  textTransform,
-  lineHeight,
-  textDecoration
-}) => {
+const Typography = styled.span.attrs(_ref => {
+  let {
+    variant,
+    as,
+    fontSize,
+    fontWeight,
+    textTransform,
+    lineHeight,
+    textDecoration
+  } = _ref;
   return {
     as: as || getAs(variant),
     size: fontSize || getSize(variant),
@@ -172,24 +145,25 @@ const Typography = styled.span.attrs(({
     isDeprecationWarningTriggered = true;
     Logger.deprecate("Previous props that could be spread to the `Typography` component are being removed. Only props documented in the intefaces will be supported.");
   }
-
   return css``;
 }}
-  ${({
-  size,
-  weight,
-  textTransform,
-  lineHeight,
-  defaultMargin,
-  textDecoration,
-  display,
-  variant,
-  listStyleType,
-  whiteSpace,
-  wordWrap,
-  textOverflow,
-  truncate
-}) => css`
+  ${_ref2 => {
+  let {
+    size,
+    weight,
+    textTransform,
+    lineHeight,
+    defaultMargin,
+    textDecoration,
+    display,
+    variant,
+    listStyleType,
+    whiteSpace,
+    wordWrap,
+    textOverflow,
+    truncate
+  } = _ref2;
+  return css`
     font-style: normal;
     font-size: ${size};
     font-weight: ${weight};
@@ -208,19 +182,23 @@ const Typography = styled.span.attrs(({
     ${variant === "sub" && "vertical-align: sub;"};
     ${display && `display: ${display};`};
     ${listStyleType && `list-style-type: ${listStyleType};`}; ;
-  `}
+  `;
+}}
   ${space}
-  ${({
-  color,
-  bg,
-  backgroundColor,
-  ...rest
-}) => styledColor({
-  color,
-  bg,
-  backgroundColor,
-  ...rest
-})}
+  ${_ref3 => {
+  let {
+    color,
+    bg,
+    backgroundColor,
+    ...rest
+  } = _ref3;
+  return styledColor({
+    color,
+    bg,
+    backgroundColor,
+    ...rest
+  });
+}}
 `;
 Typography.defaultProps = {
   color: "blackOpacity90",

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

@@ -1,17 +1,16 @@
-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 ? Object.assign.bind() : 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, { useContext } from "react";
 import PropTypes from "prop-types";
 import { MenuContext } from "../menu/menu.component";
 import { StyledVerticalWrapper, StyledDivider } from "./vertical-divider.style";
-
-const VerticalDivider = ({
-  h,
-  height,
-  displayInline = false,
-  tint = 80,
-  ...props
-}) => {
+const VerticalDivider = _ref => {
+  let {
+    h,
+    height,
+    displayInline = false,
+    tint = 80,
+    ...props
+  } = _ref;
   const {
     inMenu
   } = useContext(MenuContext);
@@ -27,7 +26,6 @@ const VerticalDivider = ({
     tint: tint
   }));
 };
-
 VerticalDivider.propTypes = {
   "displayInline": PropTypes.bool,
   "h": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),

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

@@ -3,21 +3,30 @@ import { space } from "styled-system";
 import { baseTheme } from "../../style/themes";
 const StyledVerticalWrapper = styled.div`
   ${space}
-  ${({
-  height
-}) => height && css`
+  ${_ref => {
+  let {
+    height
+  } = _ref;
+  return height && css`
       height: ${typeof height === "string" ? `${height}` : `${height}px`};
-    `}
-  ${({
-  displayInline
-}) => displayInline ? "display: inline;" : ""}
+    `;
+}}
+  ${_ref2 => {
+  let {
+    displayInline
+  } = _ref2;
+  return displayInline ? "display: inline;" : "";
+}}
 `;
 const StyledDivider = styled.div`
   height: 100%;
-  border-left: 1px solid ${({
-  theme,
-  tint
-}) => theme.palette.slateTint(tint)};
+  border-left: 1px solid ${_ref3 => {
+  let {
+    theme,
+    tint
+  } = _ref3;
+  return theme.palette.slateTint(tint);
+}};
   display: inherit;
 `;
 StyledVerticalWrapper.defaultProps = {

package/esm/components/vertical-menu/vertical-menu-full-screen.component.d.ts

@@ -12,5 +12,5 @@ export interface VerticalMenuFullScreenProps extends TagProps {
     /** A callback to be called when the close icon is clicked or enter is pressed when focused */
     onClose: (ev: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const VerticalMenuFullScreen: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, isOpen, onClose, ...rest }: VerticalMenuFullScreenProps) => JSX.Element | null;
+export declare const VerticalMenuFullScreen: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, isOpen, onClose, ...rest }: VerticalMenuFullScreenProps) => React.JSX.Element | null;
 export default VerticalMenuFullScreen;

package/esm/components/vertical-menu/vertical-menu-full-screen.component.js

@@ -1,5 +1,4 @@
-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 ? Object.assign.bind() : 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, { useCallback, useRef } from "react";
 import PropTypes from "prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags";
@@ -12,15 +11,15 @@ import Box from "../box";
 import { StyledList, StyledVerticalMenuFullScreen } from "./vertical-menu.style";
 import VerticalMenuFullScreenContext from "./vertical-menu-full-screen.context";
 import Events from "../../__internal__/utils/helpers/events/events";
-
-const VerticalMenuFullScreen = ({
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  children,
-  isOpen,
-  onClose,
-  ...rest
-}) => {
+export const VerticalMenuFullScreen = _ref => {
+  let {
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    children,
+    isOpen,
+    onClose,
+    ...rest
+  } = _ref;
   const l = useLocale();
   const menuWrapperRef = useRef(null);
   const handleKeyDown = useCallback(ev => {
@@ -28,8 +27,9 @@ const VerticalMenuFullScreen = ({
     if (Events.isEscKey(ev)) {
       onClose(ev);
     }
-  }, [onClose]); // TODO remove this as part of FE-5650
+  }, [onClose]);
 
+  // TODO remove this as part of FE-5650
   if (!isOpen) return null;
   return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(FocusTrap, {
     isOpen: isOpen,
@@ -64,16 +64,4 @@ const VerticalMenuFullScreen = ({
     }
   }, /*#__PURE__*/React.createElement(StyledList, null, children)))));
 };
-
-VerticalMenuFullScreen.propTypes = {
-  "aria-label": PropTypes.string,
-  "aria-labelledby": PropTypes.string,
-  "children": PropTypes.node,
-  "data-component": PropTypes.string,
-  "data-element": PropTypes.string,
-  "data-role": PropTypes.string,
-  "isOpen": PropTypes.bool.isRequired,
-  "onClose": PropTypes.func.isRequired
-};
-export { VerticalMenuFullScreen };
 export default VerticalMenuFullScreen;

package/esm/components/vertical-menu/vertical-menu-item.component.d.ts

@@ -23,5 +23,5 @@ export interface VerticalMenuItemProps<T = React.ElementType> extends PaddingPro
     component?: T;
 }
 declare type InferredComponentProps<T extends React.ElementType> = Omit<React.ComponentProps<T>, keyof VerticalMenuItemProps<T>>;
-export declare const VerticalMenuItem: <T>({ defaultOpen, title, iconType, adornment, children, component, active, height, href, ...rest }: T extends React.ElementType<any> ? InferredComponentProps<T> & VerticalMenuItemProps<T> : VerticalMenuItemProps<React.ElementType<any>>) => JSX.Element;
+export declare const VerticalMenuItem: <T>({ defaultOpen, title, iconType, adornment, children, component, active, height, href, ...rest }: T extends React.ElementType<any> ? InferredComponentProps<T> & VerticalMenuItemProps<T> : VerticalMenuItemProps<React.ElementType<any>>) => React.JSX.Element;
 export default VerticalMenuItem;

package/esm/components/vertical-menu/vertical-menu-item.component.js

@@ -1,5 +1,4 @@
-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 ? Object.assign.bind() : 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, { useState, useContext } from "react";
 import PropTypes from "prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags";
@@ -9,44 +8,38 @@ import { StyledVerticalMenuItem, StyledTitle, StyledAdornment, StyledList, Style
 const MenuItemContext = /*#__PURE__*/React.createContext({
   level: 0
 });
-
-const VerticalMenuItem = ({
-  defaultOpen = false,
-  title,
-  iconType,
-  adornment,
-  children,
-  component,
-  active,
-  height = "56px",
-  href,
-  ...rest
-}) => {
+export const VerticalMenuItem = _ref => {
+  let {
+    defaultOpen = false,
+    title,
+    iconType,
+    adornment,
+    children,
+    component,
+    active,
+    height = "56px",
+    href,
+    ...rest
+  } = _ref;
   const [isOpen, setIsOpen] = useState(defaultOpen);
-
   const handleOnClick = () => {
     setIsOpen(state => !state);
   };
-
   const {
     level
   } = useContext(MenuItemContext);
   const {
     isFullScreen
   } = useContext(VerticalMenuFullScreenContext);
-
   const renderAdornment = () => typeof adornment === "function" ? adornment(isOpen) : adornment;
-
   const shouldDisplayActiveState = typeof active === "function" ? active(isOpen) : active;
   let itemProps = {};
-
   if (href) {
     itemProps = {
       as: "a",
       href
     };
   }
-
   if (component) {
     itemProps = {
       as: component,
@@ -55,7 +48,6 @@ const VerticalMenuItem = ({
       ...rest
     };
   }
-
   if (children) {
     itemProps = {
       as: "button",
@@ -64,7 +56,6 @@ const VerticalMenuItem = ({
       onClick: handleOnClick
     };
   }
-
   const paddingX = `calc(var(--spacing500) + (${level} * var(--spacing400)))`;
   return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(StyledVerticalMenuItem, _extends({
     height: height,
@@ -81,189 +72,4 @@ const VerticalMenuItem = ({
     }
   }, /*#__PURE__*/React.createElement(StyledList, null, children)));
 };
-
-VerticalMenuItem.propTypes = {
-  "active": PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
-  "adornment": PropTypes.oneOfType([PropTypes.element, PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@iterator": PropTypes.func.isRequired
-  }), PropTypes.string, PropTypes.bool]),
-  "children": PropTypes.node,
-  "component": PropTypes.oneOfType([PropTypes.oneOf(["a", "abbr", "address", "animate", "animateMotion", "animateTransform", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "circle", "cite", "clipPath", "code", "col", "colgroup", "data", "datalist", "dd", "defs", "del", "desc", "details", "dfn", "dialog", "div", "dl", "dt", "ellipse", "em", "embed", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "fieldset", "figcaption", "figure", "filter", "footer", "foreignObject", "form", "g", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "image", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "line", "linearGradient", "link", "main", "map", "mark", "marker", "mask", "menu", "menuitem", "meta", "metadata", "meter", "mpath", "nav", "noindex", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "path", "pattern", "picture", "polygon", "polyline", "pre", "progress", "q", "radialGradient", "rect", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "slot", "small", "source", "span", "stop", "strong", "style", "sub", "summary", "sup", "svg", "switch", "symbol", "table", "tbody", "td", "template", "text", "textarea", "textPath", "tfoot", "th", "thead", "time", "title", "tr", "track", "tspan", "u", "ul", "use", "var", "video", "view", "wbr", "webview"]), PropTypes.func, PropTypes.shape({
-    "childContextTypes": PropTypes.object,
-    "contextType": PropTypes.shape({
-      "Consumer": PropTypes.func.isRequired,
-      "displayName": PropTypes.string,
-      "Provider": PropTypes.func.isRequired
-    }),
-    "contextTypes": PropTypes.object,
-    "defaultProps": PropTypes.object,
-    "displayName": PropTypes.string,
-    "getDerivedStateFromError": PropTypes.func,
-    "getDerivedStateFromProps": PropTypes.func,
-    "propTypes": PropTypes.object
-  })]),
-  "data-component": PropTypes.string,
-  "data-element": PropTypes.string,
-  "data-role": PropTypes.string,
-  "defaultOpen": PropTypes.bool,
-  "height": PropTypes.string,
-  "href": PropTypes.string,
-  "iconType": PropTypes.oneOf(["add", "admin", "alert_on", "alert", "analysis", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "construction", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "laptop", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
-  "p": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "padding": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pl": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "px": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "py": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "title": PropTypes.string.isRequired
-};
-export { VerticalMenuItem };
 export default VerticalMenuItem;