@royaloperahouse/chord 0.7.38 → 0.7.41
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 +10 -0
- package/README.md +1 -1
- package/dist/chord.cjs.development.js +201 -50
- 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 +201 -51
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/PromoWithTags/PromoWithTags.d.ts +4 -0
- package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +12 -0
- package/dist/components/molecules/PromoWithTags/index.d.ts +2 -0
- package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +0 -5
- package/dist/components/molecules/index.d.ts +2 -1
- package/dist/index.d.ts +2 -2
- package/dist/styles/themes.d.ts +18 -0
- package/dist/types/editorial.d.ts +61 -8
- package/package.json +1 -1
package/dist/chord.esm.js
CHANGED
|
@@ -94,7 +94,8 @@ var fontFamilies = {
|
|
|
94
94
|
gothamSSmMedium: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
|
|
95
95
|
gothamSSm: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
|
|
96
96
|
sabonNextLTProRegular: 'Sabon Next LT Pro Regular',
|
|
97
|
-
sabonNextLTProRegularItalics: 'Sabon Next LT Pro Regular Italics'
|
|
97
|
+
sabonNextLTProRegularItalics: 'Sabon Next LT Pro Regular Italics',
|
|
98
|
+
sansSerifFallback: 'Montserrat, sans-serif'
|
|
98
99
|
};
|
|
99
100
|
var common = {
|
|
100
101
|
fonts: {
|
|
@@ -550,7 +551,8 @@ var cinema = /*#__PURE__*/_extends({}, common, {
|
|
|
550
551
|
var themes = {
|
|
551
552
|
core: core,
|
|
552
553
|
stream: stream,
|
|
553
|
-
cinema: cinema
|
|
554
|
+
cinema: cinema,
|
|
555
|
+
fontFamilies: fontFamilies
|
|
554
556
|
};
|
|
555
557
|
|
|
556
558
|
var _templateObject$2;
|
|
@@ -4682,12 +4684,17 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
4682
4684
|
};
|
|
4683
4685
|
|
|
4684
4686
|
var SCRIPT_SRC = 'https://talkdeskchatsdk.talkdeskapp.com/talkdeskchatsdk.js?t=';
|
|
4685
|
-
var THEME_COLOR = core.colors.core;
|
|
4686
4687
|
var DATA_BIND = '5ea4b1ad-1a17-11ec-af32-06f09e0065e0';
|
|
4687
4688
|
var DATA_ORG = '';
|
|
4688
4689
|
var DIV_ID = 'tdWebchat';
|
|
4689
|
-
var THEME_ICON = 'https://static.roh.org.uk/
|
|
4690
|
-
var
|
|
4690
|
+
var THEME_ICON = 'https://static.roh.org.uk/logos/crest.svg';
|
|
4691
|
+
var THEME_FONT_BODY = fontFamilies.sansSerifFallback;
|
|
4692
|
+
var THEME_COLOR = core.colors.core;
|
|
4693
|
+
var THEME_COLOR_LIGHT = core.colors.core + '99';
|
|
4694
|
+
var THEME_COLOR_USER = core.colors.lightgrey;
|
|
4695
|
+
var THEME_COLOR_WHITE = core.colors.white;
|
|
4696
|
+
console.log(THEME_FONT_BODY);
|
|
4697
|
+
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 \"chatTitle\": \"Royal Opera House\",\n \"chatThemeColor\": \"" + THEME_COLOR + "\",\n \"chatTitleIcon\": \"" + THEME_ICON + "\",\n \"customButtonColor\" : \"" + THEME_COLOR + "\",\n \"customButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n \"customButtonBorderColor\": \"" + THEME_COLOR + "\",\n \"customButtonColor\": \"" + THEME_COLOR_WHITE + "\",\n \"userBackgroundColor\":\"" + THEME_COLOR_USER + "\",\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 }}\n);";
|
|
4691
4698
|
|
|
4692
4699
|
var loadLiveChatScript = function loadLiveChatScript(callback) {
|
|
4693
4700
|
var existingScript = document.getElementById(DIV_ID);
|
|
@@ -4729,7 +4736,7 @@ var LiveChat = function LiveChat() {
|
|
|
4729
4736
|
|
|
4730
4737
|
var _templateObject$B, _templateObject2$l;
|
|
4731
4738
|
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
4732
|
-
var StickyBarGrid = /*#__PURE__*/styled(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"])), devices.mobileAndTablet);
|
|
4739
|
+
var StickyBarGrid = /*#__PURE__*/styled(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);
|
|
4733
4740
|
|
|
4734
4741
|
var StickyBar = function StickyBar(_ref) {
|
|
4735
4742
|
var _ref$columnStartDeskt = _ref.columnStartDesktop,
|
|
@@ -5440,27 +5447,27 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
5440
5447
|
}));
|
|
5441
5448
|
};
|
|
5442
5449
|
|
|
5443
|
-
var _templateObject$O, _templateObject2$w, _templateObject3$o, _templateObject4$i, _templateObject5$e, _templateObject6$b, _templateObject7$7, _templateObject8$6;
|
|
5450
|
+
var _templateObject$O, _templateObject2$w, _templateObject3$o, _templateObject4$i, _templateObject5$e, _templateObject6$b, _templateObject7$7, _templateObject8$6, _templateObject9$4, _templateObject10$3, _templateObject11$2;
|
|
5444
5451
|
var LENGTH_TEXT = 28;
|
|
5445
5452
|
var LENGTH_TEXT_TABLET$1 = 10;
|
|
5446
|
-
var
|
|
5453
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$O || (_templateObject$O = /*#__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) {
|
|
5447
5454
|
var imageToLeft = _ref.imageToLeft;
|
|
5448
5455
|
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'";
|
|
5449
5456
|
}, devices.tablet, function (_ref2) {
|
|
5450
5457
|
var imageToLeft = _ref2.imageToLeft;
|
|
5451
5458
|
return imageToLeft ? "'left left left left left left left . right right right right right .'" : "'. left left left left left . right right right right right right right'";
|
|
5452
5459
|
}, devices.mobile);
|
|
5453
|
-
var
|
|
5460
|
+
var PromoWithTagsImageWrapper = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
5454
5461
|
var imageToLeft = _ref3.imageToLeft;
|
|
5455
5462
|
return imageToLeft ? 'left' : 'right';
|
|
5456
5463
|
}, devices.mobile);
|
|
5457
|
-
var
|
|
5464
|
+
var PromoWithTagsContentWrapper = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__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) {
|
|
5458
5465
|
var imageToLeft = _ref4.imageToLeft;
|
|
5459
5466
|
return imageToLeft ? 'right' : 'left';
|
|
5460
5467
|
}, devices.mobile);
|
|
5461
|
-
var
|
|
5462
|
-
var
|
|
5463
|
-
var
|
|
5468
|
+
var PromoWithTagsContainer = /*#__PURE__*/styled.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
|
|
5469
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled.span(_templateObject5$e || (_templateObject5$e = /*#__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"])));
|
|
5470
|
+
var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__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) {
|
|
5464
5471
|
var theme = _ref5.theme;
|
|
5465
5472
|
return theme.colors.black;
|
|
5466
5473
|
}, function (_ref6) {
|
|
@@ -5470,11 +5477,14 @@ var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$b || (_templat
|
|
|
5470
5477
|
var theme = _ref7.theme;
|
|
5471
5478
|
return theme.colors.primary;
|
|
5472
5479
|
});
|
|
5473
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top:
|
|
5474
|
-
var
|
|
5475
|
-
|
|
5476
|
-
|
|
5477
|
-
|
|
5480
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__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 (_ref8) {
|
|
5481
|
+
var hasTextLinks = _ref8.hasTextLinks;
|
|
5482
|
+
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
5483
|
+
}, function (_ref9) {
|
|
5484
|
+
var _ref9$primaryButtonTe = _ref9.primaryButtonTextLength,
|
|
5485
|
+
primaryButtonTextLength = _ref9$primaryButtonTe === void 0 ? 0 : _ref9$primaryButtonTe,
|
|
5486
|
+
_ref9$tertiaryButtonT = _ref9.tertiaryButtonTextLength,
|
|
5487
|
+
tertiaryButtonTextLength = _ref9$tertiaryButtonT === void 0 ? 0 : _ref9$tertiaryButtonT;
|
|
5478
5488
|
var isLinksLayoutColumn = primaryButtonTextLength >= LENGTH_TEXT || tertiaryButtonTextLength >= LENGTH_TEXT;
|
|
5479
5489
|
|
|
5480
5490
|
if (isLinksLayoutColumn) {
|
|
@@ -5482,11 +5492,11 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject7$7 || (_templat
|
|
|
5482
5492
|
}
|
|
5483
5493
|
|
|
5484
5494
|
return '';
|
|
5485
|
-
}, devices.mobile, devices.tablet, function (
|
|
5486
|
-
var
|
|
5487
|
-
primaryButtonTextLength =
|
|
5488
|
-
|
|
5489
|
-
tertiaryButtonTextLength =
|
|
5495
|
+
}, devices.mobile, devices.tablet, function (_ref10) {
|
|
5496
|
+
var _ref10$primaryButtonT = _ref10.primaryButtonTextLength,
|
|
5497
|
+
primaryButtonTextLength = _ref10$primaryButtonT === void 0 ? 0 : _ref10$primaryButtonT,
|
|
5498
|
+
_ref10$tertiaryButton = _ref10.tertiaryButtonTextLength,
|
|
5499
|
+
tertiaryButtonTextLength = _ref10$tertiaryButton === void 0 ? 0 : _ref10$tertiaryButton;
|
|
5490
5500
|
var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET$1 || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET$1;
|
|
5491
5501
|
|
|
5492
5502
|
if (isLinksLayoutColumnTablet) {
|
|
@@ -5495,16 +5505,20 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject7$7 || (_templat
|
|
|
5495
5505
|
|
|
5496
5506
|
return '';
|
|
5497
5507
|
});
|
|
5498
|
-
var
|
|
5499
|
-
var marginBottom =
|
|
5508
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref11) {
|
|
5509
|
+
var marginBottom = _ref11.marginBottom;
|
|
5500
5510
|
return marginBottom + "px";
|
|
5501
5511
|
});
|
|
5512
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
5513
|
+
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
5514
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
5502
5515
|
|
|
5503
5516
|
var _excluded$i = ["text"],
|
|
5504
|
-
_excluded2$2 = ["text"]
|
|
5517
|
+
_excluded2$2 = ["text"],
|
|
5518
|
+
_excluded3 = ["text"];
|
|
5505
5519
|
var LENGTH_TEXT$1 = 28;
|
|
5506
5520
|
|
|
5507
|
-
var
|
|
5521
|
+
var PromoWithTags = function PromoWithTags(_ref) {
|
|
5508
5522
|
var _ref$imagePosition = _ref.imagePosition,
|
|
5509
5523
|
imagePosition = _ref$imagePosition === void 0 ? 'left' : _ref$imagePosition,
|
|
5510
5524
|
_ref$title = _ref.title,
|
|
@@ -5513,10 +5527,13 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
5513
5527
|
titleSize = _ref$titleSize === void 0 ? 'large' : _ref$titleSize,
|
|
5514
5528
|
subtitle = _ref.subtitle,
|
|
5515
5529
|
text = _ref.text,
|
|
5530
|
+
textLinks = _ref.textLinks,
|
|
5516
5531
|
links = _ref.links,
|
|
5517
5532
|
children = _ref.children,
|
|
5518
5533
|
aboveTitleTags = _ref.aboveTitleTags,
|
|
5519
|
-
|
|
5534
|
+
underTitleTags = _ref.underTitleTags,
|
|
5535
|
+
middleText = _ref.middleText,
|
|
5536
|
+
bottomText = _ref.bottomText;
|
|
5520
5537
|
|
|
5521
5538
|
var truncate = function truncate(str, n) {
|
|
5522
5539
|
return str.length >= n ? str.substr(0, n) : str;
|
|
@@ -5540,39 +5557,172 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
5540
5557
|
restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
|
|
5541
5558
|
|
|
5542
5559
|
var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$1);
|
|
5543
|
-
|
|
5560
|
+
var textLinkItems = textLinks ? textLinks.map(function (link) {
|
|
5561
|
+
var _link$text = link.text,
|
|
5562
|
+
textLinkText = _link$text === void 0 ? '' : _link$text,
|
|
5563
|
+
restTextLink = _objectWithoutPropertiesLoose(link, _excluded3);
|
|
5564
|
+
|
|
5565
|
+
return /*#__PURE__*/React__default.createElement(TextLinkWrapper$2, null, /*#__PURE__*/React__default.createElement(TextLink, Object.assign({}, restTextLink), textLinkText));
|
|
5566
|
+
}) : null;
|
|
5567
|
+
return /*#__PURE__*/React__default.createElement(PromoWithTagsGrid, {
|
|
5544
5568
|
imageToLeft: imageToLeft
|
|
5545
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
5569
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTagsImageWrapper, {
|
|
5546
5570
|
"data-testid": "image-wrapper",
|
|
5547
5571
|
imageToLeft: imageToLeft
|
|
5548
5572
|
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
5549
5573
|
aspectRatio: AspectRatio['4:3']
|
|
5550
|
-
}, children)), /*#__PURE__*/React__default.createElement(
|
|
5574
|
+
}, children)), /*#__PURE__*/React__default.createElement(PromoWithTagsContentWrapper, {
|
|
5551
5575
|
"data-testid": "content-wrapper",
|
|
5552
5576
|
imageToLeft: imageToLeft
|
|
5553
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
5577
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTagsContainer, null, !!(aboveTitleTags != null && aboveTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
5554
5578
|
marginBottom: 16
|
|
5555
5579
|
}, /*#__PURE__*/React__default.createElement(TypeTags, {
|
|
5556
5580
|
list: aboveTitleTags
|
|
5557
|
-
}))
|
|
5581
|
+
})), /*#__PURE__*/React__default.createElement(Header, {
|
|
5558
5582
|
level: titleLevel
|
|
5559
|
-
}, title)), subtitle
|
|
5583
|
+
}, title)), subtitle && /*#__PURE__*/React__default.createElement(PromoWithTagsSubtitle, null, subtitle), !!(underTitleTags != null && underTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
5560
5584
|
marginBottom: 4
|
|
5561
5585
|
}, /*#__PURE__*/React__default.createElement(TypeTags, {
|
|
5562
|
-
list:
|
|
5563
|
-
})), /*#__PURE__*/React__default.createElement(
|
|
5586
|
+
list: underTitleTags
|
|
5587
|
+
})), /*#__PURE__*/React__default.createElement(PromoWithTagsText, {
|
|
5588
|
+
dangerouslySetInnerHTML: {
|
|
5589
|
+
__html: text
|
|
5590
|
+
}
|
|
5591
|
+
}), middleText && /*#__PURE__*/React__default.createElement(PromoWithTagsAdditionalText, {
|
|
5592
|
+
dangerouslySetInnerHTML: {
|
|
5593
|
+
__html: middleText
|
|
5594
|
+
}
|
|
5595
|
+
}), bottomText && /*#__PURE__*/React__default.createElement(PromoWithTagsAdditionalText, {
|
|
5596
|
+
dangerouslySetInnerHTML: {
|
|
5597
|
+
__html: bottomText
|
|
5598
|
+
}
|
|
5599
|
+
}), !!(textLinks != null && textLinks.length) && /*#__PURE__*/React__default.createElement(TextLinksContainer, null, textLinkItems), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$2, {
|
|
5600
|
+
hasTextLinks: !!(textLinks != null && textLinks.length),
|
|
5601
|
+
"data-testid": "buttons-wrapper",
|
|
5602
|
+
primaryButtonTextLength: primaryButtonText.length,
|
|
5603
|
+
tertiaryButtonTextLength: tertiaryButtonText.length
|
|
5604
|
+
}, primaryButton && /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate), tertiaryButton && /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate))));
|
|
5605
|
+
};
|
|
5606
|
+
|
|
5607
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$f, _templateObject6$c, _templateObject7$8;
|
|
5608
|
+
var LENGTH_TEXT$2 = 28;
|
|
5609
|
+
var LENGTH_TEXT_TABLET$2 = 10;
|
|
5610
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$P || (_templateObject$P = /*#__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) {
|
|
5611
|
+
var imageToLeft = _ref.imageToLeft;
|
|
5612
|
+
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'";
|
|
5613
|
+
}, devices.tablet, function (_ref2) {
|
|
5614
|
+
var imageToLeft = _ref2.imageToLeft;
|
|
5615
|
+
return imageToLeft ? "'left left left left left left left . right right right right right .'" : "'. left left left left left . right right right right right right right'";
|
|
5616
|
+
}, devices.mobile);
|
|
5617
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
5618
|
+
var imageToLeft = _ref3.imageToLeft;
|
|
5619
|
+
return imageToLeft ? 'left' : 'right';
|
|
5620
|
+
}, devices.mobile);
|
|
5621
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__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) {
|
|
5622
|
+
var imageToLeft = _ref4.imageToLeft;
|
|
5623
|
+
return imageToLeft ? 'right' : 'left';
|
|
5624
|
+
}, devices.mobile);
|
|
5625
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__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);
|
|
5626
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled.span(_templateObject5$f || (_templateObject5$f = /*#__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"])));
|
|
5627
|
+
var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__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) {
|
|
5628
|
+
var theme = _ref5.theme;
|
|
5629
|
+
return theme.colors.black;
|
|
5630
|
+
}, function (_ref6) {
|
|
5631
|
+
var theme = _ref6.theme;
|
|
5632
|
+
return theme.colors.darkgrey;
|
|
5633
|
+
}, function (_ref7) {
|
|
5634
|
+
var theme = _ref7.theme;
|
|
5635
|
+
return theme.colors.primary;
|
|
5636
|
+
});
|
|
5637
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__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) {
|
|
5638
|
+
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
5639
|
+
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
5640
|
+
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
5641
|
+
tertiaryButtonTextLength = _ref8$tertiaryButtonT === void 0 ? 0 : _ref8$tertiaryButtonT;
|
|
5642
|
+
var isLinksLayoutColumn = primaryButtonTextLength >= LENGTH_TEXT$2 || tertiaryButtonTextLength >= LENGTH_TEXT$2;
|
|
5643
|
+
|
|
5644
|
+
if (isLinksLayoutColumn) {
|
|
5645
|
+
return "\n flex-direction: column;\n ";
|
|
5646
|
+
}
|
|
5647
|
+
|
|
5648
|
+
return '';
|
|
5649
|
+
}, devices.mobile, devices.tablet, function (_ref9) {
|
|
5650
|
+
var _ref9$primaryButtonTe = _ref9.primaryButtonTextLength,
|
|
5651
|
+
primaryButtonTextLength = _ref9$primaryButtonTe === void 0 ? 0 : _ref9$primaryButtonTe,
|
|
5652
|
+
_ref9$tertiaryButtonT = _ref9.tertiaryButtonTextLength,
|
|
5653
|
+
tertiaryButtonTextLength = _ref9$tertiaryButtonT === void 0 ? 0 : _ref9$tertiaryButtonT;
|
|
5654
|
+
var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET$2 || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET$2;
|
|
5655
|
+
|
|
5656
|
+
if (isLinksLayoutColumnTablet) {
|
|
5657
|
+
return "\n flex-direction: column;\n ";
|
|
5658
|
+
}
|
|
5659
|
+
|
|
5660
|
+
return '';
|
|
5661
|
+
});
|
|
5662
|
+
|
|
5663
|
+
var _excluded$j = ["text"],
|
|
5664
|
+
_excluded2$3 = ["text"];
|
|
5665
|
+
var LENGTH_TEXT$3 = 28;
|
|
5666
|
+
|
|
5667
|
+
var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
5668
|
+
var _ref$imagePosition = _ref.imagePosition,
|
|
5669
|
+
imagePosition = _ref$imagePosition === void 0 ? 'left' : _ref$imagePosition,
|
|
5670
|
+
_ref$title = _ref.title,
|
|
5671
|
+
title = _ref$title === void 0 ? '' : _ref$title,
|
|
5672
|
+
_ref$titleSize = _ref.titleSize,
|
|
5673
|
+
titleSize = _ref$titleSize === void 0 ? 'large' : _ref$titleSize,
|
|
5674
|
+
subtitle = _ref.subtitle,
|
|
5675
|
+
text = _ref.text,
|
|
5676
|
+
links = _ref.links,
|
|
5677
|
+
children = _ref.children;
|
|
5678
|
+
|
|
5679
|
+
var truncate = function truncate(str, n) {
|
|
5680
|
+
return str.length >= n ? str.substr(0, n) : str;
|
|
5681
|
+
};
|
|
5682
|
+
|
|
5683
|
+
var imageToLeft = imagePosition === 'left';
|
|
5684
|
+
var titleLevel = titleSize === 'large' ? 2 : 3;
|
|
5685
|
+
var primaryButton = links == null ? void 0 : links[0];
|
|
5686
|
+
|
|
5687
|
+
var _ref2 = primaryButton || {},
|
|
5688
|
+
_ref2$text = _ref2.text,
|
|
5689
|
+
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
5690
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$j);
|
|
5691
|
+
|
|
5692
|
+
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
5693
|
+
var tertiaryButton = links == null ? void 0 : links[1];
|
|
5694
|
+
|
|
5695
|
+
var _ref3 = tertiaryButton || {},
|
|
5696
|
+
_ref3$text = _ref3.text,
|
|
5697
|
+
tertiaryButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
5698
|
+
restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$3);
|
|
5699
|
+
|
|
5700
|
+
var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$3);
|
|
5701
|
+
return /*#__PURE__*/React__default.createElement(PromoWithTitleGrid, {
|
|
5702
|
+
imageToLeft: imageToLeft
|
|
5703
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTitleImageWrapper, {
|
|
5704
|
+
"data-testid": "image-wrapper",
|
|
5705
|
+
imageToLeft: imageToLeft
|
|
5706
|
+
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
5707
|
+
aspectRatio: AspectRatio['4:3']
|
|
5708
|
+
}, children)), /*#__PURE__*/React__default.createElement(PromoWithTitleContentWrapper, {
|
|
5709
|
+
"data-testid": "content-wrapper",
|
|
5710
|
+
imageToLeft: imageToLeft
|
|
5711
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTitleContainer, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
5712
|
+
level: titleLevel
|
|
5713
|
+
}, title)), subtitle ? /*#__PURE__*/React__default.createElement(PromoWithTitleSubtitle, null, subtitle) : null, /*#__PURE__*/React__default.createElement(PromoWithTitleText, {
|
|
5564
5714
|
dangerouslySetInnerHTML: {
|
|
5565
5715
|
__html: text
|
|
5566
5716
|
}
|
|
5567
|
-
}), links ? /*#__PURE__*/React__default.createElement(ButtonsContainer$
|
|
5717
|
+
}), links ? /*#__PURE__*/React__default.createElement(ButtonsContainer$3, {
|
|
5568
5718
|
"data-testid": "buttons-wrapper",
|
|
5569
5719
|
primaryButtonTextLength: primaryButtonText.length,
|
|
5570
5720
|
tertiaryButtonTextLength: tertiaryButtonText.length
|
|
5571
5721
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
5572
5722
|
};
|
|
5573
5723
|
|
|
5574
|
-
var _templateObject$
|
|
5575
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5724
|
+
var _templateObject$Q;
|
|
5725
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$Q || (_templateObject$Q = /*#__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);
|
|
5576
5726
|
|
|
5577
5727
|
var SectionTitle = function SectionTitle(_ref) {
|
|
5578
5728
|
var title = _ref.title,
|
|
@@ -5598,8 +5748,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
5598
5748
|
}, description))));
|
|
5599
5749
|
};
|
|
5600
5750
|
|
|
5601
|
-
var _templateObject$
|
|
5602
|
-
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
5751
|
+
var _templateObject$R;
|
|
5752
|
+
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject$R || (_templateObject$R = /*#__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) {
|
|
5603
5753
|
var theme = _ref.theme;
|
|
5604
5754
|
return theme.colors.primary;
|
|
5605
5755
|
});
|
|
@@ -5627,8 +5777,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
5627
5777
|
})));
|
|
5628
5778
|
};
|
|
5629
5779
|
|
|
5630
|
-
var _templateObject$
|
|
5631
|
-
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
5780
|
+
var _templateObject$S, _templateObject2$y;
|
|
5781
|
+
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$S || (_templateObject$S = /*#__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) {
|
|
5632
5782
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
5633
5783
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
5634
5784
|
return aspectRatio;
|
|
@@ -5638,7 +5788,7 @@ var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$R || (_templateObject$R
|
|
|
5638
5788
|
height = _ref2.height;
|
|
5639
5789
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
5640
5790
|
});
|
|
5641
|
-
var CaptionWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
5791
|
+
var CaptionWrapper = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
|
|
5642
5792
|
|
|
5643
5793
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
5644
5794
|
var caption = _ref.caption,
|
|
@@ -5676,13 +5826,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
5676
5826
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
5677
5827
|
};
|
|
5678
5828
|
|
|
5679
|
-
var _templateObject$
|
|
5680
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
5681
|
-
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
5829
|
+
var _templateObject$T, _templateObject2$z, _templateObject3$q;
|
|
5830
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
5831
|
+
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
5682
5832
|
var displayAttribution = _ref.displayAttribution;
|
|
5683
5833
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
5684
5834
|
});
|
|
5685
|
-
var Line = /*#__PURE__*/styled.div(_templateObject3$
|
|
5835
|
+
var Line = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__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);
|
|
5686
5836
|
|
|
5687
5837
|
var Quote = function Quote(_ref) {
|
|
5688
5838
|
var text = _ref.text,
|
|
@@ -5706,8 +5856,8 @@ var Quote = function Quote(_ref) {
|
|
|
5706
5856
|
}, attribution))));
|
|
5707
5857
|
};
|
|
5708
5858
|
|
|
5709
|
-
var _templateObject$
|
|
5710
|
-
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$T || (_templateObject$T = /*#__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\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-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) {
|
|
5859
|
+
var _templateObject$U;
|
|
5860
|
+
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$U || (_templateObject$U = /*#__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\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-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) {
|
|
5711
5861
|
var theme = _ref.theme;
|
|
5712
5862
|
return theme.colors.primary;
|
|
5713
5863
|
}, function (_ref2) {
|
|
@@ -6600,5 +6750,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$T || (_templat
|
|
|
6600
6750
|
return theme.fonts.tablet.sizes.body[1];
|
|
6601
6751
|
}, devices.desktop, devices.largeDesktop);
|
|
6602
6752
|
|
|
6603
|
-
export { Accordion, Accordions, AltHeader, AnchorTapBar, AnnouncementBanner, AspectRatio, BodyText, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, Quote, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, Button$1 as TertiaryButton, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, TickboxMode, TitleWithCTA, TypeTags, devices };
|
|
6753
|
+
export { Accordion, Accordions, AltHeader, AnchorTapBar, AnnouncementBanner, AspectRatio, BodyText, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, Quote, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, Button$1 as TertiaryButton, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, TickboxMode, TitleWithCTA, TypeTags, devices };
|
|
6604
6754
|
//# sourceMappingURL=chord.esm.js.map
|