@royaloperahouse/chord 1.20.0 → 1.20.2-a-chord-development
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/CHANGELOG.md +46 -2
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +397 -243
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +396 -244
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/index.d.ts +3 -3
- package/dist/components/molecules/Card/Card.style.d.ts +1 -0
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/Select/Select.d.ts +1 -1
- package/dist/components/molecules/UpsellCard/OfferText.d.ts +2 -0
- package/dist/components/molecules/UpsellCard/UpsellCard.d.ts +4 -0
- package/dist/components/molecules/UpsellCard/UpsellCard.style.d.ts +15 -0
- package/dist/components/molecules/UpsellCard/index.d.ts +2 -0
- package/dist/components/molecules/UpsellCards/UpsellCards.d.ts +4 -0
- package/dist/components/molecules/UpsellCards/UpsellCards.style.d.ts +1 -0
- package/dist/components/molecules/UpsellCards/index.d.ts +2 -0
- package/dist/components/molecules/index.d.ts +2 -1
- package/dist/components/organisms/UpsellSection/UpsellSection.d.ts +4 -0
- package/dist/components/organisms/UpsellSection/UpsellSection.style.d.ts +3 -0
- package/dist/components/organisms/UpsellSection/index.d.ts +2 -0
- package/dist/components/organisms/index.d.ts +2 -1
- package/dist/helpers/devices.d.ts +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/types/formTypes.d.ts +6 -0
- package/dist/types/types.d.ts +10 -2
- package/dist/types/upsell.d.ts +74 -0
- package/package.json +1 -1
- package/README.GIT +0 -277
|
@@ -2240,7 +2240,7 @@ var _templateObject$6;
|
|
|
2240
2240
|
var Grid = /*#__PURE__*/styled__default.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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"])));
|
|
2241
2241
|
|
|
2242
2242
|
var _templateObject$7;
|
|
2243
|
-
var GridItem = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", " / span\n ", ";\n\n @media ", " {\n & {\n grid-column: ", "
|
|
2243
|
+
var GridItem = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", " / span\n ", ";\n\n @media ", " {\n & {\n grid-column: ", " /\n span ", ";\n }\n }\n\n @media ", " {\n & {\n grid-column: ", " / span\n ", ";\n }\n }\n"])), function (_ref) {
|
|
2244
2244
|
var columnStartDesktop = _ref.columnStartDesktop;
|
|
2245
2245
|
return columnStartDesktop;
|
|
2246
2246
|
}, function (_ref2) {
|
|
@@ -2248,12 +2248,14 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateO
|
|
|
2248
2248
|
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
2249
2249
|
return columnSpanDesktop;
|
|
2250
2250
|
}, devices.mobile, function (_ref3) {
|
|
2251
|
-
var columnStartDevice = _ref3.columnStartDevice
|
|
2252
|
-
|
|
2251
|
+
var columnStartDevice = _ref3.columnStartDevice,
|
|
2252
|
+
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
2253
|
+
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2253
2254
|
}, function (_ref4) {
|
|
2254
2255
|
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
2255
|
-
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic
|
|
2256
|
-
|
|
2256
|
+
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
2257
|
+
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
2258
|
+
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2257
2259
|
}, devices.tablet, function (_ref5) {
|
|
2258
2260
|
var columnStartDevice = _ref5.columnStartDevice;
|
|
2259
2261
|
return columnStartDevice;
|
|
@@ -3507,7 +3509,7 @@ var VolumeControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$1
|
|
|
3507
3509
|
var isIOS = function isIOS() {
|
|
3508
3510
|
try {
|
|
3509
3511
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
3510
|
-
if (typeof navigator === undefined) return false;
|
|
3512
|
+
if (typeof navigator === 'undefined') return false;
|
|
3511
3513
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
3512
3514
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
3513
3515
|
} catch (e) {
|
|
@@ -3523,7 +3525,7 @@ var useIOS = function useIOS() {
|
|
|
3523
3525
|
setIOS = _useState[1];
|
|
3524
3526
|
|
|
3525
3527
|
React.useEffect(function () {
|
|
3526
|
-
if (typeof navigator === undefined) return;
|
|
3528
|
+
if (typeof navigator === 'undefined') return;
|
|
3527
3529
|
setIOS(isIOS());
|
|
3528
3530
|
}, []);
|
|
3529
3531
|
return IOS;
|
|
@@ -5315,7 +5317,7 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
5315
5317
|
}
|
|
5316
5318
|
})), additionalInfo && /*#__PURE__*/React__default.createElement(AdditionalInfoWrapper, null, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5317
5319
|
level: 5
|
|
5318
|
-
}, additionalInfo))), /*#__PURE__*/React__default.createElement(InfoLinkWrapper, null, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponentWrapper, null, /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), firstButtonText)), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), secondButtonText))), /*#__PURE__*/React__default.createElement(CarouselWrapper$1, {
|
|
5320
|
+
}, additionalInfo))), /*#__PURE__*/React__default.createElement(InfoLinkWrapper, null, (firstButton == null ? void 0 : firstButton.text) && /*#__PURE__*/React__default.createElement(FirstButtonComponentWrapper, null, /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), firstButtonText)), (secondButton == null ? void 0 : secondButton.text) && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), secondButtonText))), /*#__PURE__*/React__default.createElement(CarouselWrapper$1, {
|
|
5319
5321
|
"data-testid": "carousel-wrapper"
|
|
5320
5322
|
}, hasMultipleImages && /*#__PURE__*/React__default.createElement(RotatorButtonsWrapper, {
|
|
5321
5323
|
"data-testid": "rotator-buttons"
|
|
@@ -5480,88 +5482,113 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
5480
5482
|
}, message)));
|
|
5481
5483
|
};
|
|
5482
5484
|
|
|
5483
|
-
var
|
|
5484
|
-
var
|
|
5485
|
-
var
|
|
5486
|
-
var
|
|
5487
|
-
|
|
5488
|
-
|
|
5489
|
-
var
|
|
5490
|
-
var
|
|
5491
|
-
var
|
|
5492
|
-
var
|
|
5493
|
-
var
|
|
5494
|
-
var THEME_COLOR_MIDGREY = core.colors.midgrey;
|
|
5495
|
-
var SCRIPT_CONTENT = "var webchat;\n((window, document, node, props, configs) => {\n if (window.TalkdeskChatSDK) {\n console.error(\"TalkdeskChatSDK already included\");\n return;\n }\n var divContainer = document.createElement(\"div\");\n divContainer.id = node;\n document.body.appendChild(divContainer);\n var currentDate = new Date().getTime();\n var src = \"" + SCRIPT_SRC + "\" + currentDate;\n var script = document.createElement(\"script\");\n var firstScriptTag = document.getElementsByTagName(\"script\")[0];\n script.type = \"text/javascript\";\n script.charset = \"UTF-8\";\n script.id = \"tdwebchatscript\";\n script.src = src;\n script.async = true;\n firstScriptTag.parentNode.insertBefore(script, firstScriptTag);\n script.onload = () => {\n webchat = TalkdeskChatSDK(node, props);\n webchat.init(configs);\n };\n})(\n window,\n document,\n \"" + DIV_ID + "\",\n { flowId: \"cd19d348b5fb4a0ab0d3277686f28d1e\", accountId: \"\", region: \"td-us-1\" },\n { enableEmoji: true, enableUserInput: true, styles :{\n \"botIcon\": \"" + THEME_ICON + "\",\n \"botBackgroundColor\":\"" + THEME_COLOR_LIGHTGREY + "\",\n \"botTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"chatTitle\": \"Royal Opera House\",\n \"chatThemeColor\": \"" + THEME_COLOR + "\",\n \"chatTitleIcon\": \"" + THEME_ICON + "\",\n \"customButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n \"customButtonBorderColor\": \"" + THEME_COLOR + "\",\n \"customButtonColor\": \"" + THEME_COLOR_WHITE + "\",\n \"userBackgroundColor\":\"" + THEME_COLOR_LIGHTGREY + "\",\n \"userTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"userBackgroundColor\":\"" + THEME_COLOR_MIDGREY + "\",\n \"userTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"welcomeMessageBackgroundColor\": \"" + THEME_COLOR_LIGHT + "\",\n \"welcomeMessageContentFontSize\": \"18px\",\n \"welcomeMessageTitleFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"welcomeMessageContentFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customMessageFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customMessageNoBubbleFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customButtonFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customFieldLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customFieldInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customDropdownLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customDropdownInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"startChatButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonBorderColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonTextColor\": \"" + THEME_COLOR_WHITE + "\",\n \"startChatButtonHoverBackgroundColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonHoverBorderColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonHoverTextColor\": \"" + THEME_COLOR_WHITE + "\",\n \"startChatButtonFontFamily\": \"" + THEME_FONT_BODY + "\",\n }}\n);";
|
|
5496
|
-
|
|
5497
|
-
var loadLiveChatScript = function loadLiveChatScript(callback) {
|
|
5498
|
-
var existingScript = document.getElementById(DIV_ID);
|
|
5485
|
+
var _templateObject$F, _templateObject3$j, _templateObject4$d, _templateObject5$a, _templateObject6$9, _templateObject7$7, _templateObject8$5;
|
|
5486
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #f0f0f0;\n padding: 40px;\n\n display: block;\n position: relative;\n"])));
|
|
5487
|
+
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: #ffffff;\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n height: 24px;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-weight: 500;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
5488
|
+
var theme = _ref.theme;
|
|
5489
|
+
return theme.colors.primary;
|
|
5490
|
+
});
|
|
5491
|
+
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
5492
|
+
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
5493
|
+
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
5494
|
+
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > h4 {\n font-size: 34px;\n }\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n padding: 5px 0 8px 0;\n"])));
|
|
5495
|
+
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > h4 {\n font-size: 34px;\n }\n text-decoration-line: line-through;\n color: #727272;\n"])));
|
|
5499
5496
|
|
|
5500
|
-
|
|
5501
|
-
|
|
5502
|
-
|
|
5503
|
-
|
|
5504
|
-
|
|
5505
|
-
|
|
5506
|
-
|
|
5507
|
-
|
|
5508
|
-
|
|
5509
|
-
|
|
5497
|
+
var OfferText = function OfferText(_ref) {
|
|
5498
|
+
var title = _ref.title,
|
|
5499
|
+
description = _ref.description;
|
|
5500
|
+
return /*#__PURE__*/React__default.createElement(OfferTextWrapper, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
5501
|
+
semanticLevel: 1,
|
|
5502
|
+
level: 1
|
|
5503
|
+
}, title), /*#__PURE__*/React__default.createElement(BodyText, {
|
|
5504
|
+
level: 1
|
|
5505
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
5506
|
+
dangerouslySetInnerHTML: {
|
|
5507
|
+
__html: description != null ? description : ''
|
|
5508
|
+
}
|
|
5509
|
+
})));
|
|
5510
|
+
};
|
|
5510
5511
|
|
|
5511
|
-
|
|
5512
|
-
|
|
5513
|
-
};
|
|
5514
|
-
}
|
|
5512
|
+
var LENGTH_SMALL_TEXT = 19;
|
|
5513
|
+
var OFFER_TEXTS_LIMIT = 3;
|
|
5515
5514
|
|
|
5516
|
-
|
|
5515
|
+
var formatPrice = function formatPrice(value) {
|
|
5516
|
+
if (Number.isNaN(Number(value))) return value != null ? value : '';
|
|
5517
|
+
return "\xA3" + Number(value).toFixed(2);
|
|
5517
5518
|
};
|
|
5518
5519
|
|
|
5519
|
-
var
|
|
5520
|
-
|
|
5521
|
-
|
|
5522
|
-
|
|
5523
|
-
|
|
5520
|
+
var UpsellCard = function UpsellCard(_ref) {
|
|
5521
|
+
var _ref$title = _ref.title,
|
|
5522
|
+
title = _ref$title === void 0 ? '' : _ref$title,
|
|
5523
|
+
subTitle = _ref.subTitle,
|
|
5524
|
+
price = _ref.price,
|
|
5525
|
+
promoPrice = _ref.promoPrice,
|
|
5526
|
+
flag = _ref.flag,
|
|
5527
|
+
offerTexts = _ref.offerTexts,
|
|
5528
|
+
link = _ref.link,
|
|
5529
|
+
_ref$theme = _ref.theme,
|
|
5530
|
+
theme = _ref$theme === void 0 ? exports.ThemeType.Core : _ref$theme;
|
|
5524
5531
|
|
|
5525
|
-
|
|
5526
|
-
|
|
5527
|
-
|
|
5532
|
+
var truncate = function truncate(str, n) {
|
|
5533
|
+
return str.length >= n ? str.slice(0, n) : str;
|
|
5534
|
+
};
|
|
5535
|
+
|
|
5536
|
+
var reducedOfferTexts = offerTexts == null ? void 0 : offerTexts.slice(0, OFFER_TEXTS_LIMIT);
|
|
5537
|
+
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
5538
|
+
theme: theme
|
|
5539
|
+
}, /*#__PURE__*/React__default.createElement(Wrapper$2, null, flag && /*#__PURE__*/React__default.createElement(PromoLabel, null, flag), /*#__PURE__*/React__default.createElement(TitleContainer$1, null, /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
5540
|
+
semanticLevel: 1,
|
|
5541
|
+
level: 1
|
|
5542
|
+
}, title), subTitle && /*#__PURE__*/React__default.createElement(Overline, {
|
|
5543
|
+
semanticLevel: 1,
|
|
5544
|
+
level: 1
|
|
5545
|
+
}, subTitle), promoPrice ? /*#__PURE__*/React__default.createElement(PriceRow, null, /*#__PURE__*/React__default.createElement(LineThrough, null, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5546
|
+
level: 4
|
|
5547
|
+
}, formatPrice(price))), /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5548
|
+
level: 4
|
|
5549
|
+
}, formatPrice(promoPrice))) : /*#__PURE__*/React__default.createElement(PriceRow, null, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5550
|
+
level: 4
|
|
5551
|
+
}, formatPrice(price)))), (reducedOfferTexts == null ? void 0 : reducedOfferTexts.length) && reducedOfferTexts.map(function (offerText) {
|
|
5552
|
+
return /*#__PURE__*/React__default.createElement(OfferText, {
|
|
5553
|
+
title: offerText.title,
|
|
5554
|
+
description: offerText.description
|
|
5528
5555
|
});
|
|
5529
|
-
});
|
|
5530
|
-
return /*#__PURE__*/React.createElement("span", {
|
|
5531
|
-
"data-loaded": loaded
|
|
5532
|
-
});
|
|
5556
|
+
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
5533
5557
|
};
|
|
5534
5558
|
|
|
5535
|
-
var _templateObject$
|
|
5536
|
-
var
|
|
5537
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 2px solid var(--base-color-lightgrey);\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), devices.mobileAndTablet, devices.mobile);
|
|
5559
|
+
var _templateObject$G;
|
|
5560
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n width: 100%;\n padding-left: 0px;\n padding-right: 0px;\n grid-template-columns: 1fr;\n }\n"])), devices.mobile);
|
|
5538
5561
|
|
|
5539
|
-
var
|
|
5540
|
-
var
|
|
5541
|
-
|
|
5542
|
-
|
|
5543
|
-
|
|
5544
|
-
|
|
5545
|
-
|
|
5546
|
-
|
|
5547
|
-
|
|
5548
|
-
|
|
5549
|
-
|
|
5550
|
-
|
|
5551
|
-
|
|
5552
|
-
|
|
5553
|
-
columnSpanDesktop: columnSpanDesktop,
|
|
5554
|
-
columnStartDevice: columnStartDevice,
|
|
5555
|
-
columnSpanDevice: columnSpanDevice
|
|
5556
|
-
}, children)));
|
|
5562
|
+
var UpsellCards = function UpsellCards(_ref) {
|
|
5563
|
+
var upsellCards = _ref.upsellCards;
|
|
5564
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$3, null, upsellCards == null ? void 0 : upsellCards.map(function (card) {
|
|
5565
|
+
return /*#__PURE__*/React__default.createElement(UpsellCard, {
|
|
5566
|
+
title: card.title,
|
|
5567
|
+
subTitle: card.subTitle,
|
|
5568
|
+
price: card.price,
|
|
5569
|
+
promoPrice: card.promoPrice,
|
|
5570
|
+
flag: card.flag,
|
|
5571
|
+
offerTexts: card.offerTexts,
|
|
5572
|
+
link: card.link,
|
|
5573
|
+
theme: card.theme
|
|
5574
|
+
});
|
|
5575
|
+
}));
|
|
5557
5576
|
};
|
|
5558
5577
|
|
|
5559
|
-
var _templateObject$
|
|
5560
|
-
var
|
|
5578
|
+
var _templateObject$H, _templateObject2$q, _templateObject3$k;
|
|
5579
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-left: 0;\n padding-right: 0;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
|
|
5580
|
+
var theme = _ref.theme;
|
|
5581
|
+
return theme.colors.primary;
|
|
5582
|
+
}, devices.mobile);
|
|
5583
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
5584
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.mobile);
|
|
5585
|
+
|
|
5586
|
+
var _templateObject$I, _templateObject2$r, _templateObject3$l, _templateObject4$e, _templateObject5$b;
|
|
5587
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
5561
5588
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
5562
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5563
|
-
var TitleContainer$
|
|
5564
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5589
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
5590
|
+
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && a {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 28px 20px;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
5591
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n"])));
|
|
5565
5592
|
|
|
5566
5593
|
var Accordion = function Accordion(_ref) {
|
|
5567
5594
|
var _ref$title = _ref.title,
|
|
@@ -5623,7 +5650,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
5623
5650
|
return visibleStandfirst ? /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, null, visibleStandfirst)) : null;
|
|
5624
5651
|
};
|
|
5625
5652
|
|
|
5626
|
-
return /*#__PURE__*/React__default.createElement(AccordionContainer, null, /*#__PURE__*/React__default.createElement(LineContainer, null), /*#__PURE__*/React__default.createElement(TitleContainer$
|
|
5653
|
+
return /*#__PURE__*/React__default.createElement(AccordionContainer, null, /*#__PURE__*/React__default.createElement(LineContainer, null), /*#__PURE__*/React__default.createElement(TitleContainer$3, {
|
|
5627
5654
|
onClick: toggleAccordion,
|
|
5628
5655
|
onKeyDown: keyDown,
|
|
5629
5656
|
tabIndex: 0
|
|
@@ -5642,8 +5669,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
5642
5669
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
5643
5670
|
};
|
|
5644
5671
|
|
|
5645
|
-
var _templateObject$
|
|
5646
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5672
|
+
var _templateObject$J;
|
|
5673
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
5647
5674
|
|
|
5648
5675
|
var Accordions = function Accordions(_ref) {
|
|
5649
5676
|
var _ref$items = _ref.items,
|
|
@@ -5663,13 +5690,13 @@ var Accordions = function Accordions(_ref) {
|
|
|
5663
5690
|
}));
|
|
5664
5691
|
};
|
|
5665
5692
|
|
|
5666
|
-
var _templateObject$
|
|
5667
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5693
|
+
var _templateObject$K, _templateObject2$s, _templateObject3$m;
|
|
5694
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
|
|
5668
5695
|
var theme = _ref.theme;
|
|
5669
5696
|
return theme.colors.primary;
|
|
5670
5697
|
}, devices.mobile);
|
|
5671
5698
|
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n @media ", " {\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
5672
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5699
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-white);\n a {\n color: var(--base-color-white);\n text-decoration: underline;\n }\n"])));
|
|
5673
5700
|
|
|
5674
5701
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
5675
5702
|
var title = _ref.title,
|
|
@@ -5706,76 +5733,79 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
5706
5733
|
}))))));
|
|
5707
5734
|
};
|
|
5708
5735
|
|
|
5709
|
-
var _templateObject$
|
|
5736
|
+
var _templateObject$L, _templateObject2$t, _templateObject3$n, _templateObject4$f, _templateObject5$c, _templateObject6$a, _templateObject7$8, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$1;
|
|
5710
5737
|
var LENGTH_LARGE_TEXT = 28;
|
|
5711
|
-
var LENGTH_SMALL_TEXT = 19;
|
|
5738
|
+
var LENGTH_SMALL_TEXT$1 = 19;
|
|
5712
5739
|
var LENGTH_TEXT_TABLET = 10;
|
|
5713
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5714
|
-
var
|
|
5740
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
5741
|
+
var isCardClickable = _ref.isCardClickable;
|
|
5742
|
+
return isCardClickable ? 'pointer' : 'default';
|
|
5743
|
+
}, function (_ref2) {
|
|
5744
|
+
var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
|
|
5715
5745
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
5716
5746
|
});
|
|
5717
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: ", ";\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), function (
|
|
5718
|
-
var lineColor =
|
|
5719
|
-
theme =
|
|
5747
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: ", ";\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), function (_ref3) {
|
|
5748
|
+
var lineColor = _ref3.lineColor,
|
|
5749
|
+
theme = _ref3.theme;
|
|
5720
5750
|
if (lineColor === exports.Colors.Cinema) return 'var(--base-color-white)';
|
|
5721
5751
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
5722
5752
|
}, zIndexes.contentOverlay);
|
|
5723
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5724
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5725
|
-
var fullWidth = _ref3.fullWidth;
|
|
5726
|
-
return fullWidth ? '0' : '20px';
|
|
5727
|
-
}, function (_ref4) {
|
|
5753
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
5754
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref4) {
|
|
5728
5755
|
var fullWidth = _ref4.fullWidth;
|
|
5729
5756
|
return fullWidth ? '0' : '20px';
|
|
5757
|
+
}, function (_ref5) {
|
|
5758
|
+
var fullWidth = _ref5.fullWidth;
|
|
5759
|
+
return fullWidth ? '0' : '20px';
|
|
5730
5760
|
});
|
|
5731
|
-
var TitleContainer$
|
|
5732
|
-
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
5733
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5734
|
-
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject8$
|
|
5735
|
-
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 30px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (
|
|
5736
|
-
var isVisible =
|
|
5761
|
+
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
5762
|
+
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobileAndTablet);
|
|
5763
|
+
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
5764
|
+
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
5765
|
+
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 30px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (_ref6) {
|
|
5766
|
+
var isVisible = _ref6.isVisible;
|
|
5737
5767
|
return isVisible ? "visible" : 'hidden';
|
|
5738
|
-
}, devices.mobile, function (
|
|
5739
|
-
var isGridCard =
|
|
5768
|
+
}, devices.mobile, function (_ref7) {
|
|
5769
|
+
var isGridCard = _ref7.isGridCard;
|
|
5740
5770
|
return isGridCard ? '20px' : '0';
|
|
5741
5771
|
});
|
|
5742
|
-
var LabelElements = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 8px;\n background-color: ", ";\n color: var(--base-color-white);\n"])), function (
|
|
5743
|
-
var bgColor =
|
|
5744
|
-
theme =
|
|
5772
|
+
var LabelElements = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 8px;\n background-color: ", ";\n color: var(--base-color-white);\n"])), function (_ref8) {
|
|
5773
|
+
var bgColor = _ref8.bgColor,
|
|
5774
|
+
theme = _ref8.theme;
|
|
5745
5775
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
5746
5776
|
});
|
|
5747
5777
|
var LabelIconWrapper = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 10px;\n\n svg {\n height: 24px;\n width: 24px;\n }\n"])));
|
|
5748
5778
|
|
|
5749
|
-
var getButtonsOpacity = function getButtonsOpacity(
|
|
5750
|
-
var onlyShowButtonsOnHover =
|
|
5779
|
+
var getButtonsOpacity = function getButtonsOpacity(_ref9) {
|
|
5780
|
+
var onlyShowButtonsOnHover = _ref9.onlyShowButtonsOnHover;
|
|
5751
5781
|
return onlyShowButtonsOnHover ? 'opacity: 0;' : 'opacity: 1;';
|
|
5752
5782
|
};
|
|
5753
5783
|
|
|
5754
|
-
var getButtonsMinHeight = function getButtonsMinHeight(
|
|
5755
|
-
var onlyShowButtonsOnHover =
|
|
5784
|
+
var getButtonsMinHeight = function getButtonsMinHeight(_ref10) {
|
|
5785
|
+
var onlyShowButtonsOnHover = _ref10.onlyShowButtonsOnHover;
|
|
5756
5786
|
return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
|
|
5757
5787
|
};
|
|
5758
5788
|
|
|
5759
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n gap: 16px;\n margin-top: var(--editorial-margin-between);\n\n ", "\n\n @media ", " {\n ", ";\n margin-left: ", ";\n margin-right: ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), getButtonsOpacity, function (
|
|
5760
|
-
var size =
|
|
5761
|
-
primaryButtonTextLength =
|
|
5762
|
-
tertiaryButtonTextLength =
|
|
5763
|
-
var isLinksLayoutColumn = size === 'small' ? primaryButtonTextLength >= LENGTH_SMALL_TEXT || tertiaryButtonTextLength >= LENGTH_SMALL_TEXT : primaryButtonTextLength >= LENGTH_LARGE_TEXT || tertiaryButtonTextLength >= LENGTH_LARGE_TEXT;
|
|
5789
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n gap: 16px;\n margin-top: var(--editorial-margin-between);\n\n ", "\n\n @media ", " {\n ", ";\n margin-left: ", ";\n margin-right: ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), getButtonsOpacity, function (_ref11) {
|
|
5790
|
+
var size = _ref11.size,
|
|
5791
|
+
primaryButtonTextLength = _ref11.primaryButtonTextLength,
|
|
5792
|
+
tertiaryButtonTextLength = _ref11.tertiaryButtonTextLength;
|
|
5793
|
+
var isLinksLayoutColumn = size === 'small' ? primaryButtonTextLength >= LENGTH_SMALL_TEXT$1 || tertiaryButtonTextLength >= LENGTH_SMALL_TEXT$1 : primaryButtonTextLength >= LENGTH_LARGE_TEXT || tertiaryButtonTextLength >= LENGTH_LARGE_TEXT;
|
|
5764
5794
|
|
|
5765
5795
|
if (isLinksLayoutColumn) {
|
|
5766
5796
|
return "\n flex-direction: column;\n ";
|
|
5767
5797
|
}
|
|
5768
5798
|
|
|
5769
5799
|
return '';
|
|
5770
|
-
}, devices.mobile, getButtonsMinHeight, function (
|
|
5771
|
-
var fullWidth = _ref11.fullWidth;
|
|
5772
|
-
return fullWidth ? '0' : '20px';
|
|
5773
|
-
}, function (_ref12) {
|
|
5800
|
+
}, devices.mobile, getButtonsMinHeight, function (_ref12) {
|
|
5774
5801
|
var fullWidth = _ref12.fullWidth;
|
|
5775
5802
|
return fullWidth ? '0' : '20px';
|
|
5776
|
-
},
|
|
5777
|
-
var
|
|
5778
|
-
|
|
5803
|
+
}, function (_ref13) {
|
|
5804
|
+
var fullWidth = _ref13.fullWidth;
|
|
5805
|
+
return fullWidth ? '0' : '20px';
|
|
5806
|
+
}, devices.tablet, getButtonsMinHeight, function (_ref14) {
|
|
5807
|
+
var primaryButtonTextLength = _ref14.primaryButtonTextLength,
|
|
5808
|
+
tertiaryButtonTextLength = _ref14.tertiaryButtonTextLength;
|
|
5779
5809
|
var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET;
|
|
5780
5810
|
|
|
5781
5811
|
if (isLinksLayoutColumnTablet) {
|
|
@@ -5790,7 +5820,7 @@ var _excluded$e = ["text"],
|
|
|
5790
5820
|
|
|
5791
5821
|
var _buttonTypeToButton;
|
|
5792
5822
|
var LENGTH_LARGE_TEXT$1 = 28;
|
|
5793
|
-
var LENGTH_SMALL_TEXT$
|
|
5823
|
+
var LENGTH_SMALL_TEXT$2 = 19;
|
|
5794
5824
|
var buttonTypeToButton = (_buttonTypeToButton = {}, _buttonTypeToButton[exports.ButtonType.Primary] = PrimaryButton, _buttonTypeToButton[exports.ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton[exports.ButtonType.Tertiary] = Button$1, _buttonTypeToButton);
|
|
5795
5825
|
|
|
5796
5826
|
var Card = function Card(_ref) {
|
|
@@ -5840,7 +5870,7 @@ var Card = function Card(_ref) {
|
|
|
5840
5870
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
5841
5871
|
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$e);
|
|
5842
5872
|
|
|
5843
|
-
var primaryButtonTextTruncate = size === 'small' ? truncate(firstButtonText, LENGTH_SMALL_TEXT$
|
|
5873
|
+
var primaryButtonTextTruncate = size === 'small' ? truncate(firstButtonText, LENGTH_SMALL_TEXT$2) : truncate(firstButtonText, LENGTH_LARGE_TEXT$1);
|
|
5844
5874
|
var secondButton = links == null ? void 0 : links[1];
|
|
5845
5875
|
|
|
5846
5876
|
var _ref3 = secondButton || {},
|
|
@@ -5848,7 +5878,7 @@ var Card = function Card(_ref) {
|
|
|
5848
5878
|
secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
5849
5879
|
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
|
|
5850
5880
|
|
|
5851
|
-
var tertiaryButtonTextTruncate = size === 'small' ? truncate(secondButtonText, LENGTH_SMALL_TEXT$
|
|
5881
|
+
var tertiaryButtonTextTruncate = size === 'small' ? truncate(secondButtonText, LENGTH_SMALL_TEXT$2) : truncate(secondButtonText, LENGTH_LARGE_TEXT$1);
|
|
5852
5882
|
|
|
5853
5883
|
var hoverHandler = function hoverHandler(value) {
|
|
5854
5884
|
if (value) {
|
|
@@ -5872,7 +5902,15 @@ var Card = function Card(_ref) {
|
|
|
5872
5902
|
return onlyShowButtonsOnHover ? hoverHandler(false) : undefined;
|
|
5873
5903
|
},
|
|
5874
5904
|
onlyShowButtonsOnHover: onlyShowButtonsOnHover,
|
|
5875
|
-
"data-testid": "cardcontainer"
|
|
5905
|
+
"data-testid": "cardcontainer",
|
|
5906
|
+
isCardClickable: !!firstButton
|
|
5907
|
+
}, /*#__PURE__*/React__default.createElement("a", {
|
|
5908
|
+
href: firstButton == null ? void 0 : firstButton.href,
|
|
5909
|
+
target: firstButton == null ? void 0 : firstButton.target,
|
|
5910
|
+
className: "targetLink",
|
|
5911
|
+
style: {
|
|
5912
|
+
flexGrow: onlyShowButtonsOnHover ? 'unset' : 1
|
|
5913
|
+
}
|
|
5876
5914
|
}, /*#__PURE__*/React__default.createElement(LabelContainer, {
|
|
5877
5915
|
isGridCard: isGridCard,
|
|
5878
5916
|
isVisible: !!labelParams
|
|
@@ -5884,14 +5922,7 @@ var Card = function Card(_ref) {
|
|
|
5884
5922
|
iconName: labelParams.iconName,
|
|
5885
5923
|
direction: labelParams.iconDirection,
|
|
5886
5924
|
color: (_labelParams$color = labelParams.color) != null ? _labelParams$color : exports.Colors.White
|
|
5887
|
-
})))), ' ', /*#__PURE__*/React__default.createElement(
|
|
5888
|
-
href: firstButton == null ? void 0 : firstButton.href,
|
|
5889
|
-
target: firstButton == null ? void 0 : firstButton.target,
|
|
5890
|
-
className: "targetLink",
|
|
5891
|
-
style: {
|
|
5892
|
-
flexGrow: onlyShowButtonsOnHover ? 'unset' : 1
|
|
5893
|
-
}
|
|
5894
|
-
}, hovered && /*#__PURE__*/React__default.createElement(HoverContainer, {
|
|
5925
|
+
})))), ' ', hovered && /*#__PURE__*/React__default.createElement(HoverContainer, {
|
|
5895
5926
|
lineColor: hoverLineColor,
|
|
5896
5927
|
"data-testid": "hovercontainer"
|
|
5897
5928
|
}), /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
@@ -5906,11 +5937,11 @@ var Card = function Card(_ref) {
|
|
|
5906
5937
|
fullWidth: fullWidth
|
|
5907
5938
|
}, tags ? /*#__PURE__*/React__default.createElement(TypeTags, {
|
|
5908
5939
|
list: tags
|
|
5909
|
-
}) : null, /*#__PURE__*/React__default.createElement(TitleContainer$
|
|
5940
|
+
}) : null, /*#__PURE__*/React__default.createElement(TitleContainer$4, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
5910
5941
|
level: size === 'small' ? 6 : 5
|
|
5911
5942
|
}, title)), /*#__PURE__*/React__default.createElement(TitleContainerMobile, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
5912
5943
|
level: 6
|
|
5913
|
-
}, title)), subtitle ? /*#__PURE__*/React__default.createElement(SubtitleContainer, null, subtitle) : null, /*#__PURE__*/React__default.createElement(TextContainer, {
|
|
5944
|
+
}, title)), subtitle ? /*#__PURE__*/React__default.createElement(SubtitleContainer, null, subtitle) : null, /*#__PURE__*/React__default.createElement(TextContainer$1, {
|
|
5914
5945
|
dangerouslySetInnerHTML: {
|
|
5915
5946
|
__html: truncatedText
|
|
5916
5947
|
}
|
|
@@ -5925,8 +5956,8 @@ var Card = function Card(_ref) {
|
|
|
5925
5956
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
5926
5957
|
};
|
|
5927
5958
|
|
|
5928
|
-
var _templateObject$
|
|
5929
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
5959
|
+
var _templateObject$M, _templateObject2$u;
|
|
5960
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
5930
5961
|
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
5931
5962
|
|
|
5932
5963
|
var Cards = function Cards(_ref) {
|
|
@@ -5970,18 +6001,18 @@ var Cards = function Cards(_ref) {
|
|
|
5970
6001
|
}));
|
|
5971
6002
|
};
|
|
5972
6003
|
|
|
5973
|
-
var _templateObject$
|
|
5974
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5975
|
-
var Wrapper$
|
|
6004
|
+
var _templateObject$N, _templateObject2$v, _templateObject3$o, _templateObject4$g, _templateObject5$d;
|
|
6005
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
|
|
6006
|
+
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\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"])), function (_ref) {
|
|
5976
6007
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
5977
6008
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
5978
6009
|
}, function (_ref2) {
|
|
5979
6010
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
5980
6011
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
5981
6012
|
}, devices.mobileAndTablet);
|
|
5982
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5983
|
-
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5984
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6013
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6014
|
+
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
6015
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n\n @media ", " {\n flex-direction: column;\n margin: 4px 0;\n }\n\n a {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-decoration: underline;\n\n &:before {\n display: inline-block;\n content: '';\n background-color: var(--base-color-black);\n width: 1px;\n height: 18px;\n margin: 0 8px -4px;\n\n @media ", " {\n display: none;\n }\n }\n\n &:first-child:before {\n display: none;\n }\n }\n"])), devices.mobile, devices.mobile);
|
|
5985
6016
|
|
|
5986
6017
|
var divideAddressString = function divideAddressString(address) {
|
|
5987
6018
|
return address.split(',').map(function (chunk) {
|
|
@@ -6010,7 +6041,7 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6010
6041
|
columnSpanDesktop: 8,
|
|
6011
6042
|
columnStartDevice: 1,
|
|
6012
6043
|
columnSpanDevice: 14
|
|
6013
|
-
}, /*#__PURE__*/React__default.createElement(Wrapper$
|
|
6044
|
+
}, /*#__PURE__*/React__default.createElement(Wrapper$4, {
|
|
6014
6045
|
"data-testid": "contact-card-wrapper",
|
|
6015
6046
|
hideBottomBorder: hideBottomBorder,
|
|
6016
6047
|
hideTopBorder: hideTopBorder
|
|
@@ -6038,14 +6069,14 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6038
6069
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6039
6070
|
};
|
|
6040
6071
|
|
|
6041
|
-
var _templateObject$
|
|
6042
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$
|
|
6072
|
+
var _templateObject$O, _templateObject2$w, _templateObject3$p, _templateObject4$h, _templateObject5$e;
|
|
6073
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), devices.mobile);
|
|
6043
6074
|
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
6044
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6075
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 22px;\n\n & > * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n gap: 12px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
|
|
6045
6076
|
return props.showImage ? 2 : '1 / span 4';
|
|
6046
6077
|
}, devices.mobile);
|
|
6047
|
-
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6048
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6078
|
+
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
|
|
6079
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__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) {
|
|
6049
6080
|
return !!props.truncate && "\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n ";
|
|
6050
6081
|
});
|
|
6051
6082
|
|
|
@@ -6105,8 +6136,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6105
6136
|
}), link.text)));
|
|
6106
6137
|
};
|
|
6107
6138
|
|
|
6108
|
-
var _templateObject$
|
|
6109
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6139
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$q, _templateObject4$i, _templateObject5$f;
|
|
6140
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
6110
6141
|
var imageToLeft = _ref.imageToLeft;
|
|
6111
6142
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6112
6143
|
}, devices.mobile);
|
|
@@ -6114,12 +6145,12 @@ var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$x
|
|
|
6114
6145
|
var imageToLeft = _ref2.imageToLeft;
|
|
6115
6146
|
return imageToLeft ? 'left' : 'right';
|
|
6116
6147
|
}, devices.mobile);
|
|
6117
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6148
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
6118
6149
|
var imageToLeft = _ref3.imageToLeft;
|
|
6119
6150
|
return imageToLeft ? 'right' : 'left';
|
|
6120
6151
|
}, devices.mobile);
|
|
6121
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
6122
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6152
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
6153
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
6123
6154
|
|
|
6124
6155
|
var Editorial = function Editorial(_ref) {
|
|
6125
6156
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -6183,10 +6214,10 @@ var BackgroundColour;
|
|
|
6183
6214
|
BackgroundColour["White"] = "white";
|
|
6184
6215
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6185
6216
|
|
|
6186
|
-
var _templateObject$
|
|
6187
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
6217
|
+
var _templateObject$Q, _templateObject2$y, _templateObject3$r, _templateObject4$j;
|
|
6218
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
6188
6219
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6189
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
6220
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6190
6221
|
if (!props.infoThemed) {
|
|
6191
6222
|
return;
|
|
6192
6223
|
} else {
|
|
@@ -6197,7 +6228,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$p || (
|
|
|
6197
6228
|
}
|
|
6198
6229
|
}
|
|
6199
6230
|
});
|
|
6200
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
6231
|
+
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
6201
6232
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
6202
6233
|
}, function (props) {
|
|
6203
6234
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -6310,8 +6341,8 @@ var Information = function Information(_ref) {
|
|
|
6310
6341
|
}))));
|
|
6311
6342
|
};
|
|
6312
6343
|
|
|
6313
|
-
var _templateObject$
|
|
6314
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6344
|
+
var _templateObject$R, _templateObject2$z, _templateObject3$s, _templateObject4$k, _templateObject5$g, _templateObject6$b, _templateObject7$9, _templateObject8$7;
|
|
6345
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
6315
6346
|
var theme = _ref.theme;
|
|
6316
6347
|
return theme.colors.primary;
|
|
6317
6348
|
}, function (_ref2) {
|
|
@@ -6319,18 +6350,18 @@ var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (
|
|
|
6319
6350
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
6320
6351
|
}, devices.mobile);
|
|
6321
6352
|
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
|
|
6322
|
-
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6353
|
+
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
|
|
6323
6354
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
6324
6355
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
6325
6356
|
}, devices.mobile);
|
|
6326
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6357
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 36px;\n\n ", ";\n\n @media ", " {\n & {\n height: 30px;\n }\n }\n"])), function (_ref4) {
|
|
6327
6358
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
6328
6359
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
6329
6360
|
}, devices.mobile);
|
|
6330
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6331
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6332
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6333
|
-
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
6361
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
6362
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__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"])), devices.mobile);
|
|
6363
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
6364
|
+
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
6334
6365
|
|
|
6335
6366
|
var _excluded$f = ["text"];
|
|
6336
6367
|
|
|
@@ -6408,8 +6439,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6408
6439
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6409
6440
|
};
|
|
6410
6441
|
|
|
6411
|
-
var _templateObject$
|
|
6412
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6442
|
+
var _templateObject$S, _templateObject2$A, _templateObject3$t, _templateObject4$l, _templateObject5$h, _templateObject6$c, _templateObject7$a;
|
|
6443
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$S || (_templateObject$S = /*#__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(--base-color-black);\n color: var(--base-color-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
6413
6444
|
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h3 {\n padding: 0;\n margin: 0 0 8px 0;\n }\n\n @media ", " {\n & {\n h3 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n"])), devices.tablet, function (_ref) {
|
|
6414
6445
|
var theme = _ref.theme;
|
|
6415
6446
|
return theme.fonts.mobile.sizes.headers[3];
|
|
@@ -6423,7 +6454,7 @@ var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A
|
|
|
6423
6454
|
var theme = _ref4.theme;
|
|
6424
6455
|
return theme.fonts.mobile.lineHeights.headers[3];
|
|
6425
6456
|
});
|
|
6426
|
-
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6457
|
+
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n\n > div {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.tablet, function (_ref5) {
|
|
6427
6458
|
var theme = _ref5.theme;
|
|
6428
6459
|
return theme.fonts.mobile.sizes.body[1];
|
|
6429
6460
|
}, function (_ref6) {
|
|
@@ -6436,19 +6467,19 @@ var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$r |
|
|
|
6436
6467
|
var theme = _ref8.theme;
|
|
6437
6468
|
return theme.fonts.mobile.lineHeights.body[1];
|
|
6438
6469
|
}, devices.mobile);
|
|
6439
|
-
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6470
|
+
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\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 @media ", " {\n & {\n grid-area: ", ";\n width: 100%;\n padding: 20px;\n }\n }\n"])), function (_ref9) {
|
|
6440
6471
|
var hasImages = _ref9.hasImages;
|
|
6441
6472
|
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
6442
6473
|
}, devices.mobile, function (_ref10) {
|
|
6443
6474
|
var hasImages = _ref10.hasImages;
|
|
6444
6475
|
return hasImages ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
6445
6476
|
});
|
|
6446
|
-
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6477
|
+
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n .swiper-slide {\n ", "\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swiper-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 .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), function (_ref11) {
|
|
6447
6478
|
var hasMultipleImages = _ref11.hasMultipleImages;
|
|
6448
6479
|
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
6449
6480
|
}, devices.tablet, devices.mobile);
|
|
6450
|
-
var MobileRotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6451
|
-
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6481
|
+
var MobileRotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div {\n padding-top: 8px;\n }\n\n @media ", ", ", " {\n display: none;\n }\n\n @media ", " {\n .carousel-icon-wrapper-left,\n .carousel-icon-wrapper-right {\n background-color: transparent;\n\n svg path {\n fill: var(--base-color-lightgrey);\n }\n }\n\n .carousel-icon-wrapper-left {\n margin-right: 8px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 2;\n height: 56px;\n\n div {\n padding-top: 6px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 13;\n height: 80px;\n\n div {\n padding-top: 8px;\n }\n }\n"])), devices.desktop, devices.largeDesktop, devices.mobileAndTablet, devices.mobile, devices.tablet);
|
|
6482
|
+
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__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);
|
|
6452
6483
|
|
|
6453
6484
|
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
6454
6485
|
var title = _ref.title,
|
|
@@ -6533,15 +6564,15 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
6533
6564
|
}))));
|
|
6534
6565
|
};
|
|
6535
6566
|
|
|
6536
|
-
var _templateObject$
|
|
6537
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6567
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$u, _templateObject4$m, _templateObject5$i, _templateObject6$d, _templateObject7$b, _templateObject8$8;
|
|
6568
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
6538
6569
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
6539
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
6540
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6541
|
-
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6542
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6543
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6544
|
-
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
6570
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
6571
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__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);
|
|
6572
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
6573
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
6574
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
6575
|
+
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
6545
6576
|
|
|
6546
6577
|
var _excluded$i = ["text"];
|
|
6547
6578
|
|
|
@@ -6606,8 +6637,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6606
6637
|
}, "Scroll Down")) : null);
|
|
6607
6638
|
};
|
|
6608
6639
|
|
|
6609
|
-
var _templateObject$
|
|
6610
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6640
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$v, _templateObject4$n, _templateObject5$j;
|
|
6641
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
6611
6642
|
var color = _ref.color;
|
|
6612
6643
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
6613
6644
|
}, devices.mobileAndTablet);
|
|
@@ -6618,9 +6649,9 @@ var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templat
|
|
|
6618
6649
|
var hasImage = _ref3.hasImage;
|
|
6619
6650
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
6620
6651
|
});
|
|
6621
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6622
|
-
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6623
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6652
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
6653
|
+
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
6654
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
6624
6655
|
|
|
6625
6656
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
6626
6657
|
var _image$src, _image$alt;
|
|
@@ -6651,8 +6682,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
6651
6682
|
}))));
|
|
6652
6683
|
};
|
|
6653
6684
|
|
|
6654
|
-
var _templateObject$
|
|
6655
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6685
|
+
var _templateObject$V;
|
|
6686
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
6656
6687
|
|
|
6657
6688
|
var _excluded$j = ["link"];
|
|
6658
6689
|
|
|
@@ -6672,12 +6703,12 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
6672
6703
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
6673
6704
|
};
|
|
6674
6705
|
|
|
6675
|
-
var _templateObject$
|
|
6676
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.p(_templateObject$
|
|
6706
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$w, _templateObject5$k, _templateObject6$e, _templateObject7$c, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
6707
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.p(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\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);
|
|
6677
6708
|
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$D || (_templateObject2$D = /*#__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"])));
|
|
6678
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6679
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6680
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$
|
|
6709
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
6710
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__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: cover;\n }\n @media ", " {\n height: 85vw;\n }\n"])), devices.mobile);
|
|
6711
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n svg {\n max-width: 155px;\n fill: ", ";\n }\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n }\n"])), function (_ref) {
|
|
6681
6712
|
var invert = _ref.invert,
|
|
6682
6713
|
theme = _ref.theme;
|
|
6683
6714
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -6690,8 +6721,8 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
6690
6721
|
theme = _ref3.theme;
|
|
6691
6722
|
return invert ? theme.colors.black : theme.colors.white;
|
|
6692
6723
|
}, devices.mobile);
|
|
6693
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6694
|
-
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
6724
|
+
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: logo;\n padding-left: 50px;\n justify-content: left;\n align-items: center;\n width: 100%;\n @media ", " {\n padding-left: 0px;\n justify-content: center;\n }\n @media ", " {\n width: fit-content;\n }\n"])), devices.mobile, devices.tablet);
|
|
6725
|
+
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: title;\n align-items: center;\n justify-content: center;\n font-family: var(--font-family-header);\n text-transform: uppercase;\n text-align: center;\n padding: 0 2em;\n @media ", " {\n justify-content: center;\n }\n"])), devices.mobile);
|
|
6695
6726
|
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: cta;\n justify-content: right;\n align-items: center;\n padding-right: 50px;\n @media ", " {\n padding-right: 0px;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
6696
6727
|
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (_ref4) {
|
|
6697
6728
|
var invert = _ref4.invert,
|
|
@@ -6825,15 +6856,15 @@ var PageHeadingCompact = function PageHeadingCompact(_ref) {
|
|
|
6825
6856
|
}), linkText))));
|
|
6826
6857
|
};
|
|
6827
6858
|
|
|
6828
|
-
var _templateObject$
|
|
6829
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$
|
|
6859
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$o;
|
|
6860
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
6830
6861
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
6831
6862
|
|
|
6832
|
-
var PageNumber = /*#__PURE__*/styled__default(reactRouterDom.Link)(_templateObject3$
|
|
6863
|
+
var PageNumber = /*#__PURE__*/styled__default(reactRouterDom.Link)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
6833
6864
|
var active = _ref.active;
|
|
6834
6865
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
6835
6866
|
});
|
|
6836
|
-
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$
|
|
6867
|
+
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
|
|
6837
6868
|
|
|
6838
6869
|
var reducePages = function reducePages(pages, currentPage) {
|
|
6839
6870
|
// If there are less than 6 pages, return all pages
|
|
@@ -6902,13 +6933,13 @@ var Pagination = function Pagination(_ref) {
|
|
|
6902
6933
|
}))));
|
|
6903
6934
|
};
|
|
6904
6935
|
|
|
6905
|
-
var _templateObject$
|
|
6906
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6936
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$p, _templateObject5$l, _templateObject6$f;
|
|
6937
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Y || (_templateObject$Y = /*#__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);
|
|
6907
6938
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
6908
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6909
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6910
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6911
|
-
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$
|
|
6939
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
6940
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
6941
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
6942
|
+
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$f || (_templateObject6$f = /*#__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"])));
|
|
6912
6943
|
|
|
6913
6944
|
var Person = function Person(_ref) {
|
|
6914
6945
|
var person = _ref.person,
|
|
@@ -6959,14 +6990,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
6959
6990
|
}));
|
|
6960
6991
|
};
|
|
6961
6992
|
|
|
6962
|
-
var _templateObject$
|
|
6993
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$q, _templateObject5$m, _templateObject6$g, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3, _templateObject12$2, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
6963
6994
|
var LENGTH_TEXT = 28;
|
|
6964
6995
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
6965
6996
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
6966
6997
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
6967
6998
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
6968
6999
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
6969
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7000
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__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\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
6970
7001
|
var imageToLeft = _ref.imageToLeft;
|
|
6971
7002
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
6972
7003
|
}, devices.tablet, function (_ref2) {
|
|
@@ -6977,7 +7008,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$X ||
|
|
|
6977
7008
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
6978
7009
|
});
|
|
6979
7010
|
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
6980
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7011
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref4) {
|
|
6981
7012
|
var theme = _ref4.theme;
|
|
6982
7013
|
return theme.colors.black;
|
|
6983
7014
|
}, function (_ref5) {
|
|
@@ -6987,7 +7018,7 @@ var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$x || (
|
|
|
6987
7018
|
var theme = _ref6.theme;
|
|
6988
7019
|
return theme.colors.primary;
|
|
6989
7020
|
});
|
|
6990
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7021
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref7) {
|
|
6991
7022
|
var hasTextLinks = _ref7.hasTextLinks;
|
|
6992
7023
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
6993
7024
|
}, function (_ref8) {
|
|
@@ -7015,13 +7046,13 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$p ||
|
|
|
7015
7046
|
|
|
7016
7047
|
return '';
|
|
7017
7048
|
});
|
|
7018
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7049
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref10) {
|
|
7019
7050
|
var marginBottom = _ref10.marginBottom;
|
|
7020
7051
|
return marginBottom + "px";
|
|
7021
7052
|
});
|
|
7022
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$
|
|
7023
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7024
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
7053
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
7054
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
7055
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
7025
7056
|
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$5 || (_templateObject9$5 = /*#__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);
|
|
7026
7057
|
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$5 || (_templateObject10$5 = /*#__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);
|
|
7027
7058
|
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
@@ -7241,10 +7272,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7241
7272
|
}))));
|
|
7242
7273
|
};
|
|
7243
7274
|
|
|
7244
|
-
var _templateObject$
|
|
7275
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$A, _templateObject4$r, _templateObject5$n, _templateObject6$h, _templateObject7$e;
|
|
7245
7276
|
var LENGTH_TEXT$2 = 28;
|
|
7246
7277
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7247
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7278
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$_ || (_templateObject$_ = /*#__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) {
|
|
7248
7279
|
var imageToLeft = _ref.imageToLeft;
|
|
7249
7280
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
7250
7281
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7255,13 +7286,13 @@ var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObjec
|
|
|
7255
7286
|
var imageToLeft = _ref3.imageToLeft;
|
|
7256
7287
|
return imageToLeft ? 'left' : 'right';
|
|
7257
7288
|
}, devices.mobile);
|
|
7258
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7289
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
7259
7290
|
var imageToLeft = _ref4.imageToLeft;
|
|
7260
7291
|
return imageToLeft ? 'right' : 'left';
|
|
7261
7292
|
}, devices.mobile);
|
|
7262
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7263
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
7264
|
-
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7293
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
|
|
7294
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
7295
|
+
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
7265
7296
|
var theme = _ref5.theme;
|
|
7266
7297
|
return theme.colors.black;
|
|
7267
7298
|
}, function (_ref6) {
|
|
@@ -7271,7 +7302,7 @@ var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$g ||
|
|
|
7271
7302
|
var theme = _ref7.theme;
|
|
7272
7303
|
return theme.colors.primary;
|
|
7273
7304
|
});
|
|
7274
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7305
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__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 (_ref8) {
|
|
7275
7306
|
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
7276
7307
|
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
7277
7308
|
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
@@ -7358,8 +7389,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
7358
7389
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
7359
7390
|
};
|
|
7360
7391
|
|
|
7361
|
-
var _templateObject
|
|
7362
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
7392
|
+
var _templateObject$$;
|
|
7393
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
7363
7394
|
|
|
7364
7395
|
var SectionTitle = function SectionTitle(_ref) {
|
|
7365
7396
|
var title = _ref.title,
|
|
@@ -7385,8 +7416,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
7385
7416
|
}, description))));
|
|
7386
7417
|
};
|
|
7387
7418
|
|
|
7388
|
-
var _templateObject$
|
|
7389
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
7419
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$B, _templateObject4$s, _templateObject5$o, _templateObject6$i, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$4;
|
|
7420
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$10 || (_templateObject$10 = /*#__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) {
|
|
7390
7421
|
var theme = _ref.theme;
|
|
7391
7422
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
7392
7423
|
}, function (_ref2) {
|
|
@@ -7400,8 +7431,8 @@ var borderStyles = /*#__PURE__*/styled.css(_templateObject2$I || (_templateObjec
|
|
|
7400
7431
|
var theme = _ref4.theme;
|
|
7401
7432
|
return theme.colors.darkgrey;
|
|
7402
7433
|
});
|
|
7403
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
7404
|
-
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$
|
|
7434
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7435
|
+
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
7405
7436
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
7406
7437
|
var theme = _ref5.theme;
|
|
7407
7438
|
return {
|
|
@@ -7409,10 +7440,10 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
7409
7440
|
color: theme.colors.black,
|
|
7410
7441
|
title: 'Select Arrow'
|
|
7411
7442
|
};
|
|
7412
|
-
})(_templateObject5$
|
|
7413
|
-
var Wrapper$
|
|
7414
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7415
|
-
var Options = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
7443
|
+
})(_templateObject5$o || (_templateObject5$o = /*#__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"])));
|
|
7444
|
+
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
7445
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
7446
|
+
var Options = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
7416
7447
|
var Option = /*#__PURE__*/styled__default.li(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
7417
7448
|
var theme = _ref6.theme,
|
|
7418
7449
|
hover = _ref6.hover;
|
|
@@ -7692,6 +7723,8 @@ function Select(_ref3) {
|
|
|
7692
7723
|
onSelect = _ref3.onSelect,
|
|
7693
7724
|
_ref3$disabled = _ref3.disabled,
|
|
7694
7725
|
disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
|
|
7726
|
+
_ref3$resetWhenOption = _ref3.resetWhenOptionsUpdate,
|
|
7727
|
+
resetWhenOptionsUpdate = _ref3$resetWhenOption === void 0 ? false : _ref3$resetWhenOption,
|
|
7695
7728
|
_ref3$width = _ref3.width,
|
|
7696
7729
|
width = _ref3$width === void 0 ? 'default' : _ref3$width,
|
|
7697
7730
|
_ref3$height = _ref3.height,
|
|
@@ -7747,7 +7780,17 @@ function Select(_ref3) {
|
|
|
7747
7780
|
document.removeEventListener('click', closeSelectOnBlur, false);
|
|
7748
7781
|
};
|
|
7749
7782
|
}, []);
|
|
7750
|
-
|
|
7783
|
+
React.useEffect(function () {
|
|
7784
|
+
if (!resetWhenOptionsUpdate) return;
|
|
7785
|
+
|
|
7786
|
+
if (options.length === 0) {
|
|
7787
|
+
setSelectedValue(null);
|
|
7788
|
+
return;
|
|
7789
|
+
}
|
|
7790
|
+
|
|
7791
|
+
setSelectedValue(options[0]);
|
|
7792
|
+
}, [options, resetWhenOptionsUpdate]);
|
|
7793
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$5, null, label !== '' && /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7751
7794
|
level: 1,
|
|
7752
7795
|
tag: "p",
|
|
7753
7796
|
"data-testid": "select-label"
|
|
@@ -7795,8 +7838,8 @@ function Select(_ref3) {
|
|
|
7795
7838
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
7796
7839
|
}
|
|
7797
7840
|
|
|
7798
|
-
var _templateObject
|
|
7799
|
-
var TextContainer$
|
|
7841
|
+
var _templateObject$11;
|
|
7842
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -24px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 20px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
7800
7843
|
var theme = _ref.theme;
|
|
7801
7844
|
return theme.colors.primary;
|
|
7802
7845
|
});
|
|
@@ -7817,15 +7860,15 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
7817
7860
|
columnSpanDesktop: columnSpanDesktop,
|
|
7818
7861
|
columnStartDevice: columnStartDevice,
|
|
7819
7862
|
columnSpanDevice: columnSpanDevice
|
|
7820
|
-
}, /*#__PURE__*/React__default.createElement(TextContainer$
|
|
7863
|
+
}, /*#__PURE__*/React__default.createElement(TextContainer$2, {
|
|
7821
7864
|
dangerouslySetInnerHTML: {
|
|
7822
7865
|
__html: text
|
|
7823
7866
|
}
|
|
7824
7867
|
})));
|
|
7825
7868
|
};
|
|
7826
7869
|
|
|
7827
|
-
var _templateObject$
|
|
7828
|
-
var Wrapper$
|
|
7870
|
+
var _templateObject$12, _templateObject2$J;
|
|
7871
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
7829
7872
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
7830
7873
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
7831
7874
|
return aspectRatio;
|
|
@@ -7864,7 +7907,7 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
7864
7907
|
return window.removeEventListener('resize', setWrapperHeight);
|
|
7865
7908
|
};
|
|
7866
7909
|
}, [wrapperRef]);
|
|
7867
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
7910
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$6, {
|
|
7868
7911
|
aspectRatio: aspectRatio,
|
|
7869
7912
|
ref: wrapperRef,
|
|
7870
7913
|
height: height
|
|
@@ -7873,13 +7916,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
7873
7916
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
7874
7917
|
};
|
|
7875
7918
|
|
|
7876
|
-
var _templateObject$
|
|
7877
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7919
|
+
var _templateObject$13, _templateObject2$K, _templateObject3$C;
|
|
7920
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
7878
7921
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
7879
7922
|
var displayAttribution = _ref.displayAttribution;
|
|
7880
7923
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
7881
7924
|
});
|
|
7882
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7925
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
|
|
7883
7926
|
|
|
7884
7927
|
var Quote = function Quote(_ref) {
|
|
7885
7928
|
var text = _ref.text,
|
|
@@ -7903,8 +7946,117 @@ var Quote = function Quote(_ref) {
|
|
|
7903
7946
|
}, attribution))));
|
|
7904
7947
|
};
|
|
7905
7948
|
|
|
7906
|
-
var
|
|
7907
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
7949
|
+
var UpsellSection = function UpsellSection(_ref) {
|
|
7950
|
+
var title = _ref.title,
|
|
7951
|
+
richText = _ref.richText,
|
|
7952
|
+
upsellCards = _ref.upsellCards,
|
|
7953
|
+
_ref$theme = _ref.theme,
|
|
7954
|
+
theme = _ref$theme === void 0 ? exports.ThemeType.Core : _ref$theme;
|
|
7955
|
+
var themedUpsellCards = upsellCards ? [].concat(upsellCards).map(function (card) {
|
|
7956
|
+
return _extends({}, card, {
|
|
7957
|
+
theme: card.theme || theme
|
|
7958
|
+
});
|
|
7959
|
+
}) : [];
|
|
7960
|
+
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
7961
|
+
theme: theme
|
|
7962
|
+
}, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
7963
|
+
columnStartDesktop: 3,
|
|
7964
|
+
columnSpanDesktop: 12,
|
|
7965
|
+
columnStartDevice: 2,
|
|
7966
|
+
columnSpanDevice: 12,
|
|
7967
|
+
columnStartSmallDevice: 1,
|
|
7968
|
+
columnSpanSmallDevice: 14
|
|
7969
|
+
}, /*#__PURE__*/React__default.createElement(UpsellBorderBox, null, /*#__PURE__*/React__default.createElement(TitleContainer$2, null, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
7970
|
+
level: 3
|
|
7971
|
+
}, title)), /*#__PURE__*/React__default.createElement(TextContainer, null, /*#__PURE__*/React__default.createElement(TextOnly, {
|
|
7972
|
+
text: richText != null ? richText : '',
|
|
7973
|
+
columnStartDesktop: 1,
|
|
7974
|
+
columnSpanDesktop: 14,
|
|
7975
|
+
columnStartDevice: 1,
|
|
7976
|
+
columnSpanDevice: 14
|
|
7977
|
+
})), /*#__PURE__*/React__default.createElement(UpsellCards, {
|
|
7978
|
+
upsellCards: themedUpsellCards
|
|
7979
|
+
})))));
|
|
7980
|
+
};
|
|
7981
|
+
|
|
7982
|
+
var SCRIPT_SRC = 'https://talkdeskchatsdk.talkdeskapp.com/talkdeskchatsdk.js?t=';
|
|
7983
|
+
var DATA_BIND = '5ea4b1ad-1a17-11ec-af32-06f09e0065e0';
|
|
7984
|
+
var DATA_ORG = '';
|
|
7985
|
+
var DIV_ID = 'tdWebchat';
|
|
7986
|
+
var THEME_ICON = 'https://static.roh.org.uk/logos/crest.svg';
|
|
7987
|
+
var THEME_FONT_BODY = fontFamilies.sansSerifFallback;
|
|
7988
|
+
var THEME_COLOR = core.colors.core;
|
|
7989
|
+
var THEME_COLOR_LIGHT = core.colors.core + '80';
|
|
7990
|
+
var THEME_COLOR_BLACK = core.colors.black;
|
|
7991
|
+
var THEME_COLOR_LIGHTGREY = core.colors.lightgrey;
|
|
7992
|
+
var THEME_COLOR_WHITE = core.colors.white;
|
|
7993
|
+
var THEME_COLOR_MIDGREY = core.colors.midgrey;
|
|
7994
|
+
var SCRIPT_CONTENT = "var webchat;\n((window, document, node, props, configs) => {\n if (window.TalkdeskChatSDK) {\n console.error(\"TalkdeskChatSDK already included\");\n return;\n }\n var divContainer = document.createElement(\"div\");\n divContainer.id = node;\n document.body.appendChild(divContainer);\n var currentDate = new Date().getTime();\n var src = \"" + SCRIPT_SRC + "\" + currentDate;\n var script = document.createElement(\"script\");\n var firstScriptTag = document.getElementsByTagName(\"script\")[0];\n script.type = \"text/javascript\";\n script.charset = \"UTF-8\";\n script.id = \"tdwebchatscript\";\n script.src = src;\n script.async = true;\n firstScriptTag.parentNode.insertBefore(script, firstScriptTag);\n script.onload = () => {\n webchat = TalkdeskChatSDK(node, props);\n webchat.init(configs);\n };\n})(\n window,\n document,\n \"" + DIV_ID + "\",\n { flowId: \"cd19d348b5fb4a0ab0d3277686f28d1e\", accountId: \"\", region: \"td-us-1\" },\n { enableEmoji: true, enableUserInput: true, styles :{\n \"botIcon\": \"" + THEME_ICON + "\",\n \"botBackgroundColor\":\"" + THEME_COLOR_LIGHTGREY + "\",\n \"botTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"chatTitle\": \"Royal Opera House\",\n \"chatThemeColor\": \"" + THEME_COLOR + "\",\n \"chatTitleIcon\": \"" + THEME_ICON + "\",\n \"customButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n \"customButtonBorderColor\": \"" + THEME_COLOR + "\",\n \"customButtonColor\": \"" + THEME_COLOR_WHITE + "\",\n \"userBackgroundColor\":\"" + THEME_COLOR_LIGHTGREY + "\",\n \"userTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"userBackgroundColor\":\"" + THEME_COLOR_MIDGREY + "\",\n \"userTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"welcomeMessageBackgroundColor\": \"" + THEME_COLOR_LIGHT + "\",\n \"welcomeMessageContentFontSize\": \"18px\",\n \"welcomeMessageTitleFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"welcomeMessageContentFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customMessageFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customMessageNoBubbleFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customButtonFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customFieldLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customFieldInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customDropdownLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customDropdownInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"startChatButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonBorderColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonTextColor\": \"" + THEME_COLOR_WHITE + "\",\n \"startChatButtonHoverBackgroundColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonHoverBorderColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonHoverTextColor\": \"" + THEME_COLOR_WHITE + "\",\n \"startChatButtonFontFamily\": \"" + THEME_FONT_BODY + "\",\n }}\n);";
|
|
7995
|
+
|
|
7996
|
+
var loadLiveChatScript = function loadLiveChatScript(callback) {
|
|
7997
|
+
var existingScript = document.getElementById(DIV_ID);
|
|
7998
|
+
|
|
7999
|
+
if (!existingScript) {
|
|
8000
|
+
var liveChatDiv = document.createElement('div');
|
|
8001
|
+
liveChatDiv.id = DIV_ID;
|
|
8002
|
+
liveChatDiv.setAttribute('data-bind', DATA_BIND);
|
|
8003
|
+
liveChatDiv.setAttribute('data-org', DATA_ORG);
|
|
8004
|
+
var script = document.createElement('script');
|
|
8005
|
+
var scriptBody = document.createTextNode(SCRIPT_CONTENT);
|
|
8006
|
+
script.appendChild(scriptBody);
|
|
8007
|
+
document.body.appendChild(liveChatDiv);
|
|
8008
|
+
document.body.appendChild(script);
|
|
8009
|
+
|
|
8010
|
+
script.onload = function () {
|
|
8011
|
+
if (callback) callback();
|
|
8012
|
+
};
|
|
8013
|
+
}
|
|
8014
|
+
|
|
8015
|
+
if (existingScript && callback) callback();
|
|
8016
|
+
};
|
|
8017
|
+
|
|
8018
|
+
var LiveChat = function LiveChat() {
|
|
8019
|
+
// eslint-disable-next-line
|
|
8020
|
+
var _React$useState = React.useState(false),
|
|
8021
|
+
loaded = _React$useState[0],
|
|
8022
|
+
setLoaded = _React$useState[1];
|
|
8023
|
+
|
|
8024
|
+
React.useEffect(function () {
|
|
8025
|
+
loadLiveChatScript(function () {
|
|
8026
|
+
setLoaded(true);
|
|
8027
|
+
});
|
|
8028
|
+
});
|
|
8029
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
8030
|
+
"data-loaded": loaded
|
|
8031
|
+
});
|
|
8032
|
+
};
|
|
8033
|
+
|
|
8034
|
+
var _templateObject$14, _templateObject2$L;
|
|
8035
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
8036
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 2px solid var(--base-color-lightgrey);\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), devices.mobileAndTablet, devices.mobile);
|
|
8037
|
+
|
|
8038
|
+
var StickyBar = function StickyBar(_ref) {
|
|
8039
|
+
var _ref$columnStartDeskt = _ref.columnStartDesktop,
|
|
8040
|
+
columnStartDesktop = _ref$columnStartDeskt === void 0 ? 3 : _ref$columnStartDeskt,
|
|
8041
|
+
_ref$columnSpanDeskto = _ref.columnSpanDesktop,
|
|
8042
|
+
columnSpanDesktop = _ref$columnSpanDeskto === void 0 ? 8 : _ref$columnSpanDeskto,
|
|
8043
|
+
_ref$columnStartDevic = _ref.columnStartDevice,
|
|
8044
|
+
columnStartDevice = _ref$columnStartDevic === void 0 ? 2 : _ref$columnStartDevic,
|
|
8045
|
+
_ref$columnSpanDevice = _ref.columnSpanDevice,
|
|
8046
|
+
columnSpanDevice = _ref$columnSpanDevice === void 0 ? 12 : _ref$columnSpanDevice,
|
|
8047
|
+
children = _ref.children;
|
|
8048
|
+
return /*#__PURE__*/React__default.createElement(StickyBarWrapper, {
|
|
8049
|
+
"data-testid": "sticky-bar-block"
|
|
8050
|
+
}, /*#__PURE__*/React__default.createElement(StickyBarGrid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8051
|
+
columnStartDesktop: columnStartDesktop,
|
|
8052
|
+
columnSpanDesktop: columnSpanDesktop,
|
|
8053
|
+
columnStartDevice: columnStartDevice,
|
|
8054
|
+
columnSpanDevice: columnSpanDevice
|
|
8055
|
+
}, children)));
|
|
8056
|
+
};
|
|
8057
|
+
|
|
8058
|
+
var _templateObject$15;
|
|
8059
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
7908
8060
|
var theme = _ref.theme;
|
|
7909
8061
|
return theme.colors.primary;
|
|
7910
8062
|
}, function (_ref2) {
|
|
@@ -8882,6 +9034,8 @@ exports.Tickbox = Tickbox;
|
|
|
8882
9034
|
exports.Timer = Timer;
|
|
8883
9035
|
exports.TitleWithCTA = TitleWithCTA;
|
|
8884
9036
|
exports.TypeTags = TypeTags;
|
|
9037
|
+
exports.UpsellCard = UpsellCard;
|
|
9038
|
+
exports.UpsellSection = UpsellSection;
|
|
8885
9039
|
exports.devices = devices;
|
|
8886
9040
|
exports.zIndexes = zIndexes;
|
|
8887
9041
|
//# sourceMappingURL=chord.cjs.development.js.map
|