@royaloperahouse/harmonic 0.7.0-a → 0.7.1-a

package/dist/components/molecules/Pagination/Pagination.style.d.ts

@@ -4,4 +4,4 @@ export declare const PageNumberWrapper: import("styled-components").StyledCompon
 export declare const TextLinkPagination: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {
     active?: string | undefined;
 }, never>;
-export declare const NextPage: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const PageNav: import("styled-components").StyledComponent<"a", any, {}, never>;

package/dist/harmonic.cjs.development.js

@@ -9693,7 +9693,7 @@ var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templat
   var active = _ref.active;
   return active === 'true' && " \n    border-bottom: 1px solid var(--color-primary-red);\n      color: var(--color-primary-red);\n    ";
 });
-var NextPage = /*#__PURE__*/styled__default.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"])));
+var PageNav = /*#__PURE__*/styled__default.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"])));
 
 var reducePages = function reducePages(pages, currentPage) {
   // If there are less than 6 pages, return all pages
@@ -9723,16 +9723,16 @@ var Pagination = function Pagination(_ref) {
     className: className
   },
   // {/* Left arrow only appears after page 1 */
-  currentPage > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(NextPage, {
-    href: "" + baseUrl + (currentPage + 1)
+  currentPage > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNav, {
+    href: "" + baseUrl + 1
   }, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "LastPageArrow",
     direction: "right"
   }))), /*#__PURE__*/React__default.createElement("li", {
-    key: "next-page",
-    "data-testid": "right-arrow"
-  }, /*#__PURE__*/React__default.createElement(NextPage, {
-    href: "" + baseUrl + (currentPage + 1)
+    key: "previous-page",
+    "data-testid": "left-arrow"
+  }, /*#__PURE__*/React__default.createElement(PageNav, {
+    href: "" + baseUrl + (currentPage - 1)
   }, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "ArrowPagination",
     direction: "right"
@@ -9749,13 +9749,13 @@ var Pagination = function Pagination(_ref) {
   }), currentPage < pageCount && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
     key: "next-page",
     "data-testid": "right-arrow"
-  }, /*#__PURE__*/React__default.createElement(NextPage, {
+  }, /*#__PURE__*/React__default.createElement(PageNav, {
     href: "" + baseUrl + (currentPage + 1)
   }, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "ArrowPagination",
     direction: "left"
-  }))), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(NextPage, {
-    href: "" + baseUrl + (currentPage + 1)
+  }))), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNav, {
+    href: "" + baseUrl + pageCount
   }, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "LastPageArrow",
     direction: "left"