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

package/lib/components/IconButton/index.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');
@@ -22,14 +20,8 @@ var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js')
 var index = require('../BadgeIndicator/index.js');
 var mapPopoverAlign = require('../../tools/mapPopoverAlign.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 IconButtonKinds = ['primary', 'secondary', 'ghost', 'tertiary'];
-const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function IconButton({
+const IconButton = /*#__PURE__*/React.forwardRef(function IconButton({
   align,
   autoAlign = false,
   badgeCount,
@@ -50,14 +42,14 @@ const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function Ic
   ...rest
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const tooltipClasses = cx__default["default"](wrapperClasses, `${prefix}--icon-tooltip`, {
+  const tooltipClasses = cx(wrapperClasses, `${prefix}--icon-tooltip`, {
     [`${prefix}--icon-tooltip--disabled`]: disabled
   });
   if (badgeCount && (kind !== 'ghost' || size !== 'lg')) {
     console.warn("The prop BadgeCount must be used with hasIconOnly=true, kind='ghost' and size='lg'");
   }
   const badgeId = useId.useId('badge-indicator');
-  return /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, {
+  return /*#__PURE__*/React.createElement(Tooltip.Tooltip, {
     align: align,
     autoAlign: autoAlign,
     closeOnActivation: closeOnActivation,
@@ -68,7 +60,7 @@ const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function Ic
     highContrast: highContrast,
     label: label,
     leaveDelayMs: leaveDelayMs
-  }, /*#__PURE__*/React__default["default"].createElement(ButtonBase["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
+  }, /*#__PURE__*/React.createElement(ButtonBase.default, _rollupPluginBabelHelpers.extends({}, rest, {
     disabled: disabled,
     kind: kind,
     ref: ref,
@@ -77,7 +69,7 @@ const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function Ic
     hasIconOnly: true,
     className: className,
     "aria-describedby": rest['aria-describedby'] || badgeCount && badgeId
-  }), children, !disabled && badgeCount !== undefined && /*#__PURE__*/React__default["default"].createElement(index.BadgeIndicator, {
+  }), children, !disabled && badgeCount !== undefined && /*#__PURE__*/React.createElement(index.BadgeIndicator, {
     id: badgeId,
     count: badgeCount > 0 ? badgeCount : undefined
   })));
@@ -86,7 +78,7 @@ IconButton.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip
    */
-  align: deprecateValuesWithin["default"](PropTypes__default["default"].oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead
@@ -111,56 +103,56 @@ IconButton.propTypes = {
   /**
    * **Experimental**: Will attempt to automatically align the tooltip
    */
-  autoAlign: PropTypes__default["default"].bool,
+  autoAlign: PropTypes.bool,
   /**
    * **Experimental**: Display a badge on the button. An empty/dot badge if 0, a numbered badge if > 0.
    * Must be used with size="lg", kind="ghost" and hasIconOnly=true
    */
-  badgeCount: PropTypes__default["default"].number,
+  badgeCount: PropTypes.number,
   /**
    * Optionally specify an href for your IconButton to become an `<a>` element
    */
-  href: PropTypes__default["default"].string,
+  href: PropTypes.string,
   /**
    * Provide an icon or asset to be rendered inside of the IconButton
    */
-  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,
   /**
    * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)
    */
-  closeOnActivation: PropTypes__default["default"].bool,
+  closeOnActivation: PropTypes.bool,
   /**
    * Specify whether the tooltip should be open when it first renders
    */
-  defaultOpen: PropTypes__default["default"].bool,
+  defaultOpen: PropTypes.bool,
   /**
    * Specify whether a drop shadow should be rendered on the tooltip
    */
-  dropShadow: PropTypes__default["default"].bool,
+  dropShadow: PropTypes.bool,
   /**
    * Specify whether the Button should be disabled, or not
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify the duration in milliseconds to delay before displaying the tooltip
    */
-  enterDelayMs: PropTypes__default["default"].number,
+  enterDelayMs: PropTypes.number,
   /**
    * Specify whether the IconButton is currently selected
    */
-  isSelected: PropTypes__default["default"].bool,
+  isSelected: PropTypes.bool,
   /**
    * Render the tooltip using the high-contrast theme
    */
-  highContrast: PropTypes__default["default"].bool,
+  highContrast: PropTypes.bool,
   /**
    * Specify the type of button to be used as the base for the IconButton
    */
-  kind: PropTypes__default["default"].oneOf(IconButtonKinds),
+  kind: PropTypes.oneOf(IconButtonKinds),
   /**
    * Provide the label to be rendered inside of the Tooltip. The label will use
    * `aria-labelledby` and will fully describe the child node that is provided.
@@ -172,27 +164,27 @@ IconButton.propTypes = {
    * If using `badgeCount={0}`, make sure the label explains that there is a
    * new notification.
    */
-  label: PropTypes__default["default"].node.isRequired,
+  label: PropTypes.node.isRequired,
   /**
    * Specify the duration in milliseconds to delay before hiding the tooltip
    */
-  leaveDelayMs: PropTypes__default["default"].number,
+  leaveDelayMs: PropTypes.number,
   /**
    * Optionally specify a `rel` when using an `<a>` element.
    */
-  rel: PropTypes__default["default"].string,
+  rel: PropTypes.string,
   /**
    * Specify the size of the Button.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Optionally specify a `target` when using an `<a>` element.
    */
-  target: PropTypes__default["default"].string,
+  target: PropTypes.string,
   /**
    * Specify an optional className to be added to your Tooltip wrapper
    */
-  wrapperClasses: PropTypes__default["default"].string
+  wrapperClasses: PropTypes.string
 };
 
 exports.IconButton = IconButton;

package/lib/components/IconIndicator/index.js

@@ -15,12 +15,6 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var iconsReact = require('@carbon/icons-react');
 
-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 IconIndicatorKinds = ['failed', 'caution-major', 'caution-minor', 'undefined', 'succeeded', 'normal', 'in-progress', 'incomplete', 'not-started', 'pending', 'unknown', 'informative'];
 const iconTypes = {
   failed: iconsReact.ErrorFilled,
@@ -36,7 +30,7 @@ const iconTypes = {
   unknown: iconsReact.UnknownFilled,
   informative: iconsReact.WarningSquareFilled
 };
-const IconIndicator = /*#__PURE__*/React__default["default"].forwardRef(function IconIndicatorContent({
+const IconIndicator = /*#__PURE__*/React.forwardRef(function IconIndicatorContent({
   className: customClassName,
   kind,
   label,
@@ -44,17 +38,17 @@ const IconIndicator = /*#__PURE__*/React__default["default"].forwardRef(function
   ...rest
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--icon-indicator`, customClassName, {
+  const classNames = cx(`${prefix}--icon-indicator`, customClassName, {
     [`${prefix}--icon-indicator--20`]: size == 20
   });
   const IconForKind = iconTypes[kind];
   if (!IconForKind) {
     return null;
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames,
     ref: ref
-  }, /*#__PURE__*/React__default["default"].createElement(IconForKind, {
+  }, /*#__PURE__*/React.createElement(IconForKind, {
     size: size,
     className: `${prefix}--icon-indicator--${kind}`
   }), label);
@@ -63,21 +57,21 @@ IconIndicator.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the kind of the Icon Indicator
    */
-  kind: PropTypes__default["default"].oneOf(IconIndicatorKinds).isRequired,
+  kind: PropTypes.oneOf(IconIndicatorKinds).isRequired,
   /**
    * Label next to the icon.
    */
-  label: PropTypes__default["default"].string.isRequired,
+  label: PropTypes.string.isRequired,
   /**
    * Specify the size of the Icon Indicator. Defaults to 16.
    */
-  size: PropTypes__default["default"].oneOf([16, 20])
+  size: PropTypes.oneOf([16, 20])
 };
 
 exports.IconIndicator = IconIndicator;
 exports.IconIndicatorKinds = IconIndicatorKinds;
-exports["default"] = IconIndicator;
+exports.default = IconIndicator;

package/lib/components/IdPrefix/index.js

@@ -7,31 +7,24 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var PropTypes = require('prop-types');
 var React = require('react');
 var useIdPrefix = require('../../internal/useIdPrefix.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);
-
 function IdPrefix({
   children,
   prefix
 }) {
-  return /*#__PURE__*/React__default["default"].createElement(useIdPrefix.IdPrefixContext.Provider, {
+  return /*#__PURE__*/React.createElement(useIdPrefix.IdPrefixContext.Provider, {
     value: prefix
   }, children);
 }
 IdPrefix.propTypes = {
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * The value used to prefix the auto-generated id placed on some DOM elements
    */
-  prefix: PropTypes__default["default"].string
+  prefix: PropTypes.string
 };
 
 exports.IdPrefix = IdPrefix;

package/lib/components/InlineCheckbox/InlineCheckbox.js

@@ -15,12 +15,7 @@ var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useMergedRefs = require('../../internal/useMergedRefs.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 InlineCheckbox = /*#__PURE__*/React__default["default"].forwardRef(function InlineCheckbox(props, forwardRef) {
+const InlineCheckbox = /*#__PURE__*/React.forwardRef(function InlineCheckbox(props, forwardRef) {
   const {
     ['aria-label']: ariaLabel,
     ariaLabel: deprecatedAriaLabel,
@@ -65,19 +60,19 @@ const InlineCheckbox = /*#__PURE__*/React__default["default"].forwardRef(functio
     }
     onClick?.(evt);
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox--inline`
-  }, /*#__PURE__*/React__default["default"].createElement("input", inputProps),
+  }, /*#__PURE__*/React.createElement("input", inputProps),
   /*#__PURE__*/
   /* eslint-disable jsx-a11y/label-has-for,jsx-a11y/label-has-associated-control,jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions */
-  React__default["default"].createElement("label", {
+  React.createElement("label", {
     htmlFor: id,
     className: `${prefix}--checkbox-label`,
     title: title,
     onClick: evt => {
       evt.stopPropagation();
     }
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--visually-hidden`
   }, deprecatedAriaLabel || ariaLabel)));
 });
@@ -85,48 +80,48 @@ InlineCheckbox.propTypes = {
   /**
    * Specify the label for the control
    */
-  ['aria-label']: PropTypes__default["default"].string.isRequired,
+  ['aria-label']: PropTypes.string.isRequired,
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify the label for the control
    */
-  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string.isRequired, 'The `ariaLabel` prop has been deprecated in favor of `aria-label`. This prop will be removed in the next major release.'),
+  ariaLabel: deprecate.deprecate(PropTypes.string.isRequired, 'The `ariaLabel` prop has been deprecated in favor of `aria-label`. This prop will be removed in the next major release.'),
   /**
    * Specify whether the underlying control is checked, or not
    */
-  checked: PropTypes__default["default"].bool,
+  checked: PropTypes.bool,
   /**
    * Specify whether the underlying input control should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide an `id` for the underlying input control
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Specify whether the control is in an indeterminate state
    */
-  indeterminate: PropTypes__default["default"].bool,
+  indeterminate: PropTypes.bool,
   /**
    * Provide a `name` for the underlying input control
    */
-  name: PropTypes__default["default"].string.isRequired,
+  name: PropTypes.string.isRequired,
   /**
    * Provide an optional hook that is called each time the input is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Provide a handler that is invoked when a user clicks on the control
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Provide a handler that is invoked on the key down event for the control
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onKeyDown: PropTypes.func,
   /**
    * Provide an optional tooltip for the InlineCheckbox
    */
-  title: PropTypes__default["default"].string
+  title: PropTypes.string
 };
 
-exports["default"] = InlineCheckbox;
+exports.default = InlineCheckbox;

package/lib/components/InlineCheckbox/index.js

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

package/lib/components/InlineLoading/InlineLoading.js

@@ -17,12 +17,6 @@ var iconsReact = require('@carbon/icons-react');
 var Loading = require('../Loading/Loading.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 InlineLoading = ({
   className,
   status = 'active',
@@ -33,7 +27,7 @@ const InlineLoading = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const loadingClasses = cx__default["default"](`${prefix}--inline-loading`, className);
+  const loadingClasses = cx(`${prefix}--inline-loading`, className);
   const timerRef = React.useRef(null);
   React.useEffect(() => {
     if (status === 'finished') {
@@ -53,20 +47,20 @@ const InlineLoading = ({
   const getLoading = () => {
     let iconLabel = iconDescription ? iconDescription : status;
     if (status === 'error') {
-      return /*#__PURE__*/React__default["default"].createElement(iconsReact.ErrorFilled, {
+      return /*#__PURE__*/React.createElement(iconsReact.ErrorFilled, {
         className: `${prefix}--inline-loading--error`
-      }, /*#__PURE__*/React__default["default"].createElement("title", null, iconLabel));
+      }, /*#__PURE__*/React.createElement("title", null, iconLabel));
     }
     if (status === 'finished') {
-      return /*#__PURE__*/React__default["default"].createElement(iconsReact.CheckmarkFilled, {
+      return /*#__PURE__*/React.createElement(iconsReact.CheckmarkFilled, {
         className: `${prefix}--inline-loading__checkmark-container`
-      }, /*#__PURE__*/React__default["default"].createElement("title", null, iconLabel));
+      }, /*#__PURE__*/React.createElement("title", null, iconLabel));
     }
     if (status === 'active') {
       if (!iconDescription) {
         iconLabel = 'loading';
       }
-      return /*#__PURE__*/React__default["default"].createElement(Loading["default"], {
+      return /*#__PURE__*/React.createElement(Loading.default, {
         small: true,
         description: iconLabel,
         withOverlay: false,
@@ -77,20 +71,20 @@ const InlineLoading = ({
       if (!iconDescription) {
         iconLabel = 'not loading';
       }
-      return /*#__PURE__*/React__default["default"].createElement("title", {
+      return /*#__PURE__*/React.createElement("title", {
         className: `${prefix}--inline-loading__inactive-status`
       }, iconLabel);
     }
     return undefined;
   };
-  const loadingText = description && /*#__PURE__*/React__default["default"].createElement("div", {
+  const loadingText = description && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--inline-loading__text`
   }, description);
   const loading = getLoading();
-  const loadingAnimation = loading && /*#__PURE__*/React__default["default"].createElement("div", {
+  const loadingAnimation = loading && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--inline-loading__animation`
   }, loading);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: loadingClasses
   }, rest, {
     "aria-live": rest['aria-live'] ?? 'assertive'
@@ -100,28 +94,28 @@ InlineLoading.propTypes = {
   /**
    * Specify a custom className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the description for the inline loading text
    */
-  description: PropTypes__default["default"].node,
+  description: PropTypes.node,
   /**
    * Specify the description for the inline loading text
    */
-  iconDescription: PropTypes__default["default"].string,
+  iconDescription: PropTypes.string,
   /**
    * Provide an optional handler to be invoked when <InlineLoading> is
    * successful
    */
-  onSuccess: PropTypes__default["default"].func,
+  onSuccess: PropTypes.func,
   /**
    * Specify the loading status
    */
-  status: PropTypes__default["default"].oneOf(['inactive', 'active', 'finished', 'error']),
+  status: PropTypes.oneOf(['inactive', 'active', 'finished', 'error']),
   /**
    * Provide a delay for the `setTimeout` for success
    */
-  successDelay: PropTypes__default["default"].number
+  successDelay: PropTypes.number
 };
 
-exports["default"] = InlineLoading;
+exports.default = InlineLoading;

package/lib/components/InlineLoading/index.js

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

package/lib/components/Layer/LayerContext.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 LayerContext = /*#__PURE__*/React__default["default"].createContext(1);
+const LayerContext = /*#__PURE__*/React.createContext(1);
 
 exports.LayerContext = LayerContext;

package/lib/components/Layer/LayerLevel.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 const levels = ['one', 'two', 'three'];
 const LayerLevels = [0, 1, 2];
 const MIN_LEVEL = LayerLevels[0];

package/lib/components/Layer/index.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');
@@ -18,24 +16,18 @@ var LayerContext = require('./LayerContext.js');
 var LayerLevel = require('./LayerLevel.js');
 var clamp = require('../../internal/clamp.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);
-
 /**
  * A custom hook that will return information about the current layer. A common
  * field to pull from this is the `level` for the layer that the component that
  * calls this hook is currently in
  */
 function useLayer() {
-  const level = React__default["default"].useContext(LayerContext.LayerContext);
+  const level = React.useContext(LayerContext.LayerContext);
   return {
     level
   };
 }
-const Layer = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
+const Layer = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     as,
     className: customClassName,
@@ -44,18 +36,18 @@ const Layer = /*#__PURE__*/React__default["default"].forwardRef((props, ref) =>
     withBackground = false,
     ...rest
   } = props;
-  const contextLevel = React__default["default"].useContext(LayerContext.LayerContext);
+  const contextLevel = React.useContext(LayerContext.LayerContext);
   const level = overrideLevel ?? contextLevel;
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--layer-${LayerLevel.levels[level]}`, {
+  const className = cx(`${prefix}--layer-${LayerLevel.levels[level]}`, {
     [`${prefix}--layer__with-background`]: withBackground
   }, customClassName);
   // The level should be between MIN_LEVEL and MAX_LEVEL
   const value = clamp.clamp(level + 1, LayerLevel.MIN_LEVEL, LayerLevel.MAX_LEVEL);
   const BaseComponent = as || 'div';
-  return /*#__PURE__*/React__default["default"].createElement(LayerContext.LayerContext.Provider, {
+  return /*#__PURE__*/React.createElement(LayerContext.LayerContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, rest, {
     className: className
@@ -67,24 +59,24 @@ Layer.propTypes = {
    * Specify a custom component or element to be rendered as the top-level
    * element in the component
    */
-  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]),
   /**
    * Provide child elements to be rendered inside of `Theme`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom class name to be used on the outermost element rendered by
    * the component
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the layer level and override any existing levels based on hierarchy
    */
-  level: PropTypes__default["default"].oneOf([0, 1, 2]),
+  level: PropTypes.oneOf([0, 1, 2]),
   /**
    * Applies a css background-color set to $layer-background
    */
-  withBackground: PropTypes__default["default"].bool
+  withBackground: PropTypes.bool
 };
 
 exports.Layer = Layer;