@royaloperahouse/harmonic 0.7.1-b → 0.7.1-d
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 +3 -1
- package/dist/harmonic.cjs.development.js +35 -30
- 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 +35 -30
- package/dist/harmonic.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -9712,16 +9712,21 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9712
9712
|
}), linkText))))));
|
|
9713
9713
|
};
|
|
9714
9714
|
|
|
9715
|
-
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;
|
|
9716
9716
|
// Keep MorePages for Table component until restyle
|
|
9717
9717
|
var MorePages = /*#__PURE__*/styled.span(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
9718
9718
|
var PaginationLink = /*#__PURE__*/styled.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n color: inherit;\n"])));
|
|
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:
|
|
9720
|
-
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 && {\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) {
|
|
9721
9723
|
var active = _ref.active;
|
|
9722
|
-
return active
|
|
9724
|
+
return active ? "var(--color-primary-red)" : 'inherit';
|
|
9725
|
+
}, function (_ref2) {
|
|
9726
|
+
var active = _ref2.active;
|
|
9727
|
+
return "1px solid " + (active ? 'var(--color-primary-red)' : 'transparent');
|
|
9723
9728
|
});
|
|
9724
|
-
var PageNav = /*#__PURE__*/styled.a(
|
|
9729
|
+
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"])));
|
|
9725
9730
|
|
|
9726
9731
|
var reducePages = function reducePages(pages, currentPage) {
|
|
9727
9732
|
// If there are less than 6 pages, return all pages
|
|
@@ -9762,7 +9767,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
9762
9767
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9763
9768
|
iconName: "LastPageArrow",
|
|
9764
9769
|
direction: "right"
|
|
9765
|
-
}))), /*#__PURE__*/React__default.createElement(
|
|
9770
|
+
}))), /*#__PURE__*/React__default.createElement(PreviousPageItem, {
|
|
9766
9771
|
key: "previous-page",
|
|
9767
9772
|
"data-testid": "left-arrow"
|
|
9768
9773
|
}, /*#__PURE__*/React__default.createElement(PageNav, {
|
|
@@ -9778,7 +9783,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
9778
9783
|
"data-testid": "page-number"
|
|
9779
9784
|
}, /*#__PURE__*/React__default.createElement(TextLinkPagination, {
|
|
9780
9785
|
size: "large",
|
|
9781
|
-
active:
|
|
9786
|
+
active: page === currentPage
|
|
9782
9787
|
}, page.toString())));
|
|
9783
9788
|
}), currentPage < pageCount && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
|
|
9784
9789
|
key: "next-page",
|
|
@@ -9788,7 +9793,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
9788
9793
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9789
9794
|
iconName: "ArrowPagination",
|
|
9790
9795
|
direction: "left"
|
|
9791
|
-
}))), /*#__PURE__*/React__default.createElement(
|
|
9796
|
+
}))), /*#__PURE__*/React__default.createElement(LastPageItem, null, /*#__PURE__*/React__default.createElement(PageNav, {
|
|
9792
9797
|
href: buildUrlWithPage(baseUrl, pageCount, location.search)
|
|
9793
9798
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9794
9799
|
iconName: "LastPageArrow",
|
|
@@ -9796,14 +9801,14 @@ var Pagination = function Pagination(_ref) {
|
|
|
9796
9801
|
}))))));
|
|
9797
9802
|
};
|
|
9798
9803
|
|
|
9799
|
-
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$s, _templateObject6$
|
|
9804
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$s, _templateObject6$m, _templateObject7$h;
|
|
9800
9805
|
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);
|
|
9801
9806
|
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"])));
|
|
9802
9807
|
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"])));
|
|
9803
9808
|
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"])));
|
|
9804
9809
|
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9805
|
-
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$
|
|
9806
|
-
var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$
|
|
9810
|
+
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"])));
|
|
9811
|
+
var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9807
9812
|
|
|
9808
9813
|
var Person = function Person(_ref) {
|
|
9809
9814
|
var person = _ref.person,
|
|
@@ -9985,7 +9990,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9985
9990
|
}, creditEntries);
|
|
9986
9991
|
};
|
|
9987
9992
|
|
|
9988
|
-
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$t, _templateObject6$
|
|
9993
|
+
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;
|
|
9989
9994
|
var LENGTH_TEXT = 28;
|
|
9990
9995
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9991
9996
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -10032,8 +10037,8 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$t || (_te
|
|
|
10032
10037
|
var marginBottom = _ref7.marginBottom;
|
|
10033
10038
|
return marginBottom + "px";
|
|
10034
10039
|
});
|
|
10035
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$
|
|
10036
|
-
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$
|
|
10040
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
10041
|
+
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"])));
|
|
10037
10042
|
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"])));
|
|
10038
10043
|
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);
|
|
10039
10044
|
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);
|
|
@@ -10237,7 +10242,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10237
10242
|
}))));
|
|
10238
10243
|
};
|
|
10239
10244
|
|
|
10240
|
-
var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$
|
|
10245
|
+
var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$o, _templateObject7$j;
|
|
10241
10246
|
var LENGTH_TEXT$2 = 28;
|
|
10242
10247
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10243
10248
|
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) {
|
|
@@ -10257,8 +10262,8 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$I ||
|
|
|
10257
10262
|
}, devices.mobile);
|
|
10258
10263
|
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);
|
|
10259
10264
|
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10260
|
-
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$
|
|
10261
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$
|
|
10265
|
+
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);
|
|
10266
|
+
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) {
|
|
10262
10267
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10263
10268
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
10264
10269
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -10691,7 +10696,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10691
10696
|
}, description)))));
|
|
10692
10697
|
};
|
|
10693
10698
|
|
|
10694
|
-
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$v, _templateObject6$
|
|
10699
|
+
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$v, _templateObject6$p, _templateObject7$k, _templateObject8$d, _templateObject9$8, _templateObject0$8, _templateObject1$5;
|
|
10695
10700
|
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) {
|
|
10696
10701
|
var theme = _ref.theme;
|
|
10697
10702
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10716,8 +10721,8 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
10716
10721
|
title: 'Select Arrow'
|
|
10717
10722
|
};
|
|
10718
10723
|
})(_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"])));
|
|
10719
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject6$
|
|
10720
|
-
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
10724
|
+
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);
|
|
10725
|
+
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10721
10726
|
var Options = /*#__PURE__*/styled.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10722
10727
|
var Option = /*#__PURE__*/styled.li(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10723
10728
|
var theme = _ref6.theme,
|
|
@@ -11286,13 +11291,13 @@ var Quote = function Quote(_ref) {
|
|
|
11286
11291
|
}, attribution))));
|
|
11287
11292
|
};
|
|
11288
11293
|
|
|
11289
|
-
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$w, _templateObject6$
|
|
11294
|
+
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$w, _templateObject6$q;
|
|
11290
11295
|
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"])));
|
|
11291
11296
|
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"])));
|
|
11292
11297
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11293
11298
|
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11294
11299
|
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);
|
|
11295
|
-
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$
|
|
11300
|
+
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);
|
|
11296
11301
|
|
|
11297
11302
|
var MiniCard = function MiniCard(_ref) {
|
|
11298
11303
|
var _ref$title = _ref.title,
|
|
@@ -11586,7 +11591,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11586
11591
|
});
|
|
11587
11592
|
};
|
|
11588
11593
|
|
|
11589
|
-
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$z, _templateObject6$
|
|
11594
|
+
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$z, _templateObject6$r;
|
|
11590
11595
|
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11591
11596
|
var Sections = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11592
11597
|
var Section = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
@@ -11598,7 +11603,7 @@ var Text = /*#__PURE__*/styled.div(_templateObject5$z || (_templateObject5$z = /
|
|
|
11598
11603
|
var color = _ref2.color;
|
|
11599
11604
|
return "var(--base-color-" + color + ")";
|
|
11600
11605
|
});
|
|
11601
|
-
var LabelText = /*#__PURE__*/styled.div(_templateObject6$
|
|
11606
|
+
var LabelText = /*#__PURE__*/styled.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
11602
11607
|
var color = _ref3.color;
|
|
11603
11608
|
return "var(--base-color-" + color + ")";
|
|
11604
11609
|
});
|
|
@@ -11680,7 +11685,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11680
11685
|
}, strengthLabel))));
|
|
11681
11686
|
};
|
|
11682
11687
|
|
|
11683
|
-
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$
|
|
11688
|
+
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$s, _templateObject7$l, _templateObject8$e, _templateObject9$9, _templateObject0$9;
|
|
11684
11689
|
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11685
11690
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11686
11691
|
var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11694,8 +11699,8 @@ var TableCell = /*#__PURE__*/styled.td(_templateObject5$A || (_templateObject5$A
|
|
|
11694
11699
|
}, function (props) {
|
|
11695
11700
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11696
11701
|
}, devices.mobile);
|
|
11697
|
-
var Pagination$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
11698
|
-
var PageNumber = /*#__PURE__*/styled.button(_templateObject7$
|
|
11702
|
+
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"])));
|
|
11703
|
+
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) {
|
|
11699
11704
|
var active = _ref.active;
|
|
11700
11705
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
11701
11706
|
});
|
|
@@ -11884,7 +11889,7 @@ var Table = function Table(_ref) {
|
|
|
11884
11889
|
}))))))))));
|
|
11885
11890
|
};
|
|
11886
11891
|
|
|
11887
|
-
var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$
|
|
11892
|
+
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;
|
|
11888
11893
|
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) {
|
|
11889
11894
|
var theme = _ref.theme;
|
|
11890
11895
|
return "var(--color-" + theme + ")";
|
|
@@ -11896,8 +11901,8 @@ var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$15 || (_templ
|
|
|
11896
11901
|
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);
|
|
11897
11902
|
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"])));
|
|
11898
11903
|
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);
|
|
11899
|
-
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
11900
|
-
var ServerError = /*#__PURE__*/styled.div(_templateObject7$
|
|
11904
|
+
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);
|
|
11905
|
+
var ServerError = /*#__PURE__*/styled.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11901
11906
|
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);
|
|
11902
11907
|
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);
|
|
11903
11908
|
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);
|