@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/Tile/Tile.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var PropTypes = require('prop-types');
@@ -30,14 +28,8 @@ var index$1 = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.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);
-
 var _CheckboxCheckedFille, _Checkbox, _ChevronDown, _ChevronDown2;
-const Tile = /*#__PURE__*/React__default["default"].forwardRef(function Tile({
+const Tile = /*#__PURE__*/React.forwardRef(function Tile({
   children,
   className,
   decorator,
@@ -47,17 +39,17 @@ const Tile = /*#__PURE__*/React__default["default"].forwardRef(function Tile({
   ...rest
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const tileClasses = cx__default["default"](`${prefix}--tile`, {
+  const tileClasses = cx(`${prefix}--tile`, {
     [`${prefix}--tile--light`]: light,
     [`${prefix}--tile--slug`]: slug,
     [`${prefix}--tile--slug-rounded`]: slug && hasRoundedCorners,
     [`${prefix}--tile--decorator`]: decorator,
     [`${prefix}--tile--decorator-rounded`]: decorator && hasRoundedCorners
   }, className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: tileClasses,
     ref: ref
-  }, rest), children, slug, decorator && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), children, slug, decorator && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile--inner-decorator`
   }, decorator));
 });
@@ -66,33 +58,33 @@ Tile.propTypes = {
   /**
    * The child nodes.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * The CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a `decorator` component to be rendered inside the `Tile` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * **Experimental**: Specify if the `Tile` component should be rendered with rounded corners. Only valid
    * when an AILabel is present
    */
-  hasRoundedCorners: PropTypes__default["default"].bool,
+  hasRoundedCorners: PropTypes.bool,
   /**
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    *
    * @deprecated
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `Tile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `Tile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `Tile` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop for `Tile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.')
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop for `Tile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.')
 };
-const ClickableTile = /*#__PURE__*/React__default["default"].forwardRef(function ClickableTile({
+const ClickableTile = /*#__PURE__*/React.forwardRef(function ClickableTile({
   children,
   className,
   clicked = false,
@@ -108,7 +100,7 @@ const ClickableTile = /*#__PURE__*/React__default["default"].forwardRef(function
   ...rest
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"](`${prefix}--tile`, `${prefix}--tile--clickable`, {
+  const classes = cx(`${prefix}--tile`, `${prefix}--tile--clickable`, {
     [`${prefix}--tile--is-clicked`]: clicked,
     [`${prefix}--tile--light`]: light,
     [`${prefix}--tile--slug`]: slug,
@@ -138,11 +130,11 @@ const ClickableTile = /*#__PURE__*/React__default["default"].forwardRef(function
       Icon = iconsReact.Error;
     }
   }
-  const iconClasses = cx__default["default"]({
+  const iconClasses = cx({
     [`${prefix}--tile--icon`]: !v12DefaultIcons || v12DefaultIcons && !disabled,
     [`${prefix}--tile--disabled-icon`]: v12DefaultIcons && disabled
   });
-  return /*#__PURE__*/React__default["default"].createElement(Link["default"], _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Link.default, _rollupPluginBabelHelpers.extends({
     className: classes,
     href: href,
     tabIndex: !href && !disabled ? 0 : undefined,
@@ -150,14 +142,14 @@ const ClickableTile = /*#__PURE__*/React__default["default"].forwardRef(function
     onKeyDown: handleOnKeyDown,
     ref: ref,
     disabled: disabled
-  }, rest), slug || decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), slug || decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile-content`
-  }, children) : children, (slug === true || decorator === true) && /*#__PURE__*/React__default["default"].createElement(iconsReact.AiLabel, {
+  }, children) : children, (slug === true || decorator === true) && /*#__PURE__*/React.createElement(iconsReact.AiLabel, {
     size: "24",
     className: `${prefix}--tile--ai-label-icon`
-  }), /*#__PURE__*/React__default["default"].isValidElement(decorator) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.isValidElement(decorator) && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile--inner-decorator`
-  }, decorator), Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }, decorator), Icon && /*#__PURE__*/React.createElement(Icon, {
     className: iconClasses,
     "aria-hidden": "true"
   }));
@@ -167,55 +159,55 @@ ClickableTile.propTypes = {
   /**
    * The child nodes.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * The CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Boolean for whether a tile has been clicked.
    */
-  clicked: PropTypes__default["default"].bool,
+  clicked: PropTypes.bool,
   /**
    * **Experimental**: Provide a `decorator` component or set the boolean to True for an AILabel icon to be rendered inside the `ClickableTile` component
    */
-  decorator: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].node]),
+  decorator: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
   /**
    * Specify whether the ClickableTile should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * **Experimental**: Specify if the `ClickableTile` component should be rendered with rounded corners.
    * Only valid when `slug` prop is present
    */
-  hasRoundedCorners: PropTypes__default["default"].bool,
+  hasRoundedCorners: PropTypes.bool,
   /**
    * The href for the link.
    */
-  href: PropTypes__default["default"].string,
+  href: PropTypes.string,
   /**
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `ClickableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `ClickableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
   /**
    * Specify the function to run when the ClickableTile is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify the function to run when the ClickableTile is interacted with via a keyboard
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onKeyDown: PropTypes.func,
   /**
    * The rel property for the link.
    */
-  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])
 };
-const SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(function SelectableTile({
+const SelectableTile = /*#__PURE__*/React.forwardRef(function SelectableTile({
   children,
   className,
   decorator,
@@ -241,7 +233,7 @@ const SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
   React.useEffect(() => {
     setIsSelected(selected);
   }, [selected]);
-  const classes = cx__default["default"](`${prefix}--tile`, `${prefix}--tile--selectable`, {
+  const classes = cx(`${prefix}--tile`, `${prefix}--tile--selectable`, {
     [`${prefix}--tile--is-selected`]: isSelected,
     [`${prefix}--tile--light`]: light,
     [`${prefix}--tile--disabled`]: disabled,
@@ -287,7 +279,7 @@ const SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/interactive-supports-focus
-    React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    React.createElement("div", _rollupPluginBabelHelpers.extends({
       className: classes,
       onClick: !disabled ? handleClick : undefined,
       role: "checkbox",
@@ -299,82 +291,82 @@ const SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
       ref: ref,
       id: id,
       title: title
-    }, rest), /*#__PURE__*/React__default["default"].createElement("span", {
+    }, rest), /*#__PURE__*/React.createElement("span", {
       className: `${prefix}--tile__checkmark ${prefix}--tile__checkmark--persistent`
-    }, isSelected ? _CheckboxCheckedFille || (_CheckboxCheckedFille = /*#__PURE__*/React__default["default"].createElement(iconsReact.CheckboxCheckedFilled, null)) : _Checkbox || (_Checkbox = /*#__PURE__*/React__default["default"].createElement(iconsReact.Checkbox, null))), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    }, isSelected ? _CheckboxCheckedFille || (_CheckboxCheckedFille = /*#__PURE__*/React.createElement(iconsReact.CheckboxCheckedFilled, null)) : _Checkbox || (_Checkbox = /*#__PURE__*/React.createElement(iconsReact.Checkbox, null))), /*#__PURE__*/React.createElement(Text.Text, {
       as: "label",
       htmlFor: id,
       className: `${prefix}--tile-content`
-    }, children), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+    }, children), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--tile--inner-decorator`
     }, normalizedDecorator) : '')
   );
 });
 SelectableTile.propTypes = {
-  children: PropTypes__default["default"].node,
-  className: PropTypes__default["default"].string,
+  children: PropTypes.node,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a `decorator` component to be rendered inside the `SelectableTile` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Specify whether the SelectableTile should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * **Experimental**: Specify if the `SelectableTile` component should be rendered with rounded corners.
    * Only valid when `slug` prop is present
    */
-  hasRoundedCorners: PropTypes__default["default"].bool,
+  hasRoundedCorners: PropTypes.bool,
   /**
    * The ID of the `<input>`.
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `SelectableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `SelectableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
   /**
    * The `name` of the `<input>`.
    * @deprecated
    */
-  name: deprecate.deprecate(PropTypes__default["default"].string, 'The `name` property is no longer used.  It will be removed in the next major release.'),
+  name: deprecate.deprecate(PropTypes.string, 'The `name` property is no longer used.  It will be removed in the next major release.'),
   /**
    * The empty handler of the `<input>`.
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Specify the function to run when the SelectableTile is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify the function to run when the SelectableTile is interacted with via a keyboard
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onKeyDown: PropTypes.func,
   /**
    * `true` to select this tile.
    */
-  selected: PropTypes__default["default"].bool,
+  selected: PropTypes.bool,
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `SelectableTile` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop for `SelectableTile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop for `SelectableTile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
   /**
    * Specify the tab index of the wrapper element
    */
-  tabIndex: PropTypes__default["default"].number,
+  tabIndex: PropTypes.number,
   /**
    * The `title` of the `<input>`.
    */
-  title: PropTypes__default["default"].string,
+  title: PropTypes.string,
   /**
    * The value of the `<input>`.
    * @deprecated
    */
-  value: deprecate.deprecate(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]), 'The `value` property is no longer used.  It will be removed in the next major release.`')
+  value: deprecate.deprecate(PropTypes.oneOfType([PropTypes.string, PropTypes.number]), 'The `value` property is no longer used.  It will be removed in the next major release.`')
 };
-const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(function ExpandableTile({
+const ExpandableTile = /*#__PURE__*/React.forwardRef(function ExpandableTile({
   tabIndex = 0,
   className,
   children,
@@ -443,13 +435,13 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
     }
   }
   function getChildren() {
-    return React__default["default"].Children.toArray(children);
+    return React.Children.toArray(children);
   }
-  const classNames = cx__default["default"](`${prefix}--tile`, `${prefix}--tile--expandable`, {
+  const classNames = cx(`${prefix}--tile`, `${prefix}--tile--expandable`, {
     [`${prefix}--tile--is-expanded`]: isExpanded,
     [`${prefix}--tile--light`]: light
   }, className);
-  const interactiveClassNames = cx__default["default"](`${prefix}--tile`, `${prefix}--tile--expandable`, `${prefix}--tile--expandable--interactive`, {
+  const interactiveClassNames = cx(`${prefix}--tile`, `${prefix}--tile--expandable`, `${prefix}--tile--expandable--interactive`, {
     [`${prefix}--tile--is-expanded`]: isExpanded,
     [`${prefix}--tile--light`]: light,
     [`${prefix}--tile--slug`]: slug,
@@ -457,9 +449,9 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
     [`${prefix}--tile--decorator`]: decorator,
     [`${prefix}--tile--decorator-rounded`]: decorator && hasRoundedCorners
   }, className);
-  const chevronInteractiveClassNames = cx__default["default"](`${prefix}--tile__chevron`, `${prefix}--tile__chevron--interactive`);
+  const chevronInteractiveClassNames = cx(`${prefix}--tile__chevron`, `${prefix}--tile__chevron--interactive`);
   const childrenAsArray = getChildren();
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     if (!tile.current || !aboveTheFold.current) {
       return;
     }
@@ -475,7 +467,7 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
     setIsTileMaxHeight(height);
     setIsTilePadding(paddingTop + paddingBottom);
   }, [isTileMaxHeight]);
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     if (!aboveTheFold.current || !belowTheFold.current) {
       return;
     }
@@ -486,7 +478,7 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
       setInteractive(false);
     }
   }, [slug, decorator]);
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     if (!tile.current) {
       return;
     }
@@ -515,17 +507,17 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: 'xs'
   }) : null;
-  return interactive ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return interactive ? /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     ref: ref,
     className: interactiveClassNames
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     ref: tileContent
-  }, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile--inner-decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default["default"].createElement("div", {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement("div", {
     ref: aboveTheFold,
     className: `${prefix}--tile-content`
-  }, childrenAsArray[0]), /*#__PURE__*/React__default["default"].createElement("button", {
+  }, childrenAsArray[0]), /*#__PURE__*/React.createElement("button", {
     type: "button",
     "aria-expanded": isExpanded,
     "aria-controls": belowTheFoldId,
@@ -534,11 +526,11 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
     "aria-label": isExpanded ? tileExpandedIconText : tileCollapsedIconText,
     ref: chevronInteractiveRef,
     className: chevronInteractiveClassNames
-  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, null))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(iconsReact.ChevronDown, null))), /*#__PURE__*/React.createElement("div", {
     ref: belowTheFold,
     className: `${prefix}--tile-content`,
     id: belowTheFoldId
-  }, childrenAsArray[1]))) : /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
+  }, childrenAsArray[1]))) : /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
     type: "button",
     ref: ref,
     className: classNames,
@@ -548,82 +540,82 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
     onKeyUp: events.composeEventHandlers([onKeyUp, handleKeyUp]),
     onClick: events.composeEventHandlers([onClick, handleClick]),
     tabIndex: tabIndex
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: tileContent
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: aboveTheFold,
     className: `${prefix}--tile-content`
-  }, childrenAsArray[0]), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, childrenAsArray[0]), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile__chevron`
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, isExpanded ? tileExpandedLabel : tileCollapsedLabel), _ChevronDown2 || (_ChevronDown2 = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, null))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, isExpanded ? tileExpandedLabel : tileCollapsedLabel), _ChevronDown2 || (_ChevronDown2 = /*#__PURE__*/React.createElement(iconsReact.ChevronDown, null))), /*#__PURE__*/React.createElement("div", {
     ref: belowTheFold,
     className: `${prefix}--tile-content`
   }, childrenAsArray[1])));
 });
 ExpandableTile.propTypes = {
-  children: PropTypes__default["default"].node,
-  className: PropTypes__default["default"].string,
+  children: PropTypes.node,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a `decorator` component to be rendered inside the `ExpandableTile` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * `true` if the tile is expanded.
    */
-  expanded: PropTypes__default["default"].bool,
+  expanded: PropTypes.bool,
   /**
    * Specify if the `ExpandableTile` component should be rendered with rounded corners.
    * Only valid when `slug` prop is present
    */
-  hasRoundedCorners: PropTypes__default["default"].bool,
+  hasRoundedCorners: PropTypes.bool,
   /**
    * An ID that can be provided to aria-labelledby
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `ExpandableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `ExpandableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
   /**
    * Specify the function to run when the ExpandableTile is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * optional handler to trigger a function when a key is pressed
    */
-  onKeyUp: PropTypes__default["default"].func,
+  onKeyUp: PropTypes.func,
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `ExpandableTile` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop for `ExpandableTile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop for `ExpandableTile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
   /**
    * The `tabindex` attribute.
    */
-  tabIndex: PropTypes__default["default"].number,
+  tabIndex: PropTypes.number,
   /**
    * The description of the "collapsed" icon that can be read by screen readers.
    */
-  tileCollapsedIconText: PropTypes__default["default"].string,
+  tileCollapsedIconText: PropTypes.string,
   /**
    * When "collapsed", a label to appear next to the chevron (e.g., "View more").
    */
-  tileCollapsedLabel: PropTypes__default["default"].string,
+  tileCollapsedLabel: PropTypes.string,
   /**
    * The description of the "expanded" icon that can be read by screen readers.
    */
-  tileExpandedIconText: PropTypes__default["default"].string,
+  tileExpandedIconText: PropTypes.string,
   /**
    * When "expanded", a label to appear next to the chevron (e.g., "View less").
    */
-  tileExpandedLabel: PropTypes__default["default"].string
+  tileExpandedLabel: PropTypes.string
 };
 ExpandableTile.displayName = 'ExpandableTile';
-const TileAboveTheFoldContent = /*#__PURE__*/React__default["default"].forwardRef(function TilAboveTheFoldContent({
+const TileAboveTheFoldContent = /*#__PURE__*/React.forwardRef(function TilAboveTheFoldContent({
   children
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: `${prefix}--tile-content__above-the-fold`
   }, children);
@@ -632,14 +624,14 @@ TileAboveTheFoldContent.propTypes = {
   /**
    * The child nodes.
    */
-  children: PropTypes__default["default"].node
+  children: PropTypes.node
 };
 TileAboveTheFoldContent.displayName = 'TileAboveTheFoldContent';
-const TileBelowTheFoldContent = /*#__PURE__*/React__default["default"].forwardRef(function TileBelowTheFoldContent({
+const TileBelowTheFoldContent = /*#__PURE__*/React.forwardRef(function TileBelowTheFoldContent({
   children
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: `${prefix}--tile-content__below-the-fold`
   }, children);
@@ -648,7 +640,7 @@ TileBelowTheFoldContent.propTypes = {
   /**
    * The child nodes.
    */
-  children: PropTypes__default["default"].node
+  children: PropTypes.node
 };
 TileBelowTheFoldContent.displayName = 'TileBelowTheFoldContent';
 

package/lib/components/TileGroup/TileGroup.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
@@ -16,11 +14,6 @@ var RadioTile = require('../RadioTile/RadioTile.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var noopFn = require('../../internal/noopFn.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 TileGroup = ({
   children,
   className,
@@ -51,12 +44,12 @@ const TileGroup = ({
         if (! /*#__PURE__*/React.isValidElement(child)) return child;
 
         // If a `RadioTile` is found, return it with necessary props,
-        if (/*#__PURE__*/React.isValidElement(child) && child.type === RadioTile["default"]) {
+        if (/*#__PURE__*/React.isValidElement(child) && child.type === RadioTile.default) {
           const {
             value,
             ...otherProps
           } = child.props;
-          return /*#__PURE__*/React__default["default"].createElement(RadioTile["default"], _rollupPluginBabelHelpers["extends"]({}, otherProps, {
+          return /*#__PURE__*/React.createElement(RadioTile.default, _rollupPluginBabelHelpers.extends({}, otherProps, {
             required: required,
             name: name,
             key: value,
@@ -77,54 +70,54 @@ const TileGroup = ({
         return child;
       });
     };
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, traverseAndModifyChildren(elements));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, traverseAndModifyChildren(elements));
   };
-  return /*#__PURE__*/React__default["default"].createElement("fieldset", {
+  return /*#__PURE__*/React.createElement("fieldset", {
     className: className ?? `${prefix}--tile-group`,
     disabled: disabled
-  }, legend && /*#__PURE__*/React__default["default"].createElement("legend", {
+  }, legend && /*#__PURE__*/React.createElement("legend", {
     className: `${prefix}--label`
-  }, legend), /*#__PURE__*/React__default["default"].createElement("div", null, getRadioTilesWithWrappers(children)));
+  }, legend), /*#__PURE__*/React.createElement("div", null, getRadioTilesWithWrappers(children)));
 };
 TileGroup.displayName = 'TileGroup';
 TileGroup.propTypes = {
   /**
    * Provide a collection of <RadioTile> components to render in the group
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the the value of <RadioTile> to be selected by default
    */
-  defaultSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  defaultSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify whether the group is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide an optional legend for this group
    */
-  legend: PropTypes__default["default"].string,
+  legend: PropTypes.string,
   /**
    * Specify the name of the underlying `<input>` nodes
    */
-  name: PropTypes__default["default"].string.isRequired,
+  name: PropTypes.string.isRequired,
   /**
    * Provide an optional `onChange` hook that is called whenever the value of
    * the group changes
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * `true` to specify if input selection in group is required.
    */
-  required: PropTypes__default["default"].bool,
+  required: PropTypes.bool,
   /**
    * Specify the value that is currently selected in the group
    */
-  valueSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
+  valueSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
 exports.TileGroup = TileGroup;