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

package/bpk-react-utils/src/deviceDetection.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDeviceIphone = exports.isDeviceIpad = exports.isDeviceIos = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -17,6 +23,8 @@
  */
 
 const isDeviceIphone = () => /iPhone/i.test(typeof window !== 'undefined' ? window.navigator.userAgent : '');
+exports.isDeviceIphone = isDeviceIphone;
 const isDeviceIpad = () => /iPad/i.test(typeof window !== 'undefined' ? window.navigator.userAgent : '');
+exports.isDeviceIpad = isDeviceIpad;
 const isDeviceIos = () => isDeviceIphone() || isDeviceIpad();
-export { isDeviceIphone, isDeviceIpad, isDeviceIos };
+exports.isDeviceIos = isDeviceIos;

package/bpk-react-utils/src/isRTL.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -22,4 +28,5 @@ const DIRECTIONS = {
 };
 const getDirection = () => (typeof document !== 'undefined' && document.documentElement !== null && document.documentElement.getAttribute('dir') || DIRECTIONS.LTR).toLowerCase();
 const isRTL = () => getDirection() === DIRECTIONS.RTL;
-export default isRTL;
+var _default = isRTL;
+exports.default = _default;

package/bpk-react-utils/src/withDefaultProps.js

@@ -1,3 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _wrapDisplayName = _interopRequireDefault(require("./wrapDisplayName"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className"],
+  _excluded2 = ["children", "className"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,19 +25,25 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import wrapDisplayName from "./wrapDisplayName";
-import { jsx as _jsx } from "react/jsx-runtime";
+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 withDefaultProps = (WrappedComponent, defaultProps) => {
   const {
-    className: defaultClassName,
-    ...defaultRest
-  } = defaultProps;
-  const component = ({
-    children = null,
-    className: innerClassName = null,
-    ...rest
-  }) => {
+      className: defaultClassName
+    } = defaultProps,
+    defaultRest = _objectWithoutProperties(defaultProps, _excluded);
+  const component = _ref => {
+    let {
+        children = null,
+        className: innerClassName = null
+      } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded2);
     const classNames = [];
     if (defaultClassName) {
       classNames.push(defaultClassName);
@@ -35,14 +51,14 @@ const withDefaultProps = (WrappedComponent, defaultProps) => {
     if (innerClassName) {
       classNames.push(innerClassName);
     }
-    return /*#__PURE__*/_jsx(WrappedComponent, {
-      className: classNames.join(' '),
-      ...defaultRest,
-      ...rest,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, _objectSpread(_objectSpread(_objectSpread({
+      className: classNames.join(' ')
+    }, defaultRest), rest), {}, {
       children: children
-    });
+    }));
   };
-  component.displayName = wrapDisplayName(WrappedComponent, 'withDefaultProps');
+  component.displayName = (0, _wrapDisplayName.default)(WrappedComponent, 'withDefaultProps');
   return component;
 };
-export default withDefaultProps;
+var _default = withDefaultProps;
+exports.default = _default;

package/bpk-react-utils/src/wrapDisplayName.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -25,4 +31,5 @@ const wrapDisplayName = (Component, hoc) => {
   }
   return `${hoc}(${Component.displayName || Component.name || 'Component'})`;
 };
-export default wrapDisplayName;
+var _default = wrapDisplayName;
+exports.default = _default;

package/bpk-scrim-utils/index.js

@@ -1,3 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "withScrim", {
+  enumerable: true,
+  get: function () {
+    return _withScrim.default;
+  }
+});
+var _withScrim = _interopRequireDefault(require("./src/withScrim"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,9 +29,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import withScrim from "./src/withScrim";
-export { withScrim };
-export default {
-  withScrim
-};
+var _default = {
+  withScrim: _withScrim.default
+};
+exports.default = _default;

package/bpk-scrim-utils/src/BpkScrim.js

@@ -1,3 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _bpkScrimModule = _interopRequireDefault(require("./bpk-scrim.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -16,21 +26,19 @@
  * limitations under the License.
  */
 
-import { TransitionInitialMount, cssModules } from "../../bpk-react-utils";
-import STYLES from "./bpk-scrim.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+const getClassName = (0, _bpkReactUtils.cssModules)(_bpkScrimModule.default);
 const BpkScrim = ({
   onClose = () => {}
-}) => /*#__PURE__*/_jsx(TransitionInitialMount, {
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkReactUtils.TransitionInitialMount, {
   appearClassName: getClassName('bpk-scrim--appear'),
   appearActiveClassName: getClassName('bpk-scrim--appear-active'),
   transitionTimeout: 200,
-  children: /*#__PURE__*/_jsx("div", {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     role: "presentation",
     className: getClassName('bpk-scrim'),
     onMouseDown: onClose,
     onTouchStart: onClose
   })
 });
-export default BpkScrim;
+var _default = BpkScrim;
+exports.default = _default;

package/bpk-scrim-utils/src/scroll-utils.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unlockScroll = exports.unfixBody = exports.storeScroll = exports.restoreScroll = exports.lockScroll = exports.fixBody = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -40,33 +46,37 @@ const getScrollBarWidth = () => {
   }
   return scrollBarWidth === 0 ? '' : `${scrollBarWidth}px`;
 };
-export const storeScroll = () => {
+const storeScroll = () => {
   const window = getWindow();
   if (window) {
     scrollOffset = window.pageYOffset;
   }
 };
-export const restoreScroll = () => {
+exports.storeScroll = storeScroll;
+const restoreScroll = () => {
   const window = getWindow();
   if (window) {
     window.scrollTo(0, scrollOffset);
   }
 };
-export const fixBody = () => {
+exports.restoreScroll = restoreScroll;
+const fixBody = () => {
   const body = getBodyElement();
   if (!body) {
     return;
   }
   body.style.position = 'fixed';
 };
-export const unfixBody = () => {
+exports.fixBody = fixBody;
+const unfixBody = () => {
   const body = getBodyElement();
   if (!body) {
     return;
   }
   body.style.position = '';
 };
-export const lockScroll = () => {
+exports.unfixBody = unfixBody;
+const lockScroll = () => {
   const body = getBodyElement();
   if (!body) {
     return;
@@ -75,11 +85,13 @@ export const lockScroll = () => {
   body.style.overflow = 'hidden';
   body.style.paddingRight = paddingRight;
 };
-export const unlockScroll = () => {
+exports.lockScroll = lockScroll;
+const unlockScroll = () => {
   const body = getBodyElement();
   if (!body) {
     return;
   }
   body.style.overflow = '';
   body.style.paddingRight = '';
-};
+};
+exports.unlockScroll = unlockScroll;

package/bpk-scrim-utils/src/withScrim.js

@@ -1,42 +1,53 @@
-/*
- * 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";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _a11yFocusScope = _interopRequireDefault(require("a11y-focus-scope"));
+var _a11yFocusStore = _interopRequireDefault(require("a11y-focus-store"));
+var _react = require("react");
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkScrim = _interopRequireDefault(require("./BpkScrim"));
+var _scrollUtils = require("./scroll-utils");
+var _bpkScrimContentModule = _interopRequireDefault(require("./bpk-scrim-content.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["closeOnScrimClick", "containerClassName", "getApplicationElement", "isIpad", "isIphone", "onClose"];
+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.
+                                                                                                                                                                                                                                                                                                                                                                                           */ // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import focusScope from 'a11y-focus-scope';
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import focusStore from 'a11y-focus-store';
-import { Component } from 'react';
-import { cssModules, isDeviceIpad, isDeviceIphone, wrapDisplayName } from "../../bpk-react-utils";
-import BpkScrim from "./BpkScrim";
-import { fixBody, lockScroll, restoreScroll, storeScroll, unfixBody, unlockScroll } from "./scroll-utils";
-import STYLES from "./bpk-scrim-content.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+const getClassName = (0, _bpkReactUtils.cssModules)(_bpkScrimContentModule.default);
 const withScrim = WrappedComponent => {
-  class WithScrim extends Component {
-    static defaultProps = {
-      onClose: null,
-      isIphone: isDeviceIphone(),
-      isIpad: isDeviceIpad(),
-      containerClassName: null,
-      closeOnScrimClick: true
-    };
+  class WithScrim extends _react.Component {
+    constructor(...args) {
+      super(...args);
+      _defineProperty(this, "dialogElement", void 0);
+      _defineProperty(this, "dialogRef", ref => {
+        this.dialogElement = ref;
+      });
+    }
     componentDidMount() {
       const {
         getApplicationElement,
@@ -61,21 +72,21 @@ const withScrim = WrappedComponent => {
        * There is a corresponding set of functions in the componentWillUnmount block that deals with undoing these changes.
        */
       if (isIphone || isIpad) {
-        storeScroll();
-        fixBody();
+        (0, _scrollUtils.storeScroll)();
+        (0, _scrollUtils.fixBody)();
       }
       /**
        * lockScroll and the associated unlockScroll is how we control the scroll behaviour of the application when the scrim is active.
        * The desired behaviour is to prevent the user from scrolling content behind the scrim. The above iOS fixes are in place because lockScroll alone does not solve due to iOS specific issues.
        */
 
-      lockScroll();
+      (0, _scrollUtils.lockScroll)();
       if (applicationElement) {
         applicationElement.setAttribute('aria-hidden', 'true');
       }
-      focusStore.storeFocus();
+      _a11yFocusStore.default.storeFocus();
       if (this.dialogElement) {
-        focusScope.scopeFocus(this.dialogElement);
+        _a11yFocusScope.default.scopeFocus(this.dialogElement);
       }
     }
     componentWillUnmount() {
@@ -86,48 +97,54 @@ const withScrim = WrappedComponent => {
       } = this.props;
       const applicationElement = getApplicationElement();
       if (isIphone || isIpad) {
-        setTimeout(restoreScroll, 0);
-        unfixBody();
+        setTimeout(_scrollUtils.restoreScroll, 0);
+        (0, _scrollUtils.unfixBody)();
       }
-      unlockScroll();
+      (0, _scrollUtils.unlockScroll)();
       if (applicationElement) {
         applicationElement.removeAttribute('aria-hidden');
       }
-      focusScope.unscopeFocus();
-      focusStore.restoreFocus();
+      _a11yFocusScope.default.unscopeFocus();
+      _a11yFocusStore.default.restoreFocus();
     }
-    dialogRef = ref => {
-      this.dialogElement = ref;
-    };
     render() {
-      const {
-        closeOnScrimClick,
-        containerClassName,
-        getApplicationElement,
-        isIpad,
-        isIphone,
-        onClose,
-        ...rest
-      } = this.props;
+      const _this$props = this.props,
+        {
+          closeOnScrimClick,
+          containerClassName,
+          getApplicationElement,
+          isIpad,
+          isIphone,
+          onClose
+        } = _this$props,
+        rest = _objectWithoutProperties(_this$props, _excluded);
       const classNames = [getClassName('bpk-scrim-content')];
       if (containerClassName) {
         classNames.push(containerClassName);
       }
-      return /*#__PURE__*/_jsxs("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: classNames.join(' '),
-        children: [/*#__PURE__*/_jsx(BpkScrim, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkScrim.default, {
           onClose: closeOnScrimClick ? onClose : undefined
-        }), /*#__PURE__*/_jsx(WrappedComponent, {
-          ...rest,
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, _objectSpread(_objectSpread({}, rest), {}, {
           isIphone: isIphone,
           isIpad: isIpad,
           dialogRef: this.dialogRef,
           onClose: onClose
-        })]
+        }))]
       });
     }
   }
-  WithScrim.displayName = wrapDisplayName(WrappedComponent, 'withScrim');
+  _defineProperty(WithScrim, "displayName", void 0);
+  _defineProperty(WithScrim, "defaultProps", {
+    onClose: null,
+    isIphone: (0, _bpkReactUtils.isDeviceIphone)(),
+    isIpad: (0, _bpkReactUtils.isDeviceIpad)(),
+    containerClassName: null,
+    closeOnScrimClick: true
+  });
+  WithScrim.displayName = (0, _bpkReactUtils.wrapDisplayName)(WrappedComponent, 'withScrim');
   return WithScrim;
 };
-export default withScrim;
+var _default = withScrim;
+exports.default = _default;

package/bpk-storybook-utils/index.js

@@ -1,3 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkDarkExampleWrapper", {
+  enumerable: true,
+  get: function () {
+    return _BpkDarkExampleWrapper.default;
+  }
+});
+Object.defineProperty(exports, "action", {
+  enumerable: true,
+  get: function () {
+    return _BpkStorybookUtils.action;
+  }
+});
+exports.default = void 0;
+var _BpkStorybookUtils = require("./src/BpkStorybookUtils");
+var _BpkDarkExampleWrapper = _interopRequireDefault(require("./src/BpkDarkExampleWrapper"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,10 +35,9 @@
  * 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 { action } from "./src/BpkStorybookUtils";
-import BpkDarkExampleWrapper from "./src/BpkDarkExampleWrapper";
-export default {
-  action,
-  BpkDarkExampleWrapper
+ */
+var _default = {
+  action: _BpkStorybookUtils.action,
+  BpkDarkExampleWrapper: _BpkDarkExampleWrapper.default
 };
-export { action, BpkDarkExampleWrapper };
+exports.default = _default;

package/bpk-storybook-utils/src/BpkDarkExampleWrapper.js

@@ -1,3 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkDarkExampleWrapperModule = _interopRequireDefault(require("./BpkDarkExampleWrapper.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["padded"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,25 +24,31 @@
  * 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 { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkDarkExampleWrapper.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+ */
+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)(_BpkDarkExampleWrapperModule.default);
 const BpkDarkExampleWrapper = props => {
   const {
-    padded,
-    ...rest
-  } = props;
+      padded
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   return (
     /*#__PURE__*/
     /* $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'. */
-    _jsx("div", {
-      className: getClassName('bpk-dark-example-wrapper', padded && 'bpk-dark-example-wrapper--padded'),
-      ...rest
-    })
+    (0, _jsxRuntime.jsx)("div", _objectSpread({
+      className: getClassName('bpk-dark-example-wrapper', padded && 'bpk-dark-example-wrapper--padded')
+    }, rest))
   );
 };
 BpkDarkExampleWrapper.defaultProps = {
   padded: false
 };
-export default BpkDarkExampleWrapper;
+var _default = BpkDarkExampleWrapper;
+exports.default = _default;

package/bpk-storybook-utils/src/BpkStorybookUtils.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.action = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -17,15 +23,16 @@
  */
 /* eslint-disable global-require, no-console, import/no-mutable-exports */
 let action = (...args) => () => console.info(args);
+exports.action = action;
 try {
   const storybookAction = require('@storybook/addon-actions').action;
   if (storybookAction) {
-    action = storybookAction;
+    exports.action = action = storybookAction;
   }
 } catch (e) {
   console.info('Storybook action is not available. Falling back to `console.log`.');
 }
-export default {
+var _default = {
   action
 };
-export { action };
+exports.default = _default;