@royaloperahouse/harmonic 0.7.1-a → 0.7.1-c
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.
- package/dist/components/molecules/Pagination/Pagination.style.d.ts +2 -0
- package/dist/harmonic.cjs.development.js +42 -33
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +42 -33
- package/dist/harmonic.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -4,6 +4,7 @@ import moment from 'moment';
|
|
|
4
4
|
import Modal from 'react-modal';
|
|
5
5
|
import ScrollLock from 'react-scrolllock';
|
|
6
6
|
import { renderToString } from 'react-dom/server';
|
|
7
|
+
import { useLocation } from 'react-router-dom';
|
|
7
8
|
import Select$1, { components } from 'react-select';
|
|
8
9
|
import Select$2 from 'react-select/async';
|
|
9
10
|
|
|
@@ -9711,16 +9712,18 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9711
9712
|
}), linkText))))));
|
|
9712
9713
|
};
|
|
9713
9714
|
|
|
9714
|
-
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$x, _templateObject5$r;
|
|
9715
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$g;
|
|
9715
9716
|
// Keep MorePages for Table component until restyle
|
|
9716
9717
|
var MorePages = /*#__PURE__*/styled.span(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
9717
9718
|
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:
|
|
9719
|
-
var
|
|
9719
|
+
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: 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"])));
|
|
9720
|
+
var LastPageItem = /*#__PURE__*/styled.li(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9721
|
+
var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9722
|
+
var TextLinkPagination = /*#__PURE__*/styled(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) {
|
|
9720
9723
|
var active = _ref.active;
|
|
9721
9724
|
return active === 'true' && " \n border-bottom: 1px solid var(--color-primary-red);\n color: var(--color-primary-red);\n ";
|
|
9722
9725
|
});
|
|
9723
|
-
var PageNav = /*#__PURE__*/styled.a(
|
|
9726
|
+
var PageNav = /*#__PURE__*/styled.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"])));
|
|
9724
9727
|
|
|
9725
9728
|
var reducePages = function reducePages(pages, currentPage) {
|
|
9726
9729
|
// If there are less than 6 pages, return all pages
|
|
@@ -9738,11 +9741,17 @@ var reducePages = function reducePages(pages, currentPage) {
|
|
|
9738
9741
|
// Otherwise, show 3 pages before and 2 pages after
|
|
9739
9742
|
return pages.slice(currentPage - 2, currentPage + 4);
|
|
9740
9743
|
};
|
|
9744
|
+
var buildUrlWithPage = function buildUrlWithPage(baseUrl, page, search) {
|
|
9745
|
+
var params = new URLSearchParams(search);
|
|
9746
|
+
params.set('page', page.toString());
|
|
9747
|
+
return baseUrl + "?" + params.toString();
|
|
9748
|
+
};
|
|
9741
9749
|
var Pagination = function Pagination(_ref) {
|
|
9742
9750
|
var pageCount = _ref.pageCount,
|
|
9743
9751
|
currentPage = _ref.currentPage,
|
|
9744
9752
|
baseUrl = _ref.baseUrl,
|
|
9745
9753
|
className = _ref.className;
|
|
9754
|
+
var location = useLocation();
|
|
9746
9755
|
// Array of page numbers starting at 1
|
|
9747
9756
|
var pageNumbers = Array.from(Array(pageCount + 1).keys()).slice(1);
|
|
9748
9757
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
@@ -9751,15 +9760,15 @@ var Pagination = function Pagination(_ref) {
|
|
|
9751
9760
|
},
|
|
9752
9761
|
// {/* Left arrow only appears after page 1 */
|
|
9753
9762
|
currentPage > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNav, {
|
|
9754
|
-
href:
|
|
9763
|
+
href: buildUrlWithPage(baseUrl, 1, location.search)
|
|
9755
9764
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9756
9765
|
iconName: "LastPageArrow",
|
|
9757
9766
|
direction: "right"
|
|
9758
|
-
}))), /*#__PURE__*/React__default.createElement(
|
|
9767
|
+
}))), /*#__PURE__*/React__default.createElement(PreviousPageItem, {
|
|
9759
9768
|
key: "previous-page",
|
|
9760
9769
|
"data-testid": "left-arrow"
|
|
9761
9770
|
}, /*#__PURE__*/React__default.createElement(PageNav, {
|
|
9762
|
-
href:
|
|
9771
|
+
href: buildUrlWithPage(baseUrl, currentPage - 1, location.search)
|
|
9763
9772
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9764
9773
|
iconName: "ArrowPagination",
|
|
9765
9774
|
direction: "right"
|
|
@@ -9767,7 +9776,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
9767
9776
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
9768
9777
|
key: page
|
|
9769
9778
|
}, /*#__PURE__*/React__default.createElement(PaginationLink, {
|
|
9770
|
-
href:
|
|
9779
|
+
href: buildUrlWithPage(baseUrl, page, location.search),
|
|
9771
9780
|
"data-testid": "page-number"
|
|
9772
9781
|
}, /*#__PURE__*/React__default.createElement(TextLinkPagination, {
|
|
9773
9782
|
size: "large",
|
|
@@ -9777,26 +9786,26 @@ var Pagination = function Pagination(_ref) {
|
|
|
9777
9786
|
key: "next-page",
|
|
9778
9787
|
"data-testid": "right-arrow"
|
|
9779
9788
|
}, /*#__PURE__*/React__default.createElement(PageNav, {
|
|
9780
|
-
href:
|
|
9789
|
+
href: buildUrlWithPage(baseUrl, currentPage + 1, location.search)
|
|
9781
9790
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9782
9791
|
iconName: "ArrowPagination",
|
|
9783
9792
|
direction: "left"
|
|
9784
|
-
}))), /*#__PURE__*/React__default.createElement(
|
|
9785
|
-
href:
|
|
9793
|
+
}))), /*#__PURE__*/React__default.createElement(LastPageItem, null, /*#__PURE__*/React__default.createElement(PageNav, {
|
|
9794
|
+
href: buildUrlWithPage(baseUrl, pageCount, location.search)
|
|
9786
9795
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9787
9796
|
iconName: "LastPageArrow",
|
|
9788
9797
|
direction: "left"
|
|
9789
9798
|
}))))));
|
|
9790
9799
|
};
|
|
9791
9800
|
|
|
9792
|
-
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$s, _templateObject6$
|
|
9801
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$s, _templateObject6$m, _templateObject7$h;
|
|
9793
9802
|
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);
|
|
9794
9803
|
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"])));
|
|
9795
9804
|
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"])));
|
|
9796
9805
|
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"])));
|
|
9797
9806
|
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9798
|
-
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$
|
|
9799
|
-
var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$
|
|
9807
|
+
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$m || (_templateObject6$m = /*#__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"])));
|
|
9808
|
+
var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9800
9809
|
|
|
9801
9810
|
var Person = function Person(_ref) {
|
|
9802
9811
|
var person = _ref.person,
|
|
@@ -9978,7 +9987,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9978
9987
|
}, creditEntries);
|
|
9979
9988
|
};
|
|
9980
9989
|
|
|
9981
|
-
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$t, _templateObject6$
|
|
9990
|
+
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$t, _templateObject6$n, _templateObject7$i, _templateObject8$c, _templateObject9$7, _templateObject0$7, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
|
|
9982
9991
|
var LENGTH_TEXT = 28;
|
|
9983
9992
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9984
9993
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -10025,8 +10034,8 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$t || (_te
|
|
|
10025
10034
|
var marginBottom = _ref7.marginBottom;
|
|
10026
10035
|
return marginBottom + "px";
|
|
10027
10036
|
});
|
|
10028
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$
|
|
10029
|
-
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$
|
|
10037
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
10038
|
+
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
10030
10039
|
var TextLinkWrapper$3 = /*#__PURE__*/styled.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
10031
10040
|
var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
10032
10041
|
var IconWrapper$2 = /*#__PURE__*/styled.div(_templateObject0$7 || (_templateObject0$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
@@ -10230,7 +10239,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10230
10239
|
}))));
|
|
10231
10240
|
};
|
|
10232
10241
|
|
|
10233
|
-
var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$
|
|
10242
|
+
var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$o, _templateObject7$j;
|
|
10234
10243
|
var LENGTH_TEXT$2 = 28;
|
|
10235
10244
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10236
10245
|
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) {
|
|
@@ -10250,8 +10259,8 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$I ||
|
|
|
10250
10259
|
}, devices.mobile);
|
|
10251
10260
|
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);
|
|
10252
10261
|
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10253
|
-
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$
|
|
10254
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$
|
|
10262
|
+
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$o || (_templateObject6$o = /*#__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);
|
|
10263
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$j || (_templateObject7$j = /*#__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) {
|
|
10255
10264
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10256
10265
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
10257
10266
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -10684,7 +10693,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10684
10693
|
}, description)))));
|
|
10685
10694
|
};
|
|
10686
10695
|
|
|
10687
|
-
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$v, _templateObject6$
|
|
10696
|
+
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$v, _templateObject6$p, _templateObject7$k, _templateObject8$d, _templateObject9$8, _templateObject0$8, _templateObject1$5;
|
|
10688
10697
|
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) {
|
|
10689
10698
|
var theme = _ref.theme;
|
|
10690
10699
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10709,8 +10718,8 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
10709
10718
|
title: 'Select Arrow'
|
|
10710
10719
|
};
|
|
10711
10720
|
})(_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"])));
|
|
10712
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject6$
|
|
10713
|
-
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
10721
|
+
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10722
|
+
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10714
10723
|
var Options = /*#__PURE__*/styled.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10715
10724
|
var Option = /*#__PURE__*/styled.li(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10716
10725
|
var theme = _ref6.theme,
|
|
@@ -11279,13 +11288,13 @@ var Quote = function Quote(_ref) {
|
|
|
11279
11288
|
}, attribution))));
|
|
11280
11289
|
};
|
|
11281
11290
|
|
|
11282
|
-
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$w, _templateObject6$
|
|
11291
|
+
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$w, _templateObject6$q;
|
|
11283
11292
|
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"])));
|
|
11284
11293
|
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"])));
|
|
11285
11294
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11286
11295
|
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11287
11296
|
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);
|
|
11288
|
-
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$
|
|
11297
|
+
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$q || (_templateObject6$q = /*#__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);
|
|
11289
11298
|
|
|
11290
11299
|
var MiniCard = function MiniCard(_ref) {
|
|
11291
11300
|
var _ref$title = _ref.title,
|
|
@@ -11579,7 +11588,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11579
11588
|
});
|
|
11580
11589
|
};
|
|
11581
11590
|
|
|
11582
|
-
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$z, _templateObject6$
|
|
11591
|
+
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$z, _templateObject6$r;
|
|
11583
11592
|
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11584
11593
|
var Sections = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11585
11594
|
var Section = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
@@ -11591,7 +11600,7 @@ var Text = /*#__PURE__*/styled.div(_templateObject5$z || (_templateObject5$z = /
|
|
|
11591
11600
|
var color = _ref2.color;
|
|
11592
11601
|
return "var(--base-color-" + color + ")";
|
|
11593
11602
|
});
|
|
11594
|
-
var LabelText = /*#__PURE__*/styled.div(_templateObject6$
|
|
11603
|
+
var LabelText = /*#__PURE__*/styled.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
11595
11604
|
var color = _ref3.color;
|
|
11596
11605
|
return "var(--base-color-" + color + ")";
|
|
11597
11606
|
});
|
|
@@ -11673,7 +11682,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11673
11682
|
}, strengthLabel))));
|
|
11674
11683
|
};
|
|
11675
11684
|
|
|
11676
|
-
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$
|
|
11685
|
+
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$s, _templateObject7$l, _templateObject8$e, _templateObject9$9, _templateObject0$9;
|
|
11677
11686
|
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11678
11687
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11679
11688
|
var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11687,8 +11696,8 @@ var TableCell = /*#__PURE__*/styled.td(_templateObject5$A || (_templateObject5$A
|
|
|
11687
11696
|
}, function (props) {
|
|
11688
11697
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11689
11698
|
}, devices.mobile);
|
|
11690
|
-
var Pagination$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
11691
|
-
var PageNumber = /*#__PURE__*/styled.button(_templateObject7$
|
|
11699
|
+
var Pagination$1 = /*#__PURE__*/styled.div(_templateObject6$s || (_templateObject6$s = /*#__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"])));
|
|
11700
|
+
var PageNumber = /*#__PURE__*/styled.button(_templateObject7$l || (_templateObject7$l = /*#__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) {
|
|
11692
11701
|
var active = _ref.active;
|
|
11693
11702
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
11694
11703
|
});
|
|
@@ -11877,7 +11886,7 @@ var Table = function Table(_ref) {
|
|
|
11877
11886
|
}))))))))));
|
|
11878
11887
|
};
|
|
11879
11888
|
|
|
11880
|
-
var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$
|
|
11889
|
+
var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$t, _templateObject7$m, _templateObject8$f, _templateObject9$a, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
|
|
11881
11890
|
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) {
|
|
11882
11891
|
var theme = _ref.theme;
|
|
11883
11892
|
return "var(--color-" + theme + ")";
|
|
@@ -11889,8 +11898,8 @@ var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$15 || (_templ
|
|
|
11889
11898
|
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);
|
|
11890
11899
|
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"])));
|
|
11891
11900
|
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);
|
|
11892
|
-
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
11893
|
-
var ServerError = /*#__PURE__*/styled.div(_templateObject7$
|
|
11901
|
+
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$t || (_templateObject6$t = /*#__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);
|
|
11902
|
+
var ServerError = /*#__PURE__*/styled.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11894
11903
|
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);
|
|
11895
11904
|
var ButtonWrapper$3 = /*#__PURE__*/styled.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n color: var(--base-color-white);\n text-decoration: none;\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
11896
11905
|
var FieldsWrapper = /*#__PURE__*/styled.div(_templateObject0$a || (_templateObject0$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 36px;\n\n @media ", " {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n"])), devices.mobile);
|