@carbon/react 1.27.0 → 1.28.0-rc.0

package/es/_virtual/_rollupPluginBabelHelpers.js

@@ -5,67 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-
-  return target;
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -98,255 +37,4 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
-}
-
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return self;
-}
-
-function _possibleConstructorReturn(self, call) {
-  if (call && (typeof call === "object" || typeof call === "function")) {
-    return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
-  }
-
-  return _assertThisInitialized(self);
-}
-
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived),
-        result;
-
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
-
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-
-    return _possibleConstructorReturn(this, result);
-  };
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-
-  if (!it) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-
-      var F = function () {};
-
-      return {
-        s: F,
-        n: function () {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function (e) {
-          throw e;
-        },
-        f: F
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var normalCompletion = true,
-      didErr = false,
-      err;
-  return {
-    s: function () {
-      it = it.call(o);
-    },
-    n: function () {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function (e) {
-      didErr = true;
-      err = e;
-    },
-    f: function () {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-
-export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _assertThisInitialized as assertThisInitialized, _classCallCheck as classCallCheck, _createClass as createClass, _createForOfIteratorHelper as createForOfIteratorHelper, _createSuper as createSuper, _defineProperty as defineProperty, _extends as extends, _getPrototypeOf as getPrototypeOf, _inherits as inherits, _isNativeReflectConstruct as isNativeReflectConstruct, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _possibleConstructorReturn as possibleConstructorReturn, _setPrototypeOf as setPrototypeOf, _slicedToArray as slicedToArray, _toConsumableArray as toConsumableArray, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };
+export { _defineProperty as defineProperty, _extends as extends };

package/es/components/Accordion/Accordion.Skeleton.js

@@ -5,7 +5,7 @@
  * 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 PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -15,33 +15,33 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 var _SkeletonText, _SkeletonText2, _SkeletonText3;
 
-var _excluded = ["align", "className", "count", "isFlush", "open"];
-
 function AccordionSkeleton(_ref) {
-  var _cx;
-
-  var align = _ref.align,
-      className = _ref.className,
-      count = _ref.count,
-      isFlush = _ref.isFlush,
-      open = _ref.open,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classes = cx("".concat(prefix, "--accordion"), "".concat(prefix, "--skeleton"), className, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--accordion--").concat(align), align), _defineProperty(_cx, "".concat(prefix, "--accordion--flush"), isFlush && align !== 'start'), _cx));
-  var numSkeletonItems = open ? count - 1 : count;
+  let {
+    align,
+    className,
+    count,
+    isFlush,
+    open,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const classes = cx(`${prefix}--accordion`, `${prefix}--skeleton`, className, {
+    [`${prefix}--accordion--${align}`]: align,
+    [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
+  });
+  const numSkeletonItems = open ? count - 1 : count;
   return /*#__PURE__*/React__default.createElement("ul", _extends({
     className: classes
   }, rest), open && /*#__PURE__*/React__default.createElement("li", {
-    className: "".concat(prefix, "--accordion__item ").concat(prefix, "--accordion__item--active")
+    className: `${prefix}--accordion__item ${prefix}--accordion__item--active`
   }, /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--accordion__heading")
+    className: `${prefix}--accordion__heading`
   }, /*#__PURE__*/React__default.createElement(ChevronRight, {
-    className: "".concat(prefix, "--accordion__arrow")
+    className: `${prefix}--accordion__arrow`
   }), /*#__PURE__*/React__default.createElement(SkeletonText, {
-    className: "".concat(prefix, "--accordion__title")
+    className: `${prefix}--accordion__title`
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--accordion__content")
+    className: `${prefix}--accordion__content`
   }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React__default.createElement(SkeletonText, {
     width: "90%"
   })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React__default.createElement(SkeletonText, {
@@ -50,11 +50,9 @@ function AccordionSkeleton(_ref) {
     width: "95%"
   })))), Array.from({
     length: numSkeletonItems
-  }).map(function (_, i) {
-    return /*#__PURE__*/React__default.createElement(AccordionSkeletonItem, {
-      key: i
-    });
-  }));
+  }).map((_, i) => /*#__PURE__*/React__default.createElement(AccordionSkeletonItem, {
+    key: i
+  })));
 }
 
 AccordionSkeleton.propTypes = {
@@ -90,15 +88,15 @@ AccordionSkeleton.defaultProps = {
 };
 
 function AccordionSkeletonItem() {
-  var prefix = usePrefix();
+  const prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement("li", {
-    className: "".concat(prefix, "--accordion__item")
+    className: `${prefix}--accordion__item`
   }, /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--accordion__heading")
+    className: `${prefix}--accordion__heading`
   }, /*#__PURE__*/React__default.createElement(ChevronRight, {
-    className: "".concat(prefix, "--accordion__arrow")
+    className: `${prefix}--accordion__arrow`
   }), /*#__PURE__*/React__default.createElement(SkeletonText, {
-    className: "".concat(prefix, "--accordion__title")
+    className: `${prefix}--accordion__title`
   })));
 }
 

package/es/components/Accordion/Accordion.js

@@ -5,37 +5,34 @@
  * 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 { usePrefix } from '../../internal/usePrefix.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import * as FeatureFlags from '@carbon/feature-flags';
 
-var _excluded = ["align", "children", "className", "disabled", "isFlush", "size"];
-
 function Accordion(_ref) {
-  var _cx;
-
-  var _ref$align = _ref.align,
-      align = _ref$align === void 0 ? 'end' : _ref$align,
-      children = _ref.children,
-      customClassName = _ref.className,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$isFlush = _ref.isFlush,
-      isFlush = _ref$isFlush === void 0 ? false : _ref$isFlush,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx("".concat(prefix, "--accordion"), customClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--accordion--").concat(align), align), _defineProperty(_cx, "".concat(prefix, "--accordion--").concat(size), size), _defineProperty(_cx, "".concat(prefix, "--accordion--flush"), isFlush && align !== 'start'), _cx));
+  let {
+    align = 'end',
+    children,
+    className: customClassName,
+    disabled = false,
+    isFlush = false,
+    size = 'md',
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(`${prefix}--accordion`, customClassName, {
+    [`${prefix}--accordion--${align}`]: align,
+    [`${prefix}--accordion--${size}`]: size,
+    [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
+  });
   return /*#__PURE__*/React__default.createElement("ul", _extends({
     className: className
-  }, rest), disabled ? React__default.Children.toArray(children).map(function (child) {
+  }, rest), disabled ? React__default.Children.toArray(children).map(child => {
     return /*#__PURE__*/React__default.cloneElement(child, {
-      disabled: disabled
+      disabled
     });
   }) : children);
 }

package/es/components/Accordion/AccordionItem.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { ChevronRight } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
@@ -18,50 +18,38 @@ import { Text } from '../Text/Text.js';
 import { match } from '../../internal/keyboard/match.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 
-var _excluded = ["children", "className", "iconDescription", "open", "onHeadingClick", "renderExpando", "renderToggle", "title", "disabled"];
-
-var defaultRenderToggle = function defaultRenderToggle(props) {
-  return /*#__PURE__*/React__default.createElement("button", _extends({
-    type: "button"
-  }, props));
-};
+const defaultRenderToggle = props => /*#__PURE__*/React__default.createElement("button", _extends({
+  type: "button"
+}, props));
 
 function AccordionItem(_ref) {
-  var _cx;
-
-  var children = _ref.children,
-      customClassName = _ref.className;
-      _ref.iconDescription;
-      var _ref$open = _ref.open,
-      open = _ref$open === void 0 ? false : _ref$open,
-      onHeadingClick = _ref.onHeadingClick,
-      _ref$renderExpando = _ref.renderExpando,
-      renderExpando = _ref$renderExpando === void 0 ? defaultRenderToggle : _ref$renderExpando,
-      renderToggle = _ref.renderToggle,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? 'title' : _ref$title,
-      disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useState = useState(open),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var _useState3 = useState(open),
-      _useState4 = _slicedToArray(_useState3, 2),
-      prevIsOpen = _useState4[0],
-      setPrevIsOpen = _useState4[1];
-
-  var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      animation = _useState6[0],
-      setAnimation = _useState6[1];
-
-  var id = useId('accordion-item');
-  var prefix = usePrefix();
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--accordion__item"), true), _defineProperty(_cx, "".concat(prefix, "--accordion__item--active"), isOpen), _defineProperty(_cx, "".concat(prefix, "--accordion__item--").concat(animation), animation), _defineProperty(_cx, "".concat(prefix, "--accordion__item--disabled"), disabled), _defineProperty(_cx, customClassName, !!customClassName), _cx));
-  var Toggle = renderToggle || renderExpando; // remove renderExpando in next major release
+  let {
+    children,
+    className: customClassName,
+    iconDescription,
+    // eslint-disable-line
+    open = false,
+    onHeadingClick,
+    renderExpando = defaultRenderToggle,
+    // remove renderExpando in next major release
+    renderToggle,
+    title = 'title',
+    disabled,
+    ...rest
+  } = _ref;
+  const [isOpen, setIsOpen] = useState(open);
+  const [prevIsOpen, setPrevIsOpen] = useState(open);
+  const [animation, setAnimation] = useState('');
+  const id = useId('accordion-item');
+  const prefix = usePrefix();
+  const className = cx({
+    [`${prefix}--accordion__item`]: true,
+    [`${prefix}--accordion__item--active`]: isOpen,
+    [`${prefix}--accordion__item--${animation}`]: animation,
+    [`${prefix}--accordion__item--disabled`]: disabled,
+    [customClassName]: !!customClassName
+  });
+  const Toggle = renderToggle || renderExpando; // remove renderExpando in next major release
 
   if (open !== prevIsOpen) {
     setAnimation(isOpen ? 'collapsing' : 'expanding');
@@ -72,7 +60,7 @@ function AccordionItem(_ref) {
 
 
   function onClick(event) {
-    var nextValue = !isOpen;
+    const nextValue = !isOpen;
     setAnimation(isOpen ? 'collapsing' : 'expanding');
     setIsOpen(nextValue);
 
@@ -81,7 +69,7 @@ function AccordionItem(_ref) {
       // onHeadingClick :: (event: Event, state: { isOpen: Boolean }) => any
       onHeadingClick({
         isOpen: nextValue,
-        event: event
+        event
       });
     }
   } // If the AccordionItem is open, and the user hits the ESC key, then close it
@@ -109,18 +97,18 @@ function AccordionItem(_ref) {
     disabled: disabled,
     "aria-controls": id,
     "aria-expanded": isOpen,
-    className: "".concat(prefix, "--accordion__heading"),
+    className: `${prefix}--accordion__heading`,
     onClick: onClick,
     onKeyDown: onKeyDown,
     type: "button"
   }, /*#__PURE__*/React__default.createElement(ChevronRight, {
-    className: "".concat(prefix, "--accordion__arrow")
+    className: `${prefix}--accordion__arrow`
   }), /*#__PURE__*/React__default.createElement(Text, {
     as: "div",
-    className: "".concat(prefix, "--accordion__title")
+    className: `${prefix}--accordion__title`
   }, title)), /*#__PURE__*/React__default.createElement("div", {
     id: id,
-    className: "".concat(prefix, "--accordion__content")
+    className: `${prefix}--accordion__content`
   }, children));
 }
 

package/es/components/AspectRatio/AspectRatio.js

@@ -5,13 +5,12 @@
  * 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 cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["as", "className", "children", "ratio"];
 /**
  * The AspectRatio component provides a `ratio` prop that will be used to
  * specify the aspect ratio that the children you provide will be displayed in.
@@ -20,16 +19,15 @@ var _excluded = ["as", "className", "children", "ratio"];
  */
 
 function AspectRatio(_ref) {
-  var _ref$as = _ref.as,
-      BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
-      containerClassName = _ref.className,
-      children = _ref.children,
-      _ref$ratio = _ref.ratio,
-      ratio = _ref$ratio === void 0 ? '1x1' : _ref$ratio,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx(containerClassName, "".concat(prefix, "--aspect-ratio"), "".concat(prefix, "--aspect-ratio--").concat(ratio));
+  let {
+    as: BaseComponent = 'div',
+    className: containerClassName,
+    children,
+    ratio = '1x1',
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`);
   return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({
     className: className
   }, rest), children);