carbon-react 105.1.0 → 105.2.0

package/lib/components/button/button.component.js

@@ -1,33 +1,92 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+  value: true,
 });
+
 exports.default = exports.ButtonWithForwardRef = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+var _invariant = _interopRequireDefault(require("invariant"));
 
 var _icon = _interopRequireDefault(require("../icon"));
 
 var _button = _interopRequireWildcard(require("./button.style"));
 
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+var _tags = _interopRequireDefault(
+  require("../../__internal__/utils/helpers/tags/tags")
+);
 
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
 
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
+var _logger = _interopRequireDefault(
+  require("../../__internal__/utils/logger")
+);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache() {
+  if (typeof WeakMap !== "function") return null;
+  var cache = new WeakMap();
+  _getRequireWildcardCache = function () {
+    return cache;
+  };
+  return cache;
+}
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || (typeof obj !== "object" && typeof obj !== "function")) {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache();
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor =
+    Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor
+        ? Object.getOwnPropertyDescriptor(obj, key)
+        : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 renderChildren({
   /* eslint-disable react/prop-types */
@@ -40,51 +99,110 @@ function renderChildren({
   buttonType,
   iconTooltipMessage,
   iconTooltipPosition,
-  tooltipTarget
-  /* eslint-enable */
-
+  tooltipTarget,
 }) {
   const iconColorMap = {
     primary: "--colorsActionMajorYang100",
     secondary: "--colorsActionMajor500",
     tertiary: "--colorsActionMajor500",
-    darkBackground: "--colorsActionMajor500"
+    darkBackground: "--colorsActionMajor500",
+    dashed: "--colorsActionMajor500",
   };
+
   const iconProps = {
     "aria-hidden": true,
-    type: iconType,
     disabled,
-    bgSize: "extra-small",
     color: iconColorMap[buttonType],
-    bg: "transparent"
+    bg: "transparent",
+    bgSize: "extra-small",
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconType && iconPosition === "before" && children && /*#__PURE__*/_react.default.createElement(_icon.default, iconProps), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", {
-    "data-element": "main-text"
-  }, children), size === "large" && /*#__PURE__*/_react.default.createElement(_button.StyledButtonSubtext, {
-    "data-element": "subtext"
-  }, subtext)), iconType && !children && /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
-    disabled: disabled,
-    focusable: false,
-    target: tooltipTarget
-  }, /*#__PURE__*/_react.default.createElement(_icon.default, _extends({}, iconProps, {
-    tooltipMessage: iconTooltipMessage,
-    tooltipPosition: iconTooltipPosition
-  }))), iconType && iconPosition === "after" && children && /*#__PURE__*/_react.default.createElement(_icon.default, iconProps));
+
+  return /*#__PURE__*/ _react.default.createElement(
+    _react.default.Fragment,
+    null,
+    iconType &&
+      iconPosition === "before" &&
+      children &&
+      /*#__PURE__*/ _react.default.createElement(
+        _icon.default,
+        _extends(
+          {
+            type: iconType,
+          },
+          iconProps
+        )
+      ),
+    /*#__PURE__*/ _react.default.createElement(
+      "span",
+      null,
+      /*#__PURE__*/ _react.default.createElement(
+        "span",
+        {
+          "data-element": "main-text",
+        },
+        children
+      ),
+      size === "large" &&
+        /*#__PURE__*/ _react.default.createElement(
+          _button.StyledButtonSubtext,
+          {
+            "data-element": "subtext",
+          },
+          subtext
+        )
+    ),
+    iconType &&
+      !children &&
+      /*#__PURE__*/ _react.default.createElement(
+        _tooltipProvider.TooltipProvider,
+        {
+          disabled: disabled,
+          focusable: false,
+          target: tooltipTarget,
+        },
+        /*#__PURE__*/ _react.default.createElement(
+          _icon.default,
+          _extends(
+            {
+              type: iconType,
+            },
+            iconProps,
+            {
+              tooltipMessage: iconTooltipMessage,
+              tooltipPosition: iconTooltipPosition,
+            }
+          )
+        )
+      ),
+    iconType &&
+      iconPosition === "after" &&
+      children &&
+      /*#__PURE__*/ _react.default.createElement(
+        _icon.default,
+        _extends(
+          {
+            type: iconType,
+          },
+          iconProps
+        )
+      )
+  );
 }
 
 let deprecatedWarnTriggered = false;
 
 const Button = ({
-  size,
-  subtext,
+  size = "medium",
+  subtext = "",
   as,
   children,
   forwardRef,
   "aria-label": ariaLabel,
-  disabled,
-  buttonType: buttonTypeProp,
+  disabled = false,
+  destructive = false,
+  buttonType: buttonTypeProp = "secondary",
   iconType,
-  iconPosition,
+  iconPosition = "before",
   href,
   m = 0,
   px,
@@ -93,29 +211,41 @@ const Button = ({
   rel,
   iconTooltipMessage,
   iconTooltipPosition,
+  fullWidth = false,
   ...rest
 }) => {
   if (!deprecatedWarnTriggered && as) {
     deprecatedWarnTriggered = true;
 
-    _logger.default.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.default.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"
+    );
   }
 
-  const [internalRef, setInternalRef] = (0, _react.useState)(null);
-  const buttonType = as || buttonTypeProp;
+  (0, _invariant.default)(
+    !!(children || iconType),
+    "Either prop `iconType` must be defined or this node must have children."
+  );
 
-  if (subtext.length > 0 && size !== "large") {
-    throw new Error("subtext prop has no effect unless the button is large");
+  if (subtext) {
+    (0, _invariant.default)(
+      size === "large",
+      "subtext prop has no effect unless the button is large."
+    );
   }
 
+  const [internalRef, setInternalRef] = (0, _react.useState)();
+  const buttonType = as || buttonTypeProp;
   let paddingX;
 
-  const handleLinkKeyDown = event => {
+  const handleLinkKeyDown = (event) => {
     // If space key click link
     if (event.key === " ") {
       event.preventDefault();
-      internalRef.click();
+      internalRef === null || internalRef === void 0
+        ? void 0
+        : internalRef.click();
     }
   };
 
@@ -132,157 +262,3236 @@ const Button = ({
       paddingX = 3;
   }
 
-  const setRefs = (0, _react.useCallback)(reference => {
-    setInternalRef(reference);
-    if (!forwardRef) return;
-    if (typeof forwardRef === "object") forwardRef.current = reference;
-    if (typeof forwardRef === "function") forwardRef(reference);
-  }, [forwardRef]);
-  return /*#__PURE__*/_react.default.createElement(_button.default, _extends({
-    "aria-label": !children && iconType ? ariaLabel || iconType : undefined,
-    as: !disabled && href ? "a" : "button",
-    onKeyDown: href && handleLinkKeyDown,
-    draggable: false,
-    buttonType: buttonType,
-    disabled: disabled,
-    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
-  }, (0, _tags.default)("button", rest), rest, href && {
-    href
-  }, {
-    ref: setRefs
-  }), renderChildren({
-    iconType,
-    iconPosition,
-    size,
-    subtext,
-    children,
-    disabled,
-    buttonType,
-    iconTooltipMessage,
-    iconTooltipPosition,
-    tooltipTarget: internalRef
-  }));
+  const setRefs = (0, _react.useCallback)(
+    (reference) => {
+      setInternalRef(reference);
+      if (!forwardRef) return;
+      if (typeof forwardRef === "object") forwardRef.current = reference;
+      if (typeof forwardRef === "function") forwardRef(reference);
+    },
+    [forwardRef]
+  );
+  return /*#__PURE__*/ _react.default.createElement(
+    _button.default,
+    _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,
+      },
+      (0, _tags.default)("button", rest),
+      rest,
+      href && {
+        href,
+      },
+      {
+        ref: setRefs,
+      }
+    ),
+    renderChildren({
+      iconType,
+      iconPosition,
+      size,
+      subtext,
+      children,
+      disabled,
+      buttonType,
+      iconTooltipMessage,
+      iconTooltipPosition,
+      tooltipTarget: internalRef,
+    })
+  );
 };
 
 Button.propTypes = {
-  /** Styled system spacing props */
-  ..._propTypes2.default.space,
-
-  /** 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  */
+  /**
+   * 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.default.string,
-
-  /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground" */
-  buttonType: _propTypes.default.oneOf(["primary", "secondary", "tertiary", "dashed", "darkBackground"]),
-
-  /** The text the button displays */
-  children: (props, propName, ...rest) => {
-    if (!props.iconType && !props.children) {
-      return new Error("Either prop `iconType` must be defined or this node must have children.");
-    }
-
-    return _propTypes.default.node(props, propName, ...rest);
-  },
-
-  /** Apply disabled state to the button */
-  disabled: _propTypes.default.bool,
-
-  /** Apply destructive style to the button */
+  /**
+   * [Legacy] Button types for legacy theme: "primary" | "secondary"
+   */
+  as: _propTypes.default.oneOf([
+    "darkBackground",
+    "dashed",
+    "primary",
+    "secondary",
+    "tertiary",
+  ]),
+  /**
+   * Color variants for new business themes: "primary" | "secondary" | "tertiary" | "darkBackground"
+   */
+  buttonType: _propTypes.default.oneOf([
+    "darkBackground",
+    "dashed",
+    "primary",
+    "secondary",
+    "tertiary",
+  ]),
+  /**
+   * The text the button displays
+   */
+  children: _propTypes.default.node,
+  /**
+   * Apply destructive style to the button
+   */
   destructive: _propTypes.default.bool,
-
-  /** Defines an Icon position related to the children: "before" | "after" */
-  iconPosition: _propTypes.default.oneOf(["before", "after"]),
-
   /**
-   * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
-   *
-   * Defines an Icon type within the button (see Icon for options)
-   * */
-  iconType: (props, propName, ...rest) => {
-    if (!props.iconType && !props.children) {
-      return new Error("Either prop `iconType` must be defined or this node must have children.");
-    }
-
-    return _propTypes.default.node(props, propName, ...rest);
-  },
-
-  /** Assigns a size to the button: "small" | "medium" | "large" */
-  size: _propTypes.default.oneOf(["small", "medium", "large"]),
-
-  /** Second text child, renders under main text, only when size is "large" */
+   * Apply disabled state to the button
+   */
+  disabled: _propTypes.default.bool,
+  /**
+   * Ref to be forwarded
+   */
+  forwardRef: _propTypes.default.oneOfType([
+    _propTypes.default.func,
+    _propTypes.default.shape({
+      current: _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.object,
+      ]).isRequired,
+    }),
+  ]),
+  /**
+   * Apply fullWidth style to the button
+   */
+  fullWidth: _propTypes.default.bool,
+  /**
+   * Used to transform button into anchor
+   */
+  href: _propTypes.default.string,
+  /**
+   * Defines an Icon position related to the children: "before" | "after"
+   */
+  iconPosition: _propTypes.default.oneOf(["after", "before"]),
+  /**
+   * Provides a tooltip message when the icon is hovered.
+   */
+  iconTooltipMessage: _propTypes.default.string,
+  /**
+   * Provides positioning when the tooltip is displayed.
+   */
+  iconTooltipPosition: _propTypes.default.oneOf([
+    "bottom",
+    "left",
+    "right",
+    "top",
+  ]),
+  /**
+   * Defines an Icon type within the button
+   */
+  iconType: _propTypes.default.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.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top, left, bottom and right
+   */
+  margin: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on bottom
+   */
+  marginBottom: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left
+   */
+  marginLeft: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on right
+   */
+  marginRight: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top
+   */
+  marginTop: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left and right
+   */
+  marginX: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top and bottom
+   */
+  marginY: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on bottom
+   */
+  mb: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left
+   */
+  ml: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on right
+   */
+  mr: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top
+   */
+  mt: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left and right
+   */
+  mx: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top and bottom
+   */
+  my: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Name attribute
+   */
+  name: _propTypes.default.string,
+  /**
+   * If provided, the text inside a button will not wrap
+   */
+  noWrap: _propTypes.default.bool,
+  /**
+   * Specify a callback triggered on blur
+   */
+  onBlur: _propTypes.default.func,
+  /**
+   * Specify a callback triggered on change
+   */
+  onChange: _propTypes.default.func,
+  /**
+   * onClick handler
+   */
+  onClick: _propTypes.default.func,
+  /**
+   * Specify a callback triggered on focus
+   */
+  onFocus: _propTypes.default.func,
+  /**
+   * Specify a callback triggered on keyDown
+   */
+  onKeyDown: _propTypes.default.func,
+  /**
+   * Padding on top, left, bottom and right
+   */
+  p: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top, left, bottom and right
+   */
+  padding: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on bottom
+   */
+  paddingBottom: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left
+   */
+  paddingLeft: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on right
+   */
+  paddingRight: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top
+   */
+  paddingTop: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left and right
+   */
+  paddingX: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top and bottom
+   */
+  paddingY: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on bottom
+   */
+  pb: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left
+   */
+  pl: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on right
+   */
+  pr: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top
+   */
+  pt: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left and right
+   */
+  px: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top and bottom
+   */
+  py: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * HTML rel attribute
+   */
+  rel: _propTypes.default.string,
+  /**
+   * Assigns a size to the button: "small" | "medium" | "large"
+   */
+  size: _propTypes.default.oneOf(["large", "medium", "small"]),
+  /**
+   * Second text child, renders under main text, only when size is "large"
+   */
   subtext: _propTypes.default.string,
+  /**
+   * HTML target attribute
+   */
+  target: _propTypes.default.string,
+  /**
+   * HTML button type property
+   */
+  type: _propTypes.default.string,
+};
 
-  /** Ref to be forwarded */
-  forwardRef: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]),
-
-  /** Button types for legacy theme: "primary" | "secondary" */
-  as: _propTypes.default.oneOf(["primary", "secondary"]),
-
-  /** Used to transform button into anchor */
-  href: _propTypes.default.string,
+const ButtonWithForwardRef = /*#__PURE__*/ _react.default.forwardRef(
+  (props, ref) =>
+    /*#__PURE__*/ _react.default.createElement(
+      Button,
+      _extends(
+        {
+          forwardRef: ref,
+        },
+        props
+      )
+    )
+);
 
-  /** Apply fullWidth style to the button */
+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.default.string,
+  /**
+   * [Legacy] Button types for legacy theme: "primary" | "secondary"
+   */
+  as: _propTypes.default.oneOf([
+    "darkBackground",
+    "dashed",
+    "primary",
+    "secondary",
+    "tertiary",
+  ]),
+  /**
+   * Color variants for new business themes: "primary" | "secondary" | "tertiary" | "darkBackground"
+   */
+  buttonType: _propTypes.default.oneOf([
+    "darkBackground",
+    "dashed",
+    "primary",
+    "secondary",
+    "tertiary",
+  ]),
+  /**
+   * The text the button displays
+   */
+  children: _propTypes.default.node,
+  /**
+   * Apply destructive style to the button
+   */
+  destructive: _propTypes.default.bool,
+  /**
+   * Apply disabled state to the button
+   */
+  disabled: _propTypes.default.bool,
+  /**
+   * Ref to be forwarded
+   */
+  forwardRef: _propTypes.default.oneOfType([
+    _propTypes.default.func,
+    _propTypes.default.shape({
+      current: _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.object,
+      ]).isRequired,
+    }),
+  ]),
+  /**
+   * Apply fullWidth style to the button
+   */
   fullWidth: _propTypes.default.bool,
-
-  /** If provided, the text inside a button will not wrap */
+  /**
+   * Used to transform button into anchor
+   */
+  href: _propTypes.default.string,
+  /**
+   * Defines an Icon position related to the children: "before" | "after"
+   */
+  iconPosition: _propTypes.default.oneOf(["after", "before"]),
+  /**
+   * Provides a tooltip message when the icon is hovered.
+   */
+  iconTooltipMessage: _propTypes.default.string,
+  /**
+   * Provides positioning when the tooltip is displayed.
+   */
+  iconTooltipPosition: _propTypes.default.oneOf([
+    "bottom",
+    "left",
+    "right",
+    "top",
+  ]),
+  /**
+   * Defines an Icon type within the button
+   */
+  iconType: _propTypes.default.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.default.oneOfType([
+    _propTypes.default.number,
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top, left, bottom and right
+   */
+  m: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top, left, bottom and right
+   */
+  margin: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on bottom
+   */
+  marginBottom: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left
+   */
+  marginLeft: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on right
+   */
+  marginRight: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top
+   */
+  marginTop: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left and right
+   */
+  marginX: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top and bottom
+   */
+  marginY: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on bottom
+   */
+  mb: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left
+   */
+  ml: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on right
+   */
+  mr: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top
+   */
+  mt: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on left and right
+   */
+  mx: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Margin on top and bottom
+   */
+  my: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Name attribute
+   */
+  name: _propTypes.default.string,
+  /**
+   * If provided, the text inside a button will not wrap
+   */
   noWrap: _propTypes.default.bool,
-
-  /** Specify a callback triggered on blur */
+  /**
+   * Specify a callback triggered on blur
+   */
   onBlur: _propTypes.default.func,
-
-  /** Specify a callback triggered on change */
+  /**
+   * Specify a callback triggered on change
+   */
   onChange: _propTypes.default.func,
-
-  /** Specify a callback triggered on click */
+  /**
+   * onClick handler
+   */
   onClick: _propTypes.default.func,
-
-  /** Specify a callback triggered on focus */
+  /**
+   * Specify a callback triggered on focus
+   */
   onFocus: _propTypes.default.func,
-
-  /** Specify a callback triggered on keyDown */
+  /**
+   * Specify a callback triggered on keyDown
+   */
   onKeyDown: _propTypes.default.func,
-
-  /** Provides a tooltip message when the icon is hovered. */
-  iconTooltipMessage: _propTypes.default.string,
-
-  /** Provides positioning when the tooltip is displayed. */
-  iconTooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"]),
-
-  /** HTML button type property */
-  type: _propTypes.default.string,
-
-  /** HTML target attribute */
+  /**
+   * Padding on top, left, bottom and right
+   */
+  p: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top, left, bottom and right
+   */
+  padding: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on bottom
+   */
+  paddingBottom: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left
+   */
+  paddingLeft: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on right
+   */
+  paddingRight: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top
+   */
+  paddingTop: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left and right
+   */
+  paddingX: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top and bottom
+   */
+  paddingY: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on bottom
+   */
+  pb: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left
+   */
+  pl: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on right
+   */
+  pr: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top
+   */
+  pt: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on left and right
+   */
+  px: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * Padding on top and bottom
+   */
+  py: _propTypes.default.oneOfType([
+    _propTypes.default.arrayOf(
+      _propTypes.default.oneOfType([
+        _propTypes.default.oneOf([null]),
+        _propTypes.default.number,
+        _propTypes.default.shape({
+          "__@toStringTag": _propTypes.default.string.isRequired,
+          /**
+           * Expose the [[Description]] internal slot of a symbol directly.
+           */
+          description: _propTypes.default.string,
+          /**
+           * Returns a string representation of an object.
+           */
+          toString: _propTypes.default.func.isRequired,
+          /**
+           * Returns the primitive value of the specified object.
+           */
+          valueOf: _propTypes.default.func.isRequired,
+        }),
+        _propTypes.default.string,
+      ])
+    ),
+    _propTypes.default.number,
+    _propTypes.default.object,
+    _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      /**
+       * Expose the [[Description]] internal slot of a symbol directly.
+       */
+      description: _propTypes.default.string,
+      /**
+       * Returns a string representation of an object.
+       */
+      toString: _propTypes.default.func.isRequired,
+      /**
+       * Returns the primitive value of the specified object.
+       */
+      valueOf: _propTypes.default.func.isRequired,
+    }),
+    _propTypes.default.string,
+  ]),
+  /**
+   * HTML rel attribute
+   */
+  rel: _propTypes.default.string,
+  /**
+   * Assigns a size to the button: "small" | "medium" | "large"
+   */
+  size: _propTypes.default.oneOf(["large", "medium", "small"]),
+  /**
+   * Second text child, renders under main text, only when size is "large"
+   */
+  subtext: _propTypes.default.string,
+  /**
+   * HTML target attribute
+   */
   target: _propTypes.default.string,
-
-  /** HTML rel attribute */
-  rel: _propTypes.default.string
-};
-Button.defaultProps = {
-  buttonType: "secondary",
-  size: "medium",
-  fullWidth: false,
-  disabled: false,
-  destructive: false,
-  iconPosition: "before",
-  subtext: ""
+  /**
+   * HTML button type property
+   */
+  type: _propTypes.default.string,
 };
 
-const ButtonWithForwardRef = /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(Button, _extends({
-  forwardRef: ref
-}, props)));
-
 exports.ButtonWithForwardRef = ButtonWithForwardRef;
 ButtonWithForwardRef.displayName = "Button";
-ButtonWithForwardRef.defaultProps = Button.defaultProps;
 Button.displayName = "Button";
 var _default = Button;
-exports.default = _default;
+exports.default = _default;