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

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

@@ -1,3 +1,17 @@
+"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
  *
@@ -14,19 +28,14 @@
  * 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 { 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 getClassName = (0, _bpkReactUtils.cssModules)(_BpkPageIndicatorModule.default);
 const DISPLAYED_TOTAL = 5;
 const START_SCROLL_INDEX = Math.floor(DISPLAYED_TOTAL / 2);
-export const VARIANT = {
+const VARIANT = {
   default: 'default',
   overImage: 'overImage'
 };
+exports.VARIANT = VARIANT;
 const BpkPageIndicator = ({
   className,
   currentIndex,
@@ -40,27 +49,27 @@ const BpkPageIndicator = ({
 }) =>
 /*#__PURE__*/
 // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-_jsx("div", {
+(0, _jsxRuntime.jsx)("div", {
   className: className,
-  children: /*#__PURE__*/_jsxs("div", {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: getClassName('bpk-page-indicator', showNav && 'bpk-page-indicator__showNav'),
-    children: [showNav && /*#__PURE__*/_jsx(NavButton, {
+    children: [showNav && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavButton.default, {
       currentIndex: currentIndex,
       onClick: onClick,
       disabled: currentIndex === 0,
-      direction: DIRECTIONS.PREV,
+      direction: _NavButton.DIRECTIONS.PREV,
       ariaLabel: prevNavLabel
-    }), /*#__PURE__*/_jsx("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: getClassName('bpk-page-indicator__container'),
-      children: /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.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__*/_jsx("button", {
+        children: [...Array(totalIndicators)].map((val, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           type: "button",
           onClick: e => {
-            onClick(e, index, DIRECTIONS.INDICATORS);
+            onClick(e, index, _NavButton.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}`,
@@ -68,25 +77,25 @@ _jsx("div", {
           // eslint-disable-next-line react/no-array-index-key
         }, `indicator-${index}`))
       })
-    }), showNav && /*#__PURE__*/_jsx(NavButton, {
+    }), showNav && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavButton.default, {
       currentIndex: currentIndex,
       onClick: onClick,
       disabled: currentIndex === totalIndicators - 1,
       ariaLabel: nextNavLabel,
-      direction: DIRECTIONS.NEXT
+      direction: _NavButton.DIRECTIONS.NEXT
     })]
   })
 });
 BpkPageIndicator.propTypes = {
-  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
+  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
 };
 BpkPageIndicator.defaultProps = {
   onClick: null,
@@ -94,4 +103,5 @@ BpkPageIndicator.defaultProps = {
   showNav: false,
   variant: VARIANT.default
 };
-export default BpkPageIndicator;
+var _default = BpkPageIndicator;
+exports.default = _default;

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

@@ -1,3 +1,16 @@
+"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
  *
@@ -14,19 +27,14 @@
  * 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 { 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 = {
+ */const DIRECTIONS = {
   PREV: 'PREV',
   INDICATORS: 'INDICATORS',
   NEXT: 'NEXT'
 };
-const AlignedLeftArrowIcon = withButtonAlignment(withRtlSupport(LeftArrowIcon));
-const AlignedRightArrowIcon = withButtonAlignment(withRtlSupport(RightArrowIcon));
+exports.DIRECTIONS = DIRECTIONS;
+const AlignedLeftArrowIcon = (0, _bpkComponentIcon.withButtonAlignment)((0, _bpkComponentIcon.withRtlSupport)(_chevronLeft.default));
+const AlignedRightArrowIcon = (0, _bpkComponentIcon.withButtonAlignment)((0, _bpkComponentIcon.withRtlSupport)(_chevronRight.default));
 const NavButton = props => {
   const {
     ariaLabel,
@@ -35,7 +43,7 @@ const NavButton = props => {
     disabled,
     onClick
   } = props;
-  return /*#__PURE__*/_jsx(BpkButton, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentButton.default, {
     iconOnly: true,
     link: true,
     onClick: e => {
@@ -47,18 +55,19 @@ const NavButton = props => {
     },
     "aria-label": ariaLabel,
     disabled: disabled,
-    children: direction === DIRECTIONS.PREV ? /*#__PURE__*/_jsx(AlignedLeftArrowIcon, {}) : /*#__PURE__*/_jsx(AlignedRightArrowIcon, {})
+    children: direction === DIRECTIONS.PREV ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AlignedLeftArrowIcon, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(AlignedRightArrowIcon, {})
   });
 };
 NavButton.propTypes = {
-  direction: PropTypes.oneOf(Object.keys(DIRECTIONS)).isRequired,
-  disabled: PropTypes.bool,
-  ariaLabel: PropTypes.string.isRequired,
-  currentIndex: PropTypes.number.isRequired,
-  onClick: PropTypes.func
+  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
 };
 NavButton.defaultProps = {
   disabled: false,
   onClick: null
 };
-export default NavButton;
+var _default = NavButton;
+exports.default = _default;

package/bpk-component-pagination/index.js

@@ -1,3 +1,18 @@
+"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
  *
@@ -15,8 +30,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import BpkPagination from "./src/BpkPagination";
-import themeAttributes from "./src/themeAttributes";
-export default BpkPagination;
-export { themeAttributes };
+var _default = _BpkPagination.default;
+exports.default = _default;

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

@@ -1,3 +1,16 @@
+"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
  *
@@ -15,15 +28,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-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);
+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);
 const handlePageChange = (onPageChange, pageCount) => nextPageIndex => {
   if (onPageChange && nextPageIndex < pageCount && nextPageIndex >= 0) {
     onPageChange(nextPageIndex);
@@ -32,59 +45,60 @@ const handlePageChange = (onPageChange, pageCount) => nextPageIndex => {
 const BpkPagination = props => {
   const classNames = [getClassName('bpk-pagination')];
   const {
-    className,
-    nextLabel,
-    onPageChange,
-    pageCount,
-    pageLabel,
-    paginationLabel,
-    previousLabel,
-    selectedPageIndex,
-    visibleRange,
-    ...rest
-  } = props;
+      className,
+      nextLabel,
+      onPageChange,
+      pageCount,
+      pageLabel,
+      paginationLabel,
+      previousLabel,
+      selectedPageIndex,
+      visibleRange
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   if (className) {
     classNames.push(getClassName(className));
   }
   const pageChanged = handlePageChange(onPageChange, pageCount);
   const hasPreviousPage = selectedPageIndex !== 0;
   const hasNextPage = selectedPageIndex !== pageCount - 1;
-  return /*#__PURE__*/_jsxs("nav", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("nav", _objectSpread(_objectSpread({
     className: classNames.join(''),
-    "aria-label": paginationLabel,
-    ...rest,
-    children: [/*#__PURE__*/_jsx(BpkPaginationNudger, {
+    "aria-label": paginationLabel
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkPaginationNudger.default, {
       label: previousLabel,
       onNudge: () => pageChanged(selectedPageIndex - 1),
       disabled: !hasPreviousPage
-    }), /*#__PURE__*/_jsx(BpkPaginationList, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkPaginationList.default, {
       selectedPageIndex: selectedPageIndex,
       pageCount: pageCount,
       onPageChange: pageChanged,
       visibleRange: visibleRange,
       pageLabel: pageLabel
-    }), /*#__PURE__*/_jsx(BpkPaginationNudger, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkPaginationNudger.default, {
       label: nextLabel,
       onNudge: () => pageChanged(selectedPageIndex + 1),
       forward: true,
       disabled: !hasNextPage
     })]
-  });
+  }));
 };
 BpkPagination.propTypes = {
-  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
+  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
 };
 BpkPagination.defaultProps = {
   onPageChange: null,
   visibleRange: 3,
   className: null
 };
-export default BpkPagination;
+var _default = BpkPagination;
+exports.default = _default;

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

@@ -1,3 +1,12 @@
+"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
  *
@@ -16,20 +25,19 @@
  * 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__*/_jsx("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: breakLabel
   });
 };
 BpkPaginationBreak.propTypes = {
-  breakLabel: PropTypes.string
+  breakLabel: _propTypes.default.string
 };
 BpkPaginationBreak.defaultProps = {
   breakLabel: '...'
 };
-export default BpkPaginationBreak;
+var _default = BpkPaginationBreak;
+exports.default = _default;

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

@@ -1,3 +1,16 @@
+"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
  *
@@ -16,13 +29,7 @@
  * limitations under the License.
  */
 
-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 getClassName = (0, _bpkReactUtils.cssModules)(_BpkPaginationListModule.default);
 const BpkPaginationList = props => {
   const {
     onPageChange,
@@ -43,9 +50,9 @@ const BpkPaginationList = props => {
     const isPageOutOfRange = i < selectedPageIndex - displayRange || i > selectedPageIndex + displayRange;
     let pageView = null;
     if (isFirstPageInRange || isLastPageInRange) {
-      pageView = /*#__PURE__*/_jsx(BpkPaginationBreak, {});
+      pageView = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkPaginationBreak.default, {});
     } else if (!isPageOutOfRange || isFirstPage || isLastPage) {
-      pageView = /*#__PURE__*/_jsx(BpkPaginationPage, {
+      pageView = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkPaginationPage.default, {
         page: i + 1,
         onSelect: () => onPageChange(i),
         isSelected: selectedPageIndex === i,
@@ -53,7 +60,7 @@ const BpkPaginationList = props => {
       });
     }
     if (pageView !== null) {
-      return /*#__PURE__*/_jsx("li", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
         // eslint-disable-line react/no-array-index-key
         className: getClassName('bpk-pagination-page-list__item'),
         children: pageView
@@ -61,16 +68,17 @@ const BpkPaginationList = props => {
     }
     return null;
   }).filter(page => !!page);
-  return /*#__PURE__*/_jsx("ul", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
     className: getClassName('bpk-pagination-page-list'),
     children: children
   });
 };
 BpkPaginationList.propTypes = {
-  selectedPageIndex: PropTypes.number.isRequired,
-  pageCount: PropTypes.number.isRequired,
-  visibleRange: PropTypes.number.isRequired,
-  onPageChange: PropTypes.func.isRequired,
-  pageLabel: PropTypes.func.isRequired
+  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
 };
-export default BpkPaginationList;
+var _default = BpkPaginationList;
+exports.default = _default;

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

@@ -1,3 +1,18 @@
+"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
  *
@@ -16,21 +31,12 @@
  * limitations under the License.
  */
 
-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, {
+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, {
   className: getClassName('bpk-pagination-nudger__icon')
-}) : /*#__PURE__*/_jsx(AlignedArrowLeftIcon, {
+}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(AlignedArrowLeftIcon, {
   className: getClassName('bpk-pagination-nudger__icon')
 });
 const BpkPaginationNudger = props => {
@@ -40,25 +46,26 @@ const BpkPaginationNudger = props => {
     label,
     onNudge
   } = props;
-  return /*#__PURE__*/_jsxs(BpkButton, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bpkComponentButton.default, {
     link: true,
     onClick: onNudge,
     disabled: disabled,
     className: getClassName('bpk-pagination-nudger'),
-    children: [nudgerIcon(forward), /*#__PURE__*/_jsx("span", {
+    children: [nudgerIcon(forward), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: getClassName('bpk-pagination-nudger__text--hidden'),
       children: label
     })]
   });
 };
 BpkPaginationNudger.propTypes = {
-  label: PropTypes.string.isRequired,
-  onNudge: PropTypes.func.isRequired,
-  forward: PropTypes.bool,
-  disabled: PropTypes.bool
+  label: _propTypes.default.string.isRequired,
+  onNudge: _propTypes.default.func.isRequired,
+  forward: _propTypes.default.bool,
+  disabled: _propTypes.default.bool
 };
 BpkPaginationNudger.defaultProps = {
   forward: false,
   disabled: false
 };
-export default BpkPaginationNudger;
+var _default = BpkPaginationNudger;
+exports.default = _default;

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

@@ -1,3 +1,15 @@
+"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
  *
@@ -16,12 +28,7 @@
  * limitations under the License.
  */
 
-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 getClassName = (0, _bpkReactUtils.cssModules)(_BpkPaginationPageModule.default);
 const BpkPaginationPage = props => {
   const classNames = [getClassName('bpk-pagination-page')];
   const {
@@ -33,24 +40,25 @@ const BpkPaginationPage = props => {
   if (isSelected) {
     classNames.push(getClassName('bpk-pagination-page--selected'));
   }
-  return /*#__PURE__*/_jsx(BpkButton, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentButton.default, {
     primaryOnDark: !isSelected,
     onClick: onSelect,
     className: classNames.join(' '),
     "aria-label": pageLabel(page, isSelected),
     "aria-current": isSelected,
-    children: /*#__PURE__*/_jsx("span", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: page
     })
   });
 };
 BpkPaginationPage.propTypes = {
-  page: PropTypes.number.isRequired,
-  onSelect: PropTypes.func.isRequired,
-  pageLabel: PropTypes.func.isRequired,
-  isSelected: PropTypes.bool
+  page: _propTypes.default.number.isRequired,
+  onSelect: _propTypes.default.func.isRequired,
+  pageLabel: _propTypes.default.func.isRequired,
+  isSelected: _propTypes.default.bool
 };
 BpkPaginationPage.defaultProps = {
   isSelected: false
 };
-export default BpkPaginationPage;
+var _default = BpkPaginationPage;
+exports.default = _default;

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

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