@royaloperahouse/harmonic 0.7.0-a → 0.7.1-a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9720,7 +9720,7 @@ var TextLinkPagination = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject4$
9720
9720
  var active = _ref.active;
9721
9721
  return active === 'true' && " \n border-bottom: 1px solid var(--color-primary-red);\n color: var(--color-primary-red);\n ";
9722
9722
  });
9723
- var NextPage = /*#__PURE__*/styled.a(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--color-base-black);\n }\n }\n"])));
9723
+ var PageNav = /*#__PURE__*/styled.a(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--color-base-black);\n }\n }\n"])));
9724
9724
 
9725
9725
  var reducePages = function reducePages(pages, currentPage) {
9726
9726
  // If there are less than 6 pages, return all pages
@@ -9750,16 +9750,16 @@ var Pagination = function Pagination(_ref) {
9750
9750
  className: className
9751
9751
  },
9752
9752
  // {/* Left arrow only appears after page 1 */
9753
- currentPage > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(NextPage, {
9754
- href: "" + baseUrl + (currentPage + 1)
9753
+ currentPage > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNav, {
9754
+ href: "" + baseUrl + 1
9755
9755
  }, /*#__PURE__*/React__default.createElement(Icon, {
9756
9756
  iconName: "LastPageArrow",
9757
9757
  direction: "right"
9758
9758
  }))), /*#__PURE__*/React__default.createElement("li", {
9759
- key: "next-page",
9760
- "data-testid": "right-arrow"
9761
- }, /*#__PURE__*/React__default.createElement(NextPage, {
9762
- href: "" + baseUrl + (currentPage + 1)
9759
+ key: "previous-page",
9760
+ "data-testid": "left-arrow"
9761
+ }, /*#__PURE__*/React__default.createElement(PageNav, {
9762
+ href: "" + baseUrl + (currentPage - 1)
9763
9763
  }, /*#__PURE__*/React__default.createElement(Icon, {
9764
9764
  iconName: "ArrowPagination",
9765
9765
  direction: "right"
@@ -9776,13 +9776,13 @@ var Pagination = function Pagination(_ref) {
9776
9776
  }), currentPage < pageCount && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
9777
9777
  key: "next-page",
9778
9778
  "data-testid": "right-arrow"
9779
- }, /*#__PURE__*/React__default.createElement(NextPage, {
9779
+ }, /*#__PURE__*/React__default.createElement(PageNav, {
9780
9780
  href: "" + baseUrl + (currentPage + 1)
9781
9781
  }, /*#__PURE__*/React__default.createElement(Icon, {
9782
9782
  iconName: "ArrowPagination",
9783
9783
  direction: "left"
9784
- }))), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(NextPage, {
9785
- href: "" + baseUrl + (currentPage + 1)
9784
+ }))), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNav, {
9785
+ href: "" + baseUrl + pageCount
9786
9786
  }, /*#__PURE__*/React__default.createElement(Icon, {
9787
9787
  iconName: "LastPageArrow",
9788
9788
  direction: "left"