@skyscanner/backpack-web 25.8.0 → 25.8.3

package/bpk-component-popover/src/BpkPopoverPortal.js

@@ -1,109 +1,97 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = exports.default = void 0;
-var _core = require("@popperjs/core");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("react");
-var _a11yFocusStore = _interopRequireDefault(require("a11y-focus-store"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _keyboardFocusScope = _interopRequireDefault(require("./keyboardFocusScope"));
-var _BpkPopoverModule = _interopRequireDefault(require("./BpkPopover.module.css"));
-var _BpkPopover = _interopRequireWildcard(require("./BpkPopover"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["isOpen", "onClose", "placement", "popperModifiers", "portalClassName", "portalStyle", "renderTarget", "target"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _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 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); } /*
-                                                                                                                                                                                                                                                                                                                                                                                           * 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 getClassName = (0, _bpkReactUtils.cssModules)(_BpkPopoverModule.default);
-const propTypes = _objectSpread(_objectSpread({}, _BpkPopover.propTypes), {}, {
-  target: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]).isRequired,
-  isOpen: _propTypes.default.bool.isRequired,
-  onClose: _propTypes.default.func.isRequired,
-  placement: _propTypes.default.oneOf(['top', 'right', 'bottom', 'left']),
-  portalStyle: _propTypes.default.object,
+/*
+ * 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 { createPopper } from '@popperjs/core';
+import PropTypes from 'prop-types';
+import { Component } from 'react';
+import focusStore from 'a11y-focus-store';
+import { Portal, cssModules } from "../../bpk-react-utils";
+import keyboardFocusScope from "./keyboardFocusScope";
+import STYLES from "./BpkPopover.module.css";
+import BpkPopover, { propTypes as popoverPropTypes, defaultProps as popoverDefaultProps } from "./BpkPopover";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+export const propTypes = {
+  ...popoverPropTypes,
+  target: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).isRequired,
+  isOpen: PropTypes.bool.isRequired,
+  onClose: PropTypes.func.isRequired,
+  placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
+  portalStyle: PropTypes.object,
   // eslint-disable-line react/forbid-prop-types
-  portalClassName: _propTypes.default.string,
-  renderTarget: _propTypes.default.func,
-  popperModifiers: _propTypes.default.arrayOf(_propTypes.default.object) // eslint-disable-line react/forbid-prop-types
-});
-exports.propTypes = propTypes;
-const defaultProps = _objectSpread(_objectSpread({}, _BpkPopover.defaultProps), {}, {
+  portalClassName: PropTypes.string,
+  renderTarget: PropTypes.func,
+  popperModifiers: PropTypes.arrayOf(PropTypes.object) // eslint-disable-line react/forbid-prop-types
+};
+
+export const defaultProps = {
+  ...popoverDefaultProps,
   placement: 'bottom',
   portalStyle: null,
   portalClassName: null,
   renderTarget: null,
   popperModifiers: null
-});
-exports.defaultProps = defaultProps;
-class BpkPopoverPortal extends _react.Component {
+};
+class BpkPopoverPortal extends Component {
+  static propTypes = propTypes;
+  static defaultProps = defaultProps;
   constructor() {
     super();
-    _defineProperty(this, "popper", void 0);
-    _defineProperty(this, "suppressRestoreFocus", void 0);
-    _defineProperty(this, "previousTargetElement", void 0);
-    _defineProperty(this, "onRender", (popoverElement, targetElement) => {
-      this.position(popoverElement, targetElement);
-    });
-    // The order of events here is as follows:
-    // - `onClose` is called by `Portal`
-    // - The consumer changes `isOpen` to `false`
-    // - `beforeClose` is called by `Portal`
-    // - `beforeClose` calls the `done` callback which closes the `Portal`
-    // `onClose` is called by the `Portal` to inform the consumer that `isOpen` should be made false.
-    // Before we pass this information to the consumer, we want to note if restoring focus should be suppressed
-    _defineProperty(this, "onClose", (event, information) => {
-      // If the user has clicked outside the popover then we don't want focus to be restored
-      // otherwise it will be stolen back from the element they clicked on.
-      // Here we suppress restoring focus before the consumer is told about the close and updates state.
-      this.suppressRestoreFocus = information.source === 'DOCUMENT_CLICK';
-      if (this.props.onClose) {
-        this.props.onClose(event, information);
-      }
-    });
-    // `beforeClose` is called by the `Portal` when `isOpen` is changed to false.
-    // As a result, `onClose` is called first, followed by `beforeClose`.
-    _defineProperty(this, "beforeClose", done => {
-      if (this.popper) {
-        this.popper.destroy();
-        this.popper = null;
-        this.previousTargetElement = null;
-      }
-      _keyboardFocusScope.default.unscopeFocus();
-      if (!this.suppressRestoreFocus) {
-        _a11yFocusStore.default.restoreFocus();
-        this.suppressRestoreFocus = false;
-      }
-      done();
-    });
     this.popper = null;
     this.previousTargetElement = null;
   }
+  onRender = (popoverElement, targetElement) => {
+    this.position(popoverElement, targetElement);
+  };
+
+  // The order of events here is as follows:
+  // - `onClose` is called by `Portal`
+  // - The consumer changes `isOpen` to `false`
+  // - `beforeClose` is called by `Portal`
+  // - `beforeClose` calls the `done` callback which closes the `Portal`
+
+  // `onClose` is called by the `Portal` to inform the consumer that `isOpen` should be made false.
+  // Before we pass this information to the consumer, we want to note if restoring focus should be suppressed
+  onClose = (event, information) => {
+    // If the user has clicked outside the popover then we don't want focus to be restored
+    // otherwise it will be stolen back from the element they clicked on.
+    // Here we suppress restoring focus before the consumer is told about the close and updates state.
+    this.suppressRestoreFocus = information.source === 'DOCUMENT_CLICK';
+    if (this.props.onClose) {
+      this.props.onClose(event, information);
+    }
+  };
+
+  // `beforeClose` is called by the `Portal` when `isOpen` is changed to false.
+  // As a result, `onClose` is called first, followed by `beforeClose`.
+  beforeClose = done => {
+    if (this.popper) {
+      this.popper.destroy();
+      this.popper = null;
+      this.previousTargetElement = null;
+    }
+    keyboardFocusScope.unscopeFocus();
+    if (!this.suppressRestoreFocus) {
+      focusStore.restoreFocus();
+      this.suppressRestoreFocus = false;
+    }
+    done();
+  };
   position(popoverElement, targetElement) {
     if (!targetElement) {
       return;
@@ -150,14 +138,14 @@ class BpkPopoverPortal extends _react.Component {
       }
     }, applyArrowHide];
     if (!this.popper) {
-      this.popper = (0, _core.createPopper)(targetElement, popoverElement, {
+      this.popper = createPopper(targetElement, popoverElement, {
         placement: this.props.placement,
         onFirstUpdate: () => {
           if (targetElement) {
             targetElement.focus();
           }
-          _a11yFocusStore.default.storeFocus();
-          _keyboardFocusScope.default.scopeFocus(popoverElement);
+          focusStore.storeFocus();
+          keyboardFocusScope.scopeFocus(popoverElement);
         },
         modifiers: this.props.popperModifiers ? [...this.props.popperModifiers, ...stdModifiers] : stdModifiers
       });
@@ -168,24 +156,23 @@ class BpkPopoverPortal extends _react.Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      {
-        isOpen,
-        onClose,
-        placement,
-        popperModifiers,
-        portalClassName,
-        portalStyle,
-        renderTarget,
-        target
-      } = _this$props,
-      rest = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      isOpen,
+      onClose,
+      placement,
+      popperModifiers,
+      portalClassName,
+      portalStyle,
+      renderTarget,
+      target,
+      ...rest
+    } = this.props;
     const classNames = [getClassName('bpk-popover-portal')];
     if (portalClassName) {
       classNames.push(portalClassName);
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [typeof target !== 'function' && target, /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkReactUtils.Portal, {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [typeof target !== 'function' && target, /*#__PURE__*/_jsx(Portal, {
         beforeClose: this.beforeClose,
         className: classNames.join(' '),
         isOpen: isOpen,
@@ -194,14 +181,12 @@ class BpkPopoverPortal extends _react.Component {
         style: portalStyle,
         renderTarget: renderTarget,
         target: target,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkPopover.default, _objectSpread({
-          onClose: this.onClose
-        }, rest))
+        children: /*#__PURE__*/_jsx(BpkPopover, {
+          onClose: this.onClose,
+          ...rest
+        })
       })]
     });
   }
 }
-_defineProperty(BpkPopoverPortal, "propTypes", propTypes);
-_defineProperty(BpkPopoverPortal, "defaultProps", defaultProps);
-var _default = BpkPopoverPortal;
-exports.default = _default;
+export default BpkPopoverPortal;

package/bpk-component-popover/src/constants.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ARROW_ID = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -20,9 +14,7 @@ exports.default = exports.ARROW_ID = void 0;
  * 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 ARROW_ID = 'js-bpk-popover-arrow';
-exports.ARROW_ID = ARROW_ID;
-var _default = {
+ */export const ARROW_ID = 'js-bpk-popover-arrow';
+export default {
   ARROW_ID
-};
-exports.default = _default;
+};

package/bpk-component-popover/src/keyboardFocusScope.js

@@ -1,12 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _tabbable = _interopRequireDefault(require("tabbable"));
-var _focusin = _interopRequireDefault(require("focusin"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -30,16 +21,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // it only prevents it leaving due to keyboard events.
 // Clicks outside the target element will move focus as normal.
 
+import tabbable from 'tabbable';
+import focusin from 'focusin';
 let polyfilled = false;
 let focusTrapped = false;
 const init = element => {
   // lazily polyfill focusin for firefox
   if (!polyfilled) {
-    _focusin.default.polyfill();
+    focusin.polyfill();
     polyfilled = true;
   }
   const focus = () => {
-    ((0, _tabbable.default)(element)[0] || element).focus();
+    (tabbable(element)[0] || element).focus();
   };
   const enableFocusTrapping = () => {
     focusTrapped = true;
@@ -77,8 +70,7 @@ const unscopeFocus = () => {
   if (teardownFn) teardownFn();
   teardownFn = null;
 };
-var _default = {
+export default {
   scopeFocus,
   unscopeFocus
-};
-exports.default = _default;
+};

package/bpk-component-popover/src/themeAttributes.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _bpkComponentLink = require("../../bpk-component-link");
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -21,6 +14,5 @@ var _bpkComponentLink = require("../../bpk-component-link");
  * 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 = [..._bpkComponentLink.themeAttributes];
-exports.default = _default;
+ */import { themeAttributes as linkAttributes } from "../../bpk-component-link";
+export default [...linkAttributes];

package/bpk-component-price/index.js

@@ -1,24 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ALIGNS", {
-  enumerable: true,
-  get: function () {
-    return _commonTypes.ALIGNS;
-  }
-});
-Object.defineProperty(exports, "SIZES", {
-  enumerable: true,
-  get: function () {
-    return _commonTypes.SIZES;
-  }
-});
-exports.default = void 0;
-var _BpkPrice = _interopRequireDefault(require("./src/BpkPrice"));
-var _commonTypes = require("./src/common-types");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -35,6 +14,7 @@ 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 = _BpkPrice.default;
-exports.default = _default;
+ */import BpkPrice from "./src/BpkPrice";
+import { SIZES, ALIGNS } from "./src/common-types";
+export default BpkPrice;
+export { SIZES, ALIGNS };

package/bpk-component-price/src/BpkPrice.js

@@ -1,16 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkComponentText = _interopRequireWildcard(require("../../bpk-component-text"));
-var _BpkPriceModule = _interopRequireDefault(require("./BpkPrice.module.css"));
-var _commonTypes = require("./common-types");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["align", "className", "leadingText", "previousPrice", "price", "size", "trailingText"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -27,84 +14,80 @@ const _excluded = ["align", "className", "leadingText", "previousPrice", "price"
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkPriceModule.default);
+ */import PropTypes from 'prop-types';
+import { cssModules } from "../../bpk-react-utils";
+import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
+import STYLES from "./BpkPrice.module.css";
+import { SIZES, ALIGNS } from "./common-types";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const BpkPrice = props => {
   const {
-      align,
-      className,
-      leadingText,
-      previousPrice,
-      price,
-      size,
-      trailingText
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
-  const isSmall = size === _commonTypes.SIZES.small;
-  const isAlignRight = align === _commonTypes.ALIGNS.right;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    align,
+    className,
+    leadingText,
+    previousPrice,
+    price,
+    size,
+    trailingText,
+    ...rest
+  } = props;
+  const isSmall = size === SIZES.small;
+  const isAlignRight = align === ALIGNS.right;
+  return /*#__PURE__*/_jsxs("div", {
     className: getClassName('bpk-price', isAlignRight && 'bpk-price--right', className)
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-  }, rest), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ,
+    ...rest,
+    children: [/*#__PURE__*/_jsxs("div", {
       className: getClassName(previousPrice && 'bpk-price__leading', isAlignRight && 'bpk-price__leading--right'),
-      children: [previousPrice && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
+      children: [previousPrice && /*#__PURE__*/_jsx(BpkText, {
         className: getClassName('bpk-price__previous-price'),
-        textStyle: isSmall ? _bpkComponentText.TEXT_STYLES.xs : _bpkComponentText.TEXT_STYLES.sm,
+        textStyle: isSmall ? TEXT_STYLES.xs : TEXT_STYLES.sm,
         tagName: "span",
         children: previousPrice
-      }), previousPrice && leadingText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
-        textStyle: isSmall ? _bpkComponentText.TEXT_STYLES.xs : _bpkComponentText.TEXT_STYLES.sm,
+      }), previousPrice && leadingText && /*#__PURE__*/_jsx(BpkText, {
+        textStyle: isSmall ? TEXT_STYLES.xs : TEXT_STYLES.sm,
         tagName: "span",
         className: getClassName('bpk-price__separator'),
         children: "\uD802\uDD1F"
-      }), leadingText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
-        textStyle: isSmall ? _bpkComponentText.TEXT_STYLES.xs : _bpkComponentText.TEXT_STYLES.sm,
+      }), leadingText && /*#__PURE__*/_jsx(BpkText, {
+        textStyle: isSmall ? TEXT_STYLES.xs : TEXT_STYLES.sm,
         tagName: "span",
         children: leadingText
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    }), /*#__PURE__*/_jsxs("div", {
       className: getClassName(isAlignRight && 'bpk-price__column-container'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
-        textStyle: isSmall ? _bpkComponentText.TEXT_STYLES.heading4 : _bpkComponentText.TEXT_STYLES.xxl,
+      children: [/*#__PURE__*/_jsx(BpkText, {
+        textStyle: isSmall ? TEXT_STYLES.heading4 : TEXT_STYLES.xxl,
         className: getClassName('bpk-price__price', !isAlignRight && 'bpk-price__spacing'),
         tagName: "span",
         children: price
-      }), trailingText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
-        textStyle: isSmall ? _bpkComponentText.TEXT_STYLES.xs : _bpkComponentText.TEXT_STYLES.sm,
+      }), trailingText && /*#__PURE__*/_jsx(BpkText, {
+        textStyle: isSmall ? TEXT_STYLES.xs : TEXT_STYLES.sm,
         tagName: "span",
         className: getClassName('bpk-price__trailing'),
         children: trailingText
       })]
     })]
-  }));
+  });
 };
 BpkPrice.propTypes = {
-  price: _propTypes.default.string.isRequired,
-  size: _propTypes.default.oneOf(Object.keys(_commonTypes.SIZES)),
-  align: _propTypes.default.oneOf(Object.keys(_commonTypes.ALIGNS)),
-  className: _propTypes.default.string,
-  leadingText: _propTypes.default.string,
-  trailingText: _propTypes.default.string,
-  previousPrice: _propTypes.default.string
+  price: PropTypes.string.isRequired,
+  size: PropTypes.oneOf(Object.keys(SIZES)),
+  align: PropTypes.oneOf(Object.keys(ALIGNS)),
+  className: PropTypes.string,
+  leadingText: PropTypes.string,
+  trailingText: PropTypes.string,
+  previousPrice: PropTypes.string
 };
 BpkPrice.defaultProps = {
-  size: _commonTypes.SIZES.small,
-  align: _commonTypes.ALIGNS.left,
+  size: SIZES.small,
+  align: ALIGNS.left,
   className: null,
   leadingText: null,
   trailingText: null,
   previousPrice: null
 };
-var _default = BpkPrice;
-exports.default = _default;
+export default BpkPrice;

package/bpk-component-price/src/common-types.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZES = exports.ALIGNS = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -20,13 +14,11 @@ exports.SIZES = exports.ALIGNS = void 0;
  * 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 SIZES = {
+ */export const SIZES = {
   small: 'small',
   large: 'large'
 };
-exports.SIZES = SIZES;
-const ALIGNS = {
+export const ALIGNS = {
   left: 'left',
   right: 'right'
-};
-exports.ALIGNS = ALIGNS;
+};

package/bpk-component-progress/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-Object.defineProperty(exports, "themeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.default;
-  }
-});
-var _BpkProgress = _interopRequireDefault(require("./src/BpkProgress"));
-var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -29,6 +14,7 @@ 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 = _BpkProgress.default;
-exports.default = _default;
+ */import BpkProgress from "./src/BpkProgress";
+import themeAttributes from "./src/themeAttributes";
+export default BpkProgress;
+export { themeAttributes };