@skyscanner/backpack-web 25.6.0 → 25.7.0-beta.2

package/bpk-animate-height/index.js

@@ -1,11 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _AnimateHeight = _interopRequireDefault(require("./src/AnimateHeight"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -23,5 +15,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _default = _AnimateHeight.default;
-exports.default = _default;
+
+import AnimateHeight from "./src/AnimateHeight";
+export default AnimateHeight;

package/bpk-animate-height/src/AnimateHeight.js

@@ -1,52 +1,33 @@
-"use strict";
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "duration", "easing", "onAnimationComplete", "style"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _objectSpread(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 _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 _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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
-                                                                                                                                                                                                                                                                                                                                                                                           * Backpack - Skyscanner's Design System
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Copyright 2016 Skyscanner Ltd
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Licensed under the Apache License, Version 2.0 (the "License");
-                                                                                                                                                                                                                                                                                                                                                                                           * you may not use this file except in compliance with the License.
-                                                                                                                                                                                                                                                                                                                                                                                           * You may obtain a copy of the License at
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           *   http://www.apache.org/licenses/LICENSE-2.0
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Unless required by applicable law or agreed to in writing, software
-                                                                                                                                                                                                                                                                                                                                                                                           * distributed under the License is distributed on an "AS IS" BASIS,
-                                                                                                                                                                                                                                                                                                                                                                                           * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-                                                                                                                                                                                                                                                                                                                                                                                           * See the License for the specific language governing permissions and
-                                                                                                                                                                                                                                                                                                                                                                                           * limitations under the License.
-                                                                                                                                                                                                                                                                                                                                                                                           */ // IE11 doesn't support `Number.isNaN` so we must use the global.
+import PropTypes from 'prop-types';
+import { Component } from 'react';
+
+// IE11 doesn't support `Number.isNaN` so we must use the global.
 // When IE11 support drops we can migrate.
 // eslint-disable-next-line no-restricted-globals
+import { jsx as _jsx } from "react/jsx-runtime";
 const isNumber = n => !isNaN(parseFloat(n)) && isFinite(n);
 const isTransitionEndSupported = () => !!(typeof window !== 'undefined' && 'TransitionEvent' in window);
-class AnimateHeight extends _react.Component {
+class AnimateHeight extends Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "onTransitionEnd", () => {
-      if (this.contentElement && this.props.height === 0) {
-        this.contentElement.style.display = 'none';
-      }
-      if (this.props.onAnimationComplete) {
-        this.props.onAnimationComplete();
-      }
-    });
     let height = 'auto';
     let overflow = 'visible';
     if (isNumber(this.props.height)) {
@@ -121,21 +102,29 @@ class AnimateHeight extends _react.Component {
     clearTimeout(this.timeoutID);
     this.timeoutID = null;
   }
+  onTransitionEnd = () => {
+    if (this.contentElement && this.props.height === 0) {
+      this.contentElement.style.display = 'none';
+    }
+    if (this.props.onAnimationComplete) {
+      this.props.onAnimationComplete();
+    }
+  };
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        duration,
-        easing,
-        onAnimationComplete,
-        style
-      } = _this$props,
-      rest = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      duration,
+      easing,
+      onAnimationComplete,
+      style,
+      ...rest
+    } = this.props;
     const {
       height,
       overflow
     } = this.state;
-    const componentStyle = _objectSpread(_objectSpread({}, style), {}, {
+    const componentStyle = {
+      ...style,
       height,
       overflow,
       WebkitTransition: `height ${duration}ms ${easing} `,
@@ -143,30 +132,30 @@ class AnimateHeight extends _react.Component {
       OTransition: `height ${duration}ms ${easing} `,
       msTransition: `height ${duration}ms ${easing} `,
       transition: `height ${duration}ms ${easing} `
-    });
+    };
     delete rest.height;
     delete rest.transitionOverflow;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx("div", {
       style: componentStyle,
-      onTransitionEnd: this.onTransitionEnd
-    }, rest), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      onTransitionEnd: this.onTransitionEnd,
+      ...rest,
+      children: /*#__PURE__*/_jsx("div", {
         ref: el => {
           this.contentElement = el;
         },
         children: children
       })
-    }));
+    });
   }
 }
 AnimateHeight.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  duration: _propTypes.default.number.isRequired,
-  height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-  easing: _propTypes.default.string,
-  transitionOverflow: _propTypes.default.string,
-  onAnimationComplete: _propTypes.default.func,
-  style: _propTypes.default.object // eslint-disable-line react/forbid-prop-types
+  children: PropTypes.node.isRequired,
+  duration: PropTypes.number.isRequired,
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  easing: PropTypes.string,
+  transitionOverflow: PropTypes.string,
+  onAnimationComplete: PropTypes.func,
+  style: PropTypes.object // eslint-disable-line react/forbid-prop-types
 };
 
 AnimateHeight.defaultProps = {
@@ -175,5 +164,4 @@ AnimateHeight.defaultProps = {
   onAnimationComplete: null,
   style: {}
 };
-var _default = AnimateHeight;
-exports.default = _default;
+export default AnimateHeight;

package/bpk-component-accordion/index.js

@@ -1,34 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BpkAccordion", {
-  enumerable: true,
-  get: function () {
-    return _BpkAccordion.default;
-  }
-});
-Object.defineProperty(exports, "BpkAccordionItem", {
-  enumerable: true,
-  get: function () {
-    return _BpkAccordionItem.default;
-  }
-});
-Object.defineProperty(exports, "withAccordionItemState", {
-  enumerable: true,
-  get: function () {
-    return _withAccordionItemState.default;
-  }
-});
-Object.defineProperty(exports, "withSingleItemAccordionState", {
-  enumerable: true,
-  get: function () {
-    return _withSingleItemAccordionState.default;
-  }
-});
-var _BpkAccordion = _interopRequireDefault(require("./src/BpkAccordion"));
-var _BpkAccordionItem = _interopRequireDefault(require("./src/BpkAccordionItem"));
-var _withSingleItemAccordionState = _interopRequireDefault(require("./src/withSingleItemAccordionState"));
-var _withAccordionItemState = _interopRequireDefault(require("./src/withAccordionItemState"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */import BpkAccordion from "./src/BpkAccordion";
+import BpkAccordionItem from "./src/BpkAccordionItem";
+import withSingleItemAccordionState from "./src/withSingleItemAccordionState";
+import withAccordionItemState from "./src/withAccordionItemState";
+export { BpkAccordion, BpkAccordionItem, withSingleItemAccordionState, withAccordionItemState };

package/bpk-component-accordion/src/BpkAccordion.js

@@ -1,15 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.BpkAccordionContext = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("react");
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _BpkAccordionModule = _interopRequireDefault(require("./BpkAccordion.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "divider", "onDark"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -26,52 +14,46 @@ const _excluded = ["children", "className", "divider", "onDark"];
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _objectSpread(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 _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; }
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkAccordionModule.default);
-const BpkAccordionContext = /*#__PURE__*/(0, _react.createContext)({
+ */import PropTypes from 'prop-types';
+import { createContext, Node } from 'react';
+import { cssModules } from "../../bpk-react-utils";
+import STYLES from "./BpkAccordion.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+export const BpkAccordionContext = /*#__PURE__*/createContext({
   onDark: false,
   divider: true
 });
-exports.BpkAccordionContext = BpkAccordionContext;
 const BpkAccordion = props => {
   const {
-      children,
-      className,
-      divider,
-      onDark
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    children,
+    className,
+    divider,
+    onDark,
+    ...rest
+  } = props;
   const classNames = getClassName('bpk-accordion', onDark && 'bpk-accordion--on-dark', className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BpkAccordionContext.Provider, {
+  return /*#__PURE__*/_jsx(BpkAccordionContext.Provider, {
     value: {
       onDark,
       divider
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("dl", _objectSpread(_objectSpread({
-      className: classNames
-    }, rest), {}, {
+    children: /*#__PURE__*/_jsx("dl", {
+      className: classNames,
+      ...rest,
       children: children
-    }))
+    })
   });
 };
 BpkAccordion.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  className: _propTypes.default.string,
-  onDark: _propTypes.default.bool,
-  divider: _propTypes.default.bool
+  children: PropTypes.node.isRequired,
+  className: PropTypes.string,
+  onDark: PropTypes.bool,
+  divider: PropTypes.bool
 };
 BpkAccordion.defaultProps = {
   className: null,
   onDark: false,
   divider: true
 };
-var _default = BpkAccordion;
-exports.default = _default;
+export default BpkAccordion;

package/bpk-component-accordion/src/BpkAccordionItem.js

@@ -1,20 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("react");
-var _bpkAnimateHeight = _interopRequireDefault(require("../../bpk-animate-height"));
-var _bpkComponentIcon = require("../../bpk-component-icon");
-var _chevronDown = _interopRequireDefault(require("../../bpk-component-icon/sm/chevron-down"));
-var _bpkComponentText = _interopRequireWildcard(require("../../bpk-component-text"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _BpkAccordion = require("./BpkAccordion");
-var _BpkAccordionItemModule = _interopRequireDefault(require("./BpkAccordionItem.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "expanded", "icon", "id", "onClick", "tagName", "textStyle", "title"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -31,39 +14,39 @@ const _excluded = ["children", "expanded", "icon", "id", "onClick", "tagName", "
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _objectSpread(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 _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; }
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkAccordionItemModule.default);
-const ExpandIcon = (0, _bpkComponentIcon.withButtonAlignment)(_chevronDown.default);
+ */import PropTypes from 'prop-types';
+import { Node, Element, useContext, cloneElement } from 'react';
+import AnimateHeight from "../../bpk-animate-height";
+import { withButtonAlignment } from "../../bpk-component-icon";
+import ChevronDownIcon from "../../bpk-component-icon/sm/chevron-down";
+import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
+import { cssModules } from "../../bpk-react-utils";
+import { BpkAccordionContext } from "./BpkAccordion";
+import STYLES from "./BpkAccordionItem.module.css";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+const ExpandIcon = withButtonAlignment(ChevronDownIcon);
 const BpkAccordionItem = props => {
   const {
     divider,
     onDark
-  } = (0, _react.useContext)(_BpkAccordion.BpkAccordionContext);
+  } = useContext(BpkAccordionContext);
   const iconClassNames = [getClassName('bpk-accordion__item-expand-icon')];
   const titleTextClassNames = [getClassName('bpk-accordion__title-text')];
   const titleClassNames = [getClassName('bpk-accordion__title')];
   const contentClassNames = [getClassName('bpk-accordion__content-container')];
   const {
-      children,
-      expanded,
-      icon,
-      id,
-      onClick,
-      tagName,
-      textStyle,
-      title
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    children,
+    expanded,
+    icon,
+    id,
+    onClick,
+    tagName,
+    textStyle,
+    title,
+    ...rest
+  } = props;
 
   // if this component is passed initiallyExpanded, this makes sure it doesn't
   // end up on the node. Not ideal as our container component shouldn't be passing
@@ -95,66 +78,65 @@ const BpkAccordionItem = props => {
     titleClassNames.push(getClassName('bpk-accordion__title--collapsed'));
   }
   const contentId = `${id}_content`;
-  const clonedIcon = icon ? /*#__PURE__*/(0, _react.cloneElement)(icon, {
+  const clonedIcon = icon ? /*#__PURE__*/cloneElement(icon, {
     className: getClassName('bpk-accordion__leading-icon')
   }) : null;
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See decisions/flowfixme.md
-    (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
-      id: id
-    }, rest), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("dt", {
+    _jsxs("div", {
+      id: id,
+      ...rest,
+      children: [/*#__PURE__*/_jsx("dt", {
         className: titleClassNames.join(' '),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        children: /*#__PURE__*/_jsx("button", {
           type: "button",
           "aria-expanded": expanded,
           "aria-controls": contentId,
           onClick: onClick,
           className: getClassName('bpk-accordion__toggle-button'),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          children: /*#__PURE__*/_jsxs("span", {
             className: getClassName('bpk-accordion__flex-container'),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_bpkComponentText.default, {
+            children: [/*#__PURE__*/_jsxs(BpkText, {
               textStyle: textStyle,
               tagName: tagName,
               className: titleTextClassNames.join(' '),
               children: [clonedIcon, title]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            }), /*#__PURE__*/_jsx("span", {
               className: getClassName('bpk-accordion__icon-wrapper'),
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandIcon, {
+              children: /*#__PURE__*/_jsx(ExpandIcon, {
                 className: iconClassNames.join(' ')
               })
             })]
           })
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("dd", {
+      }), /*#__PURE__*/_jsx("dd", {
         id: contentId,
         className: contentClassNames.join(' '),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkAnimateHeight.default, {
+        children: /*#__PURE__*/_jsx(AnimateHeight, {
           duration: 200,
           height: expanded ? 'auto' : 0,
           children: children
         })
       })]
-    }))
+    })
   );
 };
 BpkAccordionItem.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  id: _propTypes.default.string.isRequired,
-  title: _propTypes.default.string.isRequired,
-  expanded: _propTypes.default.bool,
-  icon: _propTypes.default.node,
-  onClick: _propTypes.default.func,
-  tagName: _propTypes.default.string,
-  textStyle: _propTypes.default.string
+  children: PropTypes.node.isRequired,
+  id: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  expanded: PropTypes.bool,
+  icon: PropTypes.node,
+  onClick: PropTypes.func,
+  tagName: PropTypes.string,
+  textStyle: PropTypes.string
 };
 BpkAccordionItem.defaultProps = {
   expanded: false,
   icon: null,
   onClick: () => null,
   tagName: 'span',
-  textStyle: _bpkComponentText.TEXT_STYLES.bodyDefault
+  textStyle: TEXT_STYLES.bodyDefault
 };
-var _default = BpkAccordionItem;
-exports.default = _default;
+export default BpkAccordionItem;