@skyscanner/backpack-web 25.7.0 → 25.8.2

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

@@ -1,22 +1,3 @@
-"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
  *
@@ -34,50 +15,56 @@ const _excluded = ["animateOnEnter", "animateOnLeave", "bannerClassName", "child
  * 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`.
-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 = {
+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 = {
   NONE: 'none',
   DISMISSABLE: 'dismissable',
   EXPANDABLE: 'expandable'
 };
-exports.CONFIGURATION = CONFIGURATION;
 const getIconForType = (type, CustomIcon) => {
   const classMap = {
-    [_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')
+    [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')
   };
   const className = classMap[type];
   const componentMap = {
-    [_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
+    [ALERT_TYPES.PRIMARY]: InfoCircleIcon,
+    [ALERT_TYPES.SUCCESS]: TickCircleIcon,
+    [ALERT_TYPES.WARN]: InfoCircleIcon,
+    [ALERT_TYPES.ERROR]: InfoCircleIcon,
+    [ALERT_TYPES.NEUTRAL]: InfoCircleIcon
   };
   const Icon = CustomIcon || componentMap[type];
-  const AlignedIcon = (0, _bpkComponentIcon.withButtonAlignment)(Icon);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AlignedIcon, {
+  const AlignedIcon = withButtonAlignment(Icon);
+  return /*#__PURE__*/_jsx(AlignedIcon, {
     className: className
   });
 };
@@ -86,35 +73,34 @@ const ToggleButton = props => {
   if (props.expanded) {
     classNames.push(getClassName('bpk-banner-alert__expand-icon--flipped'));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+  return /*#__PURE__*/_jsx("button", {
     type: "button",
     className: getClassName('bpk-banner-alert__toggle-button'),
     "aria-label": props.label,
     "aria-expanded": props.expanded,
     title: props.label,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandIcon, {
+    children: /*#__PURE__*/_jsx(ExpandIcon, {
       className: classNames.join(' ')
     })
   });
 };
-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 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 onBannerExpandToggle = () => {
     if (onExpandToggle) {
       onExpandToggle(!expanded);
@@ -143,50 +129,50 @@ const BpkBannerAlertInner = _ref => {
     */
   // 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__*/(0, _jsxRuntime.jsx)(_AnimateAndFade.default, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(AnimateAndFade, {
     animateOnEnter: animateOnEnter,
     animateOnLeave: dismissable || animateOnLeave,
-    show: show
-  }, rest), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+    show: show,
+    ...rest,
+    children: /*#__PURE__*/_jsxs("section", {
       className: sectionClassNames.join(' '),
       role: "alert",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         role: isExpandable ? 'button' : undefined,
         className: headerClassNames.join(' '),
         onClick: onBannerExpandToggle,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: [/*#__PURE__*/_jsx("span", {
           className: getClassName('bpk-banner-alert__icon'),
           children: getIconForType(type, icon)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        }), /*#__PURE__*/_jsx("span", {
           className: getClassName('bpk-banner-alert__message'),
           children: message
-        }), isExpandable && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        }), isExpandable && /*#__PURE__*/_jsx("span", {
           className: getClassName('bpk-banner-alert__toggle'),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleButton, {
+          children: /*#__PURE__*/_jsx(ToggleButton, {
             expanded: expanded,
             label: toggleButtonLabel
           })
-        }), dismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        }), dismissable && /*#__PURE__*/_jsx("span", {
           className: getClassName('bpk-banner-alert__toggle'),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCloseButton.default, {
+          children: /*#__PURE__*/_jsx(BpkCloseButton, {
             className: getClassName('bpk-banner-alert__toggle-button'),
             onClick: onBannerDismiss,
             "aria-label": dismissButtonLabel,
             label: dismissButtonLabel
           })
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkAnimateHeight.default, {
-        duration: parseInt(_base.durationSm, 10),
+      }), /*#__PURE__*/_jsx(BpkAnimateHeight, {
+        duration: parseInt(durationSm, 10),
         height: showChildren ? 'auto' : 0,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/_jsx("div", {
           className: getClassName('bpk-banner-alert__children-container'),
           children: children
         })
       })]
     })
-  }));
+  });
   /* eslint-enable */
 };
-var _default = BpkBannerAlertInner;
-exports.default = _default;
+
+export default BpkBannerAlertInner;

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

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

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

@@ -1,70 +1,39 @@
-"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 _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.
-                                                                                                                                                                                                                                                                                                                                                                                           */
+import { Component } from 'react';
+import { wrapDisplayName } from "../../bpk-react-utils";
+import BpkBannerAlertExpandable from "./BpkBannerAlertExpandable";
+import { jsx as _jsx } from "react/jsx-runtime";
 const withBannerAlertState = WrappedComponent => {
-  class component extends _react.Component {
+  class component extends Component {
+    static defaultProps = {
+      onDismiss: null,
+      onExpandToggle: null,
+      onHide: null,
+      expanded: false,
+      show: true,
+      hideAfter: null,
+      animateOnLeave: false,
+      children: null
+    };
     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
@@ -75,7 +44,7 @@ const withBannerAlertState = WrappedComponent => {
       const {
         hideAfter
       } = this.props;
-      if (WrappedComponent !== _BpkBannerAlertExpandable.default && hideAfter && hideAfter > 0) {
+      if (WrappedComponent !== BpkBannerAlertExpandable && hideAfter && hideAfter > 0) {
         this.hideIntervalId = setTimeout(() => {
           this.onHide();
         }, hideAfter * 1000);
@@ -86,43 +55,57 @@ 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 _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({
+      const {
+        animateOnLeave,
+        children,
+        expanded,
+        hideAfter,
+        onDismiss,
+        onExpandToggle,
+        onHide,
+        show,
+        ...rest
+      } = this.props;
+      return /*#__PURE__*/_jsx(WrappedComponent, {
         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
-      }));
+      });
     }
   }
-  _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');
+  component.displayName = wrapDisplayName(WrappedComponent, 'withBannerAlertState');
   return component;
 };
-var _default = withBannerAlertState;
-exports.default = _default;
+export default withBannerAlertState;

package/bpk-component-barchart/index.js

@@ -1,53 +1,3 @@
-"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
  *
@@ -64,6 +14,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * 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.
- */
-var _default = _BpkBarchart.default;
-exports.default = _default;
+ */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 };