@royaloperahouse/harmonic 0.7.1-c → 0.7.1-d

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

@@ -4,6 +4,6 @@ export declare const PageNumberWrapper: import("styled-components").StyledCompon
 export declare const LastPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
 export declare const PreviousPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
 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;
+    active?: boolean | undefined;
 }, never>;
 export declare const PageNav: import("styled-components").StyledComponent<"a", any, {}, never>;

package/dist/harmonic.cjs.development.js

@@ -9692,9 +9692,12 @@ var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject2$R || (_temp
 var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  min-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  margin-top: 40px;\n  margin-bottom: 40px;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  list-style: none;\n  padding: 0;\n  max-width: fit-content;\n  margin: auto;\n  li {\n    margin-left: 24px;\n    color: var(--color-base-black);\n    display: flex;\n    align-items: center;\n  }\n  li:first-child {\n    margin-left: 0px;\n  }\n"])));
 var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    margin-left: 12px;\n  }\n"])));
 var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    margin-left: 12px;\n  }\n"])));
-var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: inherit;\n  margin: 0;\n  border-bottom: 1px solid transparent;\n  line-height: var(--base-line-height);\n  :hover {\n    cursor: pointer;\n    color: var(--color-primary-red);\n    border-bottom: 1px solid var(--color-primary-red);\n    svg > path {\n      fill: var(--color-base-black);\n    }\n  }\n  /* active state - string used because react returns error for bool */\n  ", "\n"])), function (_ref) {
+var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    color: ", ";\n    border-bottom: ", ";\n  }\n\n  :hover {\n    cursor: pointer;\n    color: var(--color-primary-red);\n    border-bottom: 1px solid var(--color-primary-red);\n    svg > path {\n      fill: var(--color-base-black);\n    }\n  }\n"])), function (_ref) {
   var active = _ref.active;
-  return active === 'true' && " \n    border-bottom: 1px solid var(--color-primary-red);\n      color: var(--color-primary-red);\n    ";
+  return active ? "var(--color-primary-red)" : 'inherit';
+}, function (_ref2) {
+  var active = _ref2.active;
+  return "1px solid " + (active ? 'var(--color-primary-red)' : 'transparent');
 });
 var PageNav = /*#__PURE__*/styled__default.a(_templateObject7$g || (_templateObject7$g = /*#__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"])));
 
@@ -9753,7 +9756,7 @@ var Pagination = function Pagination(_ref) {
       "data-testid": "page-number"
     }, /*#__PURE__*/React__default.createElement(TextLinkPagination, {
       size: "large",
-      active: "" + (page === currentPage)
+      active: page === currentPage
     }, page.toString())));
   }), currentPage < pageCount && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
     key: "next-page",