@carbon/react 1.86.0 → 1.87.0

package/lib/components/Accordion/AccordionProvider.js

@@ -7,14 +7,8 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const AccordionContext = /*#__PURE__*/React.createContext({
   disabled: false
 });
@@ -22,7 +16,7 @@ const AccordionProvider = ({
   disabled,
   children
 }) => {
-  return /*#__PURE__*/React__default["default"].createElement(AccordionContext.Provider, {
+  return /*#__PURE__*/React.createElement(AccordionContext.Provider, {
     value: {
       disabled
     }

package/lib/components/AspectRatio/AspectRatio.js

@@ -15,12 +15,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 /**
  * The AspectRatio component provides a `ratio` prop that will be used to
  * specify the aspect ratio that the children you provide will be displayed in.
@@ -35,8 +29,8 @@ const AspectRatio = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`);
-  return /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({
+  const className = cx(containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`);
+  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
     className: className
   }, rest), children);
 };
@@ -50,20 +44,20 @@ AspectRatio.propTypes = {
    * <AspectRatio as="article">My content</AspectRatio>
    * ```
    */
-  as: PropTypes__default["default"].elementType,
+  as: PropTypes.elementType,
   /**
    * Specify the content that will be placed in the aspect ratio
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a class name for the outermost node of the component
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the ratio to be used by the aspect ratio container. This will
    * determine what aspect ratio your content will be displayed in.
    */
-  ratio: PropTypes__default["default"].oneOf(['16x9', '9x16', '2x1', '1x2', '4x3', '3x4', '3x2', '2x3', '1x1'])
+  ratio: PropTypes.oneOf(['16x9', '9x16', '2x1', '1x2', '4x3', '3x4', '3x2', '2x3', '1x1'])
 };
 
-exports["default"] = AspectRatio;
+exports.default = AspectRatio;

package/lib/components/BadgeIndicator/index.js

@@ -15,23 +15,17 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const BadgeIndicator = /*#__PURE__*/React__default["default"].forwardRef(function BadgeIndicatorContent({
+const BadgeIndicator = /*#__PURE__*/React.forwardRef(function BadgeIndicatorContent({
   className: customClassName,
   count,
   ...rest
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--badge-indicator`, customClassName, {
+  const classNames = cx(`${prefix}--badge-indicator`, customClassName, {
     [`${prefix}--badge-indicator--count`]: count
   });
   const displayCount = count && count > 999 ? '999+' : count;
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames,
     ref: ref
   }, rest), displayCount);
@@ -40,16 +34,16 @@ BadgeIndicator.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Count of badge indicator
    */
-  count: PropTypes__default["default"].number,
+  count: PropTypes.number,
   /**
    * Provide an `id` to uniquely identify the BadgeIndidcator
    */
-  id: PropTypes__default["default"].string
+  id: PropTypes.string
 };
 
 exports.BadgeIndicator = BadgeIndicator;
-exports["default"] = BadgeIndicator;
+exports.default = BadgeIndicator;

package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js

@@ -15,18 +15,12 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _Item, _Item2, _Item3;
 function Item() {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--breadcrumb-item`
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--link`
   }, "\xA0"));
 }
@@ -35,17 +29,17 @@ function BreadcrumbSkeleton({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"](`${prefix}--breadcrumb`, `${prefix}--skeleton`, className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  const classes = cx(`${prefix}--breadcrumb`, `${prefix}--skeleton`, className);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classes
-  }, rest), _Item || (_Item = /*#__PURE__*/React__default["default"].createElement(Item, null)), _Item2 || (_Item2 = /*#__PURE__*/React__default["default"].createElement(Item, null)), _Item3 || (_Item3 = /*#__PURE__*/React__default["default"].createElement(Item, null)));
+  }, rest), _Item || (_Item = /*#__PURE__*/React.createElement(Item, null)), _Item2 || (_Item2 = /*#__PURE__*/React.createElement(Item, null)), _Item3 || (_Item3 = /*#__PURE__*/React.createElement(Item, null)));
 }
 BreadcrumbSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
 exports.BreadcrumbSkeleton = BreadcrumbSkeleton;
-exports["default"] = BreadcrumbSkeleton;
+exports.default = BreadcrumbSkeleton;

package/lib/components/Breadcrumb/Breadcrumb.js

@@ -15,12 +15,6 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const Breadcrumb = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     'aria-label': ariaLabel,
@@ -31,16 +25,16 @@ const Breadcrumb = /*#__PURE__*/React.forwardRef((props, ref) => {
     ...rest
   } = props;
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--breadcrumb`]: true,
     [`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash,
     [`${prefix}--breadcrumb--sm`]: size === 'sm'
   });
-  return /*#__PURE__*/React__default["default"].createElement("nav", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("nav", _rollupPluginBabelHelpers.extends({
     className: customClassNameNav,
     "aria-label": ariaLabel ? ariaLabel : 'Breadcrumb',
     ref: ref
-  }, rest), /*#__PURE__*/React__default["default"].createElement("ol", {
+  }, rest), /*#__PURE__*/React.createElement("ol", {
     className: className
   }, children));
 });
@@ -49,23 +43,23 @@ Breadcrumb.propTypes = {
   /**
    * Specify the label for the breadcrumb container
    */
-  'aria-label': PropTypes__default["default"].string,
+  'aria-label': PropTypes.string,
   /**
    * Pass in the BreadcrumbItem's for your Breadcrumb
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optional prop to omit the trailing slash for the breadcrumbs
    */
-  noTrailingSlash: PropTypes__default["default"].bool,
+  noTrailingSlash: PropTypes.bool,
   /**
    * Specify the size of the Breadcrumb. Currently supports the following:
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md'])
+  size: PropTypes.oneOf(['sm', 'md'])
 };
 
-exports["default"] = Breadcrumb;
+exports.default = Breadcrumb;

package/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -19,12 +19,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 require('../Text/index.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const frFn = React.forwardRef;
 const BreadcrumbItem = frFn((props, ref) => {
   const {
@@ -36,7 +30,7 @@ const BreadcrumbItem = frFn((props, ref) => {
     ...rest
   } = props;
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--breadcrumb-item`]: true,
     // We set the current class only if `isCurrentPage` is passed in and we do
     // not have an `aria-current="page"` set for the breadcrumb item
@@ -45,12 +39,12 @@ const BreadcrumbItem = frFn((props, ref) => {
   });
   const child = children;
   if (child.type && child.type.displayName !== undefined && child.type.displayName.includes('OverflowMenu')) {
-    const horizontalOverflowIcon = /*#__PURE__*/React__default["default"].createElement(iconsReact.OverflowMenuHorizontal, {
+    const horizontalOverflowIcon = /*#__PURE__*/React.createElement(iconsReact.OverflowMenuHorizontal, {
       className: `${prefix}--overflow-menu__icon`
     });
-    return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
       className: className
-    }, rest), /*#__PURE__*/React__default["default"].cloneElement(child, {
+    }, rest), /*#__PURE__*/React.cloneElement(child, {
       menuOptionsClass: `${prefix}--breadcrumb-menu-options`,
       menuOffset: {
         top: 10,
@@ -60,44 +54,44 @@ const BreadcrumbItem = frFn((props, ref) => {
     }));
   }
   if (typeof children === 'string') {
-    return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
       className: className,
       ref: ref
-    }, rest), href ? /*#__PURE__*/React__default["default"].createElement(Link["default"], {
+    }, rest), href ? /*#__PURE__*/React.createElement(Link.default, {
       href: href,
       "aria-current": ariaCurrent || isCurrentPage
-    }, children) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    }, children) : /*#__PURE__*/React.createElement(Text.Text, {
       "aria-current": ariaCurrent || isCurrentPage,
       className: `${prefix}--link`
     }, children));
   }
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
     className: className,
     ref: ref
-  }, rest), /*#__PURE__*/React__default["default"].cloneElement(child, {
+  }, rest), /*#__PURE__*/React.cloneElement(child, {
     'aria-current': ariaCurrent,
-    className: cx__default["default"](`${prefix}--link`, child.props.className)
+    className: cx(`${prefix}--link`, child.props.className)
   }));
 });
 BreadcrumbItem.displayName = 'BreadcrumbItem';
 BreadcrumbItem.propTypes = {
-  'aria-current': PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(['false', 'true', 'page', 'step', 'location', 'date', 'time'])]),
+  'aria-current': PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['false', 'true', 'page', 'step', 'location', 'date', 'time'])]),
   /**
    * Pass in content that will be inside of the BreadcrumbItem
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optional string representing the link location for the BreadcrumbItem
    */
-  href: PropTypes__default["default"].string,
+  href: PropTypes.string,
   /**
    * Provide if this breadcrumb item represents the current page
    */
-  isCurrentPage: PropTypes__default["default"].bool
+  isCurrentPage: PropTypes.bool
 };
 
-exports["default"] = BreadcrumbItem;
+exports.default = BreadcrumbItem;

package/lib/components/Button/Button.Skeleton.js

@@ -15,12 +15,6 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const ButtonSkeleton = ({
   className,
   small = false,
@@ -29,9 +23,10 @@ const ButtonSkeleton = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const buttonClasses = cx__default["default"](className, {
+  const buttonClasses = cx(className, {
     [`${prefix}--skeleton`]: true,
     [`${prefix}--btn`]: true,
+    [`${prefix}--btn--xs`]: size === 'xs',
     [`${prefix}--btn--sm`]: small || size === 'sm',
     [`${prefix}--btn--md`]: size === 'md',
     [`${prefix}--btn--lg`]: size === 'lg',
@@ -42,8 +37,8 @@ const ButtonSkeleton = ({
     className: buttonClasses,
     ...rest
   };
-  const button = /*#__PURE__*/React__default["default"].createElement("div", commonProps);
-  const anchor = /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({}, commonProps, {
+  const button = /*#__PURE__*/React.createElement("div", commonProps);
+  const anchor = /*#__PURE__*/React.createElement("a", _rollupPluginBabelHelpers.extends({}, commonProps, {
     href: href,
     role: "button"
   })); // eslint-disable-line
@@ -54,25 +49,25 @@ ButtonSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optionally specify an href for your Button to become an `<a>` element
    */
-  href: PropTypes__default["default"].string,
+  href: PropTypes.string,
   /**
    * Specify the size of the button, from a list of available sizes.
    * For `default` buttons, this prop can remain unspecified or use `default`.
    * In the next major release of Carbon, `default`, `field`, and `small` will be removed
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl']),
+  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', '2xl']),
   /**
    * @deprecated This property will be removed in the next major Carbon version,
    * use size={sm} instead.
    *
    * Specify whether the Button should be a small variant
    */
-  small: PropTypes__default["default"].bool
+  small: PropTypes.bool
 };
 
 exports.ButtonSkeleton = ButtonSkeleton;
-exports["default"] = ButtonSkeleton;
+exports.default = ButtonSkeleton;

package/lib/components/Button/Button.d.ts

@@ -9,7 +9,7 @@ import { IconButtonKind } from '../IconButton';
 import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 export declare const ButtonKinds: readonly ["primary", "secondary", "danger", "ghost", "danger--primary", "danger--ghost", "danger--tertiary", "tertiary"];
 export type ButtonKind = (typeof ButtonKinds)[number];
-export declare const ButtonSizes: readonly ["sm", "md", "lg", "xl", "2xl"];
+export declare const ButtonSizes: readonly ["xs", "sm", "md", "lg", "xl", "2xl"];
 export type ButtonSize = (typeof ButtonSizes)[number];
 export declare const ButtonTooltipAlignments: readonly ["start", "center", "end"];
 export type ButtonTooltipAlignment = (typeof ButtonTooltipAlignments)[number];

package/lib/components/Button/Button.js

@@ -15,13 +15,8 @@ var React = require('react');
 var index = require('../IconButton/index.js');
 var ButtonBase = require('./ButtonBase.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const ButtonKinds = ['primary', 'secondary', 'danger', 'ghost', 'danger--primary', 'danger--ghost', 'danger--tertiary', 'tertiary'];
-const ButtonSizes = ['sm', 'md', 'lg', 'xl', '2xl'];
+const ButtonSizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];
 const ButtonTooltipAlignments = ['start', 'center', 'end'];
 const ButtonTooltipPositions = ['top', 'right', 'bottom', 'left'];
 function isIconOnlyButton(hasIconOnly, _kind) {
@@ -30,7 +25,7 @@ function isIconOnlyButton(hasIconOnly, _kind) {
   }
   return false;
 }
-const Button = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
+const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     as,
     autoAlign = false,
@@ -54,14 +49,14 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef((props, ref) =>
   if (ButtonImageElement && !children && !iconDescription) {
     console.error('Button: renderIcon property specified without also providing an iconDescription property. ' + 'This may impact accessibility for screen reader users.');
   }
-  const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React__default["default"].createElement(ButtonImageElement, null);
+  const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React.createElement(ButtonImageElement, null);
   if (!isIconOnlyButton(hasIconOnly)) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {
       tooltipAlignment,
       ...propsWithoutTooltipAlignment
     } = props;
-    return /*#__PURE__*/React__default["default"].createElement(ButtonBase["default"], _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(ButtonBase.default, _rollupPluginBabelHelpers.extends({
       ref: ref
     }, propsWithoutTooltipAlignment));
   } else {
@@ -90,7 +85,7 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef((props, ref) =>
       //    supported?
       // 2. Should an error be thrown?
       // 3. Something else?
-      React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({}, rest, {
+      React.createElement(index.IconButton, _rollupPluginBabelHelpers.extends({}, rest, {
         ref: ref,
         as: as,
         align: align,
@@ -116,35 +111,35 @@ Button.propTypes = {
    * Specify how the button itself should be rendered.
    * Make sure to apply all props to the root node and render children appropriately
    */
-  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
   /**
    * **Experimental**: Will attempt to automatically align the tooltip
    */
-  autoAlign: PropTypes__default["default"].bool,
+  autoAlign: PropTypes.bool,
   /**
    * Specify the content of your Button
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be added to your Button
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the message read by screen readers for the danger button variant
    */
-  dangerDescription: PropTypes__default["default"].string,
+  dangerDescription: PropTypes.string,
   /**
    * Specify whether the Button should be disabled, or not
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify if the button is an icon-only button
    */
-  hasIconOnly: PropTypes__default["default"].bool,
+  hasIconOnly: PropTypes.bool,
   /**
    * Optionally specify an href for your Button to become an `<a>` element
    */
-  href: PropTypes__default["default"].string,
+  href: PropTypes.string,
   /**
    * If specifying the `renderIcon` prop, provide a description for that icon that can
    * be read by screen readers
@@ -158,11 +153,11 @@ Button.propTypes = {
   /**
    * Specify whether the Button is expressive, or not
    */
-  isExpressive: PropTypes__default["default"].bool,
+  isExpressive: PropTypes.bool,
   /**
    * Specify whether the Button is currently selected. Only applies to the Ghost variant.
    */
-  isSelected: PropTypes__default["default"].bool,
+  isSelected: PropTypes.bool,
   /**
    * Specify the kind of Button you want to create
    */
@@ -183,78 +178,78 @@ Button.propTypes = {
    * Provide an optional function to be called when the button element
    * loses focus
    */
-  onBlur: PropTypes__default["default"].func,
+  onBlur: PropTypes.func,
   /**
    * Provide an optional function to be called when the button element
    * is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Provide an optional function to be called when the button element
    * receives focus
    */
-  onFocus: PropTypes__default["default"].func,
+  onFocus: PropTypes.func,
   /**
    * Provide an optional function to be called when the mouse
    * enters the button element
    */
-  onMouseEnter: PropTypes__default["default"].func,
+  onMouseEnter: PropTypes.func,
   /**
    * Provide an optional function to be called when the mouse
    * leaves the button element
    */
-  onMouseLeave: PropTypes__default["default"].func,
+  onMouseLeave: PropTypes.func,
   /**
    * Optionally specify a `rel` when using an `<a>` element.
    */
-  rel: PropTypes__default["default"].string,
+  rel: PropTypes.string,
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Optional prop to specify the role of the Button
    */
-  role: PropTypes__default["default"].string,
+  role: PropTypes.string,
   /**
    * Specify the size of the button, from the following list of sizes:
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl']),
+  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', '2xl']),
   /**
    * Optional prop to specify the tabIndex of the Button
    */
-  tabIndex: PropTypes__default["default"].number,
+  tabIndex: PropTypes.number,
   /**
    * Optionally specify a `target` when using an `<a>` element.
    */
-  target: PropTypes__default["default"].string,
+  target: PropTypes.string,
   /**
    * Specify the alignment of the tooltip to the icon-only button.
    * Can be one of: start, center, or end.
    */
-  tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end']),
+  tooltipAlignment: PropTypes.oneOf(['start', 'center', 'end']),
   /**
    * Enable drop shadow for tooltips for icon-only buttons.
    */
-  tooltipDropShadow: PropTypes__default["default"].bool,
+  tooltipDropShadow: PropTypes.bool,
   /**
    * Enable high-contrast theme for tooltips for icon-only buttons.
    * Defaults to true.
    */
-  tooltipHighContrast: PropTypes__default["default"].bool,
+  tooltipHighContrast: PropTypes.bool,
   /**
    * Specify the direction of the tooltip for icon-only buttons.
    * Can be either top, right, bottom, or left.
    */
-  tooltipPosition: PropTypes__default["default"].oneOf(['top', 'right', 'bottom', 'left']),
+  tooltipPosition: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
   /**
    * Optional prop to specify the type of the Button
    */
-  type: PropTypes__default["default"].oneOf(['button', 'reset', 'submit'])
+  type: PropTypes.oneOf(['button', 'reset', 'submit'])
 };
 
 exports.ButtonKinds = ButtonKinds;
 exports.ButtonSizes = ButtonSizes;
 exports.ButtonTooltipAlignments = ButtonTooltipAlignments;
 exports.ButtonTooltipPositions = ButtonTooltipPositions;
-exports["default"] = Button;
+exports.default = Button;