carbon-react 106.2.2 → 106.3.2

package/esm/components/button/button.component.js

@@ -1,19 +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 || 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, useState } from "react";
 import PropTypes from "prop-types";
@@ -35,96 +20,60 @@ function renderChildren({
   buttonType,
   iconTooltipMessage,
   iconTooltipPosition,
-  tooltipTarget,
+  tooltipTarget
 }) {
   const iconColorMap = {
     primary: "--colorsActionMajorYang100",
     secondary: "--colorsActionMajor500",
     tertiary: "--colorsActionMajor500",
     darkBackground: "--colorsActionMajor500",
-    dashed: "--colorsActionMajor500",
+    dashed: "--colorsActionMajor500"
   };
-
   const iconProps = {
     "aria-hidden": true,
     disabled,
     color: iconColorMap[buttonType],
     bg: "transparent",
-    bgSize: "extra-small",
+    bgSize: "extra-small"
   };
-
-  return /*#__PURE__*/ React.createElement(
-    React.Fragment,
-    null,
-    iconType &&
-      iconPosition === "before" &&
-      children &&
-      /*#__PURE__*/ React.createElement(
-        Icon,
-        _extends(
-          {
-            type: iconType,
-          },
-          iconProps
-        )
-      ),
-    /*#__PURE__*/ React.createElement(
-      "span",
-      null,
-      /*#__PURE__*/ React.createElement(
-        "span",
-        {
-          "data-element": "main-text",
-        },
-        children
-      ),
-      size === "large" &&
-        /*#__PURE__*/ React.createElement(
-          StyledButtonSubtext,
-          {
-            "data-element": "subtext",
-          },
-          subtext
-        )
-    ),
-    iconType &&
-      !children &&
-      /*#__PURE__*/ React.createElement(
-        TooltipProvider,
-        {
-          disabled: disabled,
-          focusable: false,
-          target: tooltipTarget,
-        },
-        /*#__PURE__*/ React.createElement(
-          Icon,
-          _extends(
-            {
-              type: iconType,
-            },
-            iconProps,
-            {
-              tooltipMessage: iconTooltipMessage,
-              tooltipPosition: iconTooltipPosition,
-            }
-          )
-        )
-      ),
-    iconType &&
-      iconPosition === "after" &&
-      children &&
-      /*#__PURE__*/ React.createElement(
-        Icon,
-        _extends(
-          {
-            type: iconType,
-          },
-          iconProps
-        )
-      )
-  );
+  return /*#__PURE__*/React.createElement(React.Fragment, null, iconType && iconPosition === "before" && children && /*#__PURE__*/React.createElement(Icon, _extends({
+    type: iconType
+  }, iconProps)), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
+    "data-element": "main-text"
+  }, children), size === "large" && /*#__PURE__*/React.createElement(StyledButtonSubtext, {
+    "data-element": "subtext"
+  }, subtext)), iconType && !children && /*#__PURE__*/React.createElement(TooltipProvider, {
+    disabled: disabled,
+    focusable: false,
+    target: tooltipTarget
+  }, /*#__PURE__*/React.createElement(Icon, _extends({
+    type: iconType
+  }, iconProps, {
+    tooltipMessage: iconTooltipMessage,
+    tooltipPosition: iconTooltipPosition
+  }))), iconType && iconPosition === "after" && children && /*#__PURE__*/React.createElement(Icon, _extends({
+    type: iconType
+  }, iconProps)));
 }
 
+renderChildren.propTypes = {
+  "buttonType": PropTypes.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]).isRequired,
+  "children": PropTypes.node,
+  "disabled": PropTypes.bool,
+  "iconPosition": PropTypes.oneOf(["after", "before"]),
+  "iconTooltipMessage": PropTypes.string,
+  "iconTooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"]),
+  "iconType": PropTypes.oneOf(["add", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "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", "copy", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "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", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "messages", "minus_large", "minus", "mobile", "money_bag", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick_circle", "tick", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
+  "size": PropTypes.oneOf(["large", "medium", "small"]),
+  "subtext": PropTypes.string,
+  "tooltipTarget": function (props, propName) {
+    if (props[propName] == null) {
+      return null;
+    } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+      return new Error("Expected prop '" + propName + "' to be of type Element");
+    }
+  }
+};
 let deprecatedWarnTriggered = false;
 
 const Button = ({
@@ -152,35 +101,25 @@ const Button = ({
 }) => {
   if (!deprecatedWarnTriggered && as) {
     deprecatedWarnTriggered = true;
-    Logger.deprecate(
-      // eslint-disable-next-line max-len
-      "The `as` prop is deprecated and will soon be removed from the `Button` component interface. You should use the `buttonType` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop"
-    );
+    Logger.deprecate( // eslint-disable-next-line max-len
+    "The `as` prop is deprecated and will soon be removed from the `Button` component interface. You should use the `buttonType` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop");
   }
 
-  invariant(
-    !!(children || iconType),
-    "Either prop `iconType` must be defined or this node must have children."
-  );
+  invariant(!!(children || iconType), "Either prop `iconType` must be defined or this node must have children.");
 
   if (subtext) {
-    invariant(
-      size === "large",
-      "subtext prop has no effect unless the button is large."
-    );
+    invariant(size === "large", "subtext prop has no effect unless the button is large.");
   }
 
   const [internalRef, setInternalRef] = useState();
   const buttonType = as || buttonTypeProp;
   let paddingX;
 
-  const handleLinkKeyDown = (event) => {
+  const handleLinkKeyDown = event => {
     // If space key click link
     if (event.key === " ") {
       event.preventDefault();
-      internalRef === null || internalRef === void 0
-        ? void 0
-        : internalRef.click();
+      internalRef === null || internalRef === void 0 ? void 0 : internalRef.click();
     }
   };
 
@@ -197,3217 +136,728 @@ const Button = ({
       paddingX = 3;
   }
 
-  const setRefs = useCallback(
-    (reference) => {
-      setInternalRef(reference);
-      if (!forwardRef) return;
-      if (typeof forwardRef === "object") forwardRef.current = reference;
-      if (typeof forwardRef === "function") forwardRef(reference);
-    },
-    [forwardRef]
-  );
-  return /*#__PURE__*/ React.createElement(
-    StyledButton,
-    _extends(
-      {
-        "aria-label": !children && iconType ? ariaLabel || iconType : undefined,
-        as: !disabled && href ? "a" : "button",
-        onKeyDown: href ? handleLinkKeyDown : undefined,
-        draggable: false,
-        buttonType: buttonType,
-        disabled: disabled,
-        destructive: destructive,
-        role: "button",
-        type: href ? undefined : "button",
-        iconType: iconType,
-        size: size,
-        px: px ?? paddingX,
-        m: m,
-        noWrap: noWrap,
-        iconOnly: !!(!children && iconType),
-        iconPosition: iconPosition,
-        target: target,
-        rel: rel,
-        fullWidth: fullWidth,
-      },
-      tagComponent("button", rest),
-      rest,
-      href && {
-        href,
-      },
-      {
-        ref: setRefs,
-      }
-    ),
-    renderChildren({
-      iconType,
-      iconPosition,
-      size,
-      subtext,
-      children,
-      disabled,
-      buttonType,
-      iconTooltipMessage,
-      iconTooltipPosition,
-      tooltipTarget: internalRef,
-    })
-  );
+  const setRefs = useCallback(reference => {
+    setInternalRef(reference);
+    if (!forwardRef) return;
+    if (typeof forwardRef === "object") forwardRef.current = reference;
+    if (typeof forwardRef === "function") forwardRef(reference);
+  }, [forwardRef]);
+  return /*#__PURE__*/React.createElement(StyledButton, _extends({
+    "aria-label": !children && iconType ? ariaLabel || iconType : undefined,
+    as: !disabled && href ? "a" : "button",
+    onKeyDown: href ? handleLinkKeyDown : undefined,
+    draggable: false,
+    buttonType: buttonType,
+    disabled: disabled,
+    destructive: destructive,
+    role: "button",
+    type: href ? undefined : "button",
+    iconType: iconType,
+    size: size,
+    px: px ?? paddingX,
+    m: m,
+    noWrap: noWrap,
+    iconOnly: !!(!children && iconType),
+    iconPosition: iconPosition,
+    target: target,
+    rel: rel,
+    fullWidth: fullWidth
+  }, tagComponent("button", rest), rest, href && {
+    href
+  }, {
+    ref: setRefs
+  }), renderChildren({
+    iconType,
+    iconPosition,
+    size,
+    subtext,
+    children,
+    disabled,
+    buttonType,
+    iconTooltipMessage,
+    iconTooltipPosition,
+    tooltipTarget: internalRef
+  }));
 };
 
 Button.propTypes = {
-  /**
-   * Prop to specify the aria-label text.
-   *  Only to be used in Button when only an icon is rendered.
-   * This is required to comply with WCAG 4.1.2 - Buttons must have discernible text
-   */
   "aria-label": PropTypes.string,
-  /**
-   * [Legacy] Button types for legacy theme: "primary" | "secondary"
-   */
-  as: PropTypes.oneOf([
-    "darkBackground",
-    "dashed",
-    "primary",
-    "secondary",
-    "tertiary",
-  ]),
-  /**
-   * Color variants for new business themes: "primary" | "secondary" | "tertiary" | "darkBackground"
-   */
-  buttonType: PropTypes.oneOf([
-    "darkBackground",
-    "dashed",
-    "primary",
-    "secondary",
-    "tertiary",
-  ]),
-  /**
-   * The text the button displays
-   */
-  children: PropTypes.node,
-  /**
-   * Apply destructive style to the button
-   */
-  destructive: PropTypes.bool,
-  /**
-   * Apply disabled state to the button
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Ref to be forwarded
-   */
-  forwardRef: PropTypes.oneOfType([
-    PropTypes.func,
-    PropTypes.shape({
-      current: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.object])
-        .isRequired,
-    }),
-  ]),
-  /**
-   * Apply fullWidth style to the button
-   */
-  fullWidth: PropTypes.bool,
-  /**
-   * Used to transform button into anchor
-   */
-  href: PropTypes.string,
-  /**
-   * Defines an Icon position related to the children: "before" | "after"
-   */
-  iconPosition: PropTypes.oneOf(["after", "before"]),
-  /**
-   * Provides a tooltip message when the icon is hovered.
-   */
-  iconTooltipMessage: PropTypes.string,
-  /**
-   * Provides positioning when the tooltip is displayed.
-   */
-  iconTooltipPosition: PropTypes.oneOf(["bottom", "left", "right", "top"]),
-  /**
-   * Defines an Icon type within the button
-   */
-  iconType: PropTypes.oneOf([
-    "add",
-    "alert",
-    "analysis",
-    "arrow_down",
-    "arrow_left_boxed",
-    "arrow_left_right_small",
-    "arrow_left_small",
-    "arrow_left",
-    "arrow_right_small",
-    "arrow_right",
-    "arrow_up",
-    "attach",
-    "bank",
-    "basket_with_squares",
-    "basket",
-    "bin",
-    "block_arrow_right",
-    "blocked_square",
-    "blocked",
-    "bold",
-    "boxed_shapes",
-    "bulk_destroy",
-    "bullet_list_dotted",
-    "bullet_list_numbers",
-    "bullet_list",
-    "business",
-    "calendar_today",
-    "calendar",
-    "call",
-    "camera",
-    "card_view",
-    "caret_down",
-    "caret_large_down",
-    "caret_large_left",
-    "caret_large_right",
-    "caret_large_up",
-    "caret_left",
-    "caret_right",
-    "caret_up",
-    "cart",
-    "chart_bar",
-    "chart_line",
-    "chart_pie",
-    "chat_notes",
-    "chat",
-    "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",
-    "copy",
-    "credit_card_slash",
-    "credit_card",
-    "cross_circle",
-    "cross",
-    "csv",
-    "delete",
-    "delivery",
-    "disconnect",
-    "disputed",
-    "document_right_align",
-    "document_tick",
-    "document_vertical_lines",
-    "download",
-    "draft",
-    "drag_vertical",
-    "drag",
-    "dropdown",
-    "duplicate",
-    "edit",
-    "edited",
-    "ellipsis_horizontal",
-    "ellipsis_vertical",
-    "email_switch",
-    "email",
-    "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",
-    "gift",
-    "graph",
-    "grid",
-    "help",
-    "hide",
-    "home",
-    "image",
-    "in_progress",
-    "in_transit",
-    "individual",
-    "info",
-    "italic",
-    "key",
-    "ledger_arrow_left",
-    "ledger_arrow_right",
-    "ledger",
-    "link",
-    "list_view",
-    "location",
-    "locked",
-    "logout",
-    "lookup",
-    "marker",
-    "message",
-    "messages",
-    "minus_large",
-    "minus",
-    "mobile",
-    "money_bag",
-    "pause_circle",
-    "pause",
-    "pdf",
-    "people_switch",
-    "people",
-    "person_info",
-    "person_tick",
-    "person",
-    "phone",
-    "play_circle",
-    "play",
-    "plus_large",
-    "plus",
-    "pound",
-    "print",
-    "progress",
-    "progressed",
-    "question",
-    "refresh_clock",
-    "refresh",
-    "remove",
-    "sage_coin",
-    "save",
-    "scan",
-    "search",
-    "services",
-    "settings",
-    "share",
-    "shop",
-    "sort_down",
-    "sort_up",
-    "spanner",
-    "split_container",
-    "split",
-    "square_dot",
-    "squares_nine",
-    "stacked_boxes",
-    "stacked_squares",
-    "submitted",
-    "sync",
-    "tag",
-    "three_boxes",
-    "tick_circle",
-    "tick",
-    "unlocked",
-    "upload",
-    "uploaded",
-    "video",
-    "view",
-    "warning",
-  ]),
-  /**
-   * 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,
-  ]),
-  /**
-   * Name attribute
-   */
-  name: PropTypes.string,
-  /**
-   * If provided, the text inside a button will not wrap
-   */
-  noWrap: PropTypes.bool,
-  /**
-   * Specify a callback triggered on blur
-   */
-  onBlur: PropTypes.func,
-  /**
-   * Specify a callback triggered on change
-   */
-  onChange: PropTypes.func,
-  /**
-   * onClick handler
-   */
-  onClick: PropTypes.func,
-  /**
-   * Specify a callback triggered on focus
-   */
-  onFocus: PropTypes.func,
-  /**
-   * Specify a callback triggered on keyDown
-   */
-  onKeyDown: PropTypes.func,
-  /**
-   * 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,
-  ]),
-  /**
-   * HTML rel attribute
-   */
-  rel: PropTypes.string,
-  /**
-   * Assigns a size to the button: "small" | "medium" | "large"
-   */
-  size: PropTypes.oneOf(["large", "medium", "small"]),
-  /**
-   * Second text child, renders under main text, only when size is "large"
-   */
-  subtext: PropTypes.string,
-  /**
-   * HTML target attribute
-   */
-  target: PropTypes.string,
-  /**
-   * HTML button type property
-   */
-  type: PropTypes.string,
+  "as": PropTypes.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
+  "buttonType": PropTypes.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
+  "children": PropTypes.node,
+  "destructive": PropTypes.bool,
+  "disabled": PropTypes.bool,
+  "forwardRef": PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    "current": PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.object]).isRequired
+  })]),
+  "fullWidth": PropTypes.bool,
+  "href": PropTypes.string,
+  "iconPosition": PropTypes.oneOf(["after", "before"]),
+  "iconTooltipMessage": PropTypes.string,
+  "iconTooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"]),
+  "iconType": PropTypes.oneOf(["add", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "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", "copy", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "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", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "messages", "minus_large", "minus", "mobile", "money_bag", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick_circle", "tick", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
+  "m": 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]),
+  "margin": 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]),
+  "marginBottom": 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]),
+  "marginLeft": 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]),
+  "marginRight": 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]),
+  "marginTop": 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]),
+  "marginX": 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]),
+  "marginY": 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]),
+  "mb": 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]),
+  "ml": 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]),
+  "mr": 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]),
+  "mt": 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]),
+  "mx": 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]),
+  "my": 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]),
+  "name": PropTypes.string,
+  "noWrap": PropTypes.bool,
+  "onBlur": PropTypes.func,
+  "onChange": PropTypes.func,
+  "onClick": PropTypes.func,
+  "onFocus": PropTypes.func,
+  "onKeyDown": PropTypes.func,
+  "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]),
+  "rel": PropTypes.string,
+  "size": PropTypes.oneOf(["large", "medium", "small"]),
+  "subtext": PropTypes.string,
+  "target": PropTypes.string,
+  "type": PropTypes.string
 };
-
-const ButtonWithForwardRef = /*#__PURE__*/ React.forwardRef((props, ref) =>
-  /*#__PURE__*/ React.createElement(
-    Button,
-    _extends(
-      {
-        forwardRef: ref,
-      },
-      props
-    )
-  )
-);
-
+const ButtonWithForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Button, _extends({
+  forwardRef: ref
+}, props)));
 ButtonWithForwardRef.propTypes = {
-  /**
-   * Prop to specify the aria-label text.
-   *  Only to be used in Button when only an icon is rendered.
-   * This is required to comply with WCAG 4.1.2 - Buttons must have discernible text
-   */
   "aria-label": PropTypes.string,
-  /**
-   * [Legacy] Button types for legacy theme: "primary" | "secondary"
-   */
-  as: PropTypes.oneOf([
-    "darkBackground",
-    "dashed",
-    "primary",
-    "secondary",
-    "tertiary",
-  ]),
-  /**
-   * Color variants for new business themes: "primary" | "secondary" | "tertiary" | "darkBackground"
-   */
-  buttonType: PropTypes.oneOf([
-    "darkBackground",
-    "dashed",
-    "primary",
-    "secondary",
-    "tertiary",
-  ]),
-  /**
-   * The text the button displays
-   */
-  children: PropTypes.node,
-  /**
-   * Apply destructive style to the button
-   */
-  destructive: PropTypes.bool,
-  /**
-   * Apply disabled state to the button
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Ref to be forwarded
-   */
-  forwardRef: PropTypes.oneOfType([
-    PropTypes.func,
-    PropTypes.shape({
-      current: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.object])
-        .isRequired,
-    }),
-  ]),
-  /**
-   * Apply fullWidth style to the button
-   */
-  fullWidth: PropTypes.bool,
-  /**
-   * Used to transform button into anchor
-   */
-  href: PropTypes.string,
-  /**
-   * Defines an Icon position related to the children: "before" | "after"
-   */
-  iconPosition: PropTypes.oneOf(["after", "before"]),
-  /**
-   * Provides a tooltip message when the icon is hovered.
-   */
-  iconTooltipMessage: PropTypes.string,
-  /**
-   * Provides positioning when the tooltip is displayed.
-   */
-  iconTooltipPosition: PropTypes.oneOf(["bottom", "left", "right", "top"]),
-  /**
-   * Defines an Icon type within the button
-   */
-  iconType: PropTypes.oneOf([
-    "add",
-    "alert",
-    "analysis",
-    "arrow_down",
-    "arrow_left_boxed",
-    "arrow_left_right_small",
-    "arrow_left_small",
-    "arrow_left",
-    "arrow_right_small",
-    "arrow_right",
-    "arrow_up",
-    "attach",
-    "bank",
-    "basket_with_squares",
-    "basket",
-    "bin",
-    "block_arrow_right",
-    "blocked_square",
-    "blocked",
-    "bold",
-    "boxed_shapes",
-    "bulk_destroy",
-    "bullet_list_dotted",
-    "bullet_list_numbers",
-    "bullet_list",
-    "business",
-    "calendar_today",
-    "calendar",
-    "call",
-    "camera",
-    "card_view",
-    "caret_down",
-    "caret_large_down",
-    "caret_large_left",
-    "caret_large_right",
-    "caret_large_up",
-    "caret_left",
-    "caret_right",
-    "caret_up",
-    "cart",
-    "chart_bar",
-    "chart_line",
-    "chart_pie",
-    "chat_notes",
-    "chat",
-    "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",
-    "copy",
-    "credit_card_slash",
-    "credit_card",
-    "cross_circle",
-    "cross",
-    "csv",
-    "delete",
-    "delivery",
-    "disconnect",
-    "disputed",
-    "document_right_align",
-    "document_tick",
-    "document_vertical_lines",
-    "download",
-    "draft",
-    "drag_vertical",
-    "drag",
-    "dropdown",
-    "duplicate",
-    "edit",
-    "edited",
-    "ellipsis_horizontal",
-    "ellipsis_vertical",
-    "email_switch",
-    "email",
-    "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",
-    "gift",
-    "graph",
-    "grid",
-    "help",
-    "hide",
-    "home",
-    "image",
-    "in_progress",
-    "in_transit",
-    "individual",
-    "info",
-    "italic",
-    "key",
-    "ledger_arrow_left",
-    "ledger_arrow_right",
-    "ledger",
-    "link",
-    "list_view",
-    "location",
-    "locked",
-    "logout",
-    "lookup",
-    "marker",
-    "message",
-    "messages",
-    "minus_large",
-    "minus",
-    "mobile",
-    "money_bag",
-    "pause_circle",
-    "pause",
-    "pdf",
-    "people_switch",
-    "people",
-    "person_info",
-    "person_tick",
-    "person",
-    "phone",
-    "play_circle",
-    "play",
-    "plus_large",
-    "plus",
-    "pound",
-    "print",
-    "progress",
-    "progressed",
-    "question",
-    "refresh_clock",
-    "refresh",
-    "remove",
-    "sage_coin",
-    "save",
-    "scan",
-    "search",
-    "services",
-    "settings",
-    "share",
-    "shop",
-    "sort_down",
-    "sort_up",
-    "spanner",
-    "split_container",
-    "split",
-    "square_dot",
-    "squares_nine",
-    "stacked_boxes",
-    "stacked_squares",
-    "submitted",
-    "sync",
-    "tag",
-    "three_boxes",
-    "tick_circle",
-    "tick",
-    "unlocked",
-    "upload",
-    "uploaded",
-    "video",
-    "view",
-    "warning",
-  ]),
-  key: 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,
-  ]),
-  /**
-   * Name attribute
-   */
-  name: PropTypes.string,
-  /**
-   * If provided, the text inside a button will not wrap
-   */
-  noWrap: PropTypes.bool,
-  /**
-   * Specify a callback triggered on blur
-   */
-  onBlur: PropTypes.func,
-  /**
-   * Specify a callback triggered on change
-   */
-  onChange: PropTypes.func,
-  /**
-   * onClick handler
-   */
-  onClick: PropTypes.func,
-  /**
-   * Specify a callback triggered on focus
-   */
-  onFocus: PropTypes.func,
-  /**
-   * Specify a callback triggered on keyDown
-   */
-  onKeyDown: PropTypes.func,
-  /**
-   * 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,
-  ]),
-  /**
-   * HTML rel attribute
-   */
-  rel: PropTypes.string,
-  /**
-   * Assigns a size to the button: "small" | "medium" | "large"
-   */
-  size: PropTypes.oneOf(["large", "medium", "small"]),
-  /**
-   * Second text child, renders under main text, only when size is "large"
-   */
-  subtext: PropTypes.string,
-  /**
-   * HTML target attribute
-   */
-  target: PropTypes.string,
-  /**
-   * HTML button type property
-   */
-  type: PropTypes.string,
+  "as": PropTypes.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
+  "buttonType": PropTypes.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
+  "children": PropTypes.node,
+  "destructive": PropTypes.bool,
+  "disabled": PropTypes.bool,
+  "forwardRef": PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    "current": PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.object]).isRequired
+  })]),
+  "fullWidth": PropTypes.bool,
+  "href": PropTypes.string,
+  "iconPosition": PropTypes.oneOf(["after", "before"]),
+  "iconTooltipMessage": PropTypes.string,
+  "iconTooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"]),
+  "iconType": PropTypes.oneOf(["add", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "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", "copy", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "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", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "messages", "minus_large", "minus", "mobile", "money_bag", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick_circle", "tick", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
+  "m": 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]),
+  "margin": 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]),
+  "marginBottom": 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]),
+  "marginLeft": 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]),
+  "marginRight": 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]),
+  "marginTop": 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]),
+  "marginX": 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]),
+  "marginY": 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]),
+  "mb": 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]),
+  "ml": 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]),
+  "mr": 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]),
+  "mt": 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]),
+  "mx": 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]),
+  "my": 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]),
+  "name": PropTypes.string,
+  "noWrap": PropTypes.bool,
+  "onBlur": PropTypes.func,
+  "onChange": PropTypes.func,
+  "onClick": PropTypes.func,
+  "onFocus": PropTypes.func,
+  "onKeyDown": PropTypes.func,
+  "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]),
+  "rel": PropTypes.string,
+  "size": PropTypes.oneOf(["large", "medium", "small"]),
+  "subtext": PropTypes.string,
+  "target": PropTypes.string,
+  "type": PropTypes.string
 };
-
 ButtonWithForwardRef.displayName = "Button";
 Button.displayName = "Button";
 export { ButtonWithForwardRef };
-export default Button;
+export default Button;