@royaloperahouse/harmonic 1.0.5-b → 1.0.5-c
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 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/CustomStrategyTabsFilter/CustomStrategyTabsFilter.d.ts +19 -0
- package/dist/components/molecules/CustomStrategyTabsFilter/index.d.ts +2 -0
- package/dist/components/molecules/CustomStrategyTabsFilter/styled.d.ts +18 -0
- package/dist/components/molecules/PageHeading/PageHeading.style.d.ts +3 -2
- package/dist/components/molecules/index.d.ts +2 -1
- package/dist/components/organisms/Carousels/HighlightsCarousel/HighlightsCarousel.d.ts +11 -1
- package/dist/harmonic.cjs.development.js +325 -228
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +325 -229
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/types/carousel.d.ts +13 -0
- package/dist/types/index.d.ts +2 -2
- package/dist/types/types.d.ts +9 -0
- package/package.json +1 -1
|
@@ -7358,6 +7358,56 @@ var HotFilters = function HotFilters(_ref) {
|
|
|
7358
7358
|
})));
|
|
7359
7359
|
};
|
|
7360
7360
|
|
|
7361
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$p;
|
|
7362
|
+
var ScrollContainer = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: scroll;\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n ::-webkit-scrollbar {\n display: none;\n }\n"])));
|
|
7363
|
+
var TabsContainerWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n width: fit-content;\n min-width: 400px;\n justify-content: space-between;\n gap: 16px;\n font-family: var(--font-family-sans);\n\n @media ", " {\n gap: 10px;\n }\n"])), devices.mobile);
|
|
7364
|
+
var StyledTab = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-base-black);\n min-width: fit-content;\n\n :hover {\n color: var(--color-base-white);\n }\n"])));
|
|
7365
|
+
|
|
7366
|
+
var _excluded$j = ["text", "id", "isSelected"];
|
|
7367
|
+
var defaultConfig = {
|
|
7368
|
+
selectIcon: 'Confirm',
|
|
7369
|
+
backgroundColor: {
|
|
7370
|
+
select: 'base-black',
|
|
7371
|
+
unselect: 'base-white'
|
|
7372
|
+
},
|
|
7373
|
+
textColor: {
|
|
7374
|
+
select: 'base-white',
|
|
7375
|
+
unselect: 'base-black'
|
|
7376
|
+
},
|
|
7377
|
+
hoveredColor: 'base-black',
|
|
7378
|
+
pressedColor: 'black-pressed'
|
|
7379
|
+
};
|
|
7380
|
+
var CustomStrategyTabsFilter = function CustomStrategyTabsFilter(_ref) {
|
|
7381
|
+
var items = _ref.items,
|
|
7382
|
+
className = _ref.className,
|
|
7383
|
+
onClick = _ref.onClick,
|
|
7384
|
+
customViewConfig = _ref.customViewConfig;
|
|
7385
|
+
var handleClick = React__default.useCallback(function (item) {
|
|
7386
|
+
onClick(item);
|
|
7387
|
+
}, [onClick]);
|
|
7388
|
+
var config = customViewConfig ? _extends({}, defaultConfig, customViewConfig) : defaultConfig;
|
|
7389
|
+
return /*#__PURE__*/React__default.createElement(ScrollContainer, {
|
|
7390
|
+
className: className
|
|
7391
|
+
}, /*#__PURE__*/React__default.createElement(TabsContainerWrapper, null, items.map(function (item) {
|
|
7392
|
+
var text = item.text,
|
|
7393
|
+
id = item.id,
|
|
7394
|
+
isSelected = item.isSelected,
|
|
7395
|
+
rest = _objectWithoutPropertiesLoose(item, _excluded$j);
|
|
7396
|
+
return /*#__PURE__*/React__default.createElement(StyledTab, Object.assign({
|
|
7397
|
+
key: id,
|
|
7398
|
+
onClick: function onClick() {
|
|
7399
|
+
return handleClick(item);
|
|
7400
|
+
},
|
|
7401
|
+
iconName: isSelected ? config.selectIcon : undefined,
|
|
7402
|
+
backgroundColor: isSelected ? config.backgroundColor.select : config.backgroundColor.unselect,
|
|
7403
|
+
textColor: isSelected ? config.textColor.select : config.textColor.unselect,
|
|
7404
|
+
hoveredColor: config.hoveredColor,
|
|
7405
|
+
pressedColor: config.pressedColor,
|
|
7406
|
+
"aria-pressed": isSelected
|
|
7407
|
+
}, rest), text);
|
|
7408
|
+
})));
|
|
7409
|
+
};
|
|
7410
|
+
|
|
7361
7411
|
var InformationCtaVariants = {
|
|
7362
7412
|
Primary: 'Primary',
|
|
7363
7413
|
Secondary: 'Secondary',
|
|
@@ -7387,10 +7437,10 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
7387
7437
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
|
|
7388
7438
|
};
|
|
7389
7439
|
|
|
7390
|
-
var _templateObject$
|
|
7391
|
-
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7392
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
7393
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
7440
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$q, _templateObject4$n;
|
|
7441
|
+
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: var(--information-panel-color);\n background-color: var(--information-panel-bg-color);\n\n @media ", " {\n padding: 40px 0;\n }\n"])), devices.mobile);
|
|
7442
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7443
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n @media ", " {\n margin-top: 16px;\n }\n\n a {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n\n :hover:not(:active) {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n\n :active {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n }\n"])), devices.mobile, function (_ref) {
|
|
7394
7444
|
var variant = _ref.variant,
|
|
7395
7445
|
theme = _ref.theme;
|
|
7396
7446
|
return getTextColor$4(variant, theme, COLORS$4.background);
|
|
@@ -7613,33 +7663,39 @@ var Information = function Information(_ref) {
|
|
|
7613
7663
|
})))));
|
|
7614
7664
|
};
|
|
7615
7665
|
|
|
7616
|
-
var _templateObject$
|
|
7617
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
7666
|
+
var _templateObject$R, _templateObject2$E, _templateObject3$r, _templateObject4$o, _templateObject5$j, _templateObject6$d, _templateObject7$9, _templateObject8$6;
|
|
7667
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: var(--page-header-bg-color);\n color: var(--color-base-white);\n\n ", ";\n\n h1,\n h2,\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
7618
7668
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
7619
7669
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
7620
7670
|
}, devices.mobile);
|
|
7621
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
7622
|
-
var
|
|
7623
|
-
|
|
7671
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n ", "\n }\n }\n"])), function (_ref2) {
|
|
7672
|
+
var isMultipleRow = _ref2.isMultipleRow;
|
|
7673
|
+
return isMultipleRow ? "\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n " : "\n grid-template-rows: min-content;\n grid-template-areas:\n '. . title title title title title title title title title title button button button . .';\n ";
|
|
7674
|
+
}, devices.mobile, devices.tablet, function (_ref3) {
|
|
7675
|
+
var isMultipleRow = _ref3.isMultipleRow;
|
|
7676
|
+
return isMultipleRow ? "\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button . '\n " : "\n grid-template-rows: min-content;\n grid-template-areas:\n '. . title title title title title title title title button button button button button .';\n ";
|
|
7677
|
+
});
|
|
7678
|
+
var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 35px;\n padding-bottom: 20px;\n\n ", ";\n"])), function (_ref4) {
|
|
7679
|
+
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
7624
7680
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
7625
7681
|
});
|
|
7626
|
-
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (
|
|
7627
|
-
var isPageHeadingWithoutTitle =
|
|
7682
|
+
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref5) {
|
|
7683
|
+
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
7628
7684
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
7629
7685
|
}, devices.mobile);
|
|
7630
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 43px;\n\n ", ";\n\n @media ", " {\n & {\n height: 33px;\n margin-top: 10px;\n margin-bottom: 20px;\n }\n }\n"])), function (
|
|
7631
|
-
var isPageHeadingWithoutTitle =
|
|
7686
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 43px;\n\n ", ";\n\n @media ", " {\n & {\n height: 33px;\n margin-top: 10px;\n margin-bottom: 20px;\n }\n }\n"])), function (_ref6) {
|
|
7687
|
+
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
7632
7688
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7633
7689
|
}, devices.mobile);
|
|
7634
7690
|
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-white);\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
7635
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n
|
|
7636
|
-
var isPageHeadingWithoutTitle =
|
|
7637
|
-
return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
|
|
7638
|
-
}, devices.mobile, function (_ref6) {
|
|
7639
|
-
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
7691
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n\n ", ";\n }\n }\n"])), devices.mobile, function (_ref7) {
|
|
7692
|
+
var isPageHeadingWithoutTitle = _ref7.isPageHeadingWithoutTitle;
|
|
7640
7693
|
return isPageHeadingWithoutTitle && "\n margin-top: 15px;\n ";
|
|
7641
7694
|
});
|
|
7642
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin
|
|
7695
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n ", ";\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin: 16px 0 0 0;\n }\n }\n"])), function (_ref8) {
|
|
7696
|
+
var isMultipleRow = _ref8.isMultipleRow;
|
|
7697
|
+
return isMultipleRow ? "margin: 0" : "margin: 10px 0";
|
|
7698
|
+
}, devices.mobile);
|
|
7643
7699
|
|
|
7644
7700
|
var PageHeading = function PageHeading(_ref) {
|
|
7645
7701
|
var title = _ref.title,
|
|
@@ -7679,11 +7735,14 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7679
7735
|
return null;
|
|
7680
7736
|
}
|
|
7681
7737
|
};
|
|
7738
|
+
var isMultiRowContainer = !!text || !!title || sponsor;
|
|
7682
7739
|
return /*#__PURE__*/React__default.createElement(PageHeadingWrapper, {
|
|
7683
7740
|
className: className,
|
|
7684
7741
|
"data-testid": "page-heading-wrapper",
|
|
7685
7742
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
7686
|
-
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid,
|
|
7743
|
+
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, {
|
|
7744
|
+
isMultipleRow: isMultiRowContainer
|
|
7745
|
+
}, /*#__PURE__*/React__default.createElement(TitleWrapper$2, {
|
|
7687
7746
|
"data-testid": "page-heading-title",
|
|
7688
7747
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
7689
7748
|
}, renderBadge(theme), children ? (/*#__PURE__*/React__default.createElement(ChildrenWrapper, {
|
|
@@ -7709,9 +7768,9 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7709
7768
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
7710
7769
|
};
|
|
7711
7770
|
|
|
7712
|
-
var _templateObject$
|
|
7713
|
-
var ImpactHeaderWrapper = /*#__PURE__*/styled__default.header(_templateObject$
|
|
7714
|
-
var ImpactTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7771
|
+
var _templateObject$S, _templateObject2$F, _templateObject3$s, _templateObject4$p, _templateObject5$k, _templateObject6$e, _templateObject7$a, _templateObject8$7;
|
|
7772
|
+
var ImpactHeaderWrapper = /*#__PURE__*/styled__default.header(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--color-base-black);\n padding: 36px 0;\n\n @media ", " {\n padding: 21px 0;\n }\n"])), devices.mobile);
|
|
7773
|
+
var ImpactTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: grid;\n grid-template-columns: ", ";\n padding: 0 50px;\n\n @media ", " {\n padding: 0 50px;\n }\n\n @media ", " {\n padding: 0 20px;\n grid-template-columns: ", ";\n }\n"])), function (_ref) {
|
|
7715
7774
|
var hasButton = _ref.hasButton,
|
|
7716
7775
|
sponsorPresent = _ref.sponsorPresent;
|
|
7717
7776
|
if (hasButton || sponsorPresent) return 'auto 80px 1fr 80px auto';
|
|
@@ -7720,7 +7779,7 @@ var ImpactTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$E ||
|
|
|
7720
7779
|
var sponsorPresent = _ref2.sponsorPresent;
|
|
7721
7780
|
return sponsorPresent ? '1fr 20px auto' : '1fr';
|
|
7722
7781
|
});
|
|
7723
|
-
var TitleButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7782
|
+
var TitleButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n display: flex;\n align-items: center;\n min-width: ", ";\n"])), function (_ref3) {
|
|
7724
7783
|
var sponsorWidth = _ref3.sponsorWidth;
|
|
7725
7784
|
return sponsorWidth ? sponsorWidth + "px" : 'auto';
|
|
7726
7785
|
});
|
|
@@ -7736,10 +7795,10 @@ var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_te
|
|
|
7736
7795
|
return buttonWidth ? buttonWidth + "px" : 'auto';
|
|
7737
7796
|
}, devices.mobile);
|
|
7738
7797
|
|
|
7739
|
-
var _templateObject$
|
|
7740
|
-
var VideoPlayButton$1 = /*#__PURE__*/styled__default.button(_templateObject$
|
|
7741
|
-
var VideoControlsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7742
|
-
var VideoControlsInnerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7798
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$t, _templateObject4$q;
|
|
7799
|
+
var VideoPlayButton$1 = /*#__PURE__*/styled__default.button(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 80px;\n height: 80px;\n background-color: var(--color-base-transparent);\n border: none;\n cursor: pointer;\n\n @media ", " {\n width: 60px;\n height: 60px;\n }\n"])), devices.mobile);
|
|
7800
|
+
var VideoControlsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 100%;\n"])));
|
|
7801
|
+
var VideoControlsInnerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 20px;\n\n @media ", " {\n margin: 20px 4px;\n }\n"])), devices.mobile);
|
|
7743
7802
|
var LeftWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7744
7803
|
|
|
7745
7804
|
var VideoControlsImpact = function VideoControlsImpact(_ref) {
|
|
@@ -7783,7 +7842,7 @@ var VideoControlsImpact = function VideoControlsImpact(_ref) {
|
|
|
7783
7842
|
})))));
|
|
7784
7843
|
};
|
|
7785
7844
|
|
|
7786
|
-
var _excluded$
|
|
7845
|
+
var _excluded$k = ["text"];
|
|
7787
7846
|
var CHAR_LIMIT = 100;
|
|
7788
7847
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
7789
7848
|
var mobileVideo = video.mobile || video.desktop;
|
|
@@ -7905,7 +7964,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref4) {
|
|
|
7905
7964
|
var truncatedText = text && text.length > CHAR_LIMIT ? text.slice(0, CHAR_LIMIT).trimEnd() + "\u2026" : text;
|
|
7906
7965
|
var _ref5 = link || {},
|
|
7907
7966
|
linkText = _ref5.text,
|
|
7908
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
7967
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$k);
|
|
7909
7968
|
var video = {
|
|
7910
7969
|
elementId: 'impact-header-video',
|
|
7911
7970
|
desktop: videoUrlDesktop,
|
|
@@ -7963,19 +8022,19 @@ var PageHeadingImpact = function PageHeadingImpact(_ref4) {
|
|
|
7963
8022
|
}), isMobile && link && linkText ? (/*#__PURE__*/React__default.createElement(MobileButtonWrapper, null, /*#__PURE__*/React__default.createElement(TitleButton, Object.assign({}, restLink), linkText))) : null));
|
|
7964
8023
|
};
|
|
7965
8024
|
|
|
7966
|
-
var _templateObject$
|
|
7967
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8025
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$u, _templateObject4$r, _templateObject5$l;
|
|
8026
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
7968
8027
|
var color = _ref.color;
|
|
7969
8028
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
7970
8029
|
}, devices.mobileAndTablet);
|
|
7971
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8030
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0px 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
7972
8031
|
var hasImage = _ref2.hasImage;
|
|
7973
8032
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
7974
8033
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
7975
8034
|
var hasImage = _ref3.hasImage;
|
|
7976
8035
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
7977
8036
|
});
|
|
7978
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8037
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
7979
8038
|
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
7980
8039
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
7981
8040
|
|
|
@@ -8007,10 +8066,10 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8007
8066
|
})))));
|
|
8008
8067
|
};
|
|
8009
8068
|
|
|
8010
|
-
var _templateObject$
|
|
8011
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
8012
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8013
|
-
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8069
|
+
var _templateObject$V, _templateObject2$I, _templateObject3$v, _templateObject4$s, _templateObject5$m, _templateObject6$f, _templateObject7$b, _templateObject8$8, _templateObject9$4, _templateObject0$4, _templateObject1$3;
|
|
8070
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.section(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8071
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
8072
|
+
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
8014
8073
|
var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: var(--grid-outer-margin);\n bottom: 20px;\n z-index: 10;\n\n @media ", " {\n right: var(--grid-margin);\n bottom: 10px;\n }\n"])), devices.tablet);
|
|
8015
8074
|
var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--heading-promo-bg-color);\n border-bottom: ", ";\n display: ", ";\n\n @media ", " {\n padding: 12px 0 20px;\n }\n"])), function (_ref) {
|
|
8016
8075
|
var theme = _ref.theme;
|
|
@@ -8221,7 +8280,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
8221
8280
|
})))))))))));
|
|
8222
8281
|
};
|
|
8223
8282
|
|
|
8224
|
-
var _templateObject$
|
|
8283
|
+
var _templateObject$W, _templateObject2$J, _templateObject3$w, _templateObject4$t;
|
|
8225
8284
|
var GRID = {
|
|
8226
8285
|
desktop: {
|
|
8227
8286
|
leftWithImage: '1 / 1 / 3 / 7',
|
|
@@ -8234,18 +8293,18 @@ var GRID = {
|
|
|
8234
8293
|
right: '2 / 1 / 3 / 15'
|
|
8235
8294
|
}
|
|
8236
8295
|
};
|
|
8237
|
-
var HighlightPanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8296
|
+
var HighlightPanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n background-color: ", ";\n color: var(--color-base-white);\n"])), function (_ref) {
|
|
8238
8297
|
var $background = _ref.$background;
|
|
8239
8298
|
return "var(--color-" + $background + ")";
|
|
8240
8299
|
});
|
|
8241
|
-
var LeftPanel$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8300
|
+
var LeftPanel$1 = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
8242
8301
|
var hasImage = _ref2.hasImage;
|
|
8243
8302
|
return hasImage ? GRID.desktop.leftWithImage : GRID.desktop.leftNoImage;
|
|
8244
8303
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
8245
8304
|
var hasImage = _ref3.hasImage;
|
|
8246
8305
|
return hasImage ? GRID.mobile.leftWithImage : GRID.mobile.leftNoImage;
|
|
8247
8306
|
});
|
|
8248
|
-
var RightPanel$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8307
|
+
var RightPanel$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--color-base-black);\n\n @media ", " {\n grid-area: ", ";\n }\n"])), GRID.desktop.right, devices.mobileAndTablet, GRID.mobile.right);
|
|
8249
8308
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px 36px 36px 50px;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px 5px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
8250
8309
|
|
|
8251
8310
|
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
@@ -8269,10 +8328,10 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
8269
8328
|
})))));
|
|
8270
8329
|
};
|
|
8271
8330
|
|
|
8272
|
-
var _templateObject$
|
|
8273
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8274
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8275
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8331
|
+
var _templateObject$X, _templateObject2$K, _templateObject3$x, _templateObject5$n, _templateObject6$g, _templateObject7$c, _templateObject8$9, _templateObject9$5, _templateObject0$5;
|
|
8332
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
8333
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
8334
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8276
8335
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
8277
8336
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
8278
8337
|
var invert = _ref.invert,
|
|
@@ -8382,7 +8441,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8382
8441
|
return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, invert, brandingText, brandingLink));
|
|
8383
8442
|
};
|
|
8384
8443
|
|
|
8385
|
-
var _excluded$
|
|
8444
|
+
var _excluded$l = ["text"];
|
|
8386
8445
|
var useResponsiveVideo$1 = function useResponsiveVideo(video, poster) {
|
|
8387
8446
|
var mobileVideo = video.mobile || video.desktop;
|
|
8388
8447
|
var desktopVideo = video.desktop || video.mobile;
|
|
@@ -8487,7 +8546,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8487
8546
|
showCopy = _ref4$showCopy === void 0 ? true : _ref4$showCopy;
|
|
8488
8547
|
var _ref5 = link || {},
|
|
8489
8548
|
linkText = _ref5.text,
|
|
8490
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
8549
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$l);
|
|
8491
8550
|
// const titleSize = title && title.length > 20 ? 4 : 3;
|
|
8492
8551
|
var video = {
|
|
8493
8552
|
elementId: 'compact-header-video',
|
|
@@ -8523,10 +8582,10 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8523
8582
|
}), linkText))))));
|
|
8524
8583
|
};
|
|
8525
8584
|
|
|
8526
|
-
var _templateObject$
|
|
8527
|
-
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8528
|
-
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8529
|
-
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8585
|
+
var _templateObject$Y, _templateObject2$L, _templateObject3$y, _templateObject4$u, _templateObject5$o, _templateObject6$h, _templateObject7$d;
|
|
8586
|
+
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
8587
|
+
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h1 {\n margin: 0 0 8px 0;\n }\n p {\n text-transform: uppercase;\n }\n"])));
|
|
8588
|
+
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobile);
|
|
8530
8589
|
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n @media ", " {\n & {\n grid-area: ", ";\n width: 100%;\n padding: 20px;\n }\n }\n"])), function (_ref) {
|
|
8531
8590
|
var hasImages = _ref.hasImages;
|
|
8532
8591
|
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
@@ -8602,10 +8661,10 @@ var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {
|
|
|
8602
8661
|
}))))));
|
|
8603
8662
|
};
|
|
8604
8663
|
|
|
8605
|
-
var _templateObject$
|
|
8606
|
-
var linkButtonStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
8607
|
-
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$
|
|
8608
|
-
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
8664
|
+
var _templateObject$Z, _templateObject2$M, _templateObject3$z, _templateObject5$p, _templateObject6$i, _templateObject7$e, _templateObject8$a;
|
|
8665
|
+
var linkButtonStyles = /*#__PURE__*/styled.css(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n background: none;\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n font: inherit;\n padding: 0;\n\n span {\n height: 1.5em;\n width: 1.5em;\n\n svg > path {\n fill: var(--color-base-black);\n }\n }\n\n &:hover {\n outline: none;\n }\n"])));
|
|
8666
|
+
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
8667
|
+
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
8609
8668
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\n align-items: center;\n justify-content: center;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: 0 auto;\n\n li {\n margin-left: 24px;\n color: var(--color-base-black);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n li:first-child {\n margin-left: 0px;\n }\n"])));
|
|
8610
8669
|
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
8611
8670
|
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
@@ -8761,15 +8820,15 @@ var Pagination = function Pagination(_ref) {
|
|
|
8761
8820
|
}))))));
|
|
8762
8821
|
};
|
|
8763
8822
|
|
|
8764
|
-
var _templateObject$
|
|
8765
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8823
|
+
var _templateObject$_;
|
|
8824
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 40px 36px;\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: ", ";\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop, function (_ref) {
|
|
8766
8825
|
var $largeDesktopColumns = _ref.$largeDesktopColumns;
|
|
8767
8826
|
return "repeat(" + ($largeDesktopColumns != null ? $largeDesktopColumns : 4) + ", 1fr)";
|
|
8768
8827
|
});
|
|
8769
8828
|
|
|
8770
|
-
var _templateObject
|
|
8771
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject
|
|
8772
|
-
var RoleContent = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject2$
|
|
8829
|
+
var _templateObject$$, _templateObject2$N;
|
|
8830
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n }\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
8831
|
+
var RoleContent = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-base-dark-grey);\n }\n overflow-wrap: break-word;\n padding-bottom: 4px;\n"])));
|
|
8773
8832
|
|
|
8774
8833
|
var PersonDetails = function PersonDetails(_ref) {
|
|
8775
8834
|
var _role$people;
|
|
@@ -8791,9 +8850,9 @@ var PersonDetails = function PersonDetails(_ref) {
|
|
|
8791
8850
|
})));
|
|
8792
8851
|
};
|
|
8793
8852
|
|
|
8794
|
-
var _templateObject
|
|
8795
|
-
var PersonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject
|
|
8796
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8853
|
+
var _templateObject$10, _templateObject2$O;
|
|
8854
|
+
var PersonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 82px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 16px;\n"])));
|
|
8855
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 82px;\n height: 82px;\n filter: ", ";\n }\n"])), function (_ref) {
|
|
8797
8856
|
var greyscale = _ref.greyscale;
|
|
8798
8857
|
return greyscale ? 'grayscale(100%)' : 'none';
|
|
8799
8858
|
});
|
|
@@ -8842,13 +8901,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8842
8901
|
}));
|
|
8843
8902
|
};
|
|
8844
8903
|
|
|
8845
|
-
var _templateObject$
|
|
8846
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8847
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
8904
|
+
var _templateObject$11, _templateObject2$P, _templateObject3$A, _templateObject4$v;
|
|
8905
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8906
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
|
|
8848
8907
|
var columnCount = _ref.columnCount;
|
|
8849
8908
|
return "repeat(" + columnCount + ", 1fr)";
|
|
8850
8909
|
}, devices.mobile, devices.tablet);
|
|
8851
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8910
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
8852
8911
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
8853
8912
|
|
|
8854
8913
|
// Get the total character length of a property in an array of objects
|
|
@@ -8976,8 +9035,8 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8976
9035
|
}, creditEntries);
|
|
8977
9036
|
};
|
|
8978
9037
|
|
|
8979
|
-
var _templateObject$
|
|
8980
|
-
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled__default(TextLink)(_templateObject$
|
|
9038
|
+
var _templateObject$12;
|
|
9039
|
+
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled__default(TextLink)(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 24px;\n letter-spacing: 0.4px;\n color: var(--color-base-white);\n border-bottom: unset;\n text-decoration: underline;\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
8981
9040
|
|
|
8982
9041
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
8983
9042
|
var items = _ref.items;
|
|
@@ -8995,14 +9054,14 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
8995
9054
|
}));
|
|
8996
9055
|
};
|
|
8997
9056
|
|
|
8998
|
-
var _templateObject$
|
|
9057
|
+
var _templateObject$13, _templateObject3$B, _templateObject4$w, _templateObject5$q, _templateObject6$j, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6, _templateObject1$4, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
8999
9058
|
var LENGTH_TEXT = 28;
|
|
9000
9059
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9001
9060
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
9002
9061
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
9003
9062
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
9004
9063
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
9005
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9064
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
9006
9065
|
var imageToLeft = _ref.imageToLeft;
|
|
9007
9066
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
9008
9067
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9012,7 +9071,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$12 ||
|
|
|
9012
9071
|
var asCard = _ref3.asCard;
|
|
9013
9072
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
9014
9073
|
});
|
|
9015
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9074
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__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 (_ref4) {
|
|
9016
9075
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
9017
9076
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
9018
9077
|
}, function (_ref5) {
|
|
@@ -9071,7 +9130,7 @@ var HarmonicHeaderWithWrapper = /*#__PURE__*/styled__default(HarmonicHeader)(_te
|
|
|
9071
9130
|
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n margin-bottom: 32px;\n whiete-space: break-spaces;\n overflow-wrap: break-word;\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9072
9131
|
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9073
9132
|
|
|
9074
|
-
var _excluded$
|
|
9133
|
+
var _excluded$m = ["text"],
|
|
9075
9134
|
_excluded2$2 = ["text"],
|
|
9076
9135
|
_excluded3$1 = ["text"];
|
|
9077
9136
|
var _buttonTypeToButton$1;
|
|
@@ -9139,7 +9198,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9139
9198
|
var _ref2 = firstButton || {},
|
|
9140
9199
|
_ref2$text = _ref2.text,
|
|
9141
9200
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
9142
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
9201
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
|
|
9143
9202
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
9144
9203
|
var secondButton = links == null ? void 0 : links[1];
|
|
9145
9204
|
var _ref3 = secondButton || {},
|
|
@@ -9267,21 +9326,21 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9267
9326
|
}))));
|
|
9268
9327
|
};
|
|
9269
9328
|
|
|
9270
|
-
var _templateObject$
|
|
9329
|
+
var _templateObject$14, _templateObject2$Q, _templateObject3$C, _templateObject4$x, _templateObject5$r, _templateObject6$k, _templateObject7$g;
|
|
9271
9330
|
var LENGTH_TEXT$2 = 28;
|
|
9272
9331
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9273
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9332
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__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) {
|
|
9274
9333
|
var imageToLeft = _ref.imageToLeft;
|
|
9275
9334
|
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'";
|
|
9276
9335
|
}, devices.tablet, function (_ref2) {
|
|
9277
9336
|
var imageToLeft = _ref2.imageToLeft;
|
|
9278
9337
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
9279
9338
|
}, devices.mobile);
|
|
9280
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9339
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
9281
9340
|
var imageToLeft = _ref3.imageToLeft;
|
|
9282
9341
|
return imageToLeft ? 'left' : 'right';
|
|
9283
9342
|
}, devices.mobile);
|
|
9284
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9343
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
9285
9344
|
var imageToLeft = _ref4.imageToLeft;
|
|
9286
9345
|
return imageToLeft ? 'right' : 'left';
|
|
9287
9346
|
}, devices.mobile);
|
|
@@ -9310,8 +9369,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$g ||
|
|
|
9310
9369
|
return '';
|
|
9311
9370
|
});
|
|
9312
9371
|
|
|
9313
|
-
var _templateObject$
|
|
9314
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9372
|
+
var _templateObject$15;
|
|
9373
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
9315
9374
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9316
9375
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9317
9376
|
return aspectRatio;
|
|
@@ -9423,7 +9482,7 @@ var PromoChild = function PromoChild(_ref) {
|
|
|
9423
9482
|
}));
|
|
9424
9483
|
};
|
|
9425
9484
|
|
|
9426
|
-
var _excluded$
|
|
9485
|
+
var _excluded$n = ["text"],
|
|
9427
9486
|
_excluded2$3 = ["text"];
|
|
9428
9487
|
var LENGTH_TEXT$3 = 28;
|
|
9429
9488
|
var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
@@ -9450,7 +9509,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9450
9509
|
var _ref2 = primaryButton || {},
|
|
9451
9510
|
_ref2$text = _ref2.text,
|
|
9452
9511
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
9453
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
9512
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$n);
|
|
9454
9513
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
9455
9514
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
9456
9515
|
var _ref3 = tertiaryButton || {},
|
|
@@ -9493,10 +9552,10 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9493
9552
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
9494
9553
|
};
|
|
9495
9554
|
|
|
9496
|
-
var _templateObject$
|
|
9497
|
-
var FigureBlock = /*#__PURE__*/styled__default.figure(_templateObject$
|
|
9498
|
-
var BlockquoteBlock = /*#__PURE__*/styled__default.blockquote(_templateObject2$
|
|
9499
|
-
var AttributionBlock = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject3$
|
|
9555
|
+
var _templateObject$16, _templateObject2$R, _templateObject3$D;
|
|
9556
|
+
var FigureBlock = /*#__PURE__*/styled__default.figure(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
9557
|
+
var BlockquoteBlock = /*#__PURE__*/styled__default.blockquote(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
9558
|
+
var AttributionBlock = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 32px 0;\n\n & cite {\n font-style: normal;\n }\n\n @media ", " {\n padding: 24px 0;\n }\n"])), devices.mobile);
|
|
9500
9559
|
|
|
9501
9560
|
/* eslint-disable react/no-danger */
|
|
9502
9561
|
var Quote = function Quote(_ref) {
|
|
@@ -9526,9 +9585,9 @@ var Quote = function Quote(_ref) {
|
|
|
9526
9585
|
}, /*#__PURE__*/React__default.createElement("cite", null, attribution))))));
|
|
9527
9586
|
};
|
|
9528
9587
|
|
|
9529
|
-
var _templateObject$
|
|
9530
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9531
|
-
var RadioGroup = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9588
|
+
var _templateObject$17, _templateObject2$S, _templateObject3$E;
|
|
9589
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9590
|
+
var RadioGroup = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9532
9591
|
var horizontalMode = _ref.horizontalMode;
|
|
9533
9592
|
if (horizontalMode) return 'row';
|
|
9534
9593
|
return 'column';
|
|
@@ -9536,7 +9595,7 @@ var RadioGroup = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templa
|
|
|
9536
9595
|
var gap = _ref2.gap;
|
|
9537
9596
|
return gap + "px";
|
|
9538
9597
|
});
|
|
9539
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9598
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9540
9599
|
var darkMode = _ref3.darkMode;
|
|
9541
9600
|
if (darkMode) return 'var(--base-color-white)';
|
|
9542
9601
|
return 'var(--base-color-errorstate)';
|
|
@@ -9613,10 +9672,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9613
9672
|
}, error))));
|
|
9614
9673
|
};
|
|
9615
9674
|
|
|
9616
|
-
var _templateObject$
|
|
9617
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9618
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9619
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9675
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$F;
|
|
9676
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-light-grey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
9677
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\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"])));
|
|
9678
|
+
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
9620
9679
|
|
|
9621
9680
|
/* eslint-disable react/no-danger */
|
|
9622
9681
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -9672,10 +9731,10 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9672
9731
|
return null;
|
|
9673
9732
|
};
|
|
9674
9733
|
|
|
9675
|
-
var _templateObject$
|
|
9676
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9677
|
-
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9678
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
9734
|
+
var _templateObject$19, _templateObject2$U, _templateObject3$G, _templateObject5$s, _templateObject6$l, _templateObject7$h;
|
|
9735
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: transparent;\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
9736
|
+
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
9737
|
+
var SvgContainerClose = /*#__PURE__*/styled__default.button(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n\n &:focus {\n outline: 2px solid var(--color-primary-black);\n outline-offset: 2px;\n }\n"])));
|
|
9679
9738
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-serif);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--color-base-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
9680
9739
|
var TextLinkWrapper$3 = /*#__PURE__*/styled__default(TextLink)(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
9681
9740
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-right: 8px;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
@@ -9816,8 +9875,8 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
9816
9875
|
})));
|
|
9817
9876
|
};
|
|
9818
9877
|
|
|
9819
|
-
var _templateObject$
|
|
9820
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9878
|
+
var _templateObject$1a;
|
|
9879
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__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 margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
9821
9880
|
|
|
9822
9881
|
/* ~~~~~~~ new harmonic types ~~~~~~~ */
|
|
9823
9882
|
var HarmonicSize = {
|
|
@@ -9859,9 +9918,9 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9859
9918
|
}, description)))));
|
|
9860
9919
|
};
|
|
9861
9920
|
|
|
9862
|
-
var _templateObject$
|
|
9863
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9864
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9921
|
+
var _templateObject$1b, _templateObject2$V, _templateObject3$H, _templateObject4$y;
|
|
9922
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9923
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .harmonic-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n\n .harmonic-select__control--is-focused {\n border-color: var(--color-base-dark-grey);\n box-shadow: ", ";\n }\n\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--color-primary-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n\n .harmonic-select__single-value,\n .harmonic-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n\n @media ", " {\n font-size: 17px;\n }\n }\n\n .harmonic-select__placeholder {\n color: var(--color-primary-black);\n }\n\n .harmonic-select__single-value {\n color: var(--color-primary-black);\n }\n\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--color-base-light-grey);\n background: var(--color-base-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--color-base-dark-grey);\n }\n }\n\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--color-base-mid-grey);\n }\n\n .harmonic-select__menu-list {\n padding: 10px 0;\n }\n\n .harmonic-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n color: var(--color-primary-black);\n\n @media ", " {\n font-size: 17px;\n }\n\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--color-base-light-grey);\n }\n }\n\n .harmonic-select__option--is-selected {\n color: var(--color-primary-black);\n background: none;\n }\n\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n color: var(--color-primary-black);\n }\n\n .harmonic-select__menu-notice {\n color: var(--color-primary-black);\n padding: 20px 20px;\n text-align: left;\n }\n\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
9865
9924
|
var width = _ref.width;
|
|
9866
9925
|
if (!width) return 'none';
|
|
9867
9926
|
return width + "px";
|
|
@@ -9878,7 +9937,7 @@ var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$U || (_tem
|
|
|
9878
9937
|
if (darkMode) return "0 0 0 1px var(--color-state-medium)";
|
|
9879
9938
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
9880
9939
|
}, devices.mobile, devices.mobile);
|
|
9881
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9940
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n\n @media ", " {\n margin: 0 0 12px;\n }\n"])), function (_ref5) {
|
|
9882
9941
|
var darkMode = _ref5.darkMode;
|
|
9883
9942
|
if (darkMode) return "var(--color-base-white)";
|
|
9884
9943
|
return "var(--color-primary-black)";
|
|
@@ -9889,7 +9948,7 @@ var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_temp
|
|
|
9889
9948
|
return "var(--color-state-error)";
|
|
9890
9949
|
});
|
|
9891
9950
|
|
|
9892
|
-
var _excluded$
|
|
9951
|
+
var _excluded$o = ["label", "error", "width", "darkMode", "isSearchable", "components", "className"];
|
|
9893
9952
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
9894
9953
|
return /*#__PURE__*/React__default.createElement(Select.components.DropdownIndicator, Object.assign({}, props), /*#__PURE__*/React__default.createElement(Icon, {
|
|
9895
9954
|
iconName: "DropdownArrow"
|
|
@@ -9944,7 +10003,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
9944
10003
|
isSearchable = _ref2$isSearchable === void 0 ? false : _ref2$isSearchable,
|
|
9945
10004
|
components = _ref2.components,
|
|
9946
10005
|
className = _ref2.className,
|
|
9947
|
-
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
10006
|
+
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$o);
|
|
9948
10007
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
9949
10008
|
label: label,
|
|
9950
10009
|
error: error,
|
|
@@ -9963,7 +10022,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
9963
10022
|
})));
|
|
9964
10023
|
};
|
|
9965
10024
|
|
|
9966
|
-
var _excluded$
|
|
10025
|
+
var _excluded$p = ["label", "error", "width", "darkMode", "components"];
|
|
9967
10026
|
/**
|
|
9968
10027
|
* The Select2Async component is similar to Select 2, but uses react-select async
|
|
9969
10028
|
* component for select instead of regular react-select component. This can be used
|
|
@@ -9985,7 +10044,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
9985
10044
|
_ref$darkMode = _ref.darkMode,
|
|
9986
10045
|
darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
|
|
9987
10046
|
components = _ref.components,
|
|
9988
|
-
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
10047
|
+
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
|
|
9989
10048
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
9990
10049
|
label: label,
|
|
9991
10050
|
error: error,
|
|
@@ -10002,15 +10061,15 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10002
10061
|
})));
|
|
10003
10062
|
};
|
|
10004
10063
|
|
|
10005
|
-
var _templateObject$
|
|
10006
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10007
|
-
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10064
|
+
var _templateObject$1c, _templateObject2$W, _templateObject3$I, _templateObject4$z;
|
|
10065
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
10066
|
+
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
10008
10067
|
if (props.showMenu) {
|
|
10009
10068
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 28px;\n ";
|
|
10010
10069
|
}
|
|
10011
10070
|
return "display: none;";
|
|
10012
10071
|
});
|
|
10013
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10072
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\n font-size: var(--harmonic-font-size-navigation);\n font-family: var(--font-family-sans);\n color: var(--color-primary-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--color-primary-red);\n }\n }\n\n && svg path {\n fill: var(--color-primary-black);\n }\n\n :hover {\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10014
10073
|
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 0;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10015
10074
|
|
|
10016
10075
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
@@ -10137,9 +10196,9 @@ var Tabs = function Tabs(_ref) {
|
|
|
10137
10196
|
}, "Menu"))))));
|
|
10138
10197
|
};
|
|
10139
10198
|
|
|
10140
|
-
var _templateObject$
|
|
10141
|
-
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10142
|
-
var PromoLabel = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject3$
|
|
10199
|
+
var _templateObject$1d, _templateObject3$J, _templateObject4$A, _templateObject5$t, _templateObject6$m, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10200
|
+
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-light-grey);\n padding: 40px 20px;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 20px;\n align-items: stretch;\n"])));
|
|
10201
|
+
var PromoLabel = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: var(--upsell-border-color);\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n\n && {\n color: var(--color-base-white);\n }\n\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'liga' off,\n 'calt' off;\n text-align: center;\n"])));
|
|
10143
10202
|
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: auto;\n padding-top: 10px;\n width: fit-content;\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media ", " {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n }\n\n ", "\n\n @media ", ", ", " {\n a {\n text-align: center;\n }\n }\n"])), function (_ref) {
|
|
10144
10203
|
var stackCtasEarly = _ref.stackCtasEarly;
|
|
10145
10204
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
@@ -10243,8 +10302,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
10243
10302
|
}, /*#__PURE__*/React__default.createElement(SecondaryButton, Object.assign({}, secondaryLink), truncate(secondaryLink.text, LENGTH_SMALL_TEXT$2))))))));
|
|
10244
10303
|
};
|
|
10245
10304
|
|
|
10246
|
-
var _templateObject$
|
|
10247
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.figure(_templateObject$
|
|
10305
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$K;
|
|
10306
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.figure(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: table;\n width: auto;\n margin: 0;\n\n ", " {\n width: 100%;\n\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
|
|
10248
10307
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10249
10308
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10250
10309
|
return aspectRatio;
|
|
@@ -10254,10 +10313,10 @@ var Wrapper$6 = /*#__PURE__*/styled__default.figure(_templateObject$1d || (_temp
|
|
|
10254
10313
|
height = _ref2.height;
|
|
10255
10314
|
return height ? "calc(" + height + "px * " + AspectRatioWidth[aspectRatio] + ")" : 'auto';
|
|
10256
10315
|
});
|
|
10257
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$
|
|
10258
|
-
var CaptionContext = /*#__PURE__*/styled__default(Caption)(_templateObject3$
|
|
10316
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: table-caption;\n caption-side: bottom;\n margin-top: var(--carousel-image-caption-margin);\n"])));
|
|
10317
|
+
var CaptionContext = /*#__PURE__*/styled__default(Caption)(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n line-clamp: 2;\n max-height: 46px;\n white-space: normal;\n word-break: break-word;\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n"])));
|
|
10259
10318
|
|
|
10260
|
-
var _excluded$
|
|
10319
|
+
var _excluded$q = ["caption", "altText", "src", "srcSet", "sizes", "loading", "aspectRatio", "className"];
|
|
10261
10320
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
10262
10321
|
var caption = _ref.caption,
|
|
10263
10322
|
altText = _ref.altText,
|
|
@@ -10267,7 +10326,7 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10267
10326
|
loading = _ref.loading,
|
|
10268
10327
|
aspectRatio = _ref.aspectRatio,
|
|
10269
10328
|
className = _ref.className,
|
|
10270
|
-
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
10329
|
+
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$q);
|
|
10271
10330
|
return /*#__PURE__*/React__default.createElement(Wrapper$6, Object.assign({
|
|
10272
10331
|
aspectRatio: aspectRatio,
|
|
10273
10332
|
className: className
|
|
@@ -10288,10 +10347,10 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10288
10347
|
}, caption))));
|
|
10289
10348
|
};
|
|
10290
10349
|
|
|
10291
|
-
var _templateObject$
|
|
10292
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10293
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10294
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
10350
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$L, _templateObject4$B, _templateObject5$u, _templateObject6$n;
|
|
10351
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
10352
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10353
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10295
10354
|
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10296
10355
|
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
10297
10356
|
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
@@ -10332,8 +10391,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10332
10391
|
}, title)))));
|
|
10333
10392
|
};
|
|
10334
10393
|
|
|
10335
|
-
var _templateObject$
|
|
10336
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10394
|
+
var _templateObject$1g;
|
|
10395
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 100%;\n\n @media ", " {\n column-gap: 20px;\n }\n"])), devices.mobile);
|
|
10337
10396
|
|
|
10338
10397
|
var NavTop = function NavTop(_ref) {
|
|
10339
10398
|
var accountText = _ref.accountText,
|
|
@@ -10373,10 +10432,10 @@ var NavTop = function NavTop(_ref) {
|
|
|
10373
10432
|
}));
|
|
10374
10433
|
};
|
|
10375
10434
|
|
|
10376
|
-
var _templateObject$
|
|
10377
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10378
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10379
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10435
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$M, _templateObject4$C, _templateObject5$v;
|
|
10436
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
10437
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10438
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10380
10439
|
var isVisible = _ref.isVisible;
|
|
10381
10440
|
return isVisible ? 'visible' : 'hidden';
|
|
10382
10441
|
});
|
|
@@ -10465,10 +10524,10 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10465
10524
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
10466
10525
|
};
|
|
10467
10526
|
|
|
10468
|
-
var _templateObject$
|
|
10469
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
10470
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$
|
|
10471
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
10527
|
+
var _templateObject$1i, _templateObject2$_, _templateObject3$N, _templateObject4$D, _templateObject5$w;
|
|
10528
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10529
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10530
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10472
10531
|
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10473
10532
|
var isActive = _ref.isActive;
|
|
10474
10533
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
@@ -10629,10 +10688,10 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10629
10688
|
});
|
|
10630
10689
|
};
|
|
10631
10690
|
|
|
10632
|
-
var _templateObject$
|
|
10633
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10634
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2
|
|
10635
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10691
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$O, _templateObject4$E, _templateObject5$x, _templateObject6$o;
|
|
10692
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10693
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10694
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10636
10695
|
var color = _ref.color;
|
|
10637
10696
|
return "var(--base-color-" + color + ")";
|
|
10638
10697
|
});
|
|
@@ -10723,10 +10782,10 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10723
10782
|
}, strengthLabel))));
|
|
10724
10783
|
};
|
|
10725
10784
|
|
|
10726
|
-
var _templateObject$
|
|
10727
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
10728
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2
|
|
10729
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10785
|
+
var _templateObject$1k, _templateObject2$10, _templateObject3$P, _templateObject4$F, _templateObject5$y, _templateObject6$p, _templateObject7$j, _templateObject8$d;
|
|
10786
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10787
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10788
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10730
10789
|
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n text-transform: capitalize;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n min-width: 150px;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
10731
10790
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10732
10791
|
}, devices.tablet, devices.mobile);
|
|
@@ -10938,16 +10997,16 @@ var Table = function Table(_ref) {
|
|
|
10938
10997
|
}))));
|
|
10939
10998
|
};
|
|
10940
10999
|
|
|
10941
|
-
var _templateObject$
|
|
10942
|
-
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
11000
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$Q, _templateObject4$G, _templateObject5$z, _templateObject6$q, _templateObject7$k, _templateObject8$e, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
11001
|
+
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
10943
11002
|
var theme = _ref.theme;
|
|
10944
11003
|
return "var(--color-" + theme + ")";
|
|
10945
11004
|
}, function (_ref2) {
|
|
10946
11005
|
var theme = _ref2.theme;
|
|
10947
11006
|
return "var(--color-" + theme + ")";
|
|
10948
11007
|
});
|
|
10949
|
-
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
10950
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
11008
|
+
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11009
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
|
|
10951
11010
|
var Error = /*#__PURE__*/styled__default.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
10952
11011
|
var Form = /*#__PURE__*/styled__default.form(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error);
|
|
10953
11012
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
@@ -11365,10 +11424,10 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
11365
11424
|
}))))));
|
|
11366
11425
|
};
|
|
11367
11426
|
|
|
11368
|
-
var _templateObject$
|
|
11369
|
-
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
11427
|
+
var _templateObject$1m, _templateObject2$12, _templateObject4$H, _templateObject5$A;
|
|
11428
|
+
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n border-bottom: 1px solid var(--color-base-light-grey);\n\n ", "\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, function (_ref) {
|
|
11370
11429
|
var withShadow = _ref.withShadow;
|
|
11371
|
-
return withShadow && styled.css(_templateObject2$
|
|
11430
|
+
return withShadow && styled.css(_templateObject2$12 || (_templateObject2$12 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11372
11431
|
}, devices.mobile);
|
|
11373
11432
|
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 24px;\n min-width: 24px;\n max-height: 24px;\n max-width: 24px;\n border: none;\n padding: 0;\n background: none;\n\n :hover {\n cursor: pointer;\n }\n\n @media ", " {\n min-height: 12px;\n min-width: 12px;\n max-height: 12px;\n max-width: 12px;\n }\n"])), devices.mobile);
|
|
11374
11433
|
var ContentWrapper$2 = /*#__PURE__*/styled__default.a(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
@@ -11429,12 +11488,12 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
11429
11488
|
return null;
|
|
11430
11489
|
};
|
|
11431
11490
|
|
|
11432
|
-
var _templateObject$
|
|
11433
|
-
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$
|
|
11491
|
+
var _templateObject$1n, _templateObject2$13;
|
|
11492
|
+
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n &:not(:active):not(:focus) {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n\n @media ", " {\n position: absolute;\n left: 10px;\n top: 10px;\n width: 80px;\n height: 44px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: auto;\n color: transparent;\n background: transparent;\n opacity: 0;\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n"])), function (_ref) {
|
|
11434
11493
|
var hide = _ref.hide;
|
|
11435
11494
|
return hide && "display: none;";
|
|
11436
11495
|
}, devices.mobileAndTablet);
|
|
11437
|
-
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11496
|
+
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 29px 50px;\n display: inline-block;\n width: 100%;\n height: fit-content;\n border-bottom: solid 2px var(--color-base-light-grey);\n overflow: hidden;\n &:not(:has(div:focus)) {\n position: absolute;\n border-bottom: 0;\n padding: 0;\n }\n @media ", " {\n border-bottom: 0;\n position: absolute;\n padding: 0;\n }\n"])), devices.mobileAndTablet);
|
|
11438
11497
|
|
|
11439
11498
|
/**
|
|
11440
11499
|
* An accessible component which allows Assistive Technology users to move the focus
|
|
@@ -11526,16 +11585,16 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
11526
11585
|
}));
|
|
11527
11586
|
};
|
|
11528
11587
|
|
|
11529
|
-
var _templateObject$
|
|
11588
|
+
var _templateObject$1o, _templateObject2$14, _templateObject3$R, _templateObject4$I, _templateObject5$B, _templateObject6$r, _templateObject7$l;
|
|
11530
11589
|
var color = 'primary-black';
|
|
11531
11590
|
var Button$2 = /*#__PURE__*/styled__default(SecondaryButton).attrs({
|
|
11532
11591
|
borderColor: color,
|
|
11533
11592
|
hoveredColor: color,
|
|
11534
11593
|
pressedColor: color,
|
|
11535
11594
|
textColor: color
|
|
11536
|
-
})(_templateObject$
|
|
11537
|
-
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11538
|
-
var Description = /*#__PURE__*/styled__default(BodyContentTextContainer)(_templateObject3$
|
|
11595
|
+
})(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 35px;\n margin-top: 33px;\n width: fit-content;\n\n @media ", " {\n margin-bottom: 33px;\n margin-top: 31px;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n"])), devices.mobile);
|
|
11596
|
+
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-", ");\n padding: 60px 59px 59px;\n\n @media ", " {\n padding: 35px 20px 34px;\n }\n"])), color, devices.mobile);
|
|
11597
|
+
var Description = /*#__PURE__*/styled__default(BodyContentTextContainer)(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n margin: 27px 0;\n\n @media ", " {\n margin: 20px 0;\n }\n }\n"])), devices.mobile);
|
|
11539
11598
|
var Heading = /*#__PURE__*/styled__default(HarmonicHeader).attrs({
|
|
11540
11599
|
serif: true,
|
|
11541
11600
|
size: 'medium'
|
|
@@ -11573,8 +11632,8 @@ var Paywall = function Paywall(_ref) {
|
|
|
11573
11632
|
}, "Sign in"))));
|
|
11574
11633
|
};
|
|
11575
11634
|
|
|
11576
|
-
var _templateObject$
|
|
11577
|
-
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11635
|
+
var _templateObject$1p;
|
|
11636
|
+
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 74px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n gap: 40px 74px;\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.mobile);
|
|
11578
11637
|
|
|
11579
11638
|
var UpsellCards = function UpsellCards(_ref) {
|
|
11580
11639
|
var upsellCards = _ref.upsellCards;
|
|
@@ -11762,10 +11821,10 @@ var Navigation = function Navigation(_ref) {
|
|
|
11762
11821
|
})))))));
|
|
11763
11822
|
};
|
|
11764
11823
|
|
|
11765
|
-
var _templateObject$
|
|
11766
|
-
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
11767
|
-
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
11768
|
-
var SocialAndNewsletterSection = /*#__PURE__*/styled__default(GridItem)(_templateObject3$
|
|
11824
|
+
var _templateObject$1q, _templateObject2$15, _templateObject3$S, _templateObject4$J, _templateObject5$C, _templateObject6$s, _templateObject7$m;
|
|
11825
|
+
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n padding: 44px 0px;\n grid-template-areas: '. . policy policy policy policy social social social social logo logo logo logo . .';\n\n @media ", " {\n padding: 40px 0px;\n gap: 24px;\n }\n\n @media ", " {\n padding: 20px 0px;\n row-gap: 40px;\n grid-template-areas:\n '. social social social social social social social social social social social social .'\n '. policy policy policy policy policy policy policy policy policy policy policy policy .'\n '. logo logo logo logo logo logo logo logo logo logo logo logo .';\n }\n"])), devices.tablet, devices.mobile);
|
|
11826
|
+
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: policy;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media ", " {\n gap: 20px;\n }\n\n @media ", " {\n gap: 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
11827
|
+
var SocialAndNewsletterSection = /*#__PURE__*/styled__default(GridItem)(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: social;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n\n @media ", " {\n gap: 40px;\n }\n"])), devices.mobile);
|
|
11769
11828
|
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
11770
11829
|
var LogoAndDescriptionSection = /*#__PURE__*/styled__default(GridItem)(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
11771
11830
|
var SponsorLogoContainer = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
@@ -11827,16 +11886,16 @@ var Footer = function Footer(_ref) {
|
|
|
11827
11886
|
}, additionalInfo))));
|
|
11828
11887
|
};
|
|
11829
11888
|
|
|
11830
|
-
var _templateObject$
|
|
11889
|
+
var _templateObject$1r, _templateObject2$16, _templateObject3$T, _templateObject4$K, _templateObject5$D, _templateObject8$f, _templateObject9$9, _templateObject0$8;
|
|
11831
11890
|
var LIST_ITEM_GAP = 32;
|
|
11832
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11891
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--color-base-white);\n z-index: ", ";\n\n ", "\n"])), function (_ref) {
|
|
11833
11892
|
var bottomBorder = _ref.bottomBorder;
|
|
11834
11893
|
return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
|
|
11835
11894
|
}, zIndexes.anchor, function (_ref2) {
|
|
11836
11895
|
var withShadow = _ref2.withShadow;
|
|
11837
|
-
return withShadow && styled.css(_templateObject2$
|
|
11896
|
+
return withShadow && styled.css(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11838
11897
|
});
|
|
11839
|
-
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
11898
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
11840
11899
|
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
11841
11900
|
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref3) {
|
|
11842
11901
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
@@ -11864,7 +11923,7 @@ var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject0$8 || (_temp
|
|
|
11864
11923
|
return disabled ? 'var(--color-state-disabled)' : 'var(--button-anchor-tab-color)';
|
|
11865
11924
|
});
|
|
11866
11925
|
|
|
11867
|
-
var _excluded$
|
|
11926
|
+
var _excluded$r = ["id", "text"];
|
|
11868
11927
|
var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
11869
11928
|
var tabs = _ref.tabs,
|
|
11870
11929
|
onTabClick = _ref.onTabClick,
|
|
@@ -12075,7 +12134,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12075
12134
|
}, tabs.map(function (_ref4) {
|
|
12076
12135
|
var id = _ref4.id,
|
|
12077
12136
|
text = _ref4.text,
|
|
12078
|
-
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$
|
|
12137
|
+
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$r);
|
|
12079
12138
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
12080
12139
|
key: id
|
|
12081
12140
|
}, /*#__PURE__*/React__default.createElement(TabLink, Object.assign({
|
|
@@ -12108,13 +12167,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12108
12167
|
})))) : null))));
|
|
12109
12168
|
};
|
|
12110
12169
|
|
|
12111
|
-
var _templateObject$
|
|
12112
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12170
|
+
var _templateObject$1s, _templateObject2$17, _templateObject3$U, _templateObject4$L, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12171
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
12113
12172
|
var sticky = _ref.sticky;
|
|
12114
12173
|
return sticky ? 'sticky' : 'initial';
|
|
12115
12174
|
}, zIndexes.anchor);
|
|
12116
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12117
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12175
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-light-grey);\n"])));
|
|
12176
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
|
|
12118
12177
|
var title = _ref2.title;
|
|
12119
12178
|
return title ? 'row' : 'row-reverse';
|
|
12120
12179
|
}, devices.tablet, devices.mobile);
|
|
@@ -12137,7 +12196,7 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
|
|
|
12137
12196
|
var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-right: var(--grid-outer-margin);\n height: var(--button-height);\n\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n margin-right: var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12138
12197
|
var MessageWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject0$9 || (_templateObject0$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h6 {\n margin: 0;\n padding: 0;\n }\n display: none;\n\n @media ", " {\n & {\n display: flex;\n align-items: center;\n margin-left: var(--grid-margin);\n padding: 12px 0;\n }\n }\n"])), devices.mobile);
|
|
12139
12198
|
|
|
12140
|
-
var _excluded$
|
|
12199
|
+
var _excluded$s = ["text"],
|
|
12141
12200
|
_excluded2$4 = ["text"];
|
|
12142
12201
|
var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
12143
12202
|
var title = _ref.title,
|
|
@@ -12147,7 +12206,7 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12147
12206
|
message = _ref.message;
|
|
12148
12207
|
var _ref2 = (links == null ? void 0 : links[0]) || {},
|
|
12149
12208
|
primaryButtonText = _ref2.text,
|
|
12150
|
-
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
12209
|
+
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$s);
|
|
12151
12210
|
var _ref3 = (links == null ? void 0 : links[1]) || {},
|
|
12152
12211
|
secondaryButtonText = _ref3.text,
|
|
12153
12212
|
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2$4);
|
|
@@ -12168,10 +12227,10 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12168
12227
|
}, message))));
|
|
12169
12228
|
};
|
|
12170
12229
|
|
|
12171
|
-
var _templateObject$
|
|
12172
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12173
|
-
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$
|
|
12174
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12230
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$V, _templateObject4$M;
|
|
12231
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: var(--upsell-border-color);\n padding: 66px 74px 70px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding: 40px 0px;\n }\n }\n"])), devices.mobile);
|
|
12232
|
+
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n\n @media ", " {\n margin-left: 20px;\n margin-right: 20px;\n }\n }\n"])), devices.mobile);
|
|
12233
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 60px;\n\n @media ", " {\n margin-bottom: 40px;\n margin-left: 20px;\n margin-right: 20px;\n }\n"])), devices.mobile);
|
|
12175
12234
|
var TextContent = /*#__PURE__*/styled__default(BodyContent)(_templateObject4$M || (_templateObject4$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):first-child {\n margin: 35px 0 10px;\n\n @media ", " {\n margin-top: 24px;\n }\n }\n\n && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):last-child {\n margin-bottom: 0;\n }\n"])), devices.mobile);
|
|
12176
12235
|
|
|
12177
12236
|
var UpsellSection = function UpsellSection(_ref) {
|
|
@@ -12216,9 +12275,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
12216
12275
|
})))));
|
|
12217
12276
|
};
|
|
12218
12277
|
|
|
12219
|
-
var _templateObject$
|
|
12220
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12221
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12278
|
+
var _templateObject$1u, _templateObject2$19;
|
|
12279
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--color-base-white);\n"])), zIndexes.anchor);
|
|
12280
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
12222
12281
|
var bottomBorder = _ref.bottomBorder;
|
|
12223
12282
|
return bottomBorder && 'border-bottom: 1px solid var(--color-base-light-grey);';
|
|
12224
12283
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -12249,13 +12308,13 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
12249
12308
|
}, children)));
|
|
12250
12309
|
};
|
|
12251
12310
|
|
|
12252
|
-
var _templateObject$
|
|
12253
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12254
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
12255
|
-
var ContentWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12311
|
+
var _templateObject$1v, _templateObject2$1a, _templateObject3$W, _templateObject4$N;
|
|
12312
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
12313
|
+
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
12314
|
+
var ContentWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12256
12315
|
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$N || (_templateObject4$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
12257
12316
|
|
|
12258
|
-
var _excluded$
|
|
12317
|
+
var _excluded$t = ["isOpen", "setIsOpen", "children", "appElementId", "closeButtonAriaLabel"];
|
|
12259
12318
|
var MAX_Z_INDEX = 9999999999;
|
|
12260
12319
|
if (Modal.defaultStyles.content) {
|
|
12261
12320
|
Modal.defaultStyles.content.position = 'static';
|
|
@@ -12331,7 +12390,7 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
12331
12390
|
appElementId = _ref.appElementId,
|
|
12332
12391
|
_ref$closeButtonAriaL = _ref.closeButtonAriaLabel,
|
|
12333
12392
|
closeButtonAriaLabel = _ref$closeButtonAriaL === void 0 ? 'Close modal window' : _ref$closeButtonAriaL,
|
|
12334
|
-
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12393
|
+
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$t);
|
|
12335
12394
|
var isMobile = useMobile();
|
|
12336
12395
|
var customStyles = {
|
|
12337
12396
|
overlay: {
|
|
@@ -12460,20 +12519,20 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
12460
12519
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
12461
12520
|
};
|
|
12462
12521
|
|
|
12463
|
-
var _templateObject$
|
|
12464
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12522
|
+
var _templateObject$1w, _templateObject2$1b, _templateObject3$X, _templateObject4$O, _templateObject5$E, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
12523
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n\n &:fullscreen {\n background: var(--color-base-white);\n padding-top: 44px;\n padding-bottom: 84px;\n\n .swipe-slide > figure {\n height: var(--fullscreen-figure-height);\n\n > div {\n height: var(--fullscreen-figure-height);\n }\n }\n }\n"])), function (_ref) {
|
|
12465
12524
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
12466
12525
|
return "& {\n .swipe-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n\n > figure {\n margin: 0px;\n\n > div {\n height: " + imagesHeightDesktop + "px;\n }\n }\n }\n }";
|
|
12467
12526
|
}, devices.mobile, function (_ref2) {
|
|
12468
12527
|
var imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
12469
12528
|
return "&&& {\n .swipe-slide > figure {\n > div {\n height: " + imagesHeightDevice + "px;\n }\n }\n }";
|
|
12470
12529
|
});
|
|
12471
|
-
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12530
|
+
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n}"])), function (_ref3) {
|
|
12472
12531
|
var type = _ref3.type,
|
|
12473
12532
|
isActive = _ref3.isActive;
|
|
12474
12533
|
return "\n & {\n .swipe-slide {\n " + getCardSlideDesktopStyles(type, isActive) + "\n }\n }\n\n @media " + devices.tablet + " {\n & {\n .swipe-slide {\n " + getCardSlideTabletStyles(type) + "\n }\n }\n }\n\n @media " + devices.mobile + " {\n && {\n .swipe-slide {\n " + getCardSlideMobileStyles(type) + "\n }\n }\n }\n ";
|
|
12475
12534
|
});
|
|
12476
|
-
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
12535
|
+
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n padding-bottom: 0;\n }\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile, devices.mobile);
|
|
12477
12536
|
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$O || (_templateObject4$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n user-select: text;\n"])));
|
|
12478
12537
|
var TitleWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject5$E || (_templateObject5$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
12479
12538
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
@@ -12497,6 +12556,12 @@ var GRID_OFFSET_MARGIN = {
|
|
|
12497
12556
|
desktop: 3
|
|
12498
12557
|
};
|
|
12499
12558
|
var FULLSCREEN_FIGCAPTION_HEIGHT = 34;
|
|
12559
|
+
var defaultTitleGridConfig = {
|
|
12560
|
+
columnStartDesktop: 3,
|
|
12561
|
+
columnSpanDesktop: 10,
|
|
12562
|
+
columnStartDevice: 2,
|
|
12563
|
+
columnSpanDevice: 9
|
|
12564
|
+
};
|
|
12500
12565
|
var Carousel = function Carousel(_ref) {
|
|
12501
12566
|
var children = _ref.children,
|
|
12502
12567
|
type = _ref.type,
|
|
@@ -12513,7 +12578,10 @@ var Carousel = function Carousel(_ref) {
|
|
|
12513
12578
|
infinite = _ref$infinite === void 0 ? true : _ref$infinite,
|
|
12514
12579
|
_ref$useOffset = _ref.useOffset,
|
|
12515
12580
|
useOffset = _ref$useOffset === void 0 ? true : _ref$useOffset,
|
|
12516
|
-
titleFontFamily = _ref.titleFontFamily
|
|
12581
|
+
titleFontFamily = _ref.titleFontFamily,
|
|
12582
|
+
titleGrid = _ref.titleGrid,
|
|
12583
|
+
_ref$enableInfiniteOn = _ref.enableInfiniteOnInteraction,
|
|
12584
|
+
enableInfiniteOnInteraction = _ref$enableInfiniteOn === void 0 ? false : _ref$enableInfiniteOn;
|
|
12517
12585
|
var _useState = React.useState(false),
|
|
12518
12586
|
isFullscreen = _useState[0],
|
|
12519
12587
|
setIsFullscreen = _useState[1];
|
|
@@ -12535,11 +12603,15 @@ var Carousel = function Carousel(_ref) {
|
|
|
12535
12603
|
var _useState6 = React.useState(true),
|
|
12536
12604
|
showRotatorButtons = _useState6[0],
|
|
12537
12605
|
setShowRotatorButtons = _useState6[1];
|
|
12606
|
+
var _useState7 = React.useState(infinite),
|
|
12607
|
+
isInfinite = _useState7[0],
|
|
12608
|
+
setIsInfinite = _useState7[1];
|
|
12538
12609
|
var swipeRef = React.useRef(null);
|
|
12539
12610
|
var carouselRef = React.useRef(null);
|
|
12540
12611
|
var titleButtonsGridRef = React.useRef(null);
|
|
12541
12612
|
var childrenCount = React__default.Children.count(children);
|
|
12542
12613
|
React.useEffect(function () {
|
|
12614
|
+
setIsInfinite(infinite);
|
|
12543
12615
|
if (infinite) {
|
|
12544
12616
|
setAvailablePrev(true);
|
|
12545
12617
|
setAvailableNext(true);
|
|
@@ -12550,7 +12622,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12550
12622
|
return (_swipeRef$current$has = (_swipeRef$current = swipeRef.current) == null ? void 0 : _swipeRef$current.hasNext()) != null ? _swipeRef$current$has : childrenCount > 1;
|
|
12551
12623
|
});
|
|
12552
12624
|
}
|
|
12553
|
-
}, [childrenCount
|
|
12625
|
+
}, [childrenCount]);
|
|
12554
12626
|
React.useEffect(function () {
|
|
12555
12627
|
if (type !== exports.CarouselType.Image) return undefined;
|
|
12556
12628
|
var handleFullscreenChange = function handleFullscreenChange() {
|
|
@@ -12582,7 +12654,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12582
12654
|
} else if (window.matchMedia != null && window.matchMedia(devices.tablet).matches) {
|
|
12583
12655
|
setSlidesOffsetBefore(GRID_OFFSET_MARGIN.tablet);
|
|
12584
12656
|
} else {
|
|
12585
|
-
setSlidesOffsetBefore(
|
|
12657
|
+
setSlidesOffsetBefore(isInfinite ? Math.floor(window.innerWidth * SCREEN_WIDTH_PERCENTAGE) - GRID_OFFSET_MARGIN.desktop : 0);
|
|
12586
12658
|
}
|
|
12587
12659
|
var hasNext = (_swipeRef$current2 = swipeRef.current) == null ? void 0 : _swipeRef$current2.hasNext();
|
|
12588
12660
|
if (typeof hasNext === 'boolean') {
|
|
@@ -12597,10 +12669,16 @@ var Carousel = function Carousel(_ref) {
|
|
|
12597
12669
|
}, [useOffset, active]);
|
|
12598
12670
|
var onNext = function onNext() {
|
|
12599
12671
|
var _swipeRef$current3;
|
|
12672
|
+
if (enableInfiniteOnInteraction && !isInfinite) {
|
|
12673
|
+
setIsInfinite(true);
|
|
12674
|
+
}
|
|
12600
12675
|
(_swipeRef$current3 = swipeRef.current) == null || _swipeRef$current3.nextSlide();
|
|
12601
12676
|
};
|
|
12602
12677
|
var onPrev = function onPrev() {
|
|
12603
12678
|
var _swipeRef$current4;
|
|
12679
|
+
if (enableInfiniteOnInteraction && !isInfinite) {
|
|
12680
|
+
setIsInfinite(true);
|
|
12681
|
+
}
|
|
12604
12682
|
(_swipeRef$current4 = swipeRef.current) == null || _swipeRef$current4.prevSlide();
|
|
12605
12683
|
};
|
|
12606
12684
|
var onClickFullscreen = function onClickFullscreen() {
|
|
@@ -12637,7 +12715,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12637
12715
|
}
|
|
12638
12716
|
};
|
|
12639
12717
|
var onIndexChangeHandler = function onIndexChangeHandler(index) {
|
|
12640
|
-
if (
|
|
12718
|
+
if (isInfinite) {
|
|
12641
12719
|
setAvailablePrev(true);
|
|
12642
12720
|
setAvailableNext(true);
|
|
12643
12721
|
return;
|
|
@@ -12649,7 +12727,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12649
12727
|
});
|
|
12650
12728
|
};
|
|
12651
12729
|
var handleOverflowChange = function handleOverflowChange(overflow) {
|
|
12652
|
-
if (!
|
|
12730
|
+
if (!isInfinite) {
|
|
12653
12731
|
var _swipeRef$current8;
|
|
12654
12732
|
setShowRotatorButtons(overflow);
|
|
12655
12733
|
var hasNext = (_swipeRef$current8 = swipeRef.current) == null ? void 0 : _swipeRef$current8.hasNext();
|
|
@@ -12664,6 +12742,12 @@ var Carousel = function Carousel(_ref) {
|
|
|
12664
12742
|
var titleSemanticLevelValue = titleSemanticLevel ? "h" + titleSemanticLevel : 'h2';
|
|
12665
12743
|
var Wrapper = type === exports.CarouselType.Image ? ImageCarouselWrapper : CardsCarouselWrapper;
|
|
12666
12744
|
var isVictorTitleFont = titleFontFamily === 'Victor';
|
|
12745
|
+
var titleGridItemPosition = {
|
|
12746
|
+
columnStartDesktop: (titleGrid == null ? void 0 : titleGrid.columnStartDesktop) || defaultTitleGridConfig.columnStartDesktop,
|
|
12747
|
+
columnSpanDesktop: (titleGrid == null ? void 0 : titleGrid.columnSpanDesktop) || defaultTitleGridConfig.columnSpanDesktop,
|
|
12748
|
+
columnStartDevice: (titleGrid == null ? void 0 : titleGrid.columnStartDevice) || defaultTitleGridConfig.columnStartDevice,
|
|
12749
|
+
columnSpanDevice: (titleGrid == null ? void 0 : titleGrid.columnSpanDevice) || defaultTitleGridConfig.columnSpanDevice
|
|
12750
|
+
};
|
|
12667
12751
|
return /*#__PURE__*/React__default.createElement(Wrapper, {
|
|
12668
12752
|
className: className,
|
|
12669
12753
|
type: type,
|
|
@@ -12676,10 +12760,10 @@ var Carousel = function Carousel(_ref) {
|
|
|
12676
12760
|
}, /*#__PURE__*/React__default.createElement(TitleButtonsGrid, {
|
|
12677
12761
|
ref: titleButtonsGridRef
|
|
12678
12762
|
}, /*#__PURE__*/React__default.createElement(TitleGridItem, {
|
|
12679
|
-
columnStartDesktop:
|
|
12680
|
-
columnSpanDesktop:
|
|
12681
|
-
columnStartDevice:
|
|
12682
|
-
columnSpanDevice:
|
|
12763
|
+
columnStartDesktop: titleGridItemPosition.columnStartDesktop,
|
|
12764
|
+
columnSpanDesktop: titleGridItemPosition.columnSpanDesktop,
|
|
12765
|
+
columnStartDevice: titleGridItemPosition.columnStartDevice,
|
|
12766
|
+
columnSpanDevice: titleGridItemPosition.columnSpanDevice
|
|
12683
12767
|
}, title && (/*#__PURE__*/React__default.createElement(CarouselInfoWrapper, {
|
|
12684
12768
|
"data-testid": "carousel-title-wrapper"
|
|
12685
12769
|
}, /*#__PURE__*/React__default.createElement(TitleWrapper$5, {
|
|
@@ -12698,7 +12782,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12698
12782
|
columnSpanDevice: 2
|
|
12699
12783
|
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
12700
12784
|
"data-testid": "carousel-buttons-wrapper"
|
|
12701
|
-
}, (
|
|
12785
|
+
}, (isInfinite || showRotatorButtons) && (/*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
12702
12786
|
onClickNext: onNext,
|
|
12703
12787
|
onClickPrev: onPrev,
|
|
12704
12788
|
availablePrev: availablePrev,
|
|
@@ -12706,12 +12790,12 @@ var Carousel = function Carousel(_ref) {
|
|
|
12706
12790
|
showFullscreen: type === exports.CarouselType.Image,
|
|
12707
12791
|
onClickFullscreen: onClickFullscreen,
|
|
12708
12792
|
isFullscreen: isFullscreen,
|
|
12709
|
-
size:
|
|
12710
|
-
}))))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(SwipeGridWrapper, Object.assign({},
|
|
12793
|
+
size: isInfinite || enableInfiniteOnInteraction ? 'default' : 'small'
|
|
12794
|
+
}))))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(SwipeGridWrapper, Object.assign({}, isInfinite ? {
|
|
12711
12795
|
active: active
|
|
12712
12796
|
} : {}, {
|
|
12713
12797
|
columnStartDesktop: 3,
|
|
12714
|
-
columnSpanDesktop:
|
|
12798
|
+
columnSpanDesktop: isInfinite ? 14 : 13,
|
|
12715
12799
|
columnStartDevice: 2,
|
|
12716
12800
|
columnSpanDevice: 13
|
|
12717
12801
|
}), /*#__PURE__*/React__default.createElement(Swipe, {
|
|
@@ -12722,15 +12806,15 @@ var Carousel = function Carousel(_ref) {
|
|
|
12722
12806
|
onOverflowChange: handleOverflowChange,
|
|
12723
12807
|
"data-testid": "carousel-swipe",
|
|
12724
12808
|
ref: swipeRef,
|
|
12725
|
-
infinite:
|
|
12809
|
+
infinite: isInfinite,
|
|
12726
12810
|
slidesOffsetBefore: slidesOffsetBefore
|
|
12727
12811
|
}, children))));
|
|
12728
12812
|
};
|
|
12729
12813
|
|
|
12730
|
-
var _templateObject$
|
|
12731
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
12732
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12733
|
-
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12814
|
+
var _templateObject$1x, _templateObject2$1c, _templateObject3$Y, _templateObject4$P, _templateObject5$F, _templateObject6$v, _templateObject7$p, _templateObject8$i, _templateObject9$c, _templateObject0$a, _templateObject1$6, _templateObject10$5, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1, _templateObject16$1;
|
|
12815
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n user-select: none;\n\n .highlight-carousel-text {\n color: var(--color-base-white);\n }\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
12816
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 12;\n padding: 12px 0 12px var(--grid-margin);\n min-height: 64px;\n box-sizing: border-box;\n width: 100%;\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12817
|
+
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
12734
12818
|
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$P || (_templateObject4$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n a {\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 7;\n padding: 0 12px 12px var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: 100%;\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12735
12819
|
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject5$F || (_templateObject5$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 16px;\n width: 102px;\n height: 28px;\n }\n }\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12736
12820
|
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
@@ -12750,7 +12834,7 @@ var VideoWithControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject1
|
|
|
12750
12834
|
}, devices.mobile);
|
|
12751
12835
|
var ProgressContainer$1 = /*#__PURE__*/styled__default.div(_templateObject16$1 || (_templateObject16$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n p {\n margin-bottom: 16px;\n }\n\n @media ", " {\n margin-top: 20px;\n\n p {\n margin-bottom: 12px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
12752
12836
|
|
|
12753
|
-
var _excluded$
|
|
12837
|
+
var _excluded$u = ["text"],
|
|
12754
12838
|
_excluded2$5 = ["text"];
|
|
12755
12839
|
var _buttonTypeToButton$2;
|
|
12756
12840
|
var buttonTypeToButton$2 = (_buttonTypeToButton$2 = {}, _buttonTypeToButton$2[exports.ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$2[exports.ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$2[exports.ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$2);
|
|
@@ -12761,7 +12845,7 @@ var Buttons = function Buttons(_ref) {
|
|
|
12761
12845
|
var _ref2 = firstButton || {},
|
|
12762
12846
|
_ref2$text = _ref2.text,
|
|
12763
12847
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
12764
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
12848
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$u);
|
|
12765
12849
|
var secondButton = links == null ? void 0 : links[1];
|
|
12766
12850
|
var _ref3 = secondButton || {},
|
|
12767
12851
|
_ref3$text = _ref3.text,
|
|
@@ -12915,13 +12999,24 @@ var SwipeCarousel = function SwipeCarousel(_ref2) {
|
|
|
12915
12999
|
}));
|
|
12916
13000
|
};
|
|
12917
13001
|
|
|
13002
|
+
var titleHierarchyMap = /*#__PURE__*/new Map([[1, 'h1'], [2, 'h2'], [3, 'h3']]);
|
|
13003
|
+
// Default confic might be exteneded in case on any other changes
|
|
13004
|
+
var defaultCarouselConfig = {
|
|
13005
|
+
title: {
|
|
13006
|
+
size: 'medium',
|
|
13007
|
+
className: TYPOGRAPHY_CLASS_NAME,
|
|
13008
|
+
titleSemanticLevel: 2
|
|
13009
|
+
}
|
|
13010
|
+
};
|
|
12918
13011
|
var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
13012
|
+
var _customConfig$title, _customConfig$title2, _customConfig$title3;
|
|
12919
13013
|
var logo = _ref.logo,
|
|
12920
13014
|
carouselTitle = _ref.carouselTitle,
|
|
12921
13015
|
slides = _ref.slides,
|
|
12922
13016
|
titleSemanticLevel = _ref.titleSemanticLevel,
|
|
12923
13017
|
className = _ref.className,
|
|
12924
|
-
titleFontFamily = _ref.titleFontFamily
|
|
13018
|
+
titleFontFamily = _ref.titleFontFamily,
|
|
13019
|
+
customConfig = _ref.customConfig;
|
|
12925
13020
|
var slidesMedia = React.useMemo(function () {
|
|
12926
13021
|
return slides.map(function (_ref2) {
|
|
12927
13022
|
var mediaContent = _ref2.mediaContent;
|
|
@@ -12939,7 +13034,8 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12939
13034
|
return !isVideoSlide(slide);
|
|
12940
13035
|
});
|
|
12941
13036
|
var carouselTitleId = "highlights-carousel-title-" + carouselTitle;
|
|
12942
|
-
var
|
|
13037
|
+
var semanticLevel = titleSemanticLevel || (customConfig == null || (_customConfig$title = customConfig.title) == null ? void 0 : _customConfig$title.titleSemanticLevel);
|
|
13038
|
+
var titleSemanticLevelValue = semanticLevel && titleHierarchyMap.has(semanticLevel) ? titleHierarchyMap.get(semanticLevel) : titleHierarchyMap.get(defaultCarouselConfig.title.titleSemanticLevel);
|
|
12943
13039
|
var carouselRef = React.useRef(null);
|
|
12944
13040
|
var onNext = function onNext() {
|
|
12945
13041
|
var _carouselRef$current;
|
|
@@ -12963,8 +13059,8 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12963
13059
|
}, /*#__PURE__*/React__default.createElement(HeaderWrapper, {
|
|
12964
13060
|
id: carouselTitleId
|
|
12965
13061
|
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
12966
|
-
className:
|
|
12967
|
-
size:
|
|
13062
|
+
className: (customConfig == null || (_customConfig$title2 = customConfig.title) == null ? void 0 : _customConfig$title2.className) || defaultCarouselConfig.title.className,
|
|
13063
|
+
size: (customConfig == null || (_customConfig$title3 = customConfig.title) == null ? void 0 : _customConfig$title3.size) || defaultCarouselConfig.title.size,
|
|
12968
13064
|
serif: isVictorTitleFont,
|
|
12969
13065
|
hierarchy: titleSemanticLevelValue
|
|
12970
13066
|
}, carouselTitle))), hasMultipleSlides && (/*#__PURE__*/React__default.createElement(RotatorButtonsWrapperMobile$1, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
@@ -12998,11 +13094,11 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12998
13094
|
})));
|
|
12999
13095
|
};
|
|
13000
13096
|
|
|
13001
|
-
var _excluded$
|
|
13097
|
+
var _excluded$v = ["logo", "slides"];
|
|
13002
13098
|
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
13003
13099
|
var logo = _ref.logo,
|
|
13004
13100
|
slides = _ref.slides,
|
|
13005
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13101
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
|
|
13006
13102
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13007
13103
|
var links = processSlideLinks(slide.links);
|
|
13008
13104
|
return _extends({}, slide, {
|
|
@@ -13019,10 +13115,10 @@ var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
|
13019
13115
|
})));
|
|
13020
13116
|
};
|
|
13021
13117
|
|
|
13022
|
-
var _excluded$
|
|
13118
|
+
var _excluded$w = ["slides"];
|
|
13023
13119
|
var HighlightsCore = function HighlightsCore(_ref) {
|
|
13024
13120
|
var slides = _ref.slides,
|
|
13025
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13121
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
|
|
13026
13122
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13027
13123
|
var links = processSlideLinks(slide.links);
|
|
13028
13124
|
return _extends({}, slide, {
|
|
@@ -13036,11 +13132,11 @@ var HighlightsCore = function HighlightsCore(_ref) {
|
|
|
13036
13132
|
})));
|
|
13037
13133
|
};
|
|
13038
13134
|
|
|
13039
|
-
var _excluded$
|
|
13135
|
+
var _excluded$x = ["logo", "slides"];
|
|
13040
13136
|
var HighlightsStream = function HighlightsStream(_ref) {
|
|
13041
13137
|
var logo = _ref.logo,
|
|
13042
13138
|
slides = _ref.slides,
|
|
13043
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13139
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
|
|
13044
13140
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13045
13141
|
var links = processSlideLinks(slide.links);
|
|
13046
13142
|
return _extends({}, slide, {
|
|
@@ -13057,9 +13153,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
13057
13153
|
})));
|
|
13058
13154
|
};
|
|
13059
13155
|
|
|
13060
|
-
var _templateObject$
|
|
13061
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13062
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
13156
|
+
var _templateObject$1y, _templateObject3$Z;
|
|
13157
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
13158
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
13063
13159
|
|
|
13064
13160
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
13065
13161
|
var children = _ref.children;
|
|
@@ -13654,8 +13750,8 @@ var Theme = function Theme(_ref) {
|
|
|
13654
13750
|
}, children);
|
|
13655
13751
|
};
|
|
13656
13752
|
|
|
13657
|
-
var _templateObject$
|
|
13658
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1y || (_templateObject$1y = /*#__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 --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", ";\n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\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 --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\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 --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n\n }\n\n @media ", " {\n\n }\n }\n"])), function (_ref) {
|
|
13753
|
+
var _templateObject$1z;
|
|
13754
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1z || (_templateObject$1z = /*#__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 --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", ";\n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\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 --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\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 --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n\n }\n\n @media ", " {\n\n }\n }\n"])), function (_ref) {
|
|
13659
13755
|
var theme = _ref.theme;
|
|
13660
13756
|
return theme.colors.primary;
|
|
13661
13757
|
}, function (_ref2) {
|
|
@@ -14627,6 +14723,7 @@ exports.ContactNewsletter = ContactNewsletter;
|
|
|
14627
14723
|
exports.ContentSummary = ContentSummary;
|
|
14628
14724
|
exports.ControlledDropdown = ControlledDropdown;
|
|
14629
14725
|
exports.CreditListing = CreditListing;
|
|
14726
|
+
exports.CustomStrategyTabsFilter = CustomStrategyTabsFilter;
|
|
14630
14727
|
exports.Dropdown = Dropdown;
|
|
14631
14728
|
exports.Editorial = Editorial;
|
|
14632
14729
|
exports.Footer = Footer;
|