@royaloperahouse/harmonic 0.6.2-c → 0.7.0-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.
Files changed (13) hide show
  1. package/dist/components/atoms/Icons/SvgIcons/Arrows/ArrowPagination.svg.d.ts +4 -0
  2. package/dist/components/atoms/Icons/SvgIcons/Arrows/LastPageArrow.svg.d.ts +4 -0
  3. package/dist/components/atoms/Icons/SvgIcons/index.d.ts +2 -0
  4. package/dist/components/molecules/Pagination/Pagination.d.ts +2 -1
  5. package/dist/components/molecules/Pagination/Pagination.style.d.ts +3 -4
  6. package/dist/components/organisms/Carousels/HighlightsCarousel/helper.d.ts +1 -1
  7. package/dist/harmonic.cjs.development.js +100 -60
  8. package/dist/harmonic.cjs.development.js.map +1 -1
  9. package/dist/harmonic.cjs.production.min.js +1 -1
  10. package/dist/harmonic.cjs.production.min.js.map +1 -1
  11. package/dist/harmonic.esm.js +100 -60
  12. package/dist/harmonic.esm.js.map +1 -1
  13. package/package.json +1 -1
package/dist/harmonic.esm.js CHANGED
@@ -2568,10 +2568,45 @@ var Volume = (function (_ref) {
2568
2568
  }));
2569
2569
  });
2570
2570
 
2571
+ var LastPageArrow = (function (_ref) {
2572
+ var _ref$color = _ref.color,
2573
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2574
+ ariaLabel = _ref.ariaLabel;
2575
+ return /*#__PURE__*/createElement("svg", {
2576
+ width: "100%",
2577
+ height: "100%",
2578
+ viewBox: "0 0 24 24",
2579
+ fill: "none",
2580
+ xmlns: "http://www.w3.org/2000/svg",
2581
+ "aria-label": ariaLabel
2582
+ }, /*#__PURE__*/createElement("path", {
2583
+ d: "M9.14746 11.9961L9.1377 12.0039L17.165 20.8428L18.4121 19.71L11.415 12.0059L18.4219 4.29004L17.1748 3.15723L9.14746 11.9961ZM5.57031 20.8428H7.14062V3.15723H5.57031V20.8428Z",
2584
+ fill: color
2585
+ }));
2586
+ });
2587
+
2588
+ var ArrowPagination = (function (_ref) {
2589
+ var _ref$color = _ref.color,
2590
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2591
+ ariaLabel = _ref.ariaLabel;
2592
+ return /*#__PURE__*/createElement("svg", {
2593
+ width: "100%",
2594
+ height: "100%",
2595
+ viewBox: "0 0 24 24",
2596
+ fill: "none",
2597
+ xmlns: "http://www.w3.org/2000/svg",
2598
+ "aria-label": ariaLabel
2599
+ }, /*#__PURE__*/createElement("path", {
2600
+ d: "M15.3955 3.1582L7.36816 11.9971L7.3584 12.0049L15.3857 20.8438L16.6328 19.7109L9.63574 12.0068L16.6426 4.29102L15.3955 3.1582Z",
2601
+ fill: color
2602
+ }));
2603
+ });
2604
+
2571
2605
  /* 12px */
2572
2606
  var IconLibrary = {
2573
2607
  AddToMyList: AddToMyList,
2574
2608
  Arrow: Arrow,
2609
+ ArrowPagination: ArrowPagination,
2575
2610
  AudioDescription: AudioDescription,
2576
2611
  Back10: Back10,
2577
2612
  BalletAndDance: BalletAndDance,
@@ -2607,6 +2642,7 @@ var IconLibrary = {
2607
2642
  Home: Home,
2608
2643
  Info: Info,
2609
2644
  Instagram: Instagram,
2645
+ LastPageArrow: LastPageArrow,
2610
2646
  List: List,
2611
2647
  ListView: ListView,
2612
2648
  LiveStream: LiveStream,
@@ -9675,15 +9711,16 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
9675
9711
  }), linkText))))));
9676
9712
  };
9677
9713
 
9678
- var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$x;
9714
+ var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$x, _templateObject5$r;
9715
+ // Keep MorePages for Table component until restyle
9679
9716
  var MorePages = /*#__PURE__*/styled.span(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
9680
- var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\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 font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"])));
9681
- // PageNumber extends bodyText but uses subtitle-1 font size
9682
- var PageNumber = /*#__PURE__*/styled.a(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
9717
+ var PaginationLink = /*#__PURE__*/styled.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n color: inherit;\n"])));
9718
+ var PageNumberWrapper = /*#__PURE__*/styled.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: 16px;\n color: var(--color-base-black);\n display: flex;\n align-items: center;\n }\n"])));
9719
+ var TextLinkPagination = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject4$x || (_templateObject4$x = /*#__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) {
9683
9720
  var active = _ref.active;
9684
- return active === 'true' && " \n color: var(--base-color-core);\n ";
9721
+ return active === 'true' && " \n border-bottom: 1px solid var(--color-primary-red);\n color: var(--color-primary-red);\n ";
9685
9722
  });
9686
- var NextPage = /*#__PURE__*/styled(PageNumber)(_templateObject4$x || (_templateObject4$x = /*#__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(--base-color-dark-grey);\n }\n }\n"])));
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"])));
9687
9724
 
9688
9725
  var reducePages = function reducePages(pages, currentPage) {
9689
9726
  // If there are less than 6 pages, return all pages
@@ -9704,57 +9741,60 @@ var reducePages = function reducePages(pages, currentPage) {
9704
9741
  var Pagination = function Pagination(_ref) {
9705
9742
  var pageCount = _ref.pageCount,
9706
9743
  currentPage = _ref.currentPage,
9707
- baseUrl = _ref.baseUrl;
9744
+ baseUrl = _ref.baseUrl,
9745
+ className = _ref.className;
9708
9746
  // Array of page numbers starting at 1
9709
9747
  var pageNumbers = Array.from(Array(pageCount + 1).keys()).slice(1);
9710
9748
  var reducedPageNumbers = reducePages(pageNumbers, currentPage);
9711
- return /*#__PURE__*/React__default.createElement(PageNumberWrapper, null,
9749
+ return /*#__PURE__*/React__default.createElement(PageNumberWrapper, {
9750
+ className: className
9751
+ },
9712
9752
  // {/* Left arrow only appears after page 1 */
9713
- currentPage > 1 && (/*#__PURE__*/React__default.createElement("li", {
9714
- key: "previous-page",
9715
- "data-testid": "left-arrow"
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)
9755
+ }, /*#__PURE__*/React__default.createElement(Icon, {
9756
+ iconName: "LastPageArrow",
9757
+ direction: "right"
9758
+ }))), /*#__PURE__*/React__default.createElement("li", {
9759
+ key: "next-page",
9760
+ "data-testid": "right-arrow"
9716
9761
  }, /*#__PURE__*/React__default.createElement(NextPage, {
9717
- href: "" + baseUrl + (currentPage - 1)
9762
+ href: "" + baseUrl + (currentPage + 1)
9718
9763
  }, /*#__PURE__*/React__default.createElement(Icon, {
9719
- iconName: "DropdownArrow",
9720
- direction: "down"
9721
- })))), currentPage > 3 && (/*#__PURE__*/React__default.createElement("li", {
9722
- key: "more-before",
9723
- "data-testid": "elipsis"
9724
- }, /*#__PURE__*/React__default.createElement(MorePages, {
9725
- theme: "core"
9726
- }, "..."))), reducedPageNumbers.map(function (page) {
9764
+ iconName: "ArrowPagination",
9765
+ direction: "right"
9766
+ }))))), reducedPageNumbers.map(function (page) {
9727
9767
  return /*#__PURE__*/React__default.createElement("li", {
9728
9768
  key: page
9729
- }, /*#__PURE__*/React__default.createElement(PageNumber, {
9730
- theme: "core",
9731
- key: page,
9732
- active: "" + (page === currentPage),
9769
+ }, /*#__PURE__*/React__default.createElement(PaginationLink, {
9733
9770
  href: "" + baseUrl + page,
9734
9771
  "data-testid": "page-number"
9735
- }, page));
9736
- }), currentPage + 4 < pageCount && (/*#__PURE__*/React__default.createElement("li", {
9737
- key: "more-after",
9738
- "data-testid": "elipsis"
9739
- }, /*#__PURE__*/React__default.createElement(MorePages, {
9740
- theme: "core"
9741
- }, "..."))), currentPage < pageCount && (/*#__PURE__*/React__default.createElement("li", {
9772
+ }, /*#__PURE__*/React__default.createElement(TextLinkPagination, {
9773
+ size: "large",
9774
+ active: "" + (page === currentPage)
9775
+ }, page.toString())));
9776
+ }), currentPage < pageCount && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
9742
9777
  key: "next-page",
9743
9778
  "data-testid": "right-arrow"
9744
9779
  }, /*#__PURE__*/React__default.createElement(NextPage, {
9745
9780
  href: "" + baseUrl + (currentPage + 1)
9746
9781
  }, /*#__PURE__*/React__default.createElement(Icon, {
9747
- iconName: "DropdownArrow",
9748
- direction: "up"
9749
- })))));
9782
+ iconName: "ArrowPagination",
9783
+ direction: "left"
9784
+ }))), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(NextPage, {
9785
+ href: "" + baseUrl + (currentPage + 1)
9786
+ }, /*#__PURE__*/React__default.createElement(Icon, {
9787
+ iconName: "LastPageArrow",
9788
+ direction: "left"
9789
+ }))))));
9750
9790
  };
9751
9791
 
9752
- var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$r, _templateObject6$l, _templateObject7$g;
9792
+ var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$s, _templateObject6$l, _templateObject7$g;
9753
9793
  var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
9754
9794
  var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
9755
9795
  var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
9756
9796
  var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
9757
- var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
9797
+ var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
9758
9798
  var PersonLink = /*#__PURE__*/styled.a(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
9759
9799
  var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
9760
9800
 
@@ -9938,7 +9978,7 @@ var CreditListing = function CreditListing(_ref) {
9938
9978
  }, creditEntries);
9939
9979
  };
9940
9980
 
9941
- var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$s, _templateObject6$m, _templateObject7$h, _templateObject8$c, _templateObject9$7, _templateObject0$7, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
9981
+ var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$t, _templateObject6$m, _templateObject7$h, _templateObject8$c, _templateObject9$7, _templateObject0$7, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
9942
9982
  var LENGTH_TEXT = 28;
9943
9983
  var LENGTH_TEXT_TABLET$1 = 12;
9944
9984
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
@@ -9981,7 +10021,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject4$A || (_templat
9981
10021
  }
9982
10022
  return '';
9983
10023
  });
9984
- var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref7) {
10024
+ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref7) {
9985
10025
  var marginBottom = _ref7.marginBottom;
9986
10026
  return marginBottom + "px";
9987
10027
  });
@@ -10190,7 +10230,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
10190
10230
  }))));
10191
10231
  };
10192
10232
 
10193
- var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$t, _templateObject6$n, _templateObject7$i;
10233
+ var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$n, _templateObject7$i;
10194
10234
  var LENGTH_TEXT$2 = 28;
10195
10235
  var LENGTH_TEXT_TABLET$2 = 10;
10196
10236
  var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
@@ -10209,7 +10249,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$I ||
10209
10249
  return imageToLeft ? 'right' : 'left';
10210
10250
  }, devices.mobile);
10211
10251
  var HarmonicHeaderWithWrapper = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
10212
- var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
10252
+ var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
10213
10253
  var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n margin-bottom: 32px;\n whiete-space: break-spaces;\n overflow-wrap: break-word;\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
10214
10254
  var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref5) {
10215
10255
  var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
@@ -10644,7 +10684,7 @@ var SectionTitle = function SectionTitle(_ref) {
10644
10684
  }, description)))));
10645
10685
  };
10646
10686
 
10647
- var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$u, _templateObject6$o, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject0$8, _templateObject1$5;
10687
+ var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$v, _templateObject6$o, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject0$8, _templateObject1$5;
10648
10688
  var stateStyles = /*#__PURE__*/css(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
10649
10689
  var theme = _ref.theme;
10650
10690
  return "3px solid " + theme.colors.lapisLazuli;
@@ -10668,7 +10708,7 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
10668
10708
  color: theme.colors.black,
10669
10709
  title: 'Select Arrow'
10670
10710
  };
10671
- })(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
10711
+ })(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
10672
10712
  var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
10673
10713
  var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
10674
10714
  var Options = /*#__PURE__*/styled.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
@@ -11239,12 +11279,12 @@ var Quote = function Quote(_ref) {
11239
11279
  }, attribution))));
11240
11280
  };
11241
11281
 
11242
- var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$v, _templateObject6$p;
11282
+ var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$w, _templateObject6$p;
11243
11283
  var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
11244
11284
  var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
11245
11285
  var StyledImage = /*#__PURE__*/styled.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
11246
11286
  var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
11247
- var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
11287
+ var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$w || (_templateObject5$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
11248
11288
  var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
11249
11289
 
11250
11290
  var MiniCard = function MiniCard(_ref) {
@@ -11283,7 +11323,7 @@ var MiniCard = function MiniCard(_ref) {
11283
11323
  }, title)))));
11284
11324
  };
11285
11325
 
11286
- var _templateObject$1j, _templateObject2$11, _templateObject3$P, _templateObject4$F, _templateObject5$w;
11326
+ var _templateObject$1j, _templateObject2$11, _templateObject3$P, _templateObject4$F, _templateObject5$x;
11287
11327
  var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
11288
11328
  var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
11289
11329
  var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
@@ -11294,7 +11334,7 @@ var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$F || (_templat
11294
11334
  var isVisible = _ref2.isVisible;
11295
11335
  return isVisible ? 'visible' : 'hidden';
11296
11336
  });
11297
- var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$w || (_templateObject5$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
11337
+ var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
11298
11338
 
11299
11339
  var keyDown = function keyDown(e, toggleFunction) {
11300
11340
  if (e.key === 'Enter' || e.key === 'Space') {
@@ -11375,7 +11415,7 @@ var ReadMore = function ReadMore(_ref) {
11375
11415
  }, isFullTextOpen ? "" + hideText : "" + showMoreText))));
11376
11416
  };
11377
11417
 
11378
- var _templateObject$1k, _templateObject2$12, _templateObject3$Q, _templateObject4$G, _templateObject5$x;
11418
+ var _templateObject$1k, _templateObject2$12, _templateObject3$Q, _templateObject4$G, _templateObject5$y;
11379
11419
  var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
11380
11420
  var MenuList = /*#__PURE__*/styled.ul(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), Colors.LightGrey);
11381
11421
  var MobileButton = /*#__PURE__*/styled.button(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), Colors.Black, Colors.White, Colors.DarkGrey);
@@ -11383,7 +11423,7 @@ var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$G || (_templateObject4$G
11383
11423
  var isActive = _ref.isActive;
11384
11424
  return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
11385
11425
  }, Colors.MidGrey);
11386
- var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
11426
+ var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
11387
11427
  var isOpen = _ref2.isOpen;
11388
11428
  return isOpen ? 'block' : 'none';
11389
11429
  }, Colors.White, Colors.DarkGrey, MenuItem$1);
@@ -11539,7 +11579,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
11539
11579
  });
11540
11580
  };
11541
11581
 
11542
- var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$y, _templateObject6$q;
11582
+ var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$z, _templateObject6$q;
11543
11583
  var Container$5 = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
11544
11584
  var Sections = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
11545
11585
  var Section = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
@@ -11547,7 +11587,7 @@ var Section = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R
11547
11587
  return "var(--base-color-" + color + ")";
11548
11588
  });
11549
11589
  var BottomLine = /*#__PURE__*/styled.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
11550
- var Text = /*#__PURE__*/styled.div(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
11590
+ var Text = /*#__PURE__*/styled.div(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
11551
11591
  var color = _ref2.color;
11552
11592
  return "var(--base-color-" + color + ")";
11553
11593
  });
@@ -11633,7 +11673,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
11633
11673
  }, strengthLabel))));
11634
11674
  };
11635
11675
 
11636
- var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$z, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject0$9;
11676
+ var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject0$9;
11637
11677
  var TableContainer = /*#__PURE__*/styled.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
11638
11678
  var Container$6 = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
11639
11679
  var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
@@ -11642,13 +11682,13 @@ var TableHeader = /*#__PURE__*/styled.th(_templateObject4$I || (_templateObject4
11642
11682
  }, function (props) {
11643
11683
  return "calc(100% / " + (props.columns - 1) + ")";
11644
11684
  }, devices.tablet, devices.mobile);
11645
- var TableCell = /*#__PURE__*/styled.td(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n padding: 30px 30px 30px 0;\n text-align: left;\n vertical-align: top;\n border-bottom: 1px solid;\n border-color: ", ";\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n }\n"])), function (props) {
11685
+ var TableCell = /*#__PURE__*/styled.td(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n padding: 30px 30px 30px 0;\n text-align: left;\n vertical-align: top;\n border-bottom: 1px solid;\n border-color: ", ";\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n }\n"])), function (props) {
11646
11686
  return "var(--base-color-" + props.lineColor + ")";
11647
11687
  }, function (props) {
11648
11688
  return "calc(100% / " + (props.columns - 1) + ")";
11649
11689
  }, devices.mobile);
11650
11690
  var Pagination$1 = /*#__PURE__*/styled.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: none;\n }\n"])));
11651
- var PageNumber$1 = /*#__PURE__*/styled.button(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n\n /* Active state */\n ", "\n"])), function (_ref) {
11691
+ var PageNumber = /*#__PURE__*/styled.button(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n\n /* Active state */\n ", "\n"])), function (_ref) {
11652
11692
  var active = _ref.active;
11653
11693
  return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
11654
11694
  });
@@ -11799,7 +11839,7 @@ var Table = function Table(_ref) {
11799
11839
  });
11800
11840
  }))), pagination && totalPages > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(AriaDescription$2, {
11801
11841
  id: "pagination-description"
11802
- }, "Table pagination: current page ", currentPage + 1, " of ", totalPages), /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
11842
+ }, "Table pagination: current page ", currentPage + 1, " of ", totalPages), /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
11803
11843
  key: "previous-page",
11804
11844
  onClick: function onClick() {
11805
11845
  return setCurrentPage(currentPage - 1);
@@ -11809,12 +11849,12 @@ var Table = function Table(_ref) {
11809
11849
  }, /*#__PURE__*/React__default.createElement(Next, null, /*#__PURE__*/React__default.createElement(Icon, {
11810
11850
  iconName: "DropdownArrow",
11811
11851
  direction: "down"
11812
- }))))), currentPage > 2 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
11852
+ }))))), currentPage > 2 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
11813
11853
  key: "more-before"
11814
11854
  }, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), reducedPageNumbers.map(function (number) {
11815
11855
  return /*#__PURE__*/React__default.createElement("li", {
11816
11856
  key: number
11817
- }, /*#__PURE__*/React__default.createElement(PageNumber$1, {
11857
+ }, /*#__PURE__*/React__default.createElement(PageNumber, {
11818
11858
  key: number,
11819
11859
  onClick: function onClick() {
11820
11860
  return setCurrentPage(number);
@@ -11822,9 +11862,9 @@ var Table = function Table(_ref) {
11822
11862
  tabIndex: 0,
11823
11863
  active: "" + (number === currentPage)
11824
11864
  }, number + 1));
11825
- }), currentPage + 4 < totalPages && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
11865
+ }), currentPage + 4 < totalPages && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
11826
11866
  key: "more-after"
11827
- }, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), currentPage < totalPages - 1 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
11867
+ }, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), currentPage < totalPages - 1 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
11828
11868
  key: "next-page",
11829
11869
  onClick: function onClick() {
11830
11870
  return setCurrentPage(currentPage + 1);
@@ -11837,7 +11877,7 @@ var Table = function Table(_ref) {
11837
11877
  }))))))))));
11838
11878
  };
11839
11879
 
11840
- var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$A, _templateObject6$s, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
11880
+ var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$s, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
11841
11881
  var Wrapper$9 = /*#__PURE__*/styled('div')(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
11842
11882
  var theme = _ref.theme;
11843
11883
  return "var(--color-" + theme + ")";
@@ -11848,7 +11888,7 @@ var Wrapper$9 = /*#__PURE__*/styled('div')(_templateObject$1n || (_templateObjec
11848
11888
  var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
11849
11889
  var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
11850
11890
  var Error$1 = /*#__PURE__*/styled.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
11851
- var Form = /*#__PURE__*/styled.form(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error$1);
11891
+ var Form = /*#__PURE__*/styled.form(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error$1);
11852
11892
  var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
11853
11893
  var ServerError = /*#__PURE__*/styled.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
11854
11894
  var CTALinkWrapper = /*#__PURE__*/styled.a(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);