@skyscanner/backpack-web 25.8.0 → 25.8.3

package/bpk-component-page-indicator/src/BpkPageIndicator.js

@@ -1,17 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.VARIANT = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _NavButton = _interopRequireWildcard(require("./NavButton"));
-var _BpkPageIndicatorModule = _interopRequireDefault(require("./BpkPageIndicator.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
  *
@@ -28,14 +14,19 @@ 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.
- */const getClassName = (0, _bpkReactUtils.cssModules)(_BpkPageIndicatorModule.default);
+ */import PropTypes from 'prop-types';
+import { cssModules } from "../../bpk-react-utils";
+import NavButton, { DIRECTIONS } from "./NavButton";
+import STYLES from "./BpkPageIndicator.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const DISPLAYED_TOTAL = 5;
 const START_SCROLL_INDEX = Math.floor(DISPLAYED_TOTAL / 2);
-const VARIANT = {
+export const VARIANT = {
   default: 'default',
   overImage: 'overImage'
 };
-exports.VARIANT = VARIANT;
 const BpkPageIndicator = ({
   className,
   currentIndex,
@@ -49,27 +40,27 @@ const BpkPageIndicator = ({
 }) =>
 /*#__PURE__*/
 // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-(0, _jsxRuntime.jsx)("div", {
+_jsx("div", {
   className: className,
-  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  children: /*#__PURE__*/_jsxs("div", {
     className: getClassName('bpk-page-indicator', showNav && 'bpk-page-indicator__showNav'),
-    children: [showNav && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavButton.default, {
+    children: [showNav && /*#__PURE__*/_jsx(NavButton, {
       currentIndex: currentIndex,
       onClick: onClick,
       disabled: currentIndex === 0,
-      direction: _NavButton.DIRECTIONS.PREV,
+      direction: DIRECTIONS.PREV,
       ariaLabel: prevNavLabel
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }), /*#__PURE__*/_jsx("div", {
       className: getClassName('bpk-page-indicator__container'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/_jsx("div", {
         className: getClassName('bpk-page-indicator__indicators-container'),
         style: currentIndex > START_SCROLL_INDEX ? {
           '--scroll-index': totalIndicators > DISPLAYED_TOTAL ? Math.min(currentIndex - START_SCROLL_INDEX, totalIndicators - DISPLAYED_TOTAL) : 0
         } : undefined,
-        children: [...Array(totalIndicators)].map((val, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        children: [...Array(totalIndicators)].map((val, index) => /*#__PURE__*/_jsx("button", {
           type: "button",
           onClick: e => {
-            onClick(e, index, _NavButton.DIRECTIONS.INDICATORS);
+            onClick(e, index, DIRECTIONS.INDICATORS);
           },
           className: getClassName('bpk-page-indicator__indicator', `bpk-page-indicator__indicator--${variant}`, index === currentIndex && `bpk-page-indicator__indicator--active-${variant}`),
           "aria-label": `${indicatorLabel} ${index + 1}`,
@@ -77,25 +68,25 @@ const BpkPageIndicator = ({
           // eslint-disable-next-line react/no-array-index-key
         }, `indicator-${index}`))
       })
-    }), showNav && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavButton.default, {
+    }), showNav && /*#__PURE__*/_jsx(NavButton, {
       currentIndex: currentIndex,
       onClick: onClick,
       disabled: currentIndex === totalIndicators - 1,
       ariaLabel: nextNavLabel,
-      direction: _NavButton.DIRECTIONS.NEXT
+      direction: DIRECTIONS.NEXT
     })]
   })
 });
 BpkPageIndicator.propTypes = {
-  indicatorLabel: _propTypes.default.string.isRequired,
-  prevNavLabel: _propTypes.default.string.isRequired,
-  nextNavLabel: _propTypes.default.string.isRequired,
-  currentIndex: _propTypes.default.number.isRequired,
-  totalIndicators: _propTypes.default.number.isRequired,
-  variant: _propTypes.default.oneOf(Object.keys(VARIANT)),
-  onClick: _propTypes.default.func,
-  className: _propTypes.default.string,
-  showNav: _propTypes.default.bool
+  indicatorLabel: PropTypes.string.isRequired,
+  prevNavLabel: PropTypes.string.isRequired,
+  nextNavLabel: PropTypes.string.isRequired,
+  currentIndex: PropTypes.number.isRequired,
+  totalIndicators: PropTypes.number.isRequired,
+  variant: PropTypes.oneOf(Object.keys(VARIANT)),
+  onClick: PropTypes.func,
+  className: PropTypes.string,
+  showNav: PropTypes.bool
 };
 BpkPageIndicator.defaultProps = {
   onClick: null,
@@ -103,5 +94,4 @@ BpkPageIndicator.defaultProps = {
   showNav: false,
   variant: VARIANT.default
 };
-var _default = BpkPageIndicator;
-exports.default = _default;
+export default BpkPageIndicator;

package/bpk-component-page-indicator/src/NavButton.js

@@ -1,16 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DIRECTIONS = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _bpkComponentIcon = require("../../bpk-component-icon");
-var _bpkComponentButton = _interopRequireDefault(require("../../bpk-component-button"));
-var _chevronLeft = _interopRequireDefault(require("../../bpk-component-icon/lg/chevron-left"));
-var _chevronRight = _interopRequireDefault(require("../../bpk-component-icon/lg/chevron-right"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -27,14 +14,19 @@ 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.
- */const DIRECTIONS = {
+ */import PropTypes from 'prop-types';
+import { withButtonAlignment, withRtlSupport } from "../../bpk-component-icon";
+import BpkButton from "../../bpk-component-button";
+import LeftArrowIcon from "../../bpk-component-icon/lg/chevron-left";
+import RightArrowIcon from "../../bpk-component-icon/lg/chevron-right";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DIRECTIONS = {
   PREV: 'PREV',
   INDICATORS: 'INDICATORS',
   NEXT: 'NEXT'
 };
-exports.DIRECTIONS = DIRECTIONS;
-const AlignedLeftArrowIcon = (0, _bpkComponentIcon.withButtonAlignment)((0, _bpkComponentIcon.withRtlSupport)(_chevronLeft.default));
-const AlignedRightArrowIcon = (0, _bpkComponentIcon.withButtonAlignment)((0, _bpkComponentIcon.withRtlSupport)(_chevronRight.default));
+const AlignedLeftArrowIcon = withButtonAlignment(withRtlSupport(LeftArrowIcon));
+const AlignedRightArrowIcon = withButtonAlignment(withRtlSupport(RightArrowIcon));
 const NavButton = props => {
   const {
     ariaLabel,
@@ -43,7 +35,7 @@ const NavButton = props => {
     disabled,
     onClick
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentButton.default, {
+  return /*#__PURE__*/_jsx(BpkButton, {
     iconOnly: true,
     link: true,
     onClick: e => {
@@ -55,19 +47,18 @@ const NavButton = props => {
     },
     "aria-label": ariaLabel,
     disabled: disabled,
-    children: direction === DIRECTIONS.PREV ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AlignedLeftArrowIcon, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(AlignedRightArrowIcon, {})
+    children: direction === DIRECTIONS.PREV ? /*#__PURE__*/_jsx(AlignedLeftArrowIcon, {}) : /*#__PURE__*/_jsx(AlignedRightArrowIcon, {})
   });
 };
 NavButton.propTypes = {
-  direction: _propTypes.default.oneOf(Object.keys(DIRECTIONS)).isRequired,
-  disabled: _propTypes.default.bool,
-  ariaLabel: _propTypes.default.string.isRequired,
-  currentIndex: _propTypes.default.number.isRequired,
-  onClick: _propTypes.default.func
+  direction: PropTypes.oneOf(Object.keys(DIRECTIONS)).isRequired,
+  disabled: PropTypes.bool,
+  ariaLabel: PropTypes.string.isRequired,
+  currentIndex: PropTypes.number.isRequired,
+  onClick: PropTypes.func
 };
 NavButton.defaultProps = {
   disabled: false,
   onClick: null
 };
-var _default = NavButton;
-exports.default = _default;
+export default NavButton;

package/bpk-component-pagination/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 _BpkPagination = _interopRequireDefault(require("./src/BpkPagination"));
-var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -30,5 +15,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _default = _BpkPagination.default;
-exports.default = _default;
+
+import BpkPagination from "./src/BpkPagination";
+import themeAttributes from "./src/themeAttributes";
+export default BpkPagination;
+export { themeAttributes };

package/bpk-component-pagination/src/BpkPagination.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 _BpkPaginationList = _interopRequireDefault(require("./BpkPaginationList"));
-var _BpkPaginationNudger = _interopRequireDefault(require("./BpkPaginationNudger"));
-var _BpkPaginationModule = _interopRequireDefault(require("./BpkPagination.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "nextLabel", "onPageChange", "pageCount", "pageLabel", "paginationLabel", "previousLabel", "selectedPageIndex", "visibleRange"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -28,15 +15,15 @@ const _excluded = ["className", "nextLabel", "onPageChange", "pageCount", "pageL
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-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)(_BpkPaginationModule.default);
+
+import PropTypes from 'prop-types';
+import { cssModules } from "../../bpk-react-utils";
+import BpkPaginationList from "./BpkPaginationList";
+import BpkPaginationNudger from "./BpkPaginationNudger";
+import STYLES from "./BpkPagination.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const handlePageChange = (onPageChange, pageCount) => nextPageIndex => {
   if (onPageChange && nextPageIndex < pageCount && nextPageIndex >= 0) {
     onPageChange(nextPageIndex);
@@ -45,60 +32,59 @@ const handlePageChange = (onPageChange, pageCount) => nextPageIndex => {
 const BpkPagination = props => {
   const classNames = [getClassName('bpk-pagination')];
   const {
-      className,
-      nextLabel,
-      onPageChange,
-      pageCount,
-      pageLabel,
-      paginationLabel,
-      previousLabel,
-      selectedPageIndex,
-      visibleRange
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    className,
+    nextLabel,
+    onPageChange,
+    pageCount,
+    pageLabel,
+    paginationLabel,
+    previousLabel,
+    selectedPageIndex,
+    visibleRange,
+    ...rest
+  } = props;
   if (className) {
     classNames.push(getClassName(className));
   }
   const pageChanged = handlePageChange(onPageChange, pageCount);
   const hasPreviousPage = selectedPageIndex !== 0;
   const hasNextPage = selectedPageIndex !== pageCount - 1;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("nav", _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs("nav", {
     className: classNames.join(''),
-    "aria-label": paginationLabel
-  }, rest), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkPaginationNudger.default, {
+    "aria-label": paginationLabel,
+    ...rest,
+    children: [/*#__PURE__*/_jsx(BpkPaginationNudger, {
       label: previousLabel,
       onNudge: () => pageChanged(selectedPageIndex - 1),
       disabled: !hasPreviousPage
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkPaginationList.default, {
+    }), /*#__PURE__*/_jsx(BpkPaginationList, {
       selectedPageIndex: selectedPageIndex,
       pageCount: pageCount,
       onPageChange: pageChanged,
       visibleRange: visibleRange,
       pageLabel: pageLabel
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkPaginationNudger.default, {
+    }), /*#__PURE__*/_jsx(BpkPaginationNudger, {
       label: nextLabel,
       onNudge: () => pageChanged(selectedPageIndex + 1),
       forward: true,
       disabled: !hasNextPage
     })]
-  }));
+  });
 };
 BpkPagination.propTypes = {
-  selectedPageIndex: _propTypes.default.number.isRequired,
-  onPageChange: _propTypes.default.func,
-  pageCount: _propTypes.default.number.isRequired,
-  previousLabel: _propTypes.default.string.isRequired,
-  nextLabel: _propTypes.default.string.isRequired,
-  paginationLabel: _propTypes.default.string.isRequired,
-  pageLabel: _propTypes.default.func.isRequired,
-  visibleRange: _propTypes.default.number,
-  className: _propTypes.default.string
+  selectedPageIndex: PropTypes.number.isRequired,
+  onPageChange: PropTypes.func,
+  pageCount: PropTypes.number.isRequired,
+  previousLabel: PropTypes.string.isRequired,
+  nextLabel: PropTypes.string.isRequired,
+  paginationLabel: PropTypes.string.isRequired,
+  pageLabel: PropTypes.func.isRequired,
+  visibleRange: PropTypes.number,
+  className: PropTypes.string
 };
 BpkPagination.defaultProps = {
   onPageChange: null,
   visibleRange: 3,
   className: null
 };
-var _default = BpkPagination;
-exports.default = _default;
+export default BpkPagination;

package/bpk-component-pagination/src/BpkPaginationBreak.js

@@ -1,12 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -25,19 +16,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
+import PropTypes from 'prop-types';
+import { jsx as _jsx } from "react/jsx-runtime";
 const BpkPaginationBreak = props => {
   const {
     breakLabel
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
     children: breakLabel
   });
 };
 BpkPaginationBreak.propTypes = {
-  breakLabel: _propTypes.default.string
+  breakLabel: PropTypes.string
 };
 BpkPaginationBreak.defaultProps = {
   breakLabel: '...'
 };
-var _default = BpkPaginationBreak;
-exports.default = _default;
+export default BpkPaginationBreak;

package/bpk-component-pagination/src/BpkPaginationList.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 _BpkPaginationPage = _interopRequireDefault(require("./BpkPaginationPage"));
-var _BpkPaginationBreak = _interopRequireDefault(require("./BpkPaginationBreak"));
-var _BpkPaginationListModule = _interopRequireDefault(require("./BpkPaginationList.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -29,7 +16,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkPaginationListModule.default);
+import PropTypes from 'prop-types';
+import { cssModules } from "../../bpk-react-utils";
+import BpkPaginationPage from "./BpkPaginationPage";
+import BpkPaginationBreak from "./BpkPaginationBreak";
+import STYLES from "./BpkPaginationList.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const BpkPaginationList = props => {
   const {
     onPageChange,
@@ -50,9 +43,9 @@ const BpkPaginationList = props => {
     const isPageOutOfRange = i < selectedPageIndex - displayRange || i > selectedPageIndex + displayRange;
     let pageView = null;
     if (isFirstPageInRange || isLastPageInRange) {
-      pageView = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkPaginationBreak.default, {});
+      pageView = /*#__PURE__*/_jsx(BpkPaginationBreak, {});
     } else if (!isPageOutOfRange || isFirstPage || isLastPage) {
-      pageView = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkPaginationPage.default, {
+      pageView = /*#__PURE__*/_jsx(BpkPaginationPage, {
         page: i + 1,
         onSelect: () => onPageChange(i),
         isSelected: selectedPageIndex === i,
@@ -60,7 +53,7 @@ const BpkPaginationList = props => {
       });
     }
     if (pageView !== null) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      return /*#__PURE__*/_jsx("li", {
         // eslint-disable-line react/no-array-index-key
         className: getClassName('bpk-pagination-page-list__item'),
         children: pageView
@@ -68,17 +61,16 @@ const BpkPaginationList = props => {
     }
     return null;
   }).filter(page => !!page);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+  return /*#__PURE__*/_jsx("ul", {
     className: getClassName('bpk-pagination-page-list'),
     children: children
   });
 };
 BpkPaginationList.propTypes = {
-  selectedPageIndex: _propTypes.default.number.isRequired,
-  pageCount: _propTypes.default.number.isRequired,
-  visibleRange: _propTypes.default.number.isRequired,
-  onPageChange: _propTypes.default.func.isRequired,
-  pageLabel: _propTypes.default.func.isRequired
+  selectedPageIndex: PropTypes.number.isRequired,
+  pageCount: PropTypes.number.isRequired,
+  visibleRange: PropTypes.number.isRequired,
+  onPageChange: PropTypes.func.isRequired,
+  pageLabel: PropTypes.func.isRequired
 };
-var _default = BpkPaginationList;
-exports.default = _default;
+export default BpkPaginationList;

package/bpk-component-pagination/src/BpkPaginationNudger.js

@@ -1,18 +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 _bpkComponentButton = _interopRequireDefault(require("../../bpk-component-button"));
-var _bpkComponentIcon = require("../../bpk-component-icon");
-var _arrowLeft = _interopRequireDefault(require("../../bpk-component-icon/sm/arrow-left"));
-var _arrowRight = _interopRequireDefault(require("../../bpk-component-icon/sm/arrow-right"));
-var _BpkPaginationNudgerModule = _interopRequireDefault(require("./BpkPaginationNudger.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -31,12 +16,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkPaginationNudgerModule.default);
-const AlignedArrowLeftIcon = (0, _bpkComponentIcon.withRtlSupport)(_arrowLeft.default);
-const AlignedArrowRightIcon = (0, _bpkComponentIcon.withRtlSupport)(_arrowRight.default);
-const nudgerIcon = forward => forward ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AlignedArrowRightIcon, {
+import PropTypes from 'prop-types';
+import { cssModules } from "../../bpk-react-utils";
+import BpkButton from "../../bpk-component-button";
+import { withRtlSupport } from "../../bpk-component-icon";
+import ArrowLeftIcon from "../../bpk-component-icon/sm/arrow-left";
+import ArrowRightIcon from "../../bpk-component-icon/sm/arrow-right";
+import STYLES from "./BpkPaginationNudger.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+const AlignedArrowLeftIcon = withRtlSupport(ArrowLeftIcon);
+const AlignedArrowRightIcon = withRtlSupport(ArrowRightIcon);
+const nudgerIcon = forward => forward ? /*#__PURE__*/_jsx(AlignedArrowRightIcon, {
   className: getClassName('bpk-pagination-nudger__icon')
-}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(AlignedArrowLeftIcon, {
+}) : /*#__PURE__*/_jsx(AlignedArrowLeftIcon, {
   className: getClassName('bpk-pagination-nudger__icon')
 });
 const BpkPaginationNudger = props => {
@@ -46,26 +40,25 @@ const BpkPaginationNudger = props => {
     label,
     onNudge
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bpkComponentButton.default, {
+  return /*#__PURE__*/_jsxs(BpkButton, {
     link: true,
     onClick: onNudge,
     disabled: disabled,
     className: getClassName('bpk-pagination-nudger'),
-    children: [nudgerIcon(forward), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: [nudgerIcon(forward), /*#__PURE__*/_jsx("span", {
       className: getClassName('bpk-pagination-nudger__text--hidden'),
       children: label
     })]
   });
 };
 BpkPaginationNudger.propTypes = {
-  label: _propTypes.default.string.isRequired,
-  onNudge: _propTypes.default.func.isRequired,
-  forward: _propTypes.default.bool,
-  disabled: _propTypes.default.bool
+  label: PropTypes.string.isRequired,
+  onNudge: PropTypes.func.isRequired,
+  forward: PropTypes.bool,
+  disabled: PropTypes.bool
 };
 BpkPaginationNudger.defaultProps = {
   forward: false,
   disabled: false
 };
-var _default = BpkPaginationNudger;
-exports.default = _default;
+export default BpkPaginationNudger;

package/bpk-component-pagination/src/BpkPaginationPage.js

@@ -1,15 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _bpkComponentButton = _interopRequireDefault(require("../../bpk-component-button"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _BpkPaginationPageModule = _interopRequireDefault(require("./BpkPaginationPage.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -28,7 +16,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkPaginationPageModule.default);
+import PropTypes from 'prop-types';
+import BpkButton from "../../bpk-component-button";
+import { cssModules } from "../../bpk-react-utils";
+import STYLES from "./BpkPaginationPage.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const BpkPaginationPage = props => {
   const classNames = [getClassName('bpk-pagination-page')];
   const {
@@ -40,25 +33,24 @@ const BpkPaginationPage = props => {
   if (isSelected) {
     classNames.push(getClassName('bpk-pagination-page--selected'));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentButton.default, {
+  return /*#__PURE__*/_jsx(BpkButton, {
     primaryOnDark: !isSelected,
     onClick: onSelect,
     className: classNames.join(' '),
     "aria-label": pageLabel(page, isSelected),
     "aria-current": isSelected,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: /*#__PURE__*/_jsx("span", {
       children: page
     })
   });
 };
 BpkPaginationPage.propTypes = {
-  page: _propTypes.default.number.isRequired,
-  onSelect: _propTypes.default.func.isRequired,
-  pageLabel: _propTypes.default.func.isRequired,
-  isSelected: _propTypes.default.bool
+  page: PropTypes.number.isRequired,
+  onSelect: PropTypes.func.isRequired,
+  pageLabel: PropTypes.func.isRequired,
+  isSelected: PropTypes.bool
 };
 BpkPaginationPage.defaultProps = {
   isSelected: false
 };
-var _default = BpkPaginationPage;
-exports.default = _default;
+export default BpkPaginationPage;

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

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _bpkComponentButton = require("../../bpk-component-button");
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -22,5 +15,5 @@ var _bpkComponentButton = require("../../bpk-component-button");
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _default = [..._bpkComponentButton.secondaryThemeAttributes, 'paginationNudgerActiveColor', 'paginationNudgerColor', 'paginationNudgerHoverColor', 'paginationSelectedBackgroundColor'];
-exports.default = _default;
+import { secondaryThemeAttributes } from "../../bpk-component-button";
+export default [...secondaryThemeAttributes, 'paginationNudgerActiveColor', 'paginationNudgerColor', 'paginationNudgerHoverColor', 'paginationSelectedBackgroundColor'];