@carbon/react 1.27.0-rc.0 → 1.28.0-rc.0

package/es/components/Grid/FlexGrid.js

@@ -5,34 +5,32 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { GridSettings } from './GridContext.js';
 
-var _excluded = ["as", "condensed", "narrow", "fullWidth", "className", "children"];
-
 function FlexGrid(_ref) {
-  var _cx;
-
-  var _ref$as = _ref.as,
-      BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
-      _ref$condensed = _ref.condensed,
-      condensed = _ref$condensed === void 0 ? false : _ref$condensed,
-      _ref$narrow = _ref.narrow,
-      narrow = _ref$narrow === void 0 ? false : _ref$narrow,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      containerClassName = _ref.className,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx(containerClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--grid"), true), _defineProperty(_cx, "".concat(prefix, "--grid--condensed"), condensed), _defineProperty(_cx, "".concat(prefix, "--grid--narrow"), narrow), _defineProperty(_cx, "".concat(prefix, "--grid--full-width"), fullWidth), _cx)); // cast as any to let TypeScript allow passing in attributes to base component
+  let {
+    as: BaseComponent = 'div',
+    condensed = false,
+    narrow = false,
+    fullWidth = false,
+    className: containerClassName,
+    children,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(containerClassName, {
+    [`${prefix}--grid`]: true,
+    [`${prefix}--grid--condensed`]: condensed,
+    [`${prefix}--grid--narrow`]: narrow,
+    [`${prefix}--grid--full-width`]: fullWidth
+  }); // cast as any to let TypeScript allow passing in attributes to base component
 
-  var BaseComponentAsAny = BaseComponent;
+  const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React__default.createElement(GridSettings, {
     mode: "flexbox",
     subgrid: false
@@ -74,6 +72,6 @@ FlexGrid.propTypes = {
    */
   narrow: PropTypes.bool
 };
-var FlexGridComponent = FlexGrid;
+const FlexGridComponent = FlexGrid;
 
 export { FlexGridComponent as FlexGrid };

package/es/components/Grid/Grid.js

@@ -12,7 +12,7 @@ import { CSSGrid as CSSGridComponent } from './CSSGrid.js';
 import { FlexGrid as FlexGridComponent } from './FlexGrid.js';
 
 function Grid(props) {
-  var enableCSSGrid = useFeatureFlag('enable-css-grid');
+  const enableCSSGrid = useFeatureFlag('enable-css-grid');
 
   if (enableCSSGrid) {
     return /*#__PURE__*/React__default.createElement(CSSGridComponent, props);
@@ -54,6 +54,6 @@ Grid.propTypes = {
    */
   narrow: PropTypes.bool
 };
-var GridAsGridComponent = Grid;
+const GridAsGridComponent = Grid;
 
 export { GridAsGridComponent as Grid };

package/es/components/Grid/GridContext.js

@@ -12,26 +12,27 @@ import * as React from 'react';
  * Provides a grid context for communication the grid "mode" (flexbox or
  * css-grid) along with subgrid information.
  */
-var GridSettingsContext = /*#__PURE__*/React.createContext({
+const GridSettingsContext = /*#__PURE__*/React.createContext({
   mode: 'flexbox',
   subgrid: false
 });
-var GridSettings = function GridSettings(_ref) {
-  var children = _ref.children,
-      mode = _ref.mode,
-      _ref$subgrid = _ref.subgrid,
-      subgrid = _ref$subgrid === void 0 ? false : _ref$subgrid;
-  var value = React.useMemo(function () {
+const GridSettings = _ref => {
+  let {
+    children,
+    mode,
+    subgrid = false
+  } = _ref;
+  const value = React.useMemo(() => {
     return {
-      mode: mode,
-      subgrid: subgrid
+      mode,
+      subgrid
     };
   }, [mode, subgrid]);
   return /*#__PURE__*/React.createElement(GridSettingsContext.Provider, {
     value: value
   }, children);
 };
-var gridModes = ['flexbox', 'css-grid'];
+const gridModes = ['flexbox', 'css-grid'];
 GridSettings.propTypes = {
   /**
    * Pass in components which will be rendered within the `GridSettings`
@@ -53,7 +54,7 @@ GridSettings.propTypes = {
  * Helper function for accessing the GridContext value
  */
 
-var useGridSettings = function useGridSettings() {
+const useGridSettings = () => {
   return React.useContext(GridSettingsContext);
 };
 

package/es/components/Grid/Row.js

@@ -5,31 +5,29 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["as", "condensed", "narrow", "className", "children"];
-
 function Row(_ref) {
-  var _cx;
-
-  var _ref$as = _ref.as,
-      BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
-      _ref$condensed = _ref.condensed,
-      condensed = _ref$condensed === void 0 ? false : _ref$condensed,
-      _ref$narrow = _ref.narrow,
-      narrow = _ref$narrow === void 0 ? false : _ref$narrow,
-      containerClassName = _ref.className,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx(containerClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--row"), true), _defineProperty(_cx, "".concat(prefix, "--row--condensed"), condensed), _defineProperty(_cx, "".concat(prefix, "--row--narrow"), narrow), _cx)); // TypeScript type validation reports conflicts on different instances of keyof JSX.IntrinsicElements
+  let {
+    as: BaseComponent = 'div',
+    condensed = false,
+    narrow = false,
+    className: containerClassName,
+    children,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(containerClassName, {
+    [`${prefix}--row`]: true,
+    [`${prefix}--row--condensed`]: condensed,
+    [`${prefix}--row--narrow`]: narrow
+  }); // TypeScript type validation reports conflicts on different instances of keyof JSX.IntrinsicElements
 
-  var BaseComponentAsAny = BaseComponent;
+  const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _extends({
     className: className
   }, rest), children);

package/es/components/Heading/index.js

@@ -5,22 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 
-var _excluded = ["as", "level", "children"];
-var HeadingContext = /*#__PURE__*/React__default.createContext(1);
+const HeadingContext = /*#__PURE__*/React__default.createContext(1);
 
 function Section(_ref) {
-  var _ref$as = _ref.as,
-      BaseComponent = _ref$as === void 0 ? 'section' : _ref$as,
-      levelOverride = _ref.level,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var parentLevel = React__default.useContext(HeadingContext);
-  var level = typeof levelOverride !== 'undefined' ? levelOverride : parentLevel + 1;
+  let {
+    as: BaseComponent = 'section',
+    level: levelOverride,
+    children,
+    ...rest
+  } = _ref;
+  const parentLevel = React__default.useContext(HeadingContext);
+  const level = typeof levelOverride !== 'undefined' ? levelOverride : parentLevel + 1;
   return /*#__PURE__*/React__default.createElement(HeadingContext.Provider, {
     value: Math.min(level, 6)
   }, /*#__PURE__*/React__default.createElement(BaseComponent, rest, children));
@@ -50,8 +48,8 @@ Section.propTypes = {
 };
 
 function Heading(props) {
-  var level = React__default.useContext(HeadingContext);
-  return /*#__PURE__*/React__default.createElement("h".concat(level), props);
+  const level = React__default.useContext(HeadingContext);
+  return /*#__PURE__*/React__default.createElement(`h${level}`, props);
 }
 
 Heading.propTypes = {

package/es/components/Icon/Icon.Skeleton.js

@@ -5,24 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className"];
-
-var IconSkeleton = function IconSkeleton(_ref) {
-  var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-
-  var props = _objectSpread2({}, rest);
-
+const IconSkeleton = _ref => {
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const props = { ...rest
+  };
   return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: cx("".concat(prefix, "--icon--skeleton"), className)
+    className: cx(`${prefix}--icon--skeleton`, className)
   }, props));
 };
 

package/es/components/IconButton/index.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import Button from '../Button/Button.js';
@@ -14,26 +14,23 @@ import '../Tooltip/DefinitionTooltip.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["align", "children", "className", "closeOnActivation", "defaultOpen", "enterDelayMs", "kind", "label", "leaveDelayMs", "wrapperClasses", "size"];
-var IconButton = /*#__PURE__*/React__default.forwardRef(function IconButton(props, ref) {
-  var align = props.align,
-      children = props.children,
-      className = props.className,
-      _props$closeOnActivat = props.closeOnActivation,
-      closeOnActivation = _props$closeOnActivat === void 0 ? true : _props$closeOnActivat,
-      _props$defaultOpen = props.defaultOpen,
-      defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
-      enterDelayMs = props.enterDelayMs,
-      kind = props.kind,
-      label = props.label,
-      leaveDelayMs = props.leaveDelayMs,
-      wrapperClasses = props.wrapperClasses,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'md' : _props$size,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var prefix = usePrefix();
-  var tooltipClasses = cx(wrapperClasses, "".concat(prefix, "--icon-tooltip"));
+const IconButton = /*#__PURE__*/React__default.forwardRef(function IconButton(props, ref) {
+  const {
+    align,
+    children,
+    className,
+    closeOnActivation = true,
+    defaultOpen = false,
+    enterDelayMs,
+    kind,
+    label,
+    leaveDelayMs,
+    wrapperClasses,
+    size = 'md',
+    ...rest
+  } = props;
+  const prefix = usePrefix();
+  const tooltipClasses = cx(wrapperClasses, `${prefix}--icon-tooltip`);
   return /*#__PURE__*/React__default.createElement(Tooltip, {
     align: align,
     closeOnActivation: closeOnActivation,
@@ -46,7 +43,7 @@ var IconButton = /*#__PURE__*/React__default.forwardRef(function IconButton(prop
     kind: kind,
     ref: ref,
     size: size,
-    className: cx("".concat(prefix, "--btn--icon-only"), className)
+    className: cx(`${prefix}--btn--icon-only`, className)
   }), children));
 });
 IconButton.propTypes = {

package/es/components/IdPrefix/index.js

@@ -10,8 +10,10 @@ import React__default from 'react';
 import { IdPrefixContext } from '../../internal/useIdPrefix.js';
 
 function IdPrefix(_ref) {
-  var children = _ref.children,
-      prefix = _ref.prefix;
+  let {
+    children,
+    prefix
+  } = _ref;
   return /*#__PURE__*/React__default.createElement(IdPrefixContext.Provider, {
     value: prefix
   }, children);

package/es/components/InlineCheckbox/InlineCheckbox.js

@@ -5,46 +5,43 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useEffect } from 'react';
 import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 
-var _InlineCheckbox$propT;
 /** @type any */
 
-var InlineCheckbox = /*#__PURE__*/React__default.forwardRef(function InlineCheckbox(props, forwardRef) {
-  var ariaLabel = props['aria-label'],
-      deprecatedAriaLabel = props.ariaLabel,
-      _props$checked = props.checked,
-      checked = _props$checked === void 0 ? false : _props$checked,
-      disabled = props.disabled,
-      id = props.id,
-      indeterminate = props.indeterminate,
-      name = props.name,
-      _props$onChange = props.onChange,
-      _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-      onClick = props.onClick,
-      onKeyDown = props.onKeyDown,
-      title = props.title;
-
-  var prefix = usePrefix();
-  var inputRef = useRef(null);
-  var ref = useMergedRefs([inputRef, forwardRef]);
-  var inputProps = {
-    checked: checked,
-    className: "".concat(prefix, "--checkbox"),
-    disabled: disabled,
-    id: id,
-    name: name,
-    onClick: onClick,
-    onChange: function onChange(evt) {
-      _onChange(evt.target.checked, id, evt);
+const InlineCheckbox = /*#__PURE__*/React__default.forwardRef(function InlineCheckbox(props, forwardRef) {
+  const {
+    ['aria-label']: ariaLabel,
+    ariaLabel: deprecatedAriaLabel,
+    checked = false,
+    disabled,
+    id,
+    indeterminate,
+    name,
+    onChange = () => {},
+    onClick,
+    onKeyDown,
+    title
+  } = props;
+  const prefix = usePrefix();
+  const inputRef = useRef(null);
+  const ref = useMergedRefs([inputRef, forwardRef]);
+  const inputProps = {
+    checked,
+    className: `${prefix}--checkbox`,
+    disabled,
+    id,
+    name,
+    onClick,
+    onChange: evt => {
+      onChange(evt.target.checked, id, evt);
     },
-    onKeyDown: onKeyDown,
-    ref: ref,
+    onKeyDown,
+    ref,
     type: 'checkbox'
   };
 
@@ -52,26 +49,82 @@ var InlineCheckbox = /*#__PURE__*/React__default.forwardRef(function InlineCheck
     inputProps.checked = false;
   }
 
-  useEffect(function () {
+  useEffect(() => {
     inputRef.current.indeterminate = indeterminate;
   }, [indeterminate]);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--checkbox--inline")
+    className: `${prefix}--checkbox--inline`
   }, /*#__PURE__*/React__default.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.createElement("label", {
     htmlFor: id,
-    className: "".concat(prefix, "--checkbox-label"),
+    className: `${prefix}--checkbox-label`,
     "aria-label": deprecatedAriaLabel || ariaLabel,
     title: title,
-    onClick: function onClick(evt) {
+    onClick: evt => {
       evt.stopPropagation();
     }
   }));
 });
-InlineCheckbox.propTypes = (_InlineCheckbox$propT = {}, _defineProperty(_InlineCheckbox$propT, 'aria-label', PropTypes.string.isRequired), _defineProperty(_InlineCheckbox$propT, "ariaLabel", 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.')), _defineProperty(_InlineCheckbox$propT, "checked", PropTypes.bool), _defineProperty(_InlineCheckbox$propT, "disabled", PropTypes.bool), _defineProperty(_InlineCheckbox$propT, "id", PropTypes.string.isRequired), _defineProperty(_InlineCheckbox$propT, "indeterminate", PropTypes.bool), _defineProperty(_InlineCheckbox$propT, "name", PropTypes.string.isRequired), _defineProperty(_InlineCheckbox$propT, "onChange", PropTypes.func), _defineProperty(_InlineCheckbox$propT, "onClick", PropTypes.func), _defineProperty(_InlineCheckbox$propT, "onKeyDown", PropTypes.func), _defineProperty(_InlineCheckbox$propT, "title", PropTypes.string), _InlineCheckbox$propT);
+InlineCheckbox.propTypes = {
+  /**
+   * Specify the label for the control
+   */
+  ['aria-label']: PropTypes.string.isRequired,
+
+  /**
+   * Deprecated, please use `aria-label` instead.
+   * Specify the label for the control
+   */
+  ariaLabel: 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.bool,
+
+  /**
+   * Specify whether the underlying input control should be disabled
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Provide an `id` for the underlying input control
+   */
+  id: PropTypes.string.isRequired,
+
+  /**
+   * Specify whether the control is in an indterminate state
+   */
+  indeterminate: PropTypes.bool,
+
+  /**
+   * Provide a `name` for the underlying input control
+   */
+  name: PropTypes.string.isRequired,
+
+  /**
+   * Provide an optional hook that is called each time the input is updated
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Provide a handler that is invoked when a user clicks on the control
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Provide a handler that is invoked on the key down event for the control
+   */
+  onKeyDown: PropTypes.func,
+
+  /**
+   * Provide an optional tooltip for the InlineCheckbox
+   */
+  title: PropTypes.string
+};
 var InlineCheckbox$1 = InlineCheckbox;
 
 export { InlineCheckbox$1 as default };

package/es/components/InlineLoading/InlineLoading.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -13,38 +13,36 @@ import { ErrorFilled, CheckmarkFilled } from '@carbon/icons-react';
 import Loading from '../Loading/Loading.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className", "status", "iconDescription", "description", "onSuccess", "successDelay"];
 function InlineLoading(_ref) {
-  var className = _ref.className,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? 'active' : _ref$status,
-      iconDescription = _ref.iconDescription,
-      description = _ref.description,
-      onSuccess = _ref.onSuccess,
-      _ref$successDelay = _ref.successDelay,
-      successDelay = _ref$successDelay === void 0 ? 1500 : _ref$successDelay,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var loadingClasses = cx("".concat(prefix, "--inline-loading"), className);
-
-  var getLoading = function getLoading() {
-    var iconLabel = iconDescription ? iconDescription : status;
+  let {
+    className,
+    status = 'active',
+    iconDescription,
+    description,
+    onSuccess,
+    successDelay = 1500,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const loadingClasses = cx(`${prefix}--inline-loading`, className);
+
+  const getLoading = () => {
+    let iconLabel = iconDescription ? iconDescription : status;
 
     if (status === 'error') {
       return /*#__PURE__*/React__default.createElement(ErrorFilled, {
-        className: "".concat(prefix, "--inline-loading--error")
+        className: `${prefix}--inline-loading--error`
       }, /*#__PURE__*/React__default.createElement("title", null, iconLabel));
     }
 
     if (status === 'finished') {
-      setTimeout(function () {
+      setTimeout(() => {
         if (onSuccess) {
           onSuccess();
         }
       }, successDelay);
       return /*#__PURE__*/React__default.createElement(CheckmarkFilled, {
-        className: "".concat(prefix, "--inline-loading__checkmark-container")
+        className: `${prefix}--inline-loading__checkmark-container`
       }, /*#__PURE__*/React__default.createElement("title", null, iconLabel));
     }
 
@@ -64,12 +62,12 @@ function InlineLoading(_ref) {
     return undefined;
   };
 
-  var loadingText = /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--inline-loading__text")
+  const loadingText = /*#__PURE__*/React__default.createElement("div", {
+    className: `${prefix}--inline-loading__text`
   }, description);
-  var loading = getLoading();
-  var loadingAnimation = loading && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--inline-loading__animation")
+  const loading = getLoading();
+  const loadingAnimation = loading && /*#__PURE__*/React__default.createElement("div", {
+    className: `${prefix}--inline-loading__animation`
   }, loading);
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: loadingClasses

package/es/components/Layer/LayerContext.js

@@ -7,6 +7,6 @@
 
 import React__default from 'react';
 
-var LayerContext = /*#__PURE__*/React__default.createContext(1);
+const LayerContext = /*#__PURE__*/React__default.createContext(1);
 
 export { LayerContext };

package/es/components/Layer/index.js

@@ -5,16 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { LayerContext } from './LayerContext.js';
 
-var _excluded = ["as", "className", "children", "level"];
-var levels = ['one', 'two', 'three'];
-var MAX_LEVEL = levels.length - 1;
+const levels = ['one', 'two', 'three'];
+const MAX_LEVEL = levels.length - 1;
 /**
  * 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
@@ -22,25 +21,25 @@ var MAX_LEVEL = levels.length - 1;
  */
 
 function useLayer() {
-  var level = React__default.useContext(LayerContext);
+  const level = React__default.useContext(LayerContext);
   return {
-    level: level
+    level
   };
 }
 function Layer(_ref) {
-  var _ref$as = _ref.as,
-      BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
-      customClassName = _ref.className,
-      children = _ref.children,
-      overrideLevel = _ref.level,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  let {
+    as: BaseComponent = 'div',
+    className: customClassName,
+    children,
+    level: overrideLevel,
+    ...rest
+  } = _ref;
+  const contextLevel = React__default.useContext(LayerContext);
+  const level = overrideLevel ?? contextLevel;
+  const prefix = usePrefix();
+  const className = cx(`${prefix}--layer-${levels[level]}`, customClassName); // The level should be between 0 and MAX_LEVEL
 
-  var contextLevel = React__default.useContext(LayerContext);
-  var level = overrideLevel !== null && overrideLevel !== void 0 ? overrideLevel : contextLevel;
-  var prefix = usePrefix();
-  var className = cx("".concat(prefix, "--layer-").concat(levels[level]), customClassName); // The level should be between 0 and MAX_LEVEL
-
-  var value = Math.max(0, Math.min(level + 1, MAX_LEVEL));
+  const value = Math.max(0, Math.min(level + 1, MAX_LEVEL));
   return /*#__PURE__*/React__default.createElement(LayerContext.Provider, {
     value: value
   }, /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {