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

package/bpk-component-modal/src/BpkModalV2/BpkModal.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BpkModalV2 = void 0;
+var _react = require("react");
+var _bpkComponentCloseButton = _interopRequireDefault(require("../../../bpk-component-close-button"));
+var _bpkComponentText = _interopRequireWildcard(require("../../../bpk-component-text"));
+var _bpkReactUtils = require("../../../bpk-react-utils");
+var _BpKModalModule = _interopRequireDefault(require("./BpKModal.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -16,16 +31,9 @@
  * limitations under the License.
  */
 
-import { useEffect, useRef } from 'react';
-
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import BpkCloseButton from "../../../bpk-component-close-button";
-import BpkText, { TEXT_STYLES } from "../../../bpk-component-text";
-import { cssModules, withDefaultProps } from "../../../bpk-react-utils";
-import STYLES from "./BpKModal.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)(_BpKModalModule.default);
 const Header = ({
   closeLabel,
   id,
@@ -33,30 +41,30 @@ const Header = ({
   title
 }) => {
   if (title) {
-    return /*#__PURE__*/_jsxs("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       id: id,
       className: getClassName('bpk-modal__header-title'),
-      children: [/*#__PURE__*/_jsx("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: getClassName('bpk-modal__header-title-container'),
-        children: /*#__PURE__*/_jsx(Heading, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {
           children: title
         })
-      }), /*#__PURE__*/_jsx(BpkCloseButton, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCloseButton.default, {
         label: closeLabel,
         onClick: onClose
       })]
     });
   }
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: getClassName('bpk-modal__button-container'),
-    children: /*#__PURE__*/_jsx(BpkCloseButton, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCloseButton.default, {
       label: closeLabel,
       onClick: onClose
     })
   });
 };
-const Heading = withDefaultProps(BpkText, {
-  textStyle: TEXT_STYLES.label1,
+const Heading = (0, _bpkReactUtils.withDefaultProps)(_bpkComponentText.default, {
+  textStyle: _bpkComponentText.TEXT_STYLES.label1,
   tagName: 'h2',
   className: getClassName('bpk-modal__title')
 });
@@ -71,7 +79,7 @@ const setPageProperties = ({
     document.body.style.width = isDialogOpen ? '100%' : 'auto';
   }
 };
-export const BpkModalV2 = props => {
+const BpkModalV2 = props => {
   const {
     ariaLabelledby,
     children,
@@ -86,8 +94,8 @@ export const BpkModalV2 = props => {
     title,
     wide
   } = props;
-  const ref = useRef(null);
-  useEffect(() => {
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
     if (isOpen) {
       ref.current?.showModal?.();
       const dialog = document.getElementById(`${id}`);
@@ -118,28 +126,29 @@ export const BpkModalV2 = props => {
   }, [id, isOpen, onClose]);
   const classNames = getClassName('bpk-modal', fullScreenOnDesktop && 'bpk-modal--full-screen-desktop', noFullScreenOnMobile && 'bpk-modal--no-full-screen-mobile', wide && 'bpk-modal--wide');
   const contentClassNames = getClassName('bpk-modal__container', fullScreenOnDesktop && 'bpk-modal__container--full-screen-desktop', padded && 'bpk-modal__container--padded');
-  return isOpen ? /*#__PURE__*/_jsxs("div", {
+  return isOpen ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: getClassName('bpk-modal-wrapper', dialogSupported ? '' : 'bpk-modal-polyfill'),
-    children: [!dialogSupported && /*#__PURE__*/_jsx("div", {
+    children: [!dialogSupported && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       id: `${id}-polyfill`,
       className: getClassName('bpk-modal-backdrop'),
       "data-open": isOpen
-    }), /*#__PURE__*/_jsxs("dialog", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("dialog", {
       id: id,
       className: classNames,
       onClose: onClose,
       "aria-labelledby": ariaLabelledby,
       "data-open": isOpen,
       ref: ref,
-      children: [showHeader && /*#__PURE__*/_jsx(Header, {
+      children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {
         id: `${id}-title`,
         title: title,
         closeLabel: closeLabel,
         onClose: onClose
-      }), /*#__PURE__*/_jsx("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: contentClassNames,
         children: children
       })]
     })]
   }) : null;
-};
+};
+exports.BpkModalV2 = BpkModalV2;

package/bpk-component-modal/src/customPropTypes.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.titlePropType = exports.onClosePropType = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,17 +20,19 @@
  * 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.
- */export const titlePropType = (props, propName, componentName) => {
+ */const titlePropType = (props, propName, componentName) => {
   const titleValue = props[propName];
   if (props.showHeader && (!titleValue || typeof titleValue !== 'string')) {
     return new Error(`Invalid prop \`${propName}\` supplied to \`${componentName}\`. There must be a title if showHeader is true.`);
   }
   return null;
 };
-export const onClosePropType = (props, propName, componentName) => {
+exports.titlePropType = titlePropType;
+const onClosePropType = (props, propName, componentName) => {
   const onCloseValue = props[propName];
   if (props.showHeader && (!onCloseValue || typeof onCloseValue !== 'function')) {
     return new Error(`Invalid prop \`${propName}\` supplied to \`${componentName}\`. There must an onClose handler if showHeader is true.`);
   }
   return null;
-};
+};
+exports.onClosePropType = onClosePropType;

package/bpk-component-modal/src/legacy-prop-types.js

@@ -1,41 +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";
 
-import PropTypes from 'prop-types';
-import { isDeviceIphone } from "../../bpk-react-utils";
-import { titlePropType, onClosePropType } from "./customPropTypes";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = exports.defaultProps = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _customPropTypes = require("./customPropTypes");
+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; } /*
+                                                                                                                                                                                                                                                                                                                     * 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 modalDialogPropTypes = {
-  id: PropTypes.string.isRequired,
-  children: PropTypes.node.isRequired,
-  isIphone: PropTypes.bool.isRequired,
-  dialogRef: PropTypes.func.isRequired,
-  title: titlePropType,
-  onClose: onClosePropType,
-  className: PropTypes.string,
-  contentClassName: PropTypes.string,
-  closeLabel: PropTypes.string,
-  closeText: PropTypes.string,
-  wide: PropTypes.bool,
-  showHeader: PropTypes.bool,
-  fullScreenOnMobile: PropTypes.bool,
-  fullScreen: PropTypes.bool,
-  padded: PropTypes.bool,
-  accesoryView: PropTypes.func
+  id: _propTypes.default.string.isRequired,
+  children: _propTypes.default.node.isRequired,
+  isIphone: _propTypes.default.bool.isRequired,
+  dialogRef: _propTypes.default.func.isRequired,
+  title: _customPropTypes.titlePropType,
+  onClose: _customPropTypes.onClosePropType,
+  className: _propTypes.default.string,
+  contentClassName: _propTypes.default.string,
+  closeLabel: _propTypes.default.string,
+  closeText: _propTypes.default.string,
+  wide: _propTypes.default.bool,
+  showHeader: _propTypes.default.bool,
+  fullScreenOnMobile: _propTypes.default.bool,
+  fullScreen: _propTypes.default.bool,
+  padded: _propTypes.default.bool,
+  accesoryView: _propTypes.default.func
 };
 const modalDialogDefaultProps = {
   title: null,
@@ -52,23 +64,23 @@ const modalDialogDefaultProps = {
   accessoryView: null
 };
 const {
-  dialogRef,
-  ...newModalDialogPropTypes
-} = modalDialogPropTypes;
-export const propTypes = {
-  ...newModalDialogPropTypes,
-  onClose: PropTypes.func,
-  isIphone: PropTypes.bool,
-  isOpen: PropTypes.bool.isRequired,
-  renderTarget: PropTypes.func,
-  closeOnScrimClick: PropTypes.bool,
-  closeOnEscPressed: PropTypes.bool
-};
-export const defaultProps = {
-  ...modalDialogDefaultProps,
+    dialogRef
+  } = modalDialogPropTypes,
+  newModalDialogPropTypes = _objectWithoutProperties(modalDialogPropTypes, ["dialogRef"]);
+const propTypes = _objectSpread(_objectSpread({}, newModalDialogPropTypes), {}, {
+  onClose: _propTypes.default.func,
+  isIphone: _propTypes.default.bool,
+  isOpen: _propTypes.default.bool.isRequired,
+  renderTarget: _propTypes.default.func,
+  closeOnScrimClick: _propTypes.default.bool,
+  closeOnEscPressed: _propTypes.default.bool
+});
+exports.propTypes = propTypes;
+const defaultProps = _objectSpread(_objectSpread({}, modalDialogDefaultProps), {}, {
   onClose: () => null,
   renderTarget: null,
-  isIphone: isDeviceIphone(),
+  isIphone: (0, _bpkReactUtils.isDeviceIphone)(),
   closeOnScrimClick: true,
   closeOnEscPressed: true
-};
+});
+exports.defaultProps = defaultProps;

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

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

package/bpk-component-navigation-bar/index.js

@@ -1,3 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkNavigationBarButtonLink", {
+  enumerable: true,
+  get: function () {
+    return _BpkNavigationBarButtonLink.default;
+  }
+});
+Object.defineProperty(exports, "BpkNavigationBarIconButton", {
+  enumerable: true,
+  get: function () {
+    return _BpkNavigationBarIconButton.default;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+var _BpkNavigationBar = _interopRequireDefault(require("./src/BpkNavigationBar"));
+var _BpkNavigationBarIconButton = _interopRequireDefault(require("./src/BpkNavigationBarIconButton"));
+var _BpkNavigationBarButtonLink = _interopRequireDefault(require("./src/BpkNavigationBarButtonLink"));
+var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,9 +43,6 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */import BpkNavigationBar from "./src/BpkNavigationBar";
-import BpkNavigationBarIconButton from "./src/BpkNavigationBarIconButton";
-import BpkNavigationBarButtonLink from "./src/BpkNavigationBarButtonLink";
-import themeAttributes from "./src/themeAttributes";
-export { BpkNavigationBarIconButton, BpkNavigationBarButtonLink, themeAttributes };
-export default BpkNavigationBar;
+ */
+var _default = _BpkNavigationBar.default;
+exports.default = _default;

package/bpk-component-navigation-bar/src/BpkNavigationBar.js

@@ -1,44 +1,59 @@
-/*
- * 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 { cloneElement } from 'react';
-import PropTypes from 'prop-types';
-import { cssModules } from "../../bpk-react-utils";
-import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
-import STYLES from "./BpkNavigationBar.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getClassNames = cssModules(STYLES);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _bpkComponentText = _interopRequireWildcard(require("../../bpk-component-text"));
+var _BpkNavigationBarModule = _interopRequireDefault(require("./BpkNavigationBar.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "id", "leadingButton", "sticky", "title", "trailingButton"];
+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 getClassNames = (0, _bpkReactUtils.cssModules)(_BpkNavigationBarModule.default);
 const cloneWithClass = (elem, newStyle) => {
   const className = getClassNames(elem.props.className, newStyle);
-  return /*#__PURE__*/cloneElement(elem, {
-    ...elem.props,
+  return /*#__PURE__*/(0, _react.cloneElement)(elem, _objectSpread(_objectSpread({}, elem.props), {}, {
     className
-  });
+  }));
 };
 const BpkNavigationBar = props => {
   const {
-    className,
-    id,
-    leadingButton,
-    sticky,
-    title,
-    trailingButton,
-    ...rest
-  } = props;
+      className,
+      id,
+      leadingButton,
+      sticky,
+      title,
+      trailingButton
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
 
   // If the title is a component that sets its own id we want the aria-labelledby on the nav to match this so it can find the element
   // Otherwise if its just a string we set the id on the title component.
@@ -46,25 +61,25 @@ const BpkNavigationBar = props => {
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsxs("nav", {
+    (0, _jsxRuntime.jsxs)("nav", _objectSpread(_objectSpread({
       "aria-labelledby": titleId,
-      className: getClassNames('bpk-navigation-bar', sticky && 'bpk-navigation-bar__sticky', className),
-      ...rest,
-      children: [leadingButton && cloneWithClass(leadingButton, 'bpk-navigation-bar__leading-item'), typeof title === 'string' ? /*#__PURE__*/_jsx(BpkText, {
+      className: getClassNames('bpk-navigation-bar', sticky && 'bpk-navigation-bar__sticky', className)
+    }, rest), {}, {
+      children: [leadingButton && cloneWithClass(leadingButton, 'bpk-navigation-bar__leading-item'), typeof title === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
         id: titleId,
-        textStyle: TEXT_STYLES.heading5,
+        textStyle: _bpkComponentText.TEXT_STYLES.heading5,
         className: getClassNames('bpk-navigation-bar__title'),
         children: title
       }) : title, trailingButton && cloneWithClass(trailingButton, 'bpk-navigation-bar__trailing-item')]
-    })
+    }))
   );
 };
 BpkNavigationBar.propTypes = {
-  title: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  leadingButton: PropTypes.element,
-  trailingButton: PropTypes.element,
-  sticky: PropTypes.bool
+  title: _propTypes.default.node.isRequired,
+  className: _propTypes.default.string,
+  leadingButton: _propTypes.default.element,
+  trailingButton: _propTypes.default.element,
+  sticky: _propTypes.default.bool
 };
 BpkNavigationBar.defaultProps = {
   className: null,
@@ -72,4 +87,5 @@ BpkNavigationBar.defaultProps = {
   trailingButton: null,
   sticky: false
 };
-export default BpkNavigationBar;
+var _default = BpkNavigationBar;
+exports.default = _default;

package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js

@@ -1,3 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkComponentLink = require("../../bpk-component-link");
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkNavigationBarButtonLinkModule = _interopRequireDefault(require("./BpkNavigationBarButtonLink.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,32 +26,40 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */import PropTypes from 'prop-types';
-
+ */
 // TODO: close button is not really only a close button, we should rename and update the import here
-import { BpkButtonLink } from "../../bpk-component-link";
-import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkNavigationBarButtonLink.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
-const BpkNavigationBarButtonLink = ({
-  children,
-  className,
-  ...rest
-}) =>
-/*#__PURE__*/
-// $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-_jsx(BpkButtonLink, {
-  className: getClassName('bpk-navigation-bar-button-link', className),
-  ...rest,
-  children: children
-});
+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)(_BpkNavigationBarButtonLinkModule.default);
+const BpkNavigationBarButtonLink = _ref => {
+  let {
+      children,
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (
+    /*#__PURE__*/
+    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+    (0, _jsxRuntime.jsx)(_bpkComponentLink.BpkButtonLink, _objectSpread(_objectSpread({
+      className: getClassName('bpk-navigation-bar-button-link', className)
+    }, rest), {}, {
+      children: children
+    }))
+  );
+};
 BpkNavigationBarButtonLink.propTypes = {
-  children: PropTypes.node.isRequired,
-  onClick: PropTypes.func.isRequired,
-  className: PropTypes.string
+  children: _propTypes.default.node.isRequired,
+  onClick: _propTypes.default.func.isRequired,
+  className: _propTypes.default.string
 };
 BpkNavigationBarButtonLink.defaultProps = {
   className: null
 };
-export default BpkNavigationBarButtonLink;
+var _default = BpkNavigationBarButtonLink;
+exports.default = _default;