@skyscanner/backpack-web 25.8.0 → 25.8.2

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

@@ -1,18 +1,3 @@
-"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
  *
@@ -31,9 +16,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+import { useEffect, useRef } from 'react';
 
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpKModalModule.default);
+// @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 Header = ({
   closeLabel,
   id,
@@ -41,30 +33,30 @@ const Header = ({
   title
 }) => {
   if (title) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/_jsxs("div", {
       id: id,
       className: getClassName('bpk-modal__header-title'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: getClassName('bpk-modal__header-title-container'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {
+        children: /*#__PURE__*/_jsx(Heading, {
           children: title
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCloseButton.default, {
+      }), /*#__PURE__*/_jsx(BpkCloseButton, {
         label: closeLabel,
         onClick: onClose
       })]
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: getClassName('bpk-modal__button-container'),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCloseButton.default, {
+    children: /*#__PURE__*/_jsx(BpkCloseButton, {
       label: closeLabel,
       onClick: onClose
     })
   });
 };
-const Heading = (0, _bpkReactUtils.withDefaultProps)(_bpkComponentText.default, {
-  textStyle: _bpkComponentText.TEXT_STYLES.label1,
+const Heading = withDefaultProps(BpkText, {
+  textStyle: TEXT_STYLES.label1,
   tagName: 'h2',
   className: getClassName('bpk-modal__title')
 });
@@ -79,7 +71,7 @@ const setPageProperties = ({
     document.body.style.width = isDialogOpen ? '100%' : 'auto';
   }
 };
-const BpkModalV2 = props => {
+export const BpkModalV2 = props => {
   const {
     ariaLabelledby,
     children,
@@ -94,8 +86,8 @@ const BpkModalV2 = props => {
     title,
     wide
   } = props;
-  const ref = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
+  const ref = useRef(null);
+  useEffect(() => {
     if (isOpen) {
       ref.current?.showModal?.();
       const dialog = document.getElementById(`${id}`);
@@ -126,29 +118,28 @@ 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__*/(0, _jsxRuntime.jsxs)("div", {
+  return isOpen ? /*#__PURE__*/_jsxs("div", {
     className: getClassName('bpk-modal-wrapper', dialogSupported ? '' : 'bpk-modal-polyfill'),
-    children: [!dialogSupported && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [!dialogSupported && /*#__PURE__*/_jsx("div", {
       id: `${id}-polyfill`,
       className: getClassName('bpk-modal-backdrop'),
       "data-open": isOpen
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("dialog", {
+    }), /*#__PURE__*/_jsxs("dialog", {
       id: id,
       className: classNames,
       onClose: onClose,
       "aria-labelledby": ariaLabelledby,
       "data-open": isOpen,
       ref: ref,
-      children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {
+      children: [showHeader && /*#__PURE__*/_jsx(Header, {
         id: `${id}-title`,
         title: title,
         closeLabel: closeLabel,
         onClose: onClose
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: contentClassNames,
         children: children
       })]
     })]
   }) : null;
-};
-exports.BpkModalV2 = BpkModalV2;
+};

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

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.titlePropType = exports.onClosePropType = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -20,19 +14,17 @@ exports.titlePropType = exports.onClosePropType = 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 titlePropType = (props, propName, componentName) => {
+ */export 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;
 };
-exports.titlePropType = titlePropType;
-const onClosePropType = (props, propName, componentName) => {
+export 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,53 +1,41 @@
-"use strict";
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.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.
-                                                                                                                                                                                                                                                                                                                     */
+import PropTypes from 'prop-types';
+import { isDeviceIphone } from "../../bpk-react-utils";
+import { titlePropType, onClosePropType } from "./customPropTypes";
 const modalDialogPropTypes = {
-  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
+  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
 };
 const modalDialogDefaultProps = {
   title: null,
@@ -64,23 +52,23 @@ const modalDialogDefaultProps = {
   accessoryView: null
 };
 const {
-    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), {}, {
+  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,
   onClose: () => null,
   renderTarget: null,
-  isIphone: (0, _bpkReactUtils.isDeviceIphone)(),
+  isIphone: isDeviceIphone(),
   closeOnScrimClick: true,
   closeOnEscPressed: true
-});
-exports.defaultProps = defaultProps;
+};

package/bpk-component-modal/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
  *
@@ -22,6 +15,7 @@ var _bpkComponentLink = require("../../bpk-component-link");
  * 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`.
-var _default = [..._bpkComponentLink.themeAttributes];
-exports.default = _default;
+import { themeAttributes as linkAttributes } from "../../bpk-component-link";
+export default [...linkAttributes];

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

@@ -1,32 +1,3 @@
-"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
  *
@@ -43,6 +14,9 @@ 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 = _BpkNavigationBar.default;
-exports.default = _default;
+ */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;

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

@@ -1,59 +1,44 @@
-"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);
+/*
+ * 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);
 const cloneWithClass = (elem, newStyle) => {
   const className = getClassNames(elem.props.className, newStyle);
-  return /*#__PURE__*/(0, _react.cloneElement)(elem, _objectSpread(_objectSpread({}, elem.props), {}, {
+  return /*#__PURE__*/cloneElement(elem, {
+    ...elem.props,
     className
-  }));
+  });
 };
 const BpkNavigationBar = props => {
   const {
-      className,
-      id,
-      leadingButton,
-      sticky,
-      title,
-      trailingButton
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    className,
+    id,
+    leadingButton,
+    sticky,
+    title,
+    trailingButton,
+    ...rest
+  } = props;
 
   // 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.
@@ -61,25 +46,25 @@ const BpkNavigationBar = props => {
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    (0, _jsxRuntime.jsxs)("nav", _objectSpread(_objectSpread({
+    _jsxs("nav", {
       "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__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
+      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, {
         id: titleId,
-        textStyle: _bpkComponentText.TEXT_STYLES.heading5,
+        textStyle: TEXT_STYLES.heading5,
         className: getClassNames('bpk-navigation-bar__title'),
         children: title
       }) : title, trailingButton && cloneWithClass(trailingButton, 'bpk-navigation-bar__trailing-item')]
-    }))
+    })
   );
 };
 BpkNavigationBar.propTypes = {
-  title: _propTypes.default.node.isRequired,
-  className: _propTypes.default.string,
-  leadingButton: _propTypes.default.element,
-  trailingButton: _propTypes.default.element,
-  sticky: _propTypes.default.bool
+  title: PropTypes.node.isRequired,
+  className: PropTypes.string,
+  leadingButton: PropTypes.element,
+  trailingButton: PropTypes.element,
+  sticky: PropTypes.bool
 };
 BpkNavigationBar.defaultProps = {
   className: null,
@@ -87,5 +72,4 @@ BpkNavigationBar.defaultProps = {
   trailingButton: null,
   sticky: false
 };
-var _default = BpkNavigationBar;
-exports.default = _default;
+export default BpkNavigationBar;

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

@@ -1,15 +1,3 @@
-"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
  *
@@ -26,40 +14,32 @@ const _excluded = ["children", "className"];
  * 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
-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
-    }))
-  );
-};
+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
+});
 BpkNavigationBarButtonLink.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  onClick: _propTypes.default.func.isRequired,
-  className: _propTypes.default.string
+  children: PropTypes.node.isRequired,
+  onClick: PropTypes.func.isRequired,
+  className: PropTypes.string
 };
 BpkNavigationBarButtonLink.defaultProps = {
   className: null
 };
-var _default = BpkNavigationBarButtonLink;
-exports.default = _default;
+export default BpkNavigationBarButtonLink;