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

package/README.md

@@ -83,6 +83,8 @@ To contribute please see [contributing.md](CONTRIBUTING.md).
 [`bpk-component-ticket`](/packages/bpk-component-ticket)
 [`bpk-component-tooltip`](/packages/bpk-component-tooltip)
 [`bpk-react-utils`](/packages/bpk-react-utils)
+[`bpk-mixins`](/packages/bpk-mixins)
+[`bpk-stylesheets`](/packages/bpk-stylesheets)
 
 ## List of external packages
 
@@ -92,8 +94,6 @@ These are installed separately and installation information can be found in the
 
 | Component                                                                                                                      | Version                                                                                                                                          |
 | ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------ |
-| [`bpk-mixins`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-mixins)                               | [![npm version](https://badge.fury.io/js/bpk-mixins.svg)](http://badge.fury.io/js/bpk-mixins)                                                    |
-| [`bpk-stylesheets`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-stylesheets)                     | [![npm version](https://badge.fury.io/js/bpk-stylesheets.svg)](http://badge.fury.io/js/bpk-stylesheets)                                          |
 | [`@skyscanner/bpk-svgs`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-svgs)                       | [![npm version](https://badge.fury.io/js/%40skyscanner%2Fbpk-svgs.svg)](https://badge.fury.io/js/%40skyscanner%2Fbpk-svgs)                       |
 | [`@skyscanner/bpk-foundations-web`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-foundations-web) | [![npm version](https://badge.fury.io/js/%40skyscanner%2Fbpk-foundations-web.svg)](https://badge.fury.io/js/%40skyscanner%2Fbpk-foundations-web) |
 

package/bpk-animate-height/index.js

@@ -1,3 +1,11 @@
+"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
  *
@@ -15,6 +23,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import AnimateHeight from "./src/AnimateHeight";
-export default AnimateHeight;
+var _default = _AnimateHeight.default;
+exports.default = _default;

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

@@ -1,33 +1,52 @@
-/*
- * 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.
- */
+"use strict";
 
-import PropTypes from 'prop-types';
-import { Component } from 'react';
-
-// IE11 doesn't support `Number.isNaN` so we must use the global.
+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.
 // 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 Component {
+class AnimateHeight extends _react.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)) {
@@ -102,29 +121,21 @@ class AnimateHeight extends 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 {
-      children,
-      duration,
-      easing,
-      onAnimationComplete,
-      style,
-      ...rest
-    } = this.props;
+    const _this$props = this.props,
+      {
+        children,
+        duration,
+        easing,
+        onAnimationComplete,
+        style
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
     const {
       height,
       overflow
     } = this.state;
-    const componentStyle = {
-      ...style,
+    const componentStyle = _objectSpread(_objectSpread({}, style), {}, {
       height,
       overflow,
       WebkitTransition: `height ${duration}ms ${easing} `,
@@ -132,30 +143,30 @@ class AnimateHeight extends Component {
       OTransition: `height ${duration}ms ${easing} `,
       msTransition: `height ${duration}ms ${easing} `,
       transition: `height ${duration}ms ${easing} `
-    };
+    });
     delete rest.height;
     delete rest.transitionOverflow;
-    return /*#__PURE__*/_jsx("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
       style: componentStyle,
-      onTransitionEnd: this.onTransitionEnd,
-      ...rest,
-      children: /*#__PURE__*/_jsx("div", {
+      onTransitionEnd: this.onTransitionEnd
+    }, rest), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: el => {
           this.contentElement = el;
         },
         children: children
       })
-    });
+    }));
   }
 }
 AnimateHeight.propTypes = {
-  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
+  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
 };
 
 AnimateHeight.defaultProps = {
@@ -164,4 +175,5 @@ AnimateHeight.defaultProps = {
   onAnimationComplete: null,
   style: {}
 };
-export default AnimateHeight;
+var _default = AnimateHeight;
+exports.default = _default;

package/bpk-component-accordion/index.js

@@ -1,21 +1,34 @@
-/*
- * 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 };
+"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 }; }

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

@@ -1,3 +1,15 @@
+"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
  *
@@ -14,46 +26,52 @@
  * 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 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({
+ */
+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)({
   onDark: false,
   divider: true
 });
+exports.BpkAccordionContext = BpkAccordionContext;
 const BpkAccordion = props => {
   const {
-    children,
-    className,
-    divider,
-    onDark,
-    ...rest
-  } = props;
+      children,
+      className,
+      divider,
+      onDark
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const classNames = getClassName('bpk-accordion', onDark && 'bpk-accordion--on-dark', className);
-  return /*#__PURE__*/_jsx(BpkAccordionContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BpkAccordionContext.Provider, {
     value: {
       onDark,
       divider
     },
-    children: /*#__PURE__*/_jsx("dl", {
-      className: classNames,
-      ...rest,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("dl", _objectSpread(_objectSpread({
+      className: classNames
+    }, rest), {}, {
       children: children
-    })
+    }))
   });
 };
 BpkAccordion.propTypes = {
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  onDark: PropTypes.bool,
-  divider: PropTypes.bool
+  children: _propTypes.default.node.isRequired,
+  className: _propTypes.default.string,
+  onDark: _propTypes.default.bool,
+  divider: _propTypes.default.bool
 };
 BpkAccordion.defaultProps = {
   className: null,
   onDark: false,
   divider: true
 };
-export default BpkAccordion;
+var _default = BpkAccordion;
+exports.default = _default;

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

@@ -1,3 +1,20 @@
+"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
  *
@@ -14,39 +31,39 @@
  * 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 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);
+ */
+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);
 const BpkAccordionItem = props => {
   const {
     divider,
     onDark
-  } = useContext(BpkAccordionContext);
+  } = (0, _react.useContext)(_BpkAccordion.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,
-    ...rest
-  } = props;
+      children,
+      expanded,
+      icon,
+      id,
+      onClick,
+      tagName,
+      textStyle,
+      title
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
 
   // 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
@@ -78,65 +95,66 @@ const BpkAccordionItem = props => {
     titleClassNames.push(getClassName('bpk-accordion__title--collapsed'));
   }
   const contentId = `${id}_content`;
-  const clonedIcon = icon ? /*#__PURE__*/cloneElement(icon, {
+  const clonedIcon = icon ? /*#__PURE__*/(0, _react.cloneElement)(icon, {
     className: getClassName('bpk-accordion__leading-icon')
   }) : null;
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See decisions/flowfixme.md
-    _jsxs("div", {
-      id: id,
-      ...rest,
-      children: [/*#__PURE__*/_jsx("dt", {
+    (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+      id: id
+    }, rest), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("dt", {
         className: titleClassNames.join(' '),
-        children: /*#__PURE__*/_jsx("button", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           type: "button",
           "aria-expanded": expanded,
           "aria-controls": contentId,
           onClick: onClick,
           className: getClassName('bpk-accordion__toggle-button'),
-          children: /*#__PURE__*/_jsxs("span", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
             className: getClassName('bpk-accordion__flex-container'),
-            children: [/*#__PURE__*/_jsxs(BpkText, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_bpkComponentText.default, {
               textStyle: textStyle,
               tagName: tagName,
               className: titleTextClassNames.join(' '),
               children: [clonedIcon, title]
-            }), /*#__PURE__*/_jsx("span", {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: getClassName('bpk-accordion__icon-wrapper'),
-              children: /*#__PURE__*/_jsx(ExpandIcon, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandIcon, {
                 className: iconClassNames.join(' ')
               })
             })]
           })
         })
-      }), /*#__PURE__*/_jsx("dd", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("dd", {
         id: contentId,
         className: contentClassNames.join(' '),
-        children: /*#__PURE__*/_jsx(AnimateHeight, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkAnimateHeight.default, {
           duration: 200,
           height: expanded ? 'auto' : 0,
           children: children
         })
       })]
-    })
+    }))
   );
 };
 BpkAccordionItem.propTypes = {
-  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
+  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
 };
 BpkAccordionItem.defaultProps = {
   expanded: false,
   icon: null,
   onClick: () => null,
   tagName: 'span',
-  textStyle: TEXT_STYLES.bodyDefault
+  textStyle: _bpkComponentText.TEXT_STYLES.bodyDefault
 };
-export default BpkAccordionItem;
+var _default = BpkAccordionItem;
+exports.default = _default;