@royaloperahouse/harmonic 1.0.9-e → 1.0.9-f
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/CastFilter/Variant/CastFiltersVariant.d.ts +3 -2
- package/dist/components/molecules/CastFilter/Variant/CastFiltersVariant.style.d.ts +1 -0
- package/dist/harmonic.cjs.development.js +56 -58
- 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 +56 -58
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/types/types.d.ts +3 -0
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -7197,12 +7197,13 @@ var CastFilters = function CastFilters(_ref) {
|
|
|
7197
7197
|
}, textLinkText != null ? textLinkText : 'Clear')))))));
|
|
7198
7198
|
};
|
|
7199
7199
|
|
|
7200
|
-
var _templateObject$L, _templateObject2$y, _templateObject3$l, _templateObject4$j, _templateObject5$g;
|
|
7200
|
+
var _templateObject$L, _templateObject2$y, _templateObject3$l, _templateObject4$j, _templateObject5$g, _templateObject6$a;
|
|
7201
7201
|
var CastFiltersWrapperVariant = /*#__PURE__*/styled(CastFiltersWrapper)(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0px;\n"])));
|
|
7202
|
-
var AppliedCastFiltersPortal = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:has(> div[data-roh='cast-applied']) {\n margin-bottom:
|
|
7203
|
-
var CastFiltersGrid = /*#__PURE__*/styled(Grid)(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom:
|
|
7204
|
-
var CastWrapperVariant = /*#__PURE__*/styled(CastWrapper)(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom:
|
|
7202
|
+
var AppliedCastFiltersPortal = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:has(> div[data-roh='cast-applied']) {\n margin-bottom: 32px;\n }\n"])));
|
|
7203
|
+
var CastFiltersGrid = /*#__PURE__*/styled(Grid)(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
7204
|
+
var CastWrapperVariant = /*#__PURE__*/styled(CastWrapper)(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n"])));
|
|
7205
7205
|
var HeadingTextWrapperVariant = /*#__PURE__*/styled(HeadingTextWrapper)(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n p {\n font-size: 17px;\n }\n }\n"])), devices.mobile);
|
|
7206
|
+
var CastFiltersComponentWrapperVariant = /*#__PURE__*/styled(CastFiltersComponentWrapper)(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0px;\n\n @media ", " {\n gap: 0px;\n }\n"])), devices.mobile);
|
|
7206
7207
|
|
|
7207
7208
|
var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
7208
7209
|
var cast = _ref.cast,
|
|
@@ -7222,7 +7223,9 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7222
7223
|
greyscale = _ref$greyscale === void 0 ? false : _ref$greyscale,
|
|
7223
7224
|
_ref$selectedIndices = _ref.selectedIndices,
|
|
7224
7225
|
selectedIndices = _ref$selectedIndices === void 0 ? [] : _ref$selectedIndices,
|
|
7225
|
-
selectedIds = _ref.selectedIds
|
|
7226
|
+
selectedIds = _ref.selectedIds,
|
|
7227
|
+
_ref$showCastFilterAp = _ref.showCastFilterApply,
|
|
7228
|
+
showCastFilterApply = _ref$showCastFilterAp === void 0 ? false : _ref$showCastFilterAp;
|
|
7226
7229
|
var _useViewport = useViewport(),
|
|
7227
7230
|
isMobile = _useViewport.isMobile;
|
|
7228
7231
|
var castWrapperRef = useRef(null);
|
|
@@ -7240,9 +7243,6 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7240
7243
|
var _useState3 = useState(true),
|
|
7241
7244
|
showRotatorButtons = _useState3[0],
|
|
7242
7245
|
setShowRotatorButtons = _useState3[1];
|
|
7243
|
-
var _useState4 = useState(false),
|
|
7244
|
-
showApply = _useState4[0],
|
|
7245
|
-
setShowApply = _useState4[1];
|
|
7246
7246
|
var onIndexChangeHandler = function onIndexChangeHandler(index) {
|
|
7247
7247
|
setAvailablePrev(index > 0);
|
|
7248
7248
|
setAvailableNext(function () {
|
|
@@ -7366,7 +7366,6 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7366
7366
|
if (hasDraggedRef.current) return;
|
|
7367
7367
|
if (onSelectId) onSelectId(itemId);
|
|
7368
7368
|
if (onSelect) onSelect(index);
|
|
7369
|
-
setShowApply(true);
|
|
7370
7369
|
if (onClick) onClick();
|
|
7371
7370
|
}, [onSelect, onSelectId]);
|
|
7372
7371
|
var handlePersonKeydown = React__default.useCallback(function (e, index, itemId, onClick) {
|
|
@@ -7423,7 +7422,7 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7423
7422
|
}, name)));
|
|
7424
7423
|
});
|
|
7425
7424
|
};
|
|
7426
|
-
return /*#__PURE__*/React__default.createElement(
|
|
7425
|
+
return /*#__PURE__*/React__default.createElement(CastFiltersComponentWrapperVariant, {
|
|
7427
7426
|
className: className
|
|
7428
7427
|
}, /*#__PURE__*/React__default.createElement(CastFiltersWrapperVariant, null, /*#__PURE__*/React__default.createElement(CastFiltersGrid, null, headingText && (/*#__PURE__*/React__default.createElement(GridItem, {
|
|
7429
7428
|
columnStartDesktop: 1,
|
|
@@ -7459,16 +7458,15 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7459
7458
|
ref: swipeRef,
|
|
7460
7459
|
onOverflowChange: handleOverflowChange,
|
|
7461
7460
|
limitDragToNavigableRange: true
|
|
7462
|
-
}, getPersonCards()))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons, null, selectedStateIndices.length === 0 && emptySelectionText && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7461
|
+
}, getPersonCards()))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons, null, selectedStateIndices.length === 0 && !showCastFilterApply && emptySelectionText && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7463
7462
|
size: "medium",
|
|
7464
7463
|
className: "mobile-only"
|
|
7465
|
-
}, emptySelectionText)), selectedStateIndices.length === 0 && !emptySelectionText && /*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null),
|
|
7464
|
+
}, emptySelectionText)), selectedStateIndices.length === 0 && !showCastFilterApply && !emptySelectionText && (/*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null)), showCastFilterApply && (onApply || onApplyIds) && (/*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
7466
7465
|
onClick: function onClick() {
|
|
7467
7466
|
if (onApply) onApply(selectedStateIndices);
|
|
7468
7467
|
if (onApplyIds) onApplyIds(selectedStateIds);
|
|
7469
|
-
setShowApply(false);
|
|
7470
7468
|
}
|
|
7471
|
-
}, ctaText != null ? ctaText : 'Apply')), onClear &&
|
|
7469
|
+
}, ctaText != null ? ctaText : 'Apply')), onClear && selectedStateIndices.length > 0 && (/*#__PURE__*/React__default.createElement(TextLink, {
|
|
7472
7470
|
tabIndex: 0,
|
|
7473
7471
|
role: "button",
|
|
7474
7472
|
onClick: onClear,
|
|
@@ -7477,13 +7475,13 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
7477
7475
|
});
|
|
7478
7476
|
CastFiltersVariant.displayName = 'CastFiltersVariant';
|
|
7479
7477
|
|
|
7480
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$m, _templateObject4$k, _templateObject5$h, _templateObject6$
|
|
7478
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$m, _templateObject4$k, _templateObject5$h, _templateObject6$b, _templateObject7$7;
|
|
7481
7479
|
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
7482
7480
|
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), devices.mobileAndTablet);
|
|
7483
7481
|
var AddressWrapper = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
7484
7482
|
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
7485
7483
|
var MobileSuffixWrapper = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
7486
|
-
var DesktopSuffixWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
7484
|
+
var DesktopSuffixWrapper = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7487
7485
|
var DetailsWrapper = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n a {\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n color: var(--color-base-black);\n text-decoration: underline;\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n margin-right: 13px;\n display: inline-block;\n\n &:last-child {\n margin-right: 0;\n }\n\n @media ", " {\n font-size: 17px;\n line-height: 24px;\n }\n }\n"])), devices.mobile);
|
|
7488
7486
|
|
|
7489
7487
|
var ContactCard = function ContactCard(_ref) {
|
|
@@ -7535,13 +7533,13 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7535
7533
|
}, addressString)))))))));
|
|
7536
7534
|
};
|
|
7537
7535
|
|
|
7538
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$n, _templateObject4$l, _templateObject5$i, _templateObject6$
|
|
7536
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$n, _templateObject4$l, _templateObject5$i, _templateObject6$c, _templateObject7$8, _templateObject8$5;
|
|
7539
7537
|
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
7540
7538
|
var ContactNewsletterSeparator = /*#__PURE__*/styled.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
7541
7539
|
var SignUpWrapper = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
7542
7540
|
var SignUpText = /*#__PURE__*/styled.p(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
7543
7541
|
var ContactWrapper = /*#__PURE__*/styled.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
7544
|
-
var MediaLinksWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
7542
|
+
var MediaLinksWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
7545
7543
|
var MediaIconWrapper$1 = /*#__PURE__*/styled.a(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
7546
7544
|
var TextLinkWrapper$1 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &&& {\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n }\n"])));
|
|
7547
7545
|
|
|
@@ -7568,7 +7566,7 @@ var ContactNewsletter = function ContactNewsletter(_ref) {
|
|
|
7568
7566
|
}, contact.title))));
|
|
7569
7567
|
};
|
|
7570
7568
|
|
|
7571
|
-
var _templateObject$O, _templateObject2$B, _templateObject3$o, _templateObject4$m, _templateObject5$j, _templateObject6$
|
|
7569
|
+
var _templateObject$O, _templateObject2$B, _templateObject3$o, _templateObject4$m, _templateObject5$j, _templateObject6$d;
|
|
7572
7570
|
var BodyTextRelative = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7573
7571
|
var ContentSummaryWrapper = /*#__PURE__*/styled.article(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 36px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
7574
7572
|
return props.clickable ? 'pointer' : 'default';
|
|
@@ -7578,7 +7576,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$m || (_
|
|
|
7578
7576
|
return props.showImage ? 2 : '1 / span 4';
|
|
7579
7577
|
}, devices.mobile);
|
|
7580
7578
|
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
7581
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
7579
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
|
|
7582
7580
|
return !!props.truncate && "\n overflow: hidden;\n position: relative;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n min-height: 1em;\n max-height: 3em;\n ";
|
|
7583
7581
|
});
|
|
7584
7582
|
|
|
@@ -8151,7 +8149,7 @@ var Information = function Information(_ref) {
|
|
|
8151
8149
|
})))));
|
|
8152
8150
|
};
|
|
8153
8151
|
|
|
8154
|
-
var _templateObject$T, _templateObject2$G, _templateObject3$t, _templateObject4$p, _templateObject5$l, _templateObject6$
|
|
8152
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$t, _templateObject4$p, _templateObject5$l, _templateObject6$e, _templateObject7$9, _templateObject8$6;
|
|
8155
8153
|
var PageHeadingWrapper = /*#__PURE__*/styled('div')(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: var(--page-header-bg-color);\n color: var(--color-base-white);\n\n ", ";\n\n h1,\n h2,\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
8156
8154
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8157
8155
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -8175,7 +8173,7 @@ var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject5$l || (_templateOb
|
|
|
8175
8173
|
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
8176
8174
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
8177
8175
|
}, devices.mobile);
|
|
8178
|
-
var TextWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
8176
|
+
var TextWrapper = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-white);\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
8179
8177
|
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n\n ", ";\n }\n }\n"])), devices.mobile, function (_ref7) {
|
|
8180
8178
|
var isPageHeadingWithoutTitle = _ref7.isPageHeadingWithoutTitle;
|
|
8181
8179
|
return isPageHeadingWithoutTitle && "\n margin-top: 15px;\n ";
|
|
@@ -8256,7 +8254,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
8256
8254
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
8257
8255
|
};
|
|
8258
8256
|
|
|
8259
|
-
var _templateObject$U, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$m, _templateObject6$
|
|
8257
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$m, _templateObject6$f, _templateObject7$a, _templateObject8$7;
|
|
8260
8258
|
var ImpactHeaderWrapper = /*#__PURE__*/styled.header(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--color-base-black);\n padding: 36px 0;\n\n @media ", " {\n padding: 21px 0;\n }\n"])), devices.mobile);
|
|
8261
8259
|
var ImpactTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: grid;\n grid-template-columns: ", ";\n padding: 0 50px;\n\n @media ", " {\n padding: 0 50px;\n }\n\n @media ", " {\n padding: 0 20px;\n grid-template-columns: ", ";\n }\n"])), function (_ref) {
|
|
8262
8260
|
var hasButton = _ref.hasButton,
|
|
@@ -8273,7 +8271,7 @@ var TitleButtonWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templat
|
|
|
8273
8271
|
});
|
|
8274
8272
|
var TitleButton = /*#__PURE__*/styled(PrimaryButton)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n position: static;\n margin-right: 0;\n }\n"])), devices.mobile);
|
|
8275
8273
|
var MobileButtonWrapper = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n box-sizing: border-box;\n padding: 0 20px 16px 20px;\n"])));
|
|
8276
|
-
var ImpactTitle = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$
|
|
8274
|
+
var ImpactTitle = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: -webkit-box;\n align-self: center;\n grid-column: ", ";\n min-width: 0;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n max-height: calc(48px * 2);\n text-align: center;\n padding-bottom: 2px;\n\n @media ", " {\n grid-column: 1;\n -webkit-line-clamp: 4;\n max-height: calc(34px * 4);\n text-align: left;\n }\n"])), function (_ref4) {
|
|
8277
8275
|
var hasColumns = _ref4.hasColumns;
|
|
8278
8276
|
return hasColumns ? '3' : '1';
|
|
8279
8277
|
}, devices.mobile);
|
|
@@ -8554,7 +8552,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8554
8552
|
})))));
|
|
8555
8553
|
};
|
|
8556
8554
|
|
|
8557
|
-
var _templateObject$X, _templateObject2$K, _templateObject3$x, _templateObject4$t, _templateObject5$o, _templateObject6$
|
|
8555
|
+
var _templateObject$X, _templateObject2$K, _templateObject3$x, _templateObject4$t, _templateObject5$o, _templateObject6$g, _templateObject7$b, _templateObject8$8, _templateObject9$4, _templateObject0$4, _templateObject1$3;
|
|
8558
8556
|
var Wrapper$3 = /*#__PURE__*/styled.section(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8559
8557
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
8560
8558
|
var SponsorWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
@@ -8566,7 +8564,7 @@ var ContentSection = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObj
|
|
|
8566
8564
|
var showBlock = _ref2.showBlock;
|
|
8567
8565
|
return showBlock ? 'block' : 'none';
|
|
8568
8566
|
}, devices.mobile);
|
|
8569
|
-
var BadgeWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
8567
|
+
var BadgeWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n height: 32px;\n }\n\n @media ", " {\n margin-bottom: 12px;\n }\n"])), devices.mobile);
|
|
8570
8568
|
var AdditionalContentWrapper = /*#__PURE__*/styled.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: start;\n align-items: center;\n width: 200px;\n\n @media ", " {\n order: ", ";\n width: 100%;\n justify-content: center;\n }\n"])), devices.mobile, function (_ref3) {
|
|
8571
8569
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
8572
8570
|
return isBadgePresent ? '1' : '4';
|
|
@@ -8816,12 +8814,12 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
8816
8814
|
})))));
|
|
8817
8815
|
};
|
|
8818
8816
|
|
|
8819
|
-
var _templateObject$Z, _templateObject2$M, _templateObject3$z, _templateObject5$p, _templateObject6$
|
|
8817
|
+
var _templateObject$Z, _templateObject2$M, _templateObject3$z, _templateObject5$p, _templateObject6$h, _templateObject7$c, _templateObject8$9, _templateObject9$5, _templateObject0$5;
|
|
8820
8818
|
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
8821
8819
|
var BrandingTextBody = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
8822
8820
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8823
8821
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
8824
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$
|
|
8822
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . . . . . . . . . . . .'\n '. logo logo logo title title title title title title title title cta cta . .'\n '. . . . . . . . . . . . . . . .';\n align-content: center;\n gap: 0 var(--grid-column-gap);\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'logo'\n 'title'\n 'cta';\n\n gap: 0;\n row-gap: 16px;\n height: auto;\n padding: 32px 20px;\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'logo'\n 'title'\n 'cta';\n\n gap: 0;\n row-gap: 16px;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
8825
8823
|
var invert = _ref.invert,
|
|
8826
8824
|
theme = _ref.theme;
|
|
8827
8825
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -9070,7 +9068,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9070
9068
|
}), linkText))))));
|
|
9071
9069
|
};
|
|
9072
9070
|
|
|
9073
|
-
var _templateObject$_, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$
|
|
9071
|
+
var _templateObject$_, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$i, _templateObject7$d;
|
|
9074
9072
|
var HighlightsGrid = /*#__PURE__*/styled(Grid)(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
9075
9073
|
var HighlightTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h1 {\n margin: 0 0 8px 0;\n }\n p {\n text-transform: uppercase;\n }\n"])));
|
|
9076
9074
|
var HighlightTextWrapper = /*#__PURE__*/styled.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobile);
|
|
@@ -9085,7 +9083,7 @@ var HighlightsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject5$q || (_
|
|
|
9085
9083
|
var hasMultipleImages = _ref3.hasMultipleImages;
|
|
9086
9084
|
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
9087
9085
|
}, devices.mobile);
|
|
9088
|
-
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.div(_templateObject6$
|
|
9086
|
+
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin-top: 8px;\n margin-bottom: 8px;\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white) !important;\n }\n\n & {\n display: flex;\n margin-left: 100px;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.mobile);
|
|
9089
9087
|
var RotatorButtonsWrapper$2 = /*#__PURE__*/styled.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
|
|
9090
9088
|
|
|
9091
9089
|
/* eslint-disable react/no-danger */
|
|
@@ -9149,12 +9147,12 @@ var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {
|
|
|
9149
9147
|
}))))));
|
|
9150
9148
|
};
|
|
9151
9149
|
|
|
9152
|
-
var _templateObject$$, _templateObject2$O, _templateObject3$B, _templateObject5$r, _templateObject6$
|
|
9150
|
+
var _templateObject$$, _templateObject2$O, _templateObject3$B, _templateObject5$r, _templateObject6$j, _templateObject7$e, _templateObject8$a;
|
|
9153
9151
|
var linkButtonStyles = /*#__PURE__*/css(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n background: none;\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n font: inherit;\n padding: 0;\n\n span {\n height: 1.5em;\n width: 1.5em;\n\n svg > path {\n fill: var(--color-base-black);\n }\n }\n\n &:hover {\n outline: none;\n }\n"])));
|
|
9154
9152
|
var PageNav = /*#__PURE__*/styled.a(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9155
9153
|
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9156
9154
|
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\n align-items: center;\n justify-content: center;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: 0 auto;\n\n li {\n margin-left: 24px;\n color: var(--color-base-black);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n li:first-child {\n margin-left: 0px;\n }\n"])));
|
|
9157
|
-
var LastPageItem = /*#__PURE__*/styled.li(_templateObject6$
|
|
9155
|
+
var LastPageItem = /*#__PURE__*/styled.li(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9158
9156
|
var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9159
9157
|
var TextLinkPagination = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject8$a || (_templateObject8$a = /*#__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) {
|
|
9160
9158
|
var active = _ref.active;
|
|
@@ -9540,7 +9538,7 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
9540
9538
|
}));
|
|
9541
9539
|
};
|
|
9542
9540
|
|
|
9543
|
-
var _templateObject$15, _templateObject3$D, _templateObject4$w, _templateObject5$s, _templateObject6$
|
|
9541
|
+
var _templateObject$15, _templateObject3$D, _templateObject4$w, _templateObject5$s, _templateObject6$k, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6, _templateObject1$4, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
9544
9542
|
var LENGTH_TEXT = 28;
|
|
9545
9543
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9546
9544
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9589,7 +9587,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$w || (_te
|
|
|
9589
9587
|
return mobileMarginBottom && "\n @media " + devices.mobile + " {\n margin-bottom: " + mobileMarginBottom + "px;\n }\n ";
|
|
9590
9588
|
});
|
|
9591
9589
|
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
9592
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
9590
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
9593
9591
|
var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject7$f || (_templateObject7$f = /*#__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);
|
|
9594
9592
|
var IconWrapper$2 = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8$b = /*#__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);
|
|
9595
9593
|
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
@@ -9812,7 +9810,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9812
9810
|
}))));
|
|
9813
9811
|
};
|
|
9814
9812
|
|
|
9815
|
-
var _templateObject$16, _templateObject2$S, _templateObject3$E, _templateObject4$x, _templateObject5$t, _templateObject6$
|
|
9813
|
+
var _templateObject$16, _templateObject2$S, _templateObject3$E, _templateObject4$x, _templateObject5$t, _templateObject6$l, _templateObject7$g;
|
|
9816
9814
|
var LENGTH_TEXT$2 = 28;
|
|
9817
9815
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9818
9816
|
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$16 || (_templateObject$16 = /*#__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) {
|
|
@@ -9832,7 +9830,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$E ||
|
|
|
9832
9830
|
}, devices.mobile);
|
|
9833
9831
|
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9834
9832
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9835
|
-
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$
|
|
9833
|
+
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$l || (_templateObject6$l = /*#__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);
|
|
9836
9834
|
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$g || (_templateObject7$g = /*#__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) {
|
|
9837
9835
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
9838
9836
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
@@ -10217,12 +10215,12 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
10217
10215
|
return null;
|
|
10218
10216
|
};
|
|
10219
10217
|
|
|
10220
|
-
var _templateObject$1b, _templateObject2$W, _templateObject3$I, _templateObject5$u, _templateObject6$
|
|
10218
|
+
var _templateObject$1b, _templateObject2$W, _templateObject3$I, _templateObject5$u, _templateObject6$m, _templateObject7$h;
|
|
10221
10219
|
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: transparent;\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
10222
10220
|
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
10223
10221
|
var SvgContainerClose = /*#__PURE__*/styled.button(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n\n &:focus {\n outline: 2px solid var(--color-primary-black);\n outline-offset: 2px;\n }\n"])));
|
|
10224
10222
|
var InputContainer = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-serif);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--color-base-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
10225
|
-
var TextLinkWrapper$3 = /*#__PURE__*/styled(TextLink)(_templateObject6$
|
|
10223
|
+
var TextLinkWrapper$3 = /*#__PURE__*/styled(TextLink)(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
10226
10224
|
var SearchArrowContainer = /*#__PURE__*/styled.a(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-right: 8px;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
10227
10225
|
|
|
10228
10226
|
function useFocusTrap(containerRef, onEscape, enabled) {
|
|
@@ -10682,7 +10680,7 @@ var Tabs = function Tabs(_ref) {
|
|
|
10682
10680
|
}, "Menu"))))));
|
|
10683
10681
|
};
|
|
10684
10682
|
|
|
10685
|
-
var _templateObject$1f, _templateObject3$L, _templateObject4$A, _templateObject5$v, _templateObject6$
|
|
10683
|
+
var _templateObject$1f, _templateObject3$L, _templateObject4$A, _templateObject5$v, _templateObject6$n, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10686
10684
|
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-light-grey);\n padding: 40px 20px;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 20px;\n align-items: stretch;\n"])));
|
|
10687
10685
|
var PromoLabel = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: var(--upsell-border-color);\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n\n && {\n color: var(--color-base-white);\n }\n\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'liga' off,\n 'calt' off;\n text-align: center;\n"])));
|
|
10688
10686
|
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: auto;\n padding-top: 10px;\n width: fit-content;\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media ", " {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n }\n\n ", "\n\n @media ", ", ", " {\n a {\n text-align: center;\n }\n }\n"])), function (_ref) {
|
|
@@ -10696,7 +10694,7 @@ var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject5$v || (_templateO
|
|
|
10696
10694
|
var singleChild = _ref3.singleChild;
|
|
10697
10695
|
return singleChild ? '0' : '10px';
|
|
10698
10696
|
});
|
|
10699
|
-
var DescriptionWrapper = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$
|
|
10697
|
+
var DescriptionWrapper = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && p {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
10700
10698
|
var PriceRow = /*#__PURE__*/styled.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n"])));
|
|
10701
10699
|
var LineThrough = /*#__PURE__*/styled(HarmonicHeader)(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--color-base-dark-grey);\n"])));
|
|
10702
10700
|
var VisuallyHidden = /*#__PURE__*/styled.span(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 0 !important;\n clip: rect(1px, 1px, 1px, 1px) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n height: 1px !important;\n margin: -1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n white-space: nowrap !important;\n"])));
|
|
@@ -10835,13 +10833,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10835
10833
|
}, caption))));
|
|
10836
10834
|
};
|
|
10837
10835
|
|
|
10838
|
-
var _templateObject$1h, _templateObject2$_, _templateObject3$N, _templateObject4$B, _templateObject5$w, _templateObject6$
|
|
10836
|
+
var _templateObject$1h, _templateObject2$_, _templateObject3$N, _templateObject4$B, _templateObject5$w, _templateObject6$o;
|
|
10839
10837
|
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__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"])));
|
|
10840
10838
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10841
10839
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10842
10840
|
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10843
10841
|
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);
|
|
10844
|
-
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$
|
|
10842
|
+
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$o || (_templateObject6$o = /*#__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);
|
|
10845
10843
|
|
|
10846
10844
|
var MiniCard = function MiniCard(_ref) {
|
|
10847
10845
|
var _ref$title = _ref.title,
|
|
@@ -11207,7 +11205,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11207
11205
|
});
|
|
11208
11206
|
};
|
|
11209
11207
|
|
|
11210
|
-
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$E, _templateObject5$z, _templateObject6$
|
|
11208
|
+
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$E, _templateObject5$z, _templateObject6$p;
|
|
11211
11209
|
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11212
11210
|
var Sections = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11213
11211
|
var Section = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
@@ -11219,7 +11217,7 @@ var Text = /*#__PURE__*/styled.div(_templateObject5$z || (_templateObject5$z = /
|
|
|
11219
11217
|
var color = _ref2.color;
|
|
11220
11218
|
return "var(--base-color-" + color + ")";
|
|
11221
11219
|
});
|
|
11222
|
-
var LabelText = /*#__PURE__*/styled.div(_templateObject6$
|
|
11220
|
+
var LabelText = /*#__PURE__*/styled.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
11223
11221
|
var color = _ref3.color;
|
|
11224
11222
|
return "var(--base-color-" + color + ")";
|
|
11225
11223
|
});
|
|
@@ -11301,7 +11299,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11301
11299
|
}, strengthLabel))));
|
|
11302
11300
|
};
|
|
11303
11301
|
|
|
11304
|
-
var _templateObject$1n, _templateObject2$13, _templateObject3$R, _templateObject4$F, _templateObject5$A, _templateObject6$
|
|
11302
|
+
var _templateObject$1n, _templateObject2$13, _templateObject3$R, _templateObject4$F, _templateObject5$A, _templateObject6$q, _templateObject7$j, _templateObject8$d;
|
|
11305
11303
|
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11306
11304
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11307
11305
|
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11311,7 +11309,7 @@ var TableHeader = /*#__PURE__*/styled.th(_templateObject4$F || (_templateObject4
|
|
|
11311
11309
|
var TableCell = /*#__PURE__*/styled.td(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n vertical-align: middle;\n border: 1px solid var(--color-primary-black);\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 min-width: 150px;\n }\n"])), function (props) {
|
|
11312
11310
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11313
11311
|
}, devices.mobile);
|
|
11314
|
-
var PaginationWrapper = /*#__PURE__*/styled(Pagination)(_templateObject6$
|
|
11312
|
+
var PaginationWrapper = /*#__PURE__*/styled(Pagination)(_templateObject6$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 40px;\n padding-bottom: 80px;\n\n @media ", " {\n padding-top: 24px;\n padding-bottom: 60px;\n }\n"])), devices.mobile);
|
|
11315
11313
|
var ScrollButtons = /*#__PURE__*/styled.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 60px 0 24px 0;\n\n div:hover {\n background-color: var(--color-base-light-grey);\n }\n\n > div > div {\n background-color: var(--color-base-light-grey);\n }\n\n svg path {\n fill: var(--color-base-black) !important;\n }\n"])));
|
|
11316
11314
|
var AriaDescription$2 = /*#__PURE__*/styled.span(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
11317
11315
|
|
|
@@ -11516,7 +11514,7 @@ var Table = function Table(_ref) {
|
|
|
11516
11514
|
}))));
|
|
11517
11515
|
};
|
|
11518
11516
|
|
|
11519
|
-
var _templateObject$1o, _templateObject2$14, _templateObject3$S, _templateObject4$G, _templateObject5$B, _templateObject6$
|
|
11517
|
+
var _templateObject$1o, _templateObject2$14, _templateObject3$S, _templateObject4$G, _templateObject5$B, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
11520
11518
|
var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11521
11519
|
var theme = _ref.theme;
|
|
11522
11520
|
return "var(--color-" + theme + ")";
|
|
@@ -11528,7 +11526,7 @@ var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$14 || (_templ
|
|
|
11528
11526
|
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$S || (_templateObject3$S = /*#__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);
|
|
11529
11527
|
var Error = /*#__PURE__*/styled.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11530
11528
|
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);
|
|
11531
|
-
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
11529
|
+
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$r || (_templateObject6$r = /*#__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);
|
|
11532
11530
|
var ServerError = /*#__PURE__*/styled.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11533
11531
|
var CTALinkWrapper = /*#__PURE__*/styled.a(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
11534
11532
|
var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject9$8 || (_templateObject9$8 = /*#__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);
|
|
@@ -12104,7 +12102,7 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
12104
12102
|
}));
|
|
12105
12103
|
};
|
|
12106
12104
|
|
|
12107
|
-
var _templateObject$1r, _templateObject2$17, _templateObject3$T, _templateObject4$I, _templateObject5$D, _templateObject6$
|
|
12105
|
+
var _templateObject$1r, _templateObject2$17, _templateObject3$T, _templateObject4$I, _templateObject5$D, _templateObject6$s, _templateObject7$l;
|
|
12108
12106
|
var color = 'primary-black';
|
|
12109
12107
|
var Button$2 = /*#__PURE__*/styled(SecondaryButton).attrs({
|
|
12110
12108
|
borderColor: color,
|
|
@@ -12121,7 +12119,7 @@ var Heading = /*#__PURE__*/styled(HarmonicHeader).attrs({
|
|
|
12121
12119
|
var Intro = /*#__PURE__*/styled(HarmonicSubtitle).attrs({
|
|
12122
12120
|
size: 'large'
|
|
12123
12121
|
})(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
12124
|
-
var SignInLink = /*#__PURE__*/styled.a(_templateObject6$
|
|
12122
|
+
var SignInLink = /*#__PURE__*/styled.a(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--primary-black);\n cursor: pointer;\n text-decoration: underline;\n text-decoration-skip: none;\n"])));
|
|
12125
12123
|
var SignInPrompt = /*#__PURE__*/styled(BodyCopyHarmonic).attrs({
|
|
12126
12124
|
size: 'large'
|
|
12127
12125
|
})(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -12343,13 +12341,13 @@ var Navigation = function Navigation(_ref) {
|
|
|
12343
12341
|
})))))));
|
|
12344
12342
|
};
|
|
12345
12343
|
|
|
12346
|
-
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$J, _templateObject5$E, _templateObject6$
|
|
12344
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$J, _templateObject5$E, _templateObject6$t, _templateObject7$m;
|
|
12347
12345
|
var FooterSection = /*#__PURE__*/styled(Grid)(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n padding: 44px 0px;\n grid-template-areas: '. . policy policy policy policy social social social social logo logo logo logo . .';\n\n @media ", " {\n padding: 40px 0px;\n gap: 24px;\n }\n\n @media ", " {\n padding: 20px 0px;\n row-gap: 40px;\n grid-template-areas:\n '. social social social social social social social social social social social social .'\n '. policy policy policy policy policy policy policy policy policy policy policy policy .'\n '. logo logo logo logo logo logo logo logo logo logo logo logo .';\n }\n"])), devices.tablet, devices.mobile);
|
|
12348
12346
|
var PolicyLinksSection = /*#__PURE__*/styled(GridItem)(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: policy;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media ", " {\n gap: 20px;\n }\n\n @media ", " {\n gap: 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
12349
12347
|
var SocialAndNewsletterSection = /*#__PURE__*/styled(GridItem)(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: social;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n\n @media ", " {\n gap: 40px;\n }\n"])), devices.mobile);
|
|
12350
12348
|
var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
12351
12349
|
var LogoAndDescriptionSection = /*#__PURE__*/styled(GridItem)(_templateObject5$E || (_templateObject5$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
12352
|
-
var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$
|
|
12350
|
+
var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
12353
12351
|
var TextLinkWrapper$5 = /*#__PURE__*/styled(TextLink)(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 24px;\n letter-spacing: 0.4px;\n color: var(--color-base-white);\n border-bottom: unset;\n text-decoration: underline;\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
12354
12352
|
|
|
12355
12353
|
var SPONSOR_IMAGE_SOURCE = 'https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/sponsorlogos/arts-council-england-invert.svg';
|
|
@@ -12689,7 +12687,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12689
12687
|
})))) : null))));
|
|
12690
12688
|
};
|
|
12691
12689
|
|
|
12692
|
-
var _templateObject$1v, _templateObject2$1a, _templateObject3$W, _templateObject4$L, _templateObject6$
|
|
12690
|
+
var _templateObject$1v, _templateObject2$1a, _templateObject3$W, _templateObject4$L, _templateObject6$u, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12693
12691
|
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
12694
12692
|
var sticky = _ref.sticky;
|
|
12695
12693
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -12700,7 +12698,7 @@ var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$W || (_templateO
|
|
|
12700
12698
|
return title ? 'row' : 'row-reverse';
|
|
12701
12699
|
}, devices.tablet, devices.mobile);
|
|
12702
12700
|
var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$L || (_templateObject4$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
|
|
12703
|
-
var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
12701
|
+
var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$u || (_templateObject6$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
12704
12702
|
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
12705
12703
|
var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
12706
12704
|
var theme = _ref3.theme;
|
|
@@ -13042,7 +13040,7 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
13042
13040
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
13043
13041
|
};
|
|
13044
13042
|
|
|
13045
|
-
var _templateObject$1z, _templateObject2$1e, _templateObject3$Z, _templateObject4$O, _templateObject5$G, _templateObject6$
|
|
13043
|
+
var _templateObject$1z, _templateObject2$1e, _templateObject3$Z, _templateObject4$O, _templateObject5$G, _templateObject6$v, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
13046
13044
|
var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n\n &:fullscreen {\n background: var(--color-base-white);\n padding-top: 44px;\n padding-bottom: 84px;\n\n .swipe-slide > figure {\n height: var(--fullscreen-figure-height);\n\n > div {\n height: var(--fullscreen-figure-height);\n }\n }\n }\n"])), function (_ref) {
|
|
13047
13045
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
13048
13046
|
return "& {\n .swipe-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n\n > figure {\n margin: 0px;\n\n > div {\n height: " + imagesHeightDesktop + "px;\n }\n }\n }\n }";
|
|
@@ -13061,7 +13059,7 @@ var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$G || (_templateObj
|
|
|
13061
13059
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
13062
13060
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
13063
13061
|
});
|
|
13064
|
-
var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$
|
|
13062
|
+
var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n line-height: 42px;\n }\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n padding-top: 4px;\n box-sizing: border-box;\n /* max-height = 2 * 40px (two lines): 40px is the design line-height for header--medium (matches font-size/optical metrics), +4px provides extra descender room so glyphs like g/y aren't clipped \u2014 non\u2011WebKit fallback */\n max-height: calc(2 * 40px + 4px);\n"])));
|
|
13065
13063
|
var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$o || (_templateObject7$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n margin-right: var(--navigation-middle-gap);\n }\n"])), devices.mobile);
|
|
13066
13064
|
var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
13067
13065
|
var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .swipe {\n padding-inline-start: 2px;\n padding-block-start: 2px;\n }\n\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
|
|
@@ -13334,13 +13332,13 @@ var Carousel = function Carousel(_ref) {
|
|
|
13334
13332
|
}, children))));
|
|
13335
13333
|
};
|
|
13336
13334
|
|
|
13337
|
-
var _templateObject$1A, _templateObject2$1f, _templateObject3$_, _templateObject4$P, _templateObject5$H, _templateObject6$
|
|
13335
|
+
var _templateObject$1A, _templateObject2$1f, _templateObject3$_, _templateObject4$P, _templateObject5$H, _templateObject6$w, _templateObject7$p, _templateObject8$i, _templateObject9$c, _templateObject0$a, _templateObject1$6, _templateObject10$5, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1, _templateObject16$1;
|
|
13338
13336
|
var HighlightsGrid$1 = /*#__PURE__*/styled(Grid)(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n user-select: none;\n\n .highlight-carousel-text {\n color: var(--color-base-white);\n }\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
13339
13337
|
var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 12;\n padding: 12px 0 12px var(--grid-margin);\n min-height: 64px;\n box-sizing: border-box;\n width: 100%;\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
13340
13338
|
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
13341
13339
|
var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$P || (_templateObject4$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n a {\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 7;\n padding: 0 12px 12px var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: 100%;\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
13342
13340
|
var InfoLogoWrapper = /*#__PURE__*/styled.div(_templateObject5$H || (_templateObject5$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 16px;\n width: 102px;\n height: 28px;\n }\n }\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
13343
|
-
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
13341
|
+
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$w || (_templateObject6$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
13344
13342
|
var InfoTextWrapper = /*#__PURE__*/styled.div(_templateObject7$p || (_templateObject7$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
13345
13343
|
var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject8$i || (_templateObject8$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n flex-direction: row;\n\n @media ", " {\n & {\n margin-top: 16px;\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n display: flex;\n flex-direction: column;\n }\n"])), devices.tablet, devices.mobile);
|
|
13346
13344
|
var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject9$c || (_templateObject9$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swipe-slide {\n width: calc(100% - 50px - var(--rotator-button-width));\n -webkit-transform: translate3d(0, 0, 0);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|