@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

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,7 +23,7 @@ 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',
@@ -43,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
@@ -55,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(['xs', '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.js

@@ -15,11 +15,6 @@ 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 = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];
 const ButtonTooltipAlignments = ['start', 'center', 'end'];
@@ -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(['xs', '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;

package/lib/components/Button/ButtonBase.js

@@ -14,12 +14,7 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var useId = require('../../internal/useId.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function ButtonBase({
+const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase({
   as,
   children,
   className,
@@ -43,7 +38,7 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
   ...rest
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const buttonClasses = cx__default["default"](className, {
+  const buttonClasses = cx(className, {
     [`${prefix}--btn`]: true,
     [`${prefix}--btn--xs`]: size === 'xs' && !isExpressive,
     // TODO: V12 - Remove this class
@@ -69,7 +64,7 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
     className: buttonClasses,
     ref
   };
-  const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React__default["default"].createElement(ButtonImageElement, {
+  const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React.createElement(ButtonImageElement, {
     "aria-label": iconDescription,
     className: `${prefix}--btn__icon`,
     "aria-hidden": "true"
@@ -92,7 +87,7 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
   };
   let assistiveText = null;
   if (dangerButtonVariants.includes(kind)) {
-    assistiveText = /*#__PURE__*/React__default["default"].createElement("span", {
+    assistiveText = /*#__PURE__*/React.createElement("span", {
       id: assistiveId,
       className: `${prefix}--visually-hidden`
     }, dangerDescription);
@@ -107,7 +102,7 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
     component = 'a';
     otherProps = anchorProps;
   }
-  return /*#__PURE__*/React__default["default"].createElement(component, {
+  return /*#__PURE__*/React.createElement(component, {
     onMouseEnter,
     onMouseLeave,
     onFocus,
@@ -119,4 +114,4 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
   }, assistiveText, children, buttonImage);
 });
 
-exports["default"] = ButtonBase;
+exports.default = ButtonBase;

package/lib/components/Button/index.js

@@ -14,10 +14,10 @@ var Button_Skeleton = require('./Button.Skeleton.js');
 
 
 
-exports.Button = Button["default"];
+exports.Button = Button.default;
 exports.ButtonKinds = Button.ButtonKinds;
 exports.ButtonSizes = Button.ButtonSizes;
 exports.ButtonTooltipAlignments = Button.ButtonTooltipAlignments;
 exports.ButtonTooltipPositions = Button.ButtonTooltipPositions;
-exports["default"] = Button["default"];
-exports.ButtonSkeleton = Button_Skeleton["default"];
+exports.default = Button.default;
+exports.ButtonSkeleton = Button_Skeleton.default;

package/lib/components/ButtonSet/ButtonSet.js

@@ -15,12 +15,6 @@ var PropTypes = require('prop-types');
 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const ButtonSet = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,
@@ -29,10 +23,10 @@ const ButtonSet = /*#__PURE__*/React.forwardRef((props, ref) => {
     ...rest
   } = props;
   const prefix = usePrefix.usePrefix();
-  const buttonSetClasses = cx__default["default"](className, `${prefix}--btn-set`, {
+  const buttonSetClasses = cx(className, `${prefix}--btn-set`, {
     [`${prefix}--btn-set--stacked`]: stacked
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: buttonSetClasses,
     ref: ref
   }), children);
@@ -42,16 +36,16 @@ ButtonSet.propTypes = {
   /**
    * Specify the content of your ButtonSet
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be added to your ButtonSet
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the button arrangement of the set (vertically stacked or
    * horizontal)
    */
-  stacked: PropTypes__default["default"].bool
+  stacked: PropTypes.bool
 };
 
-exports["default"] = ButtonSet;
+exports.default = ButtonSet;

package/lib/components/ButtonSet/index.js

@@ -13,5 +13,5 @@ var ButtonSet = require('./ButtonSet.js');
 
 
 
-exports.ButtonSet = ButtonSet["default"];
-exports["default"] = ButtonSet["default"];
+exports.ButtonSet = ButtonSet.default;
+exports.default = ButtonSet.default;

package/lib/components/ChatButton/ChatButton.Skeleton.js

@@ -15,22 +15,16 @@ 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 ChatButtonSkeleton = ({
   className,
   size,
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const skeletonClasses = cx__default["default"](className, `${prefix}--skeleton`, `${prefix}--btn`, `${prefix}--chat-btn`, {
+  const skeletonClasses = cx(className, `${prefix}--skeleton`, `${prefix}--btn`, `${prefix}--chat-btn`, {
     [`${prefix}--layout--size-${size}`]: size
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: skeletonClasses
   }, rest));
 };
@@ -38,11 +32,11 @@ ChatButtonSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the size of the `ChatButtonSkeleton`, from the following list of sizes:
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
+  size: PropTypes.oneOf(['sm', 'md', 'lg'])
 };
 
-exports["default"] = ChatButtonSkeleton;
+exports.default = ChatButtonSkeleton;

package/lib/components/ChatButton/ChatButton.js

@@ -17,13 +17,7 @@ var Button = require('../Button/Button.js');
 require('../Button/Button.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const ChatButton = /*#__PURE__*/React__default["default"].forwardRef(function ChatButton({
+const ChatButton = /*#__PURE__*/React.forwardRef(function ChatButton({
   className,
   children,
   disabled,
@@ -35,7 +29,7 @@ const ChatButton = /*#__PURE__*/React__default["default"].forwardRef(function Ch
   ...other
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](className, {
+  const classNames = cx(className, {
     [`${prefix}--chat-btn`]: true,
     [`${prefix}--chat-btn--with-icon`]: renderIcon,
     [`${prefix}--chat-btn--quick-action`]: isQuickAction,
@@ -52,7 +46,7 @@ const ChatButton = /*#__PURE__*/React__default["default"].forwardRef(function Ch
       size = 'lg';
     }
   }
-  return /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Button.default, _rollupPluginBabelHelpers.extends({
     disabled: disabled,
     className: classNames,
     kind: kind,
@@ -65,35 +59,35 @@ ChatButton.propTypes = {
   /**
    * Provide the contents of your Select
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the node containing the label and the select box
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the `ChatButton` should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify whether the `ChatButton` should be rendered as a quick action button
    */
-  isQuickAction: PropTypes__default["default"].bool,
+  isQuickAction: PropTypes.bool,
   /**
    * Specify whether the quick action `ChatButton` should be rendered as selected. This disables the input
    */
-  isSelected: PropTypes__default["default"].bool,
+  isSelected: PropTypes.bool,
   /**
    * Specify the kind of `ChatButton` you want to create
    */
-  kind: PropTypes__default["default"].oneOf(['primary', 'secondary', 'danger', 'ghost', 'tertiary']),
+  kind: PropTypes.oneOf(['primary', 'secondary', 'danger', 'ghost', 'tertiary']),
   /**
    * 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]),
   /**
    * Specify the size of the `ChatButton`, from the following list of sizes:
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
+  size: PropTypes.oneOf(['sm', 'md', 'lg'])
 };
 
-exports["default"] = ChatButton;
+exports.default = ChatButton;

package/lib/components/Checkbox/Checkbox.Skeleton.js

@@ -15,22 +15,16 @@ 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 CheckboxSkeleton = ({
   className,
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, `${prefix}--checkbox-skeleton`, className)
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, `${prefix}--checkbox-skeleton`, className)
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-label`
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--checkbox-label-text ${prefix}--skeleton`
   })));
 };
@@ -38,8 +32,8 @@ CheckboxSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
 exports.CheckboxSkeleton = CheckboxSkeleton;
-exports["default"] = CheckboxSkeleton;
+exports.default = CheckboxSkeleton;