@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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# CHANGELOG
|
|
2
2
|
|
|
3
|
+
## [0.7.41]
|
|
4
|
+
- PromoWithTags: convert the checks value to boolean
|
|
5
|
+
|
|
6
|
+
## [0.7.40]
|
|
7
|
+
- Add new PromoWithTags component
|
|
8
|
+
- StickyBar: remove bottom border for mobile viewport
|
|
9
|
+
|
|
10
|
+
## [0.7.39]
|
|
11
|
+
- Livechat: restyling
|
|
12
|
+
|
|
3
13
|
## [0.7.38]
|
|
4
14
|
- PromoWithTitle: add styles for headings
|
|
5
15
|
|
package/README.md
CHANGED
|
@@ -55,7 +55,7 @@ const App = ({ children }: InnerProps): React.ReactElement => (
|
|
|
55
55
|
|
|
56
56
|
## Components
|
|
57
57
|
|
|
58
|
-
Accordion, Accordions, AltHeader, AnchorTapBar, AnnouncementBanner, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, ControlledDropdown, devices, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, TertiaryButton, TextLink, TextOnly, Tickbox, TitleWithCTA, ThemeProvider, TypeTags, Quote
|
|
58
|
+
Accordion, Accordions, AltHeader, AnchorTapBar, AnnouncementBanner, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, ControlledDropdown, devices, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, TertiaryButton, TextLink, TextOnly, Tickbox, TitleWithCTA, ThemeProvider, TypeTags, Quote
|
|
59
59
|
|
|
60
60
|
## Types
|
|
61
61
|
|
|
@@ -102,7 +102,8 @@ var fontFamilies = {
|
|
|
102
102
|
gothamSSmMedium: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
|
|
103
103
|
gothamSSm: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
|
|
104
104
|
sabonNextLTProRegular: 'Sabon Next LT Pro Regular',
|
|
105
|
-
sabonNextLTProRegularItalics: 'Sabon Next LT Pro Regular Italics'
|
|
105
|
+
sabonNextLTProRegularItalics: 'Sabon Next LT Pro Regular Italics',
|
|
106
|
+
sansSerifFallback: 'Montserrat, sans-serif'
|
|
106
107
|
};
|
|
107
108
|
var common = {
|
|
108
109
|
fonts: {
|
|
@@ -558,7 +559,8 @@ var cinema = /*#__PURE__*/_extends({}, common, {
|
|
|
558
559
|
var themes = {
|
|
559
560
|
core: core,
|
|
560
561
|
stream: stream,
|
|
561
|
-
cinema: cinema
|
|
562
|
+
cinema: cinema,
|
|
563
|
+
fontFamilies: fontFamilies
|
|
562
564
|
};
|
|
563
565
|
|
|
564
566
|
var _templateObject$2;
|
|
@@ -4680,12 +4682,17 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
4680
4682
|
};
|
|
4681
4683
|
|
|
4682
4684
|
var SCRIPT_SRC = 'https://talkdeskchatsdk.talkdeskapp.com/talkdeskchatsdk.js?t=';
|
|
4683
|
-
var THEME_COLOR = core.colors.core;
|
|
4684
4685
|
var DATA_BIND = '5ea4b1ad-1a17-11ec-af32-06f09e0065e0';
|
|
4685
4686
|
var DATA_ORG = '';
|
|
4686
4687
|
var DIV_ID = 'tdWebchat';
|
|
4687
|
-
var THEME_ICON = 'https://static.roh.org.uk/
|
|
4688
|
-
var
|
|
4688
|
+
var THEME_ICON = 'https://static.roh.org.uk/logos/crest.svg';
|
|
4689
|
+
var THEME_FONT_BODY = fontFamilies.sansSerifFallback;
|
|
4690
|
+
var THEME_COLOR = core.colors.core;
|
|
4691
|
+
var THEME_COLOR_LIGHT = core.colors.core + '99';
|
|
4692
|
+
var THEME_COLOR_USER = core.colors.lightgrey;
|
|
4693
|
+
var THEME_COLOR_WHITE = core.colors.white;
|
|
4694
|
+
console.log(THEME_FONT_BODY);
|
|
4695
|
+
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);";
|
|
4689
4696
|
|
|
4690
4697
|
var loadLiveChatScript = function loadLiveChatScript(callback) {
|
|
4691
4698
|
var existingScript = document.getElementById(DIV_ID);
|
|
@@ -4727,7 +4734,7 @@ var LiveChat = function LiveChat() {
|
|
|
4727
4734
|
|
|
4728
4735
|
var _templateObject$B, _templateObject2$l;
|
|
4729
4736
|
var StickyBarWrapper = /*#__PURE__*/styled__default.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);
|
|
4730
|
-
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"])), devices.mobileAndTablet);
|
|
4737
|
+
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);
|
|
4731
4738
|
|
|
4732
4739
|
var StickyBar = function StickyBar(_ref) {
|
|
4733
4740
|
var _ref$columnStartDeskt = _ref.columnStartDesktop,
|
|
@@ -5438,27 +5445,27 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
5438
5445
|
}));
|
|
5439
5446
|
};
|
|
5440
5447
|
|
|
5441
|
-
var _templateObject$O, _templateObject2$w, _templateObject3$o, _templateObject4$i, _templateObject5$e, _templateObject6$b, _templateObject7$7, _templateObject8$6;
|
|
5448
|
+
var _templateObject$O, _templateObject2$w, _templateObject3$o, _templateObject4$i, _templateObject5$e, _templateObject6$b, _templateObject7$7, _templateObject8$6, _templateObject9$4, _templateObject10$3, _templateObject11$2;
|
|
5442
5449
|
var LENGTH_TEXT = 28;
|
|
5443
5450
|
var LENGTH_TEXT_TABLET$1 = 10;
|
|
5444
|
-
var
|
|
5451
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(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) {
|
|
5445
5452
|
var imageToLeft = _ref.imageToLeft;
|
|
5446
5453
|
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'";
|
|
5447
5454
|
}, devices.tablet, function (_ref2) {
|
|
5448
5455
|
var imageToLeft = _ref2.imageToLeft;
|
|
5449
5456
|
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'";
|
|
5450
5457
|
}, devices.mobile);
|
|
5451
|
-
var
|
|
5458
|
+
var PromoWithTagsImageWrapper = /*#__PURE__*/styled__default.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) {
|
|
5452
5459
|
var imageToLeft = _ref3.imageToLeft;
|
|
5453
5460
|
return imageToLeft ? 'left' : 'right';
|
|
5454
5461
|
}, devices.mobile);
|
|
5455
|
-
var
|
|
5462
|
+
var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.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) {
|
|
5456
5463
|
var imageToLeft = _ref4.imageToLeft;
|
|
5457
5464
|
return imageToLeft ? 'right' : 'left';
|
|
5458
5465
|
}, devices.mobile);
|
|
5459
|
-
var
|
|
5460
|
-
var
|
|
5461
|
-
var
|
|
5466
|
+
var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
|
|
5467
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.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"])));
|
|
5468
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.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) {
|
|
5462
5469
|
var theme = _ref5.theme;
|
|
5463
5470
|
return theme.colors.black;
|
|
5464
5471
|
}, function (_ref6) {
|
|
@@ -5468,11 +5475,14 @@ var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$b ||
|
|
|
5468
5475
|
var theme = _ref7.theme;
|
|
5469
5476
|
return theme.colors.primary;
|
|
5470
5477
|
});
|
|
5471
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top:
|
|
5472
|
-
var
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
|
|
5478
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.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) {
|
|
5479
|
+
var hasTextLinks = _ref8.hasTextLinks;
|
|
5480
|
+
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
5481
|
+
}, function (_ref9) {
|
|
5482
|
+
var _ref9$primaryButtonTe = _ref9.primaryButtonTextLength,
|
|
5483
|
+
primaryButtonTextLength = _ref9$primaryButtonTe === void 0 ? 0 : _ref9$primaryButtonTe,
|
|
5484
|
+
_ref9$tertiaryButtonT = _ref9.tertiaryButtonTextLength,
|
|
5485
|
+
tertiaryButtonTextLength = _ref9$tertiaryButtonT === void 0 ? 0 : _ref9$tertiaryButtonT;
|
|
5476
5486
|
var isLinksLayoutColumn = primaryButtonTextLength >= LENGTH_TEXT || tertiaryButtonTextLength >= LENGTH_TEXT;
|
|
5477
5487
|
|
|
5478
5488
|
if (isLinksLayoutColumn) {
|
|
@@ -5480,11 +5490,11 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 ||
|
|
|
5480
5490
|
}
|
|
5481
5491
|
|
|
5482
5492
|
return '';
|
|
5483
|
-
}, devices.mobile, devices.tablet, function (
|
|
5484
|
-
var
|
|
5485
|
-
primaryButtonTextLength =
|
|
5486
|
-
|
|
5487
|
-
tertiaryButtonTextLength =
|
|
5493
|
+
}, devices.mobile, devices.tablet, function (_ref10) {
|
|
5494
|
+
var _ref10$primaryButtonT = _ref10.primaryButtonTextLength,
|
|
5495
|
+
primaryButtonTextLength = _ref10$primaryButtonT === void 0 ? 0 : _ref10$primaryButtonT,
|
|
5496
|
+
_ref10$tertiaryButton = _ref10.tertiaryButtonTextLength,
|
|
5497
|
+
tertiaryButtonTextLength = _ref10$tertiaryButton === void 0 ? 0 : _ref10$tertiaryButton;
|
|
5488
5498
|
var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET$1 || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET$1;
|
|
5489
5499
|
|
|
5490
5500
|
if (isLinksLayoutColumnTablet) {
|
|
@@ -5493,16 +5503,20 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 ||
|
|
|
5493
5503
|
|
|
5494
5504
|
return '';
|
|
5495
5505
|
});
|
|
5496
|
-
var
|
|
5497
|
-
var marginBottom =
|
|
5506
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref11) {
|
|
5507
|
+
var marginBottom = _ref11.marginBottom;
|
|
5498
5508
|
return marginBottom + "px";
|
|
5499
5509
|
});
|
|
5510
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
5511
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
5512
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
5500
5513
|
|
|
5501
5514
|
var _excluded$i = ["text"],
|
|
5502
|
-
_excluded2$2 = ["text"]
|
|
5515
|
+
_excluded2$2 = ["text"],
|
|
5516
|
+
_excluded3 = ["text"];
|
|
5503
5517
|
var LENGTH_TEXT$1 = 28;
|
|
5504
5518
|
|
|
5505
|
-
var
|
|
5519
|
+
var PromoWithTags = function PromoWithTags(_ref) {
|
|
5506
5520
|
var _ref$imagePosition = _ref.imagePosition,
|
|
5507
5521
|
imagePosition = _ref$imagePosition === void 0 ? 'left' : _ref$imagePosition,
|
|
5508
5522
|
_ref$title = _ref.title,
|
|
@@ -5511,10 +5525,13 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
5511
5525
|
titleSize = _ref$titleSize === void 0 ? 'large' : _ref$titleSize,
|
|
5512
5526
|
subtitle = _ref.subtitle,
|
|
5513
5527
|
text = _ref.text,
|
|
5528
|
+
textLinks = _ref.textLinks,
|
|
5514
5529
|
links = _ref.links,
|
|
5515
5530
|
children = _ref.children,
|
|
5516
5531
|
aboveTitleTags = _ref.aboveTitleTags,
|
|
5517
|
-
|
|
5532
|
+
underTitleTags = _ref.underTitleTags,
|
|
5533
|
+
middleText = _ref.middleText,
|
|
5534
|
+
bottomText = _ref.bottomText;
|
|
5518
5535
|
|
|
5519
5536
|
var truncate = function truncate(str, n) {
|
|
5520
5537
|
return str.length >= n ? str.substr(0, n) : str;
|
|
@@ -5538,39 +5555,172 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
5538
5555
|
restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
|
|
5539
5556
|
|
|
5540
5557
|
var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$1);
|
|
5541
|
-
|
|
5558
|
+
var textLinkItems = textLinks ? textLinks.map(function (link) {
|
|
5559
|
+
var _link$text = link.text,
|
|
5560
|
+
textLinkText = _link$text === void 0 ? '' : _link$text,
|
|
5561
|
+
restTextLink = _objectWithoutPropertiesLoose(link, _excluded3);
|
|
5562
|
+
|
|
5563
|
+
return /*#__PURE__*/React__default.createElement(TextLinkWrapper$2, null, /*#__PURE__*/React__default.createElement(TextLink, Object.assign({}, restTextLink), textLinkText));
|
|
5564
|
+
}) : null;
|
|
5565
|
+
return /*#__PURE__*/React__default.createElement(PromoWithTagsGrid, {
|
|
5542
5566
|
imageToLeft: imageToLeft
|
|
5543
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
5567
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTagsImageWrapper, {
|
|
5544
5568
|
"data-testid": "image-wrapper",
|
|
5545
5569
|
imageToLeft: imageToLeft
|
|
5546
5570
|
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
5547
5571
|
aspectRatio: exports.AspectRatio['4:3']
|
|
5548
|
-
}, children)), /*#__PURE__*/React__default.createElement(
|
|
5572
|
+
}, children)), /*#__PURE__*/React__default.createElement(PromoWithTagsContentWrapper, {
|
|
5549
5573
|
"data-testid": "content-wrapper",
|
|
5550
5574
|
imageToLeft: imageToLeft
|
|
5551
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
5575
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTagsContainer, null, !!(aboveTitleTags != null && aboveTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
5552
5576
|
marginBottom: 16
|
|
5553
5577
|
}, /*#__PURE__*/React__default.createElement(TypeTags, {
|
|
5554
5578
|
list: aboveTitleTags
|
|
5555
|
-
}))
|
|
5579
|
+
})), /*#__PURE__*/React__default.createElement(Header, {
|
|
5556
5580
|
level: titleLevel
|
|
5557
|
-
}, title)), subtitle
|
|
5581
|
+
}, title)), subtitle && /*#__PURE__*/React__default.createElement(PromoWithTagsSubtitle, null, subtitle), !!(underTitleTags != null && underTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
5558
5582
|
marginBottom: 4
|
|
5559
5583
|
}, /*#__PURE__*/React__default.createElement(TypeTags, {
|
|
5560
|
-
list:
|
|
5561
|
-
})), /*#__PURE__*/React__default.createElement(
|
|
5584
|
+
list: underTitleTags
|
|
5585
|
+
})), /*#__PURE__*/React__default.createElement(PromoWithTagsText, {
|
|
5586
|
+
dangerouslySetInnerHTML: {
|
|
5587
|
+
__html: text
|
|
5588
|
+
}
|
|
5589
|
+
}), middleText && /*#__PURE__*/React__default.createElement(PromoWithTagsAdditionalText, {
|
|
5590
|
+
dangerouslySetInnerHTML: {
|
|
5591
|
+
__html: middleText
|
|
5592
|
+
}
|
|
5593
|
+
}), bottomText && /*#__PURE__*/React__default.createElement(PromoWithTagsAdditionalText, {
|
|
5594
|
+
dangerouslySetInnerHTML: {
|
|
5595
|
+
__html: bottomText
|
|
5596
|
+
}
|
|
5597
|
+
}), !!(textLinks != null && textLinks.length) && /*#__PURE__*/React__default.createElement(TextLinksContainer, null, textLinkItems), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$2, {
|
|
5598
|
+
hasTextLinks: !!(textLinks != null && textLinks.length),
|
|
5599
|
+
"data-testid": "buttons-wrapper",
|
|
5600
|
+
primaryButtonTextLength: primaryButtonText.length,
|
|
5601
|
+
tertiaryButtonTextLength: tertiaryButtonText.length
|
|
5602
|
+
}, primaryButton && /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate), tertiaryButton && /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate))));
|
|
5603
|
+
};
|
|
5604
|
+
|
|
5605
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$f, _templateObject6$c, _templateObject7$8;
|
|
5606
|
+
var LENGTH_TEXT$2 = 28;
|
|
5607
|
+
var LENGTH_TEXT_TABLET$2 = 10;
|
|
5608
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(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) {
|
|
5609
|
+
var imageToLeft = _ref.imageToLeft;
|
|
5610
|
+
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'";
|
|
5611
|
+
}, devices.tablet, function (_ref2) {
|
|
5612
|
+
var imageToLeft = _ref2.imageToLeft;
|
|
5613
|
+
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'";
|
|
5614
|
+
}, devices.mobile);
|
|
5615
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.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) {
|
|
5616
|
+
var imageToLeft = _ref3.imageToLeft;
|
|
5617
|
+
return imageToLeft ? 'left' : 'right';
|
|
5618
|
+
}, devices.mobile);
|
|
5619
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.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) {
|
|
5620
|
+
var imageToLeft = _ref4.imageToLeft;
|
|
5621
|
+
return imageToLeft ? 'right' : 'left';
|
|
5622
|
+
}, devices.mobile);
|
|
5623
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.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);
|
|
5624
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.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"])));
|
|
5625
|
+
var PromoWithTitleText = /*#__PURE__*/styled__default.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) {
|
|
5626
|
+
var theme = _ref5.theme;
|
|
5627
|
+
return theme.colors.black;
|
|
5628
|
+
}, function (_ref6) {
|
|
5629
|
+
var theme = _ref6.theme;
|
|
5630
|
+
return theme.colors.darkgrey;
|
|
5631
|
+
}, function (_ref7) {
|
|
5632
|
+
var theme = _ref7.theme;
|
|
5633
|
+
return theme.colors.primary;
|
|
5634
|
+
});
|
|
5635
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled__default.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) {
|
|
5636
|
+
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
5637
|
+
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
5638
|
+
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
5639
|
+
tertiaryButtonTextLength = _ref8$tertiaryButtonT === void 0 ? 0 : _ref8$tertiaryButtonT;
|
|
5640
|
+
var isLinksLayoutColumn = primaryButtonTextLength >= LENGTH_TEXT$2 || tertiaryButtonTextLength >= LENGTH_TEXT$2;
|
|
5641
|
+
|
|
5642
|
+
if (isLinksLayoutColumn) {
|
|
5643
|
+
return "\n flex-direction: column;\n ";
|
|
5644
|
+
}
|
|
5645
|
+
|
|
5646
|
+
return '';
|
|
5647
|
+
}, devices.mobile, devices.tablet, function (_ref9) {
|
|
5648
|
+
var _ref9$primaryButtonTe = _ref9.primaryButtonTextLength,
|
|
5649
|
+
primaryButtonTextLength = _ref9$primaryButtonTe === void 0 ? 0 : _ref9$primaryButtonTe,
|
|
5650
|
+
_ref9$tertiaryButtonT = _ref9.tertiaryButtonTextLength,
|
|
5651
|
+
tertiaryButtonTextLength = _ref9$tertiaryButtonT === void 0 ? 0 : _ref9$tertiaryButtonT;
|
|
5652
|
+
var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET$2 || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET$2;
|
|
5653
|
+
|
|
5654
|
+
if (isLinksLayoutColumnTablet) {
|
|
5655
|
+
return "\n flex-direction: column;\n ";
|
|
5656
|
+
}
|
|
5657
|
+
|
|
5658
|
+
return '';
|
|
5659
|
+
});
|
|
5660
|
+
|
|
5661
|
+
var _excluded$j = ["text"],
|
|
5662
|
+
_excluded2$3 = ["text"];
|
|
5663
|
+
var LENGTH_TEXT$3 = 28;
|
|
5664
|
+
|
|
5665
|
+
var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
5666
|
+
var _ref$imagePosition = _ref.imagePosition,
|
|
5667
|
+
imagePosition = _ref$imagePosition === void 0 ? 'left' : _ref$imagePosition,
|
|
5668
|
+
_ref$title = _ref.title,
|
|
5669
|
+
title = _ref$title === void 0 ? '' : _ref$title,
|
|
5670
|
+
_ref$titleSize = _ref.titleSize,
|
|
5671
|
+
titleSize = _ref$titleSize === void 0 ? 'large' : _ref$titleSize,
|
|
5672
|
+
subtitle = _ref.subtitle,
|
|
5673
|
+
text = _ref.text,
|
|
5674
|
+
links = _ref.links,
|
|
5675
|
+
children = _ref.children;
|
|
5676
|
+
|
|
5677
|
+
var truncate = function truncate(str, n) {
|
|
5678
|
+
return str.length >= n ? str.substr(0, n) : str;
|
|
5679
|
+
};
|
|
5680
|
+
|
|
5681
|
+
var imageToLeft = imagePosition === 'left';
|
|
5682
|
+
var titleLevel = titleSize === 'large' ? 2 : 3;
|
|
5683
|
+
var primaryButton = links == null ? void 0 : links[0];
|
|
5684
|
+
|
|
5685
|
+
var _ref2 = primaryButton || {},
|
|
5686
|
+
_ref2$text = _ref2.text,
|
|
5687
|
+
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
5688
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$j);
|
|
5689
|
+
|
|
5690
|
+
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
5691
|
+
var tertiaryButton = links == null ? void 0 : links[1];
|
|
5692
|
+
|
|
5693
|
+
var _ref3 = tertiaryButton || {},
|
|
5694
|
+
_ref3$text = _ref3.text,
|
|
5695
|
+
tertiaryButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
5696
|
+
restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$3);
|
|
5697
|
+
|
|
5698
|
+
var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$3);
|
|
5699
|
+
return /*#__PURE__*/React__default.createElement(PromoWithTitleGrid, {
|
|
5700
|
+
imageToLeft: imageToLeft
|
|
5701
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTitleImageWrapper, {
|
|
5702
|
+
"data-testid": "image-wrapper",
|
|
5703
|
+
imageToLeft: imageToLeft
|
|
5704
|
+
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
5705
|
+
aspectRatio: exports.AspectRatio['4:3']
|
|
5706
|
+
}, children)), /*#__PURE__*/React__default.createElement(PromoWithTitleContentWrapper, {
|
|
5707
|
+
"data-testid": "content-wrapper",
|
|
5708
|
+
imageToLeft: imageToLeft
|
|
5709
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTitleContainer, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
5710
|
+
level: titleLevel
|
|
5711
|
+
}, title)), subtitle ? /*#__PURE__*/React__default.createElement(PromoWithTitleSubtitle, null, subtitle) : null, /*#__PURE__*/React__default.createElement(PromoWithTitleText, {
|
|
5562
5712
|
dangerouslySetInnerHTML: {
|
|
5563
5713
|
__html: text
|
|
5564
5714
|
}
|
|
5565
|
-
}), links ? /*#__PURE__*/React__default.createElement(ButtonsContainer$
|
|
5715
|
+
}), links ? /*#__PURE__*/React__default.createElement(ButtonsContainer$3, {
|
|
5566
5716
|
"data-testid": "buttons-wrapper",
|
|
5567
5717
|
primaryButtonTextLength: primaryButtonText.length,
|
|
5568
5718
|
tertiaryButtonTextLength: tertiaryButtonText.length
|
|
5569
5719
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
5570
5720
|
};
|
|
5571
5721
|
|
|
5572
|
-
var _templateObject$
|
|
5573
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5722
|
+
var _templateObject$Q;
|
|
5723
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.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);
|
|
5574
5724
|
|
|
5575
5725
|
var SectionTitle = function SectionTitle(_ref) {
|
|
5576
5726
|
var title = _ref.title,
|
|
@@ -5596,8 +5746,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
5596
5746
|
}, description))));
|
|
5597
5747
|
};
|
|
5598
5748
|
|
|
5599
|
-
var _templateObject$
|
|
5600
|
-
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5749
|
+
var _templateObject$R;
|
|
5750
|
+
var TextContainer$1 = /*#__PURE__*/styled__default.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) {
|
|
5601
5751
|
var theme = _ref.theme;
|
|
5602
5752
|
return theme.colors.primary;
|
|
5603
5753
|
});
|
|
@@ -5625,8 +5775,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
5625
5775
|
})));
|
|
5626
5776
|
};
|
|
5627
5777
|
|
|
5628
|
-
var _templateObject$
|
|
5629
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5778
|
+
var _templateObject$S, _templateObject2$y;
|
|
5779
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.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) {
|
|
5630
5780
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
5631
5781
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
5632
5782
|
return aspectRatio;
|
|
@@ -5636,7 +5786,7 @@ var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$R || (_template
|
|
|
5636
5786
|
height = _ref2.height;
|
|
5637
5787
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
5638
5788
|
});
|
|
5639
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5789
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.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"])));
|
|
5640
5790
|
|
|
5641
5791
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
5642
5792
|
var caption = _ref.caption,
|
|
@@ -5674,13 +5824,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
5674
5824
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
5675
5825
|
};
|
|
5676
5826
|
|
|
5677
|
-
var _templateObject$
|
|
5678
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5679
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5827
|
+
var _templateObject$T, _templateObject2$z, _templateObject3$q;
|
|
5828
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
5829
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
5680
5830
|
var displayAttribution = _ref.displayAttribution;
|
|
5681
5831
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
5682
5832
|
});
|
|
5683
|
-
var Line = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5833
|
+
var Line = /*#__PURE__*/styled__default.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);
|
|
5684
5834
|
|
|
5685
5835
|
var Quote = function Quote(_ref) {
|
|
5686
5836
|
var text = _ref.text,
|
|
@@ -5704,8 +5854,8 @@ var Quote = function Quote(_ref) {
|
|
|
5704
5854
|
}, attribution))));
|
|
5705
5855
|
};
|
|
5706
5856
|
|
|
5707
|
-
var _templateObject$
|
|
5708
|
-
var GlobalStyles = /*#__PURE__*/styled.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) {
|
|
5857
|
+
var _templateObject$U;
|
|
5858
|
+
var GlobalStyles = /*#__PURE__*/styled.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) {
|
|
5709
5859
|
var theme = _ref.theme;
|
|
5710
5860
|
return theme.colors.primary;
|
|
5711
5861
|
}, function (_ref2) {
|
|
@@ -6632,6 +6782,7 @@ exports.PageHeadingImpact = PageHeadingImpact;
|
|
|
6632
6782
|
exports.PageHeadingStream = PageHeadingStream;
|
|
6633
6783
|
exports.PeopleListing = PeopleListing;
|
|
6634
6784
|
exports.PrimaryButton = PrimaryButton;
|
|
6785
|
+
exports.PromoWithTags = PromoWithTags;
|
|
6635
6786
|
exports.PromoWithTitle = PromoWithTitle;
|
|
6636
6787
|
exports.Quote = Quote;
|
|
6637
6788
|
exports.RotatorButtons = RotatorButtons;
|