@carbon/react 1.27.0 → 1.28.0

package/es/tools/uniqueId.js

@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var lastId = 0;
+let lastId = 0;
 function uniqueId() {
-  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'id';
+  let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'id';
   lastId++;
-  return "".concat(prefix).concat(lastId);
+  return `${prefix}${lastId}`;
 }
 
 export { uniqueId as default };

package/es/tools/wrapComponent.js

@@ -5,22 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { usePrefix } from '../internal/usePrefix.js';
 
-var _excluded = ["className"];
 /**
  * @param {{ name: string, type: string, className?: string | (prefix: string) => string }} props
  * @returns
  */
 
-var wrapComponent = function wrapComponent(_ref) {
-  var name = _ref.name,
-      getClassName = _ref.className,
-      type = _ref.type;
+const wrapComponent = _ref => {
+  let {
+    name,
+    className: getClassName,
+    type
+  } = _ref;
 
   /**
    *
@@ -28,17 +28,18 @@ var wrapComponent = function wrapComponent(_ref) {
    * @returns
    */
   function Component(_ref2) {
-    var baseClassName = _ref2.className,
-        other = _objectWithoutProperties(_ref2, _excluded);
-
-    var prefix = usePrefix();
-    var componentClass = cx(typeof getClassName === 'function' ? getClassName(prefix) : getClassName, baseClassName);
-    return /*#__PURE__*/React__default.createElement(type, _objectSpread2(_objectSpread2({}, other), {}, {
+    let {
+      className: baseClassName,
+      ...other
+    } = _ref2;
+    const prefix = usePrefix();
+    const componentClass = cx(typeof getClassName === 'function' ? getClassName(prefix) : getClassName, baseClassName);
+    return /*#__PURE__*/React__default.createElement(type, { ...other,
       // Prevent Weird quirk where `cx` will evaluate to an empty string, '',
       // and so we have empty `class` attributes in the resulting markup
       // eslint-disable-next-line no-extra-boolean-cast
       className: !!componentClass ? componentClass : undefined
-    }));
+    });
   }
 
   Component.displayName = name;

package/lib/_virtual/_rollupPluginBabelHelpers.js

@@ -9,67 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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, {
@@ -102,280 +41,5 @@ 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;
-      }
-    }
-  };
-}
-
-exports.arrayLikeToArray = _arrayLikeToArray;
-exports.arrayWithHoles = _arrayWithHoles;
-exports.arrayWithoutHoles = _arrayWithoutHoles;
-exports.assertThisInitialized = _assertThisInitialized;
-exports.classCallCheck = _classCallCheck;
-exports.createClass = _createClass;
-exports.createForOfIteratorHelper = _createForOfIteratorHelper;
-exports.createSuper = _createSuper;
 exports.defineProperty = _defineProperty;
 exports["extends"] = _extends;
-exports.getPrototypeOf = _getPrototypeOf;
-exports.inherits = _inherits;
-exports.isNativeReflectConstruct = _isNativeReflectConstruct;
-exports.iterableToArray = _iterableToArray;
-exports.iterableToArrayLimit = _iterableToArrayLimit;
-exports.nonIterableRest = _nonIterableRest;
-exports.nonIterableSpread = _nonIterableSpread;
-exports.objectSpread2 = _objectSpread2;
-exports.objectWithoutProperties = _objectWithoutProperties;
-exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
-exports.possibleConstructorReturn = _possibleConstructorReturn;
-exports.setPrototypeOf = _setPrototypeOf;
-exports.slicedToArray = _slicedToArray;
-exports.toConsumableArray = _toConsumableArray;
-exports["typeof"] = _typeof;
-exports.unsupportedIterableToArray = _unsupportedIterableToArray;

package/lib/components/Accordion/Accordion.Skeleton.js

@@ -25,33 +25,33 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var classes = cx__default["default"]("".concat(prefix, "--accordion"), "".concat(prefix, "--skeleton"), className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--accordion--").concat(align), align), _rollupPluginBabelHelpers.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.usePrefix();
+  const classes = cx__default["default"](`${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["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
     className: classes
   }, rest), open && /*#__PURE__*/React__default["default"].createElement("li", {
-    className: "".concat(prefix, "--accordion__item ").concat(prefix, "--accordion__item--active")
+    className: `${prefix}--accordion__item ${prefix}--accordion__item--active`
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--accordion__heading")
+    className: `${prefix}--accordion__heading`
   }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronRight, {
-    className: "".concat(prefix, "--accordion__arrow")
+    className: `${prefix}--accordion__arrow`
   }), /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
-    className: "".concat(prefix, "--accordion__title")
+    className: `${prefix}--accordion__title`
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--accordion__content")
+    className: `${prefix}--accordion__content`
   }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
     width: "90%"
   })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
@@ -60,11 +60,9 @@ function AccordionSkeleton(_ref) {
     width: "95%"
   })))), Array.from({
     length: numSkeletonItems
-  }).map(function (_, i) {
-    return /*#__PURE__*/React__default["default"].createElement(AccordionSkeletonItem, {
-      key: i
-    });
-  }));
+  }).map((_, i) => /*#__PURE__*/React__default["default"].createElement(AccordionSkeletonItem, {
+    key: i
+  })));
 }
 
 AccordionSkeleton.propTypes = {
@@ -100,15 +98,15 @@ AccordionSkeleton.defaultProps = {
 };
 
 function AccordionSkeletonItem() {
-  var prefix = usePrefix.usePrefix();
+  const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("li", {
-    className: "".concat(prefix, "--accordion__item")
+    className: `${prefix}--accordion__item`
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--accordion__heading")
+    className: `${prefix}--accordion__heading`
   }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronRight, {
-    className: "".concat(prefix, "--accordion__arrow")
+    className: `${prefix}--accordion__arrow`
   }), /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
-    className: "".concat(prefix, "--accordion__title")
+    className: `${prefix}--accordion__title`
   })));
 }
 

package/lib/components/Accordion/Accordion.js

@@ -41,30 +41,27 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var className = cx__default["default"]("".concat(prefix, "--accordion"), customClassName, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--accordion--").concat(align), align), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--accordion--").concat(size), size), _rollupPluginBabelHelpers.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.usePrefix();
+  const className = cx__default["default"](`${prefix}--accordion`, customClassName, {
+    [`${prefix}--accordion--${align}`]: align,
+    [`${prefix}--accordion--${size}`]: size,
+    [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
+  });
   return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
     className: className
-  }, rest), disabled ? React__default["default"].Children.toArray(children).map(function (child) {
+  }, rest), disabled ? React__default["default"].Children.toArray(children).map(child => {
     return /*#__PURE__*/React__default["default"].cloneElement(child, {
-      disabled: disabled
+      disabled
     });
   }) : children);
 }

package/lib/components/Accordion/AccordionItem.js

@@ -28,50 +28,38 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "className", "iconDescription", "open", "onHeadingClick", "renderExpando", "renderToggle", "title", "disabled"];
-
-var defaultRenderToggle = function defaultRenderToggle(props) {
-  return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
-    type: "button"
-  }, props));
-};
+const defaultRenderToggle = props => /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var _useState = React.useState(open),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var _useState3 = React.useState(open),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      prevIsOpen = _useState4[0],
-      setPrevIsOpen = _useState4[1];
-
-  var _useState5 = React.useState(''),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      animation = _useState6[0],
-      setAnimation = _useState6[1];
-
-  var id = useId.useId('accordion-item');
-  var prefix = usePrefix.usePrefix();
-  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--accordion__item"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--accordion__item--active"), isOpen), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--accordion__item--").concat(animation), animation), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--accordion__item--disabled"), disabled), _rollupPluginBabelHelpers.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] = React.useState(open);
+  const [prevIsOpen, setPrevIsOpen] = React.useState(open);
+  const [animation, setAnimation] = React.useState('');
+  const id = useId.useId('accordion-item');
+  const prefix = usePrefix.usePrefix();
+  const className = cx__default["default"]({
+    [`${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');
@@ -82,7 +70,7 @@ function AccordionItem(_ref) {
 
 
   function onClick(event) {
-    var nextValue = !isOpen;
+    const nextValue = !isOpen;
     setAnimation(isOpen ? 'collapsing' : 'expanding');
     setIsOpen(nextValue);
 
@@ -91,7 +79,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
@@ -119,18 +107,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["default"].createElement(iconsReact.ChevronRight, {
-    className: "".concat(prefix, "--accordion__arrow")
+    className: `${prefix}--accordion__arrow`
   }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     as: "div",
-    className: "".concat(prefix, "--accordion__title")
+    className: `${prefix}--accordion__title`
   }, title)), /*#__PURE__*/React__default["default"].createElement("div", {
     id: id,
-    className: "".concat(prefix, "--accordion__content")
+    className: `${prefix}--accordion__content`
   }, children));
 }