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

package/bpk-component-banner-alert/src/BpkBannerAlertInner.js

@@ -1,3 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CONFIGURATION = void 0;
+var _base = require("@skyscanner/bpk-foundations-web/tokens/base.es6");
+var _bpkComponentIcon = require("../../bpk-component-icon");
+var _bpkAnimateHeight = _interopRequireDefault(require("../../bpk-animate-height"));
+var _bpkComponentCloseButton = _interopRequireDefault(require("../../bpk-component-close-button"));
+var _tickCircle = _interopRequireDefault(require("../../bpk-component-icon/sm/tick-circle"));
+var _chevronDown = _interopRequireDefault(require("../../bpk-component-icon/lg/chevron-down"));
+var _informationCircle = _interopRequireDefault(require("../../bpk-component-icon/sm/information-circle"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _AnimateAndFade = _interopRequireDefault(require("./AnimateAndFade"));
+var _commonTypes = require("./common-types");
+var _BpkBannerAlertModule = _interopRequireDefault(require("./BpkBannerAlert.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["animateOnEnter", "animateOnLeave", "bannerClassName", "children", "configuration", "dismissButtonLabel", "expanded", "icon", "message", "onDismiss", "onExpandToggle", "show", "toggleButtonLabel", "type"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,56 +34,50 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 /* This is an internal component to Backpack that powers `BpkBannerAlert`,
  * `BpkBannerAlertDismissable` and `BpkBannerAlertExpandable`.
  */
-
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import { withButtonAlignment } from "../../bpk-component-icon";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import BpkAnimateHeight from "../../bpk-animate-height";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import BpkCloseButton from "../../bpk-component-close-button";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import TickCircleIcon from "../../bpk-component-icon/sm/tick-circle";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import ChevronDownIcon from "../../bpk-component-icon/lg/chevron-down";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import InfoCircleIcon from "../../bpk-component-icon/sm/information-circle";
-import { cssModules } from "../../bpk-react-utils";
-import AnimateAndFade from "./AnimateAndFade";
-import { ALERT_TYPES } from "./common-types";
-import STYLES from "./BpkBannerAlert.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
-const ExpandIcon = withButtonAlignment(ChevronDownIcon);
-export const CONFIGURATION = {
+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)(_BpkBannerAlertModule.default);
+const ExpandIcon = (0, _bpkComponentIcon.withButtonAlignment)(_chevronDown.default);
+const CONFIGURATION = {
   NONE: 'none',
   DISMISSABLE: 'dismissable',
   EXPANDABLE: 'expandable'
 };
+exports.CONFIGURATION = CONFIGURATION;
 const getIconForType = (type, CustomIcon) => {
   const classMap = {
-    [ALERT_TYPES.PRIMARY]: getClassName('bpk-banner-alert__primary-icon'),
-    [ALERT_TYPES.SUCCESS]: getClassName('bpk-banner-alert__success-icon'),
-    [ALERT_TYPES.WARN]: getClassName('bpk-banner-alert__warn-icon'),
-    [ALERT_TYPES.ERROR]: getClassName('bpk-banner-alert__error-icon'),
-    [ALERT_TYPES.NEUTRAL]: getClassName('bpk-banner-alert__neutral-icon')
+    [_commonTypes.ALERT_TYPES.PRIMARY]: getClassName('bpk-banner-alert__primary-icon'),
+    [_commonTypes.ALERT_TYPES.SUCCESS]: getClassName('bpk-banner-alert__success-icon'),
+    [_commonTypes.ALERT_TYPES.WARN]: getClassName('bpk-banner-alert__warn-icon'),
+    [_commonTypes.ALERT_TYPES.ERROR]: getClassName('bpk-banner-alert__error-icon'),
+    [_commonTypes.ALERT_TYPES.NEUTRAL]: getClassName('bpk-banner-alert__neutral-icon')
   };
   const className = classMap[type];
   const componentMap = {
-    [ALERT_TYPES.PRIMARY]: InfoCircleIcon,
-    [ALERT_TYPES.SUCCESS]: TickCircleIcon,
-    [ALERT_TYPES.WARN]: InfoCircleIcon,
-    [ALERT_TYPES.ERROR]: InfoCircleIcon,
-    [ALERT_TYPES.NEUTRAL]: InfoCircleIcon
+    [_commonTypes.ALERT_TYPES.PRIMARY]: _informationCircle.default,
+    [_commonTypes.ALERT_TYPES.SUCCESS]: _tickCircle.default,
+    [_commonTypes.ALERT_TYPES.WARN]: _informationCircle.default,
+    [_commonTypes.ALERT_TYPES.ERROR]: _informationCircle.default,
+    [_commonTypes.ALERT_TYPES.NEUTRAL]: _informationCircle.default
   };
   const Icon = CustomIcon || componentMap[type];
-  const AlignedIcon = withButtonAlignment(Icon);
-  return /*#__PURE__*/_jsx(AlignedIcon, {
+  const AlignedIcon = (0, _bpkComponentIcon.withButtonAlignment)(Icon);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AlignedIcon, {
     className: className
   });
 };
@@ -73,34 +86,35 @@ const ToggleButton = props => {
   if (props.expanded) {
     classNames.push(getClassName('bpk-banner-alert__expand-icon--flipped'));
   }
-  return /*#__PURE__*/_jsx("button", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
     type: "button",
     className: getClassName('bpk-banner-alert__toggle-button'),
     "aria-label": props.label,
     "aria-expanded": props.expanded,
     title: props.label,
-    children: /*#__PURE__*/_jsx(ExpandIcon, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandIcon, {
       className: classNames.join(' ')
     })
   });
 };
-const BpkBannerAlertInner = ({
-  animateOnEnter = false,
-  animateOnLeave = false,
-  bannerClassName,
-  children = null,
-  configuration,
-  dismissButtonLabel = '',
-  expanded = false,
-  icon = null,
-  message,
-  onDismiss = null,
-  onExpandToggle = null,
-  show = true,
-  toggleButtonLabel = '',
-  type,
-  ...rest
-}) => {
+const BpkBannerAlertInner = _ref => {
+  let {
+      animateOnEnter = false,
+      animateOnLeave = false,
+      bannerClassName,
+      children = null,
+      configuration,
+      dismissButtonLabel = '',
+      expanded = false,
+      icon = null,
+      message,
+      onDismiss = null,
+      onExpandToggle = null,
+      show = true,
+      toggleButtonLabel = '',
+      type
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const onBannerExpandToggle = () => {
     if (onExpandToggle) {
       onExpandToggle(!expanded);
@@ -129,50 +143,50 @@ const BpkBannerAlertInner = ({
     */
   // Disabling 'click-events-have-key-events and interactive-supports-focus' because header element is not focusable.
   // ToggleButton is focusable and works for this.
-  return /*#__PURE__*/_jsx(AnimateAndFade, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimateAndFade.default, _objectSpread(_objectSpread({
     animateOnEnter: animateOnEnter,
     animateOnLeave: dismissable || animateOnLeave,
-    show: show,
-    ...rest,
-    children: /*#__PURE__*/_jsxs("section", {
+    show: show
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
       className: sectionClassNames.join(' '),
       role: "alert",
-      children: [/*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         role: isExpandable ? 'button' : undefined,
         className: headerClassNames.join(' '),
         onClick: onBannerExpandToggle,
-        children: [/*#__PURE__*/_jsx("span", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: getClassName('bpk-banner-alert__icon'),
           children: getIconForType(type, icon)
-        }), /*#__PURE__*/_jsx("span", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: getClassName('bpk-banner-alert__message'),
           children: message
-        }), isExpandable && /*#__PURE__*/_jsx("span", {
+        }), isExpandable && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: getClassName('bpk-banner-alert__toggle'),
-          children: /*#__PURE__*/_jsx(ToggleButton, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleButton, {
             expanded: expanded,
             label: toggleButtonLabel
           })
-        }), dismissable && /*#__PURE__*/_jsx("span", {
+        }), dismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: getClassName('bpk-banner-alert__toggle'),
-          children: /*#__PURE__*/_jsx(BpkCloseButton, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCloseButton.default, {
             className: getClassName('bpk-banner-alert__toggle-button'),
             onClick: onBannerDismiss,
             "aria-label": dismissButtonLabel,
             label: dismissButtonLabel
           })
         })]
-      }), /*#__PURE__*/_jsx(BpkAnimateHeight, {
-        duration: parseInt(durationSm, 10),
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkAnimateHeight.default, {
+        duration: parseInt(_base.durationSm, 10),
         height: showChildren ? 'auto' : 0,
-        children: /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: getClassName('bpk-banner-alert__children-container'),
           children: children
         })
       })]
     })
-  });
+  }));
   /* eslint-enable */
 };
-
-export default BpkBannerAlertInner;
+var _default = BpkBannerAlertInner;
+exports.default = _default;

package/bpk-component-banner-alert/src/common-types.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ALERT_TYPES = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -16,10 +22,11 @@
  * limitations under the License.
  */
 
-export const ALERT_TYPES = {
+const ALERT_TYPES = {
   PRIMARY: 'primary',
   SUCCESS: 'success',
   WARN: 'warn',
   ERROR: 'error',
   NEUTRAL: 'neutral'
-};
+};
+exports.ALERT_TYPES = ALERT_TYPES;

package/bpk-component-banner-alert/src/themeAttributes.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,5 +21,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-export default ['bannerAlertPrimaryColor', 'bannerAlertSuccessColor', 'bannerAlertWarnColor', 'bannerAlertErrorColor'];
+var _default = ['bannerAlertPrimaryColor', 'bannerAlertSuccessColor', 'bannerAlertWarnColor', 'bannerAlertErrorColor'];
+exports.default = _default;

package/bpk-component-banner-alert/src/withBannerAlertState.js

@@ -1,39 +1,70 @@
-/*
- * 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 { Component } from 'react';
-import { wrapDisplayName } from "../../bpk-react-utils";
-import BpkBannerAlertExpandable from "./BpkBannerAlertExpandable";
-import { jsx as _jsx } from "react/jsx-runtime";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkBannerAlertExpandable = _interopRequireDefault(require("./BpkBannerAlertExpandable"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["animateOnLeave", "children", "expanded", "hideAfter", "onDismiss", "onExpandToggle", "onHide", "show"];
+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.
+                                                                                                                                                                                                                                                                                                                                                                                           */
 const withBannerAlertState = WrappedComponent => {
-  class component extends Component {
-    static defaultProps = {
-      onDismiss: null,
-      onExpandToggle: null,
-      onHide: null,
-      expanded: false,
-      show: true,
-      hideAfter: null,
-      animateOnLeave: false,
-      children: null
-    };
+  class component extends _react.Component {
     constructor(props) {
       super(props);
+      _defineProperty(this, "hideIntervalId", void 0);
+      _defineProperty(this, "onExpandToggle", () => {
+        this.setState(prevState => {
+          const expanded = !prevState.expanded;
+          if (this.props.onExpandToggle) {
+            this.props.onExpandToggle(expanded);
+          }
+          return {
+            expanded
+          };
+        });
+      });
+      _defineProperty(this, "onDismiss", () => {
+        this.setState({
+          show: false
+        });
+        if (this.props.onDismiss) {
+          this.props.onDismiss();
+        }
+      });
+      _defineProperty(this, "onHide", () => {
+        this.setState({
+          show: false
+        });
+        if (this.props.onHide) {
+          this.props.onHide();
+        }
+      });
       this.state = {
         expanded: props.expanded,
         show: true
@@ -44,7 +75,7 @@ const withBannerAlertState = WrappedComponent => {
       const {
         hideAfter
       } = this.props;
-      if (WrappedComponent !== BpkBannerAlertExpandable && hideAfter && hideAfter > 0) {
+      if (WrappedComponent !== _BpkBannerAlertExpandable.default && hideAfter && hideAfter > 0) {
         this.hideIntervalId = setTimeout(() => {
           this.onHide();
         }, hideAfter * 1000);
@@ -55,57 +86,43 @@ const withBannerAlertState = WrappedComponent => {
         clearTimeout(this.hideIntervalId);
       }
     }
-    onExpandToggle = () => {
-      this.setState(prevState => {
-        const expanded = !prevState.expanded;
-        if (this.props.onExpandToggle) {
-          this.props.onExpandToggle(expanded);
-        }
-        return {
-          expanded
-        };
-      });
-    };
-    onDismiss = () => {
-      this.setState({
-        show: false
-      });
-      if (this.props.onDismiss) {
-        this.props.onDismiss();
-      }
-    };
-    onHide = () => {
-      this.setState({
-        show: false
-      });
-      if (this.props.onHide) {
-        this.props.onHide();
-      }
-    };
     render() {
-      const {
-        animateOnLeave,
-        children,
-        expanded,
-        hideAfter,
-        onDismiss,
-        onExpandToggle,
-        onHide,
-        show,
-        ...rest
-      } = this.props;
-      return /*#__PURE__*/_jsx(WrappedComponent, {
+      const _this$props = this.props,
+        {
+          animateOnLeave,
+          children,
+          expanded,
+          hideAfter,
+          onDismiss,
+          onExpandToggle,
+          onHide,
+          show
+        } = _this$props,
+        rest = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, _objectSpread(_objectSpread({
         expanded: this.state.expanded,
         onExpandToggle: this.onExpandToggle,
         onDismiss: this.onDismiss,
         show: this.state.show,
-        animateOnLeave: hideAfter && hideAfter > 0 || animateOnLeave,
-        ...rest,
+        animateOnLeave: hideAfter && hideAfter > 0 || animateOnLeave
+      }, rest), {}, {
         children: children
-      });
+      }));
     }
   }
-  component.displayName = wrapDisplayName(WrappedComponent, 'withBannerAlertState');
+  _defineProperty(component, "displayName", void 0);
+  _defineProperty(component, "defaultProps", {
+    onDismiss: null,
+    onExpandToggle: null,
+    onHide: null,
+    expanded: false,
+    show: true,
+    hideAfter: null,
+    animateOnLeave: false,
+    children: null
+  });
+  component.displayName = (0, _bpkReactUtils.wrapDisplayName)(WrappedComponent, 'withBannerAlertState');
   return component;
 };
-export default withBannerAlertState;
+var _default = withBannerAlertState;
+exports.default = _default;

package/bpk-component-barchart/index.js

@@ -1,3 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkBarchartBars", {
+  enumerable: true,
+  get: function () {
+    return _BpkBarchartBars.default;
+  }
+});
+Object.defineProperty(exports, "BpkBarchartDefs", {
+  enumerable: true,
+  get: function () {
+    return _BpkBarchartDefs.default;
+  }
+});
+Object.defineProperty(exports, "BpkChartAxis", {
+  enumerable: true,
+  get: function () {
+    return _BpkChartAxis.default;
+  }
+});
+Object.defineProperty(exports, "BpkChartGridLines", {
+  enumerable: true,
+  get: function () {
+    return _BpkChartGridLines.default;
+  }
+});
+Object.defineProperty(exports, "BpkChartMargin", {
+  enumerable: true,
+  get: function () {
+    return _BpkChartMargin.default;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+var _BpkBarchart = _interopRequireDefault(require("./src/BpkBarchart"));
+var _BpkBarchartBars = _interopRequireDefault(require("./src/BpkBarchartBars"));
+var _BpkBarchartDefs = _interopRequireDefault(require("./src/BpkBarchartDefs"));
+var _BpkChartAxis = _interopRequireDefault(require("./src/BpkChartAxis"));
+var _BpkChartGridLines = _interopRequireDefault(require("./src/BpkChartGridLines"));
+var _BpkChartMargin = _interopRequireDefault(require("./src/BpkChartMargin"));
+var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,12 +64,6 @@
  * 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 BpkBarchart from "./src/BpkBarchart";
-import BpkBarchartBars from "./src/BpkBarchartBars";
-import BpkBarchartDefs from "./src/BpkBarchartDefs";
-import BpkChartAxis from "./src/BpkChartAxis";
-import BpkChartGridLines from "./src/BpkChartGridLines";
-import BpkChartMargin from "./src/BpkChartMargin";
-import themeAttributes from "./src/themeAttributes";
-export default BpkBarchart;
-export { BpkBarchartBars, BpkBarchartDefs, BpkChartAxis, BpkChartGridLines, BpkChartMargin, themeAttributes };
+ */
+var _default = _BpkBarchart.default;
+exports.default = _default;