@royaloperahouse/harmonic 1.0.5-b → 1.0.5-d
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 +77 -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/harmonic.cjs.development.js +394 -229
- 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 +394 -230
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/types/carousel.d.ts +22 -1
- package/dist/types/index.d.ts +2 -2
- package/dist/types/types.d.ts +50 -0
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -7385,6 +7385,130 @@ var HotFilters = function HotFilters(_ref) {
|
|
|
7385
7385
|
})));
|
|
7386
7386
|
};
|
|
7387
7387
|
|
|
7388
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$p;
|
|
7389
|
+
var ScrollContainer = /*#__PURE__*/styled.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"])));
|
|
7390
|
+
var TabsContainerWrapper = /*#__PURE__*/styled.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);
|
|
7391
|
+
var StyledTab = /*#__PURE__*/styled(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"])));
|
|
7392
|
+
|
|
7393
|
+
var _excluded$j = ["text", "id", "isSelected"];
|
|
7394
|
+
/**
|
|
7395
|
+
* A horizontally scrollable tabs filter component used to display
|
|
7396
|
+
* selectable strategy tabs with configurable styling and selection behavior.
|
|
7397
|
+
*
|
|
7398
|
+
* Features:
|
|
7399
|
+
* - Supports both single-select and multi-select tab scenarios
|
|
7400
|
+
* - Displays an optional icon on selected tabs
|
|
7401
|
+
* - Allows customization of colors and selected icon through `customViewConfig`
|
|
7402
|
+
* - Applies default styling when configuration values are omitted
|
|
7403
|
+
* - Emits the clicked tab item through `onClick`
|
|
7404
|
+
*
|
|
7405
|
+
* @component
|
|
7406
|
+
*
|
|
7407
|
+
* @param {TCustomStrategyTabsFilterProps['items']} items
|
|
7408
|
+
* Collection of tabs to render.
|
|
7409
|
+
*
|
|
7410
|
+
* @param {string} [className]
|
|
7411
|
+
* Optional CSS class name applied to the root scroll container.
|
|
7412
|
+
*
|
|
7413
|
+
* @param {<T>(item: TCustomStrategyTabsFilterProps['items'][number]) => T} onClick
|
|
7414
|
+
* Generic callback invoked when a tab is clicked.
|
|
7415
|
+
*
|
|
7416
|
+
* @param [customViewConfig]
|
|
7417
|
+
* Optional visual configuration used to customize:
|
|
7418
|
+
* - selected tab icon
|
|
7419
|
+
* - selected/unselected background colors
|
|
7420
|
+
* - selected/unselected text colors
|
|
7421
|
+
* - hover color
|
|
7422
|
+
* - pressed color
|
|
7423
|
+
*
|
|
7424
|
+
* Any omitted configuration values will fall back to the component defaults.
|
|
7425
|
+
*
|
|
7426
|
+
* @returns { React.JSX.Element}
|
|
7427
|
+
*
|
|
7428
|
+
* @example
|
|
7429
|
+
* ```tsx
|
|
7430
|
+
* <CustomStrategyTabsFilter
|
|
7431
|
+
* items={[
|
|
7432
|
+
* {
|
|
7433
|
+
* id: 'all',
|
|
7434
|
+
* text: 'All',
|
|
7435
|
+
* isSelected: true,
|
|
7436
|
+
* allowedSelectedWith: [],
|
|
7437
|
+
* },
|
|
7438
|
+
* {
|
|
7439
|
+
* id: 'open',
|
|
7440
|
+
* text: 'Open',
|
|
7441
|
+
* isSelected: false,
|
|
7442
|
+
* },
|
|
7443
|
+
* ]}
|
|
7444
|
+
* onClick={(item) => console.log(item)}
|
|
7445
|
+
* />
|
|
7446
|
+
* ```
|
|
7447
|
+
*
|
|
7448
|
+
* @example
|
|
7449
|
+
* ```tsx
|
|
7450
|
+
* <CustomStrategyTabsFilter
|
|
7451
|
+
* items={items}
|
|
7452
|
+
* onClick={handleFilterClick}
|
|
7453
|
+
* customViewConfig={{
|
|
7454
|
+
* selectIcon: 'Check',
|
|
7455
|
+
* backgroundColor: {
|
|
7456
|
+
* select: 'primary',
|
|
7457
|
+
* unselect: 'base-white',
|
|
7458
|
+
* },
|
|
7459
|
+
* textColor: {
|
|
7460
|
+
* select: 'base-white',
|
|
7461
|
+
* unselect: 'base-black',
|
|
7462
|
+
* },
|
|
7463
|
+
* }}
|
|
7464
|
+
* />
|
|
7465
|
+
* ```
|
|
7466
|
+
*/
|
|
7467
|
+
var CustomStrategyTabsFilter = function CustomStrategyTabsFilter(_ref) {
|
|
7468
|
+
var _customViewConfig$bac, _customViewConfig$bac2, _customViewConfig$tex, _customViewConfig$tex2;
|
|
7469
|
+
var items = _ref.items,
|
|
7470
|
+
className = _ref.className,
|
|
7471
|
+
onClick = _ref.onClick,
|
|
7472
|
+
customViewConfig = _ref.customViewConfig;
|
|
7473
|
+
var handleClick = React__default.useCallback(function (item) {
|
|
7474
|
+
onClick(item);
|
|
7475
|
+
}, [onClick]);
|
|
7476
|
+
// in case of any partially passed configuration, config defaults non defined
|
|
7477
|
+
var config = {
|
|
7478
|
+
selectIcon: (customViewConfig == null ? void 0 : customViewConfig.selectIcon) || 'Confirm',
|
|
7479
|
+
backgroundColor: {
|
|
7480
|
+
select: (customViewConfig == null || (_customViewConfig$bac = customViewConfig.backgroundColor) == null ? void 0 : _customViewConfig$bac.select) || 'base-black',
|
|
7481
|
+
unselect: (customViewConfig == null || (_customViewConfig$bac2 = customViewConfig.backgroundColor) == null ? void 0 : _customViewConfig$bac2.unselect) || 'base-white'
|
|
7482
|
+
},
|
|
7483
|
+
textColor: {
|
|
7484
|
+
select: (customViewConfig == null || (_customViewConfig$tex = customViewConfig.textColor) == null ? void 0 : _customViewConfig$tex.select) || 'base-white',
|
|
7485
|
+
unselect: (customViewConfig == null || (_customViewConfig$tex2 = customViewConfig.textColor) == null ? void 0 : _customViewConfig$tex2.unselect) || 'base-black'
|
|
7486
|
+
},
|
|
7487
|
+
hoveredColor: (customViewConfig == null ? void 0 : customViewConfig.hoveredColor) || 'base-black',
|
|
7488
|
+
pressedColor: (customViewConfig == null ? void 0 : customViewConfig.pressedColor) || 'black-pressed'
|
|
7489
|
+
};
|
|
7490
|
+
return /*#__PURE__*/React__default.createElement(ScrollContainer, {
|
|
7491
|
+
className: className
|
|
7492
|
+
}, /*#__PURE__*/React__default.createElement(TabsContainerWrapper, null, items.map(function (item) {
|
|
7493
|
+
var text = item.text,
|
|
7494
|
+
id = item.id,
|
|
7495
|
+
isSelected = item.isSelected,
|
|
7496
|
+
rest = _objectWithoutPropertiesLoose(item, _excluded$j);
|
|
7497
|
+
return /*#__PURE__*/React__default.createElement(StyledTab, Object.assign({
|
|
7498
|
+
key: id,
|
|
7499
|
+
onClick: function onClick() {
|
|
7500
|
+
return handleClick(item);
|
|
7501
|
+
},
|
|
7502
|
+
iconName: isSelected ? config.selectIcon : undefined,
|
|
7503
|
+
backgroundColor: isSelected ? config.backgroundColor.select : config.backgroundColor.unselect,
|
|
7504
|
+
textColor: isSelected ? config.textColor.select : config.textColor.unselect,
|
|
7505
|
+
hoveredColor: config.hoveredColor,
|
|
7506
|
+
pressedColor: config.pressedColor,
|
|
7507
|
+
"aria-pressed": isSelected
|
|
7508
|
+
}, rest), text);
|
|
7509
|
+
})));
|
|
7510
|
+
};
|
|
7511
|
+
|
|
7388
7512
|
var InformationCtaVariants = {
|
|
7389
7513
|
Primary: 'Primary',
|
|
7390
7514
|
Secondary: 'Secondary',
|
|
@@ -7414,10 +7538,10 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
7414
7538
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
|
|
7415
7539
|
};
|
|
7416
7540
|
|
|
7417
|
-
var _templateObject$
|
|
7418
|
-
var InfoWrapper = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7419
|
-
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$
|
|
7420
|
-
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
7541
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$q, _templateObject4$n;
|
|
7542
|
+
var InfoWrapper = /*#__PURE__*/styled(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);
|
|
7543
|
+
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7544
|
+
var InfoCTAWrapper = /*#__PURE__*/styled('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) {
|
|
7421
7545
|
var variant = _ref.variant,
|
|
7422
7546
|
theme = _ref.theme;
|
|
7423
7547
|
return getTextColor$4(variant, theme, COLORS$4.background);
|
|
@@ -7654,33 +7778,39 @@ var Information = function Information(_ref) {
|
|
|
7654
7778
|
})))));
|
|
7655
7779
|
};
|
|
7656
7780
|
|
|
7657
|
-
var _templateObject$
|
|
7658
|
-
var PageHeadingWrapper = /*#__PURE__*/styled('div')(_templateObject$
|
|
7781
|
+
var _templateObject$R, _templateObject2$E, _templateObject3$r, _templateObject4$o, _templateObject5$j, _templateObject6$d, _templateObject7$9, _templateObject8$6;
|
|
7782
|
+
var PageHeadingWrapper = /*#__PURE__*/styled('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) {
|
|
7659
7783
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
7660
7784
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
7661
7785
|
}, devices.mobile);
|
|
7662
|
-
var PageHeadingGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
7663
|
-
var
|
|
7664
|
-
|
|
7786
|
+
var PageHeadingGrid = /*#__PURE__*/styled(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) {
|
|
7787
|
+
var isMultipleRow = _ref2.isMultipleRow;
|
|
7788
|
+
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 ";
|
|
7789
|
+
}, devices.mobile, devices.tablet, function (_ref3) {
|
|
7790
|
+
var isMultipleRow = _ref3.isMultipleRow;
|
|
7791
|
+
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 ";
|
|
7792
|
+
});
|
|
7793
|
+
var BadgeWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 35px;\n padding-bottom: 20px;\n\n ", ";\n"])), function (_ref4) {
|
|
7794
|
+
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
7665
7795
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
7666
7796
|
});
|
|
7667
|
-
var TitleWrapper$2 = /*#__PURE__*/styled.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 (
|
|
7668
|
-
var isPageHeadingWithoutTitle =
|
|
7797
|
+
var TitleWrapper$2 = /*#__PURE__*/styled.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) {
|
|
7798
|
+
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
7669
7799
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
7670
7800
|
}, devices.mobile);
|
|
7671
|
-
var ChildrenWrapper = /*#__PURE__*/styled.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 (
|
|
7672
|
-
var isPageHeadingWithoutTitle =
|
|
7801
|
+
var ChildrenWrapper = /*#__PURE__*/styled.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) {
|
|
7802
|
+
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
7673
7803
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7674
7804
|
}, devices.mobile);
|
|
7675
7805
|
var TextWrapper = /*#__PURE__*/styled.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"])));
|
|
7676
|
-
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n
|
|
7677
|
-
var isPageHeadingWithoutTitle =
|
|
7678
|
-
return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
|
|
7679
|
-
}, devices.mobile, function (_ref6) {
|
|
7680
|
-
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
7806
|
+
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n\n ", ";\n }\n }\n"])), devices.mobile, function (_ref7) {
|
|
7807
|
+
var isPageHeadingWithoutTitle = _ref7.isPageHeadingWithoutTitle;
|
|
7681
7808
|
return isPageHeadingWithoutTitle && "\n margin-top: 15px;\n ";
|
|
7682
7809
|
});
|
|
7683
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled.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
|
|
7810
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.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) {
|
|
7811
|
+
var isMultipleRow = _ref8.isMultipleRow;
|
|
7812
|
+
return isMultipleRow ? "margin: 0" : "margin: 10px 0";
|
|
7813
|
+
}, devices.mobile);
|
|
7684
7814
|
|
|
7685
7815
|
var PageHeading = function PageHeading(_ref) {
|
|
7686
7816
|
var title = _ref.title,
|
|
@@ -7720,11 +7850,14 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7720
7850
|
return null;
|
|
7721
7851
|
}
|
|
7722
7852
|
};
|
|
7853
|
+
var isMultiRowContainer = !!text || !!title || sponsor;
|
|
7723
7854
|
return /*#__PURE__*/React__default.createElement(PageHeadingWrapper, {
|
|
7724
7855
|
className: className,
|
|
7725
7856
|
"data-testid": "page-heading-wrapper",
|
|
7726
7857
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
7727
|
-
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid,
|
|
7858
|
+
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, {
|
|
7859
|
+
isMultipleRow: isMultiRowContainer
|
|
7860
|
+
}, /*#__PURE__*/React__default.createElement(TitleWrapper$2, {
|
|
7728
7861
|
"data-testid": "page-heading-title",
|
|
7729
7862
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
7730
7863
|
}, renderBadge(theme), children ? (/*#__PURE__*/React__default.createElement(ChildrenWrapper, {
|
|
@@ -7750,9 +7883,9 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7750
7883
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
7751
7884
|
};
|
|
7752
7885
|
|
|
7753
|
-
var _templateObject$
|
|
7754
|
-
var ImpactHeaderWrapper = /*#__PURE__*/styled.header(_templateObject$
|
|
7755
|
-
var ImpactTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
7886
|
+
var _templateObject$S, _templateObject2$F, _templateObject3$s, _templateObject4$p, _templateObject5$k, _templateObject6$e, _templateObject7$a, _templateObject8$7;
|
|
7887
|
+
var ImpactHeaderWrapper = /*#__PURE__*/styled.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);
|
|
7888
|
+
var ImpactTitleWrapper = /*#__PURE__*/styled.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) {
|
|
7756
7889
|
var hasButton = _ref.hasButton,
|
|
7757
7890
|
sponsorPresent = _ref.sponsorPresent;
|
|
7758
7891
|
if (hasButton || sponsorPresent) return 'auto 80px 1fr 80px auto';
|
|
@@ -7761,7 +7894,7 @@ var ImpactTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$E || (_templat
|
|
|
7761
7894
|
var sponsorPresent = _ref2.sponsorPresent;
|
|
7762
7895
|
return sponsorPresent ? '1fr 20px auto' : '1fr';
|
|
7763
7896
|
});
|
|
7764
|
-
var TitleButtonWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7897
|
+
var TitleButtonWrapper = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n display: flex;\n align-items: center;\n min-width: ", ";\n"])), function (_ref3) {
|
|
7765
7898
|
var sponsorWidth = _ref3.sponsorWidth;
|
|
7766
7899
|
return sponsorWidth ? sponsorWidth + "px" : 'auto';
|
|
7767
7900
|
});
|
|
@@ -7777,10 +7910,10 @@ var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject8$7 || (_templateObj
|
|
|
7777
7910
|
return buttonWidth ? buttonWidth + "px" : 'auto';
|
|
7778
7911
|
}, devices.mobile);
|
|
7779
7912
|
|
|
7780
|
-
var _templateObject$
|
|
7781
|
-
var VideoPlayButton$1 = /*#__PURE__*/styled.button(_templateObject$
|
|
7782
|
-
var VideoControlsWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7783
|
-
var VideoControlsInnerWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7913
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$t, _templateObject4$q;
|
|
7914
|
+
var VideoPlayButton$1 = /*#__PURE__*/styled.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);
|
|
7915
|
+
var VideoControlsWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 100%;\n"])));
|
|
7916
|
+
var VideoControlsInnerWrapper$1 = /*#__PURE__*/styled.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);
|
|
7784
7917
|
var LeftWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7785
7918
|
|
|
7786
7919
|
var VideoControlsImpact = function VideoControlsImpact(_ref) {
|
|
@@ -7824,7 +7957,7 @@ var VideoControlsImpact = function VideoControlsImpact(_ref) {
|
|
|
7824
7957
|
})))));
|
|
7825
7958
|
};
|
|
7826
7959
|
|
|
7827
|
-
var _excluded$
|
|
7960
|
+
var _excluded$k = ["text"];
|
|
7828
7961
|
var CHAR_LIMIT = 100;
|
|
7829
7962
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
7830
7963
|
var mobileVideo = video.mobile || video.desktop;
|
|
@@ -7946,7 +8079,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref4) {
|
|
|
7946
8079
|
var truncatedText = text && text.length > CHAR_LIMIT ? text.slice(0, CHAR_LIMIT).trimEnd() + "\u2026" : text;
|
|
7947
8080
|
var _ref5 = link || {},
|
|
7948
8081
|
linkText = _ref5.text,
|
|
7949
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
8082
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$k);
|
|
7950
8083
|
var video = {
|
|
7951
8084
|
elementId: 'impact-header-video',
|
|
7952
8085
|
desktop: videoUrlDesktop,
|
|
@@ -8004,19 +8137,19 @@ var PageHeadingImpact = function PageHeadingImpact(_ref4) {
|
|
|
8004
8137
|
}), isMobile && link && linkText ? (/*#__PURE__*/React__default.createElement(MobileButtonWrapper, null, /*#__PURE__*/React__default.createElement(TitleButton, Object.assign({}, restLink), linkText))) : null));
|
|
8005
8138
|
};
|
|
8006
8139
|
|
|
8007
|
-
var _templateObject$
|
|
8008
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8140
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$u, _templateObject4$r, _templateObject5$l;
|
|
8141
|
+
var PanelGrid = /*#__PURE__*/styled(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) {
|
|
8009
8142
|
var color = _ref.color;
|
|
8010
8143
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
8011
8144
|
}, devices.mobileAndTablet);
|
|
8012
|
-
var LeftPanel = /*#__PURE__*/styled.div(_templateObject2$
|
|
8145
|
+
var LeftPanel = /*#__PURE__*/styled.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) {
|
|
8013
8146
|
var hasImage = _ref2.hasImage;
|
|
8014
8147
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
8015
8148
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
8016
8149
|
var hasImage = _ref3.hasImage;
|
|
8017
8150
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
8018
8151
|
});
|
|
8019
|
-
var RightPanel = /*#__PURE__*/styled.div(_templateObject3$
|
|
8152
|
+
var RightPanel = /*#__PURE__*/styled.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);
|
|
8020
8153
|
var InfoWrapper$1 = /*#__PURE__*/styled.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);
|
|
8021
8154
|
var ScrollDownWrapper = /*#__PURE__*/styled.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);
|
|
8022
8155
|
|
|
@@ -8048,10 +8181,10 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8048
8181
|
})))));
|
|
8049
8182
|
};
|
|
8050
8183
|
|
|
8051
|
-
var _templateObject$
|
|
8052
|
-
var Wrapper$3 = /*#__PURE__*/styled.section(_templateObject$
|
|
8053
|
-
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
8054
|
-
var SponsorWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8184
|
+
var _templateObject$V, _templateObject2$I, _templateObject3$v, _templateObject4$s, _templateObject5$m, _templateObject6$f, _templateObject7$b, _templateObject8$8, _templateObject9$4, _templateObject0$4, _templateObject1$3;
|
|
8185
|
+
var Wrapper$3 = /*#__PURE__*/styled.section(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8186
|
+
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
8187
|
+
var SponsorWrapper$1 = /*#__PURE__*/styled.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);
|
|
8055
8188
|
var ImageButtonWrapper = /*#__PURE__*/styled.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);
|
|
8056
8189
|
var ContentSection = /*#__PURE__*/styled.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) {
|
|
8057
8190
|
var theme = _ref.theme;
|
|
@@ -8262,7 +8395,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
8262
8395
|
})))))))))));
|
|
8263
8396
|
};
|
|
8264
8397
|
|
|
8265
|
-
var _templateObject$
|
|
8398
|
+
var _templateObject$W, _templateObject2$J, _templateObject3$w, _templateObject4$t;
|
|
8266
8399
|
var GRID = {
|
|
8267
8400
|
desktop: {
|
|
8268
8401
|
leftWithImage: '1 / 1 / 3 / 7',
|
|
@@ -8275,18 +8408,18 @@ var GRID = {
|
|
|
8275
8408
|
right: '2 / 1 / 3 / 15'
|
|
8276
8409
|
}
|
|
8277
8410
|
};
|
|
8278
|
-
var HighlightPanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8411
|
+
var HighlightPanelGrid = /*#__PURE__*/styled(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) {
|
|
8279
8412
|
var $background = _ref.$background;
|
|
8280
8413
|
return "var(--color-" + $background + ")";
|
|
8281
8414
|
});
|
|
8282
|
-
var LeftPanel$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8415
|
+
var LeftPanel$1 = /*#__PURE__*/styled.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) {
|
|
8283
8416
|
var hasImage = _ref2.hasImage;
|
|
8284
8417
|
return hasImage ? GRID.desktop.leftWithImage : GRID.desktop.leftNoImage;
|
|
8285
8418
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
8286
8419
|
var hasImage = _ref3.hasImage;
|
|
8287
8420
|
return hasImage ? GRID.mobile.leftWithImage : GRID.mobile.leftNoImage;
|
|
8288
8421
|
});
|
|
8289
|
-
var RightPanel$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8422
|
+
var RightPanel$1 = /*#__PURE__*/styled.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);
|
|
8290
8423
|
var Wrapper$4 = /*#__PURE__*/styled.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);
|
|
8291
8424
|
|
|
8292
8425
|
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
@@ -8310,10 +8443,10 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
8310
8443
|
})))));
|
|
8311
8444
|
};
|
|
8312
8445
|
|
|
8313
|
-
var _templateObject$
|
|
8314
|
-
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$
|
|
8315
|
-
var BrandingTextBody = /*#__PURE__*/styled.div(_templateObject2$
|
|
8316
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
8446
|
+
var _templateObject$X, _templateObject2$K, _templateObject3$x, _templateObject5$n, _templateObject6$g, _templateObject7$c, _templateObject8$9, _templateObject9$5, _templateObject0$5;
|
|
8447
|
+
var BrandingTextBlock = /*#__PURE__*/styled.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);
|
|
8448
|
+
var BrandingTextBody = /*#__PURE__*/styled.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"])));
|
|
8449
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8317
8450
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.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);
|
|
8318
8451
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(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) {
|
|
8319
8452
|
var invert = _ref.invert,
|
|
@@ -8423,7 +8556,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8423
8556
|
return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, invert, brandingText, brandingLink));
|
|
8424
8557
|
};
|
|
8425
8558
|
|
|
8426
|
-
var _excluded$
|
|
8559
|
+
var _excluded$l = ["text"];
|
|
8427
8560
|
var useResponsiveVideo$1 = function useResponsiveVideo(video, poster) {
|
|
8428
8561
|
var mobileVideo = video.mobile || video.desktop;
|
|
8429
8562
|
var desktopVideo = video.desktop || video.mobile;
|
|
@@ -8528,7 +8661,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8528
8661
|
showCopy = _ref4$showCopy === void 0 ? true : _ref4$showCopy;
|
|
8529
8662
|
var _ref5 = link || {},
|
|
8530
8663
|
linkText = _ref5.text,
|
|
8531
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
8664
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$l);
|
|
8532
8665
|
// const titleSize = title && title.length > 20 ? 4 : 3;
|
|
8533
8666
|
var video = {
|
|
8534
8667
|
elementId: 'compact-header-video',
|
|
@@ -8564,10 +8697,10 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8564
8697
|
}), linkText))))));
|
|
8565
8698
|
};
|
|
8566
8699
|
|
|
8567
|
-
var _templateObject$
|
|
8568
|
-
var HighlightsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8569
|
-
var HighlightTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
8570
|
-
var HighlightTextWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
8700
|
+
var _templateObject$Y, _templateObject2$L, _templateObject3$y, _templateObject4$u, _templateObject5$o, _templateObject6$h, _templateObject7$d;
|
|
8701
|
+
var HighlightsGrid = /*#__PURE__*/styled(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);
|
|
8702
|
+
var HighlightTitleWrapper = /*#__PURE__*/styled.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"])));
|
|
8703
|
+
var HighlightTextWrapper = /*#__PURE__*/styled.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);
|
|
8571
8704
|
var HighlightsInfoWrapper = /*#__PURE__*/styled.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) {
|
|
8572
8705
|
var hasImages = _ref.hasImages;
|
|
8573
8706
|
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
@@ -8643,10 +8776,10 @@ var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {
|
|
|
8643
8776
|
}))))));
|
|
8644
8777
|
};
|
|
8645
8778
|
|
|
8646
|
-
var _templateObject$
|
|
8647
|
-
var linkButtonStyles = /*#__PURE__*/css(_templateObject$
|
|
8648
|
-
var PageNav = /*#__PURE__*/styled.a(_templateObject2$
|
|
8649
|
-
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$
|
|
8779
|
+
var _templateObject$Z, _templateObject2$M, _templateObject3$z, _templateObject5$p, _templateObject6$i, _templateObject7$e, _templateObject8$a;
|
|
8780
|
+
var linkButtonStyles = /*#__PURE__*/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"])));
|
|
8781
|
+
var PageNav = /*#__PURE__*/styled.a(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
8782
|
+
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
8650
8783
|
var PageNumberWrapper = /*#__PURE__*/styled.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"])));
|
|
8651
8784
|
var LastPageItem = /*#__PURE__*/styled.li(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
8652
8785
|
var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
@@ -8802,15 +8935,15 @@ var Pagination = function Pagination(_ref) {
|
|
|
8802
8935
|
}))))));
|
|
8803
8936
|
};
|
|
8804
8937
|
|
|
8805
|
-
var _templateObject$
|
|
8806
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8938
|
+
var _templateObject$_;
|
|
8939
|
+
var PeopleListingGrid = /*#__PURE__*/styled(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) {
|
|
8807
8940
|
var $largeDesktopColumns = _ref.$largeDesktopColumns;
|
|
8808
8941
|
return "repeat(" + ($largeDesktopColumns != null ? $largeDesktopColumns : 4) + ", 1fr)";
|
|
8809
8942
|
});
|
|
8810
8943
|
|
|
8811
|
-
var _templateObject
|
|
8812
|
-
var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject
|
|
8813
|
-
var RoleContent = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject2$
|
|
8944
|
+
var _templateObject$$, _templateObject2$N;
|
|
8945
|
+
var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n }\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
8946
|
+
var RoleContent = /*#__PURE__*/styled(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"])));
|
|
8814
8947
|
|
|
8815
8948
|
var PersonDetails = function PersonDetails(_ref) {
|
|
8816
8949
|
var _role$people;
|
|
@@ -8832,9 +8965,9 @@ var PersonDetails = function PersonDetails(_ref) {
|
|
|
8832
8965
|
})));
|
|
8833
8966
|
};
|
|
8834
8967
|
|
|
8835
|
-
var _templateObject
|
|
8836
|
-
var PersonWrapper$1 = /*#__PURE__*/styled.div(_templateObject
|
|
8837
|
-
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
8968
|
+
var _templateObject$10, _templateObject2$O;
|
|
8969
|
+
var PersonWrapper$1 = /*#__PURE__*/styled.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"])));
|
|
8970
|
+
var HeadshotWrapper = /*#__PURE__*/styled.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) {
|
|
8838
8971
|
var greyscale = _ref.greyscale;
|
|
8839
8972
|
return greyscale ? 'grayscale(100%)' : 'none';
|
|
8840
8973
|
});
|
|
@@ -8883,13 +9016,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8883
9016
|
}));
|
|
8884
9017
|
};
|
|
8885
9018
|
|
|
8886
|
-
var _templateObject$
|
|
8887
|
-
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8888
|
-
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$
|
|
9019
|
+
var _templateObject$11, _templateObject2$P, _templateObject3$A, _templateObject4$v;
|
|
9020
|
+
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9021
|
+
var CreditListingWrapper = /*#__PURE__*/styled(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) {
|
|
8889
9022
|
var columnCount = _ref.columnCount;
|
|
8890
9023
|
return "repeat(" + columnCount + ", 1fr)";
|
|
8891
9024
|
}, devices.mobile, devices.tablet);
|
|
8892
|
-
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9025
|
+
var DescriptionWrapper = /*#__PURE__*/styled.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"])));
|
|
8893
9026
|
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
8894
9027
|
|
|
8895
9028
|
// Get the total character length of a property in an array of objects
|
|
@@ -9017,8 +9150,8 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9017
9150
|
}, creditEntries);
|
|
9018
9151
|
};
|
|
9019
9152
|
|
|
9020
|
-
var _templateObject$
|
|
9021
|
-
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled(TextLink)(_templateObject$
|
|
9153
|
+
var _templateObject$12;
|
|
9154
|
+
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled(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"])));
|
|
9022
9155
|
|
|
9023
9156
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
9024
9157
|
var items = _ref.items;
|
|
@@ -9036,14 +9169,14 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
9036
9169
|
}));
|
|
9037
9170
|
};
|
|
9038
9171
|
|
|
9039
|
-
var _templateObject$
|
|
9172
|
+
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;
|
|
9040
9173
|
var LENGTH_TEXT = 28;
|
|
9041
9174
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9042
9175
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
9043
9176
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
9044
9177
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
9045
9178
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
9046
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9179
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(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) {
|
|
9047
9180
|
var imageToLeft = _ref.imageToLeft;
|
|
9048
9181
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
9049
9182
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9053,7 +9186,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$12 || (_templa
|
|
|
9053
9186
|
var asCard = _ref3.asCard;
|
|
9054
9187
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
9055
9188
|
});
|
|
9056
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9189
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled.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) {
|
|
9057
9190
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
9058
9191
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
9059
9192
|
}, function (_ref5) {
|
|
@@ -9112,7 +9245,7 @@ var HarmonicHeaderWithWrapper = /*#__PURE__*/styled(HarmonicHeader)(_templateObj
|
|
|
9112
9245
|
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled(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);
|
|
9113
9246
|
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9114
9247
|
|
|
9115
|
-
var _excluded$
|
|
9248
|
+
var _excluded$m = ["text"],
|
|
9116
9249
|
_excluded2$2 = ["text"],
|
|
9117
9250
|
_excluded3$1 = ["text"];
|
|
9118
9251
|
var _buttonTypeToButton$1;
|
|
@@ -9180,7 +9313,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9180
9313
|
var _ref2 = firstButton || {},
|
|
9181
9314
|
_ref2$text = _ref2.text,
|
|
9182
9315
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
9183
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
9316
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
|
|
9184
9317
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
9185
9318
|
var secondButton = links == null ? void 0 : links[1];
|
|
9186
9319
|
var _ref3 = secondButton || {},
|
|
@@ -9308,21 +9441,21 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9308
9441
|
}))));
|
|
9309
9442
|
};
|
|
9310
9443
|
|
|
9311
|
-
var _templateObject$
|
|
9444
|
+
var _templateObject$14, _templateObject2$Q, _templateObject3$C, _templateObject4$x, _templateObject5$r, _templateObject6$k, _templateObject7$g;
|
|
9312
9445
|
var LENGTH_TEXT$2 = 28;
|
|
9313
9446
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9314
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9447
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
9315
9448
|
var imageToLeft = _ref.imageToLeft;
|
|
9316
9449
|
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'";
|
|
9317
9450
|
}, devices.tablet, function (_ref2) {
|
|
9318
9451
|
var imageToLeft = _ref2.imageToLeft;
|
|
9319
9452
|
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'";
|
|
9320
9453
|
}, devices.mobile);
|
|
9321
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
9454
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.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) {
|
|
9322
9455
|
var imageToLeft = _ref3.imageToLeft;
|
|
9323
9456
|
return imageToLeft ? 'left' : 'right';
|
|
9324
9457
|
}, devices.mobile);
|
|
9325
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9458
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.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) {
|
|
9326
9459
|
var imageToLeft = _ref4.imageToLeft;
|
|
9327
9460
|
return imageToLeft ? 'right' : 'left';
|
|
9328
9461
|
}, devices.mobile);
|
|
@@ -9351,8 +9484,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$g || (_templat
|
|
|
9351
9484
|
return '';
|
|
9352
9485
|
});
|
|
9353
9486
|
|
|
9354
|
-
var _templateObject$
|
|
9355
|
-
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9487
|
+
var _templateObject$15;
|
|
9488
|
+
var VideoContainer = /*#__PURE__*/styled.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) {
|
|
9356
9489
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9357
9490
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9358
9491
|
return aspectRatio;
|
|
@@ -9464,7 +9597,7 @@ var PromoChild = function PromoChild(_ref) {
|
|
|
9464
9597
|
}));
|
|
9465
9598
|
};
|
|
9466
9599
|
|
|
9467
|
-
var _excluded$
|
|
9600
|
+
var _excluded$n = ["text"],
|
|
9468
9601
|
_excluded2$3 = ["text"];
|
|
9469
9602
|
var LENGTH_TEXT$3 = 28;
|
|
9470
9603
|
var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
@@ -9491,7 +9624,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9491
9624
|
var _ref2 = primaryButton || {},
|
|
9492
9625
|
_ref2$text = _ref2.text,
|
|
9493
9626
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
9494
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
9627
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$n);
|
|
9495
9628
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
9496
9629
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
9497
9630
|
var _ref3 = tertiaryButton || {},
|
|
@@ -9534,10 +9667,10 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9534
9667
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
9535
9668
|
};
|
|
9536
9669
|
|
|
9537
|
-
var _templateObject$
|
|
9538
|
-
var FigureBlock = /*#__PURE__*/styled.figure(_templateObject$
|
|
9539
|
-
var BlockquoteBlock = /*#__PURE__*/styled.blockquote(_templateObject2$
|
|
9540
|
-
var AttributionBlock = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject3$
|
|
9670
|
+
var _templateObject$16, _templateObject2$R, _templateObject3$D;
|
|
9671
|
+
var FigureBlock = /*#__PURE__*/styled.figure(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
9672
|
+
var BlockquoteBlock = /*#__PURE__*/styled.blockquote(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
9673
|
+
var AttributionBlock = /*#__PURE__*/styled(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);
|
|
9541
9674
|
|
|
9542
9675
|
/* eslint-disable react/no-danger */
|
|
9543
9676
|
var Quote = function Quote(_ref) {
|
|
@@ -9567,9 +9700,9 @@ var Quote = function Quote(_ref) {
|
|
|
9567
9700
|
}, /*#__PURE__*/React__default.createElement("cite", null, attribution))))));
|
|
9568
9701
|
};
|
|
9569
9702
|
|
|
9570
|
-
var _templateObject$
|
|
9571
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
9572
|
-
var RadioGroup = /*#__PURE__*/styled.div(_templateObject2$
|
|
9703
|
+
var _templateObject$17, _templateObject2$S, _templateObject3$E;
|
|
9704
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9705
|
+
var RadioGroup = /*#__PURE__*/styled.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) {
|
|
9573
9706
|
var horizontalMode = _ref.horizontalMode;
|
|
9574
9707
|
if (horizontalMode) return 'row';
|
|
9575
9708
|
return 'column';
|
|
@@ -9577,7 +9710,7 @@ var RadioGroup = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2
|
|
|
9577
9710
|
var gap = _ref2.gap;
|
|
9578
9711
|
return gap + "px";
|
|
9579
9712
|
});
|
|
9580
|
-
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9713
|
+
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9581
9714
|
var darkMode = _ref3.darkMode;
|
|
9582
9715
|
if (darkMode) return 'var(--base-color-white)';
|
|
9583
9716
|
return 'var(--base-color-errorstate)';
|
|
@@ -9654,10 +9787,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9654
9787
|
}, error))));
|
|
9655
9788
|
};
|
|
9656
9789
|
|
|
9657
|
-
var _templateObject$
|
|
9658
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9659
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9660
|
-
var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9790
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$F;
|
|
9791
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.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);
|
|
9792
|
+
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
9793
|
+
var SvgContainer$3 = /*#__PURE__*/styled.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);
|
|
9661
9794
|
|
|
9662
9795
|
/* eslint-disable react/no-danger */
|
|
9663
9796
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -9713,10 +9846,10 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9713
9846
|
return null;
|
|
9714
9847
|
};
|
|
9715
9848
|
|
|
9716
|
-
var _templateObject$
|
|
9717
|
-
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9718
|
-
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$
|
|
9719
|
-
var SvgContainerClose = /*#__PURE__*/styled.button(_templateObject3$
|
|
9849
|
+
var _templateObject$19, _templateObject2$U, _templateObject3$G, _templateObject5$s, _templateObject6$l, _templateObject7$h;
|
|
9850
|
+
var SearchBarContainer = /*#__PURE__*/styled.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);
|
|
9851
|
+
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
9852
|
+
var SvgContainerClose = /*#__PURE__*/styled.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"])));
|
|
9720
9853
|
var InputContainer = /*#__PURE__*/styled.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);
|
|
9721
9854
|
var TextLinkWrapper$3 = /*#__PURE__*/styled(TextLink)(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
9722
9855
|
var SearchArrowContainer = /*#__PURE__*/styled.a(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-right: 8px;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
@@ -9857,8 +9990,8 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
9857
9990
|
})));
|
|
9858
9991
|
};
|
|
9859
9992
|
|
|
9860
|
-
var _templateObject$
|
|
9861
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9993
|
+
var _templateObject$1a;
|
|
9994
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.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);
|
|
9862
9995
|
|
|
9863
9996
|
/* ~~~~~~~ new harmonic types ~~~~~~~ */
|
|
9864
9997
|
var HarmonicSize = {
|
|
@@ -9900,9 +10033,9 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9900
10033
|
}, description)))));
|
|
9901
10034
|
};
|
|
9902
10035
|
|
|
9903
|
-
var _templateObject$
|
|
9904
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
9905
|
-
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
10036
|
+
var _templateObject$1b, _templateObject2$V, _templateObject3$H, _templateObject4$y;
|
|
10037
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10038
|
+
var SelectWrapper = /*#__PURE__*/styled.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) {
|
|
9906
10039
|
var width = _ref.width;
|
|
9907
10040
|
if (!width) return 'none';
|
|
9908
10041
|
return width + "px";
|
|
@@ -9919,7 +10052,7 @@ var SelectWrapper = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObje
|
|
|
9919
10052
|
if (darkMode) return "0 0 0 1px var(--color-state-medium)";
|
|
9920
10053
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
9921
10054
|
}, devices.mobile, devices.mobile);
|
|
9922
|
-
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10055
|
+
var TextLabel$4 = /*#__PURE__*/styled.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) {
|
|
9923
10056
|
var darkMode = _ref5.darkMode;
|
|
9924
10057
|
if (darkMode) return "var(--color-base-white)";
|
|
9925
10058
|
return "var(--color-primary-black)";
|
|
@@ -9930,7 +10063,7 @@ var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObjec
|
|
|
9930
10063
|
return "var(--color-state-error)";
|
|
9931
10064
|
});
|
|
9932
10065
|
|
|
9933
|
-
var _excluded$
|
|
10066
|
+
var _excluded$o = ["label", "error", "width", "darkMode", "isSearchable", "components", "className"];
|
|
9934
10067
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
9935
10068
|
return /*#__PURE__*/React__default.createElement(components.DropdownIndicator, Object.assign({}, props), /*#__PURE__*/React__default.createElement(Icon, {
|
|
9936
10069
|
iconName: "DropdownArrow"
|
|
@@ -9985,7 +10118,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
9985
10118
|
isSearchable = _ref2$isSearchable === void 0 ? false : _ref2$isSearchable,
|
|
9986
10119
|
components = _ref2.components,
|
|
9987
10120
|
className = _ref2.className,
|
|
9988
|
-
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
10121
|
+
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$o);
|
|
9989
10122
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
9990
10123
|
label: label,
|
|
9991
10124
|
error: error,
|
|
@@ -10004,7 +10137,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
10004
10137
|
})));
|
|
10005
10138
|
};
|
|
10006
10139
|
|
|
10007
|
-
var _excluded$
|
|
10140
|
+
var _excluded$p = ["label", "error", "width", "darkMode", "components"];
|
|
10008
10141
|
/**
|
|
10009
10142
|
* The Select2Async component is similar to Select 2, but uses react-select async
|
|
10010
10143
|
* component for select instead of regular react-select component. This can be used
|
|
@@ -10026,7 +10159,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10026
10159
|
_ref$darkMode = _ref.darkMode,
|
|
10027
10160
|
darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
|
|
10028
10161
|
components = _ref.components,
|
|
10029
|
-
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
10162
|
+
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
|
|
10030
10163
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
10031
10164
|
label: label,
|
|
10032
10165
|
error: error,
|
|
@@ -10043,15 +10176,15 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10043
10176
|
})));
|
|
10044
10177
|
};
|
|
10045
10178
|
|
|
10046
|
-
var _templateObject$
|
|
10047
|
-
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10048
|
-
var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
10179
|
+
var _templateObject$1c, _templateObject2$W, _templateObject3$I, _templateObject4$z;
|
|
10180
|
+
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
10181
|
+
var ItemsContainer = /*#__PURE__*/styled.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) {
|
|
10049
10182
|
if (props.showMenu) {
|
|
10050
10183
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 28px;\n ";
|
|
10051
10184
|
}
|
|
10052
10185
|
return "display: none;";
|
|
10053
10186
|
});
|
|
10054
|
-
var MenuContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10187
|
+
var MenuContainer$1 = /*#__PURE__*/styled.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);
|
|
10055
10188
|
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 0;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10056
10189
|
|
|
10057
10190
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
@@ -10178,9 +10311,9 @@ var Tabs = function Tabs(_ref) {
|
|
|
10178
10311
|
}, "Menu"))))));
|
|
10179
10312
|
};
|
|
10180
10313
|
|
|
10181
|
-
var _templateObject$
|
|
10182
|
-
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
10183
|
-
var PromoLabel = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject3$
|
|
10314
|
+
var _templateObject$1d, _templateObject3$J, _templateObject4$A, _templateObject5$t, _templateObject6$m, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10315
|
+
var Wrapper$5 = /*#__PURE__*/styled.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"])));
|
|
10316
|
+
var PromoLabel = /*#__PURE__*/styled(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"])));
|
|
10184
10317
|
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: auto;\n padding-top: 10px;\n width: fit-content;\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media ", " {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n }\n\n ", "\n\n @media ", ", ", " {\n a {\n text-align: center;\n }\n }\n"])), function (_ref) {
|
|
10185
10318
|
var stackCtasEarly = _ref.stackCtasEarly;
|
|
10186
10319
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
@@ -10284,8 +10417,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
10284
10417
|
}, /*#__PURE__*/React__default.createElement(SecondaryButton, Object.assign({}, secondaryLink), truncate(secondaryLink.text, LENGTH_SMALL_TEXT$2))))))));
|
|
10285
10418
|
};
|
|
10286
10419
|
|
|
10287
|
-
var _templateObject$
|
|
10288
|
-
var Wrapper$6 = /*#__PURE__*/styled.figure(_templateObject$
|
|
10420
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$K;
|
|
10421
|
+
var Wrapper$6 = /*#__PURE__*/styled.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) {
|
|
10289
10422
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10290
10423
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10291
10424
|
return aspectRatio;
|
|
@@ -10295,10 +10428,10 @@ var Wrapper$6 = /*#__PURE__*/styled.figure(_templateObject$1d || (_templateObjec
|
|
|
10295
10428
|
height = _ref2.height;
|
|
10296
10429
|
return height ? "calc(" + height + "px * " + AspectRatioWidth[aspectRatio] + ")" : 'auto';
|
|
10297
10430
|
});
|
|
10298
|
-
var CaptionWrapper = /*#__PURE__*/styled.figcaption(_templateObject2$
|
|
10299
|
-
var CaptionContext = /*#__PURE__*/styled(Caption)(_templateObject3$
|
|
10431
|
+
var CaptionWrapper = /*#__PURE__*/styled.figcaption(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: table-caption;\n caption-side: bottom;\n margin-top: var(--carousel-image-caption-margin);\n"])));
|
|
10432
|
+
var CaptionContext = /*#__PURE__*/styled(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"])));
|
|
10300
10433
|
|
|
10301
|
-
var _excluded$
|
|
10434
|
+
var _excluded$q = ["caption", "altText", "src", "srcSet", "sizes", "loading", "aspectRatio", "className"];
|
|
10302
10435
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
10303
10436
|
var caption = _ref.caption,
|
|
10304
10437
|
altText = _ref.altText,
|
|
@@ -10308,7 +10441,7 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10308
10441
|
loading = _ref.loading,
|
|
10309
10442
|
aspectRatio = _ref.aspectRatio,
|
|
10310
10443
|
className = _ref.className,
|
|
10311
|
-
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
10444
|
+
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$q);
|
|
10312
10445
|
return /*#__PURE__*/React__default.createElement(Wrapper$6, Object.assign({
|
|
10313
10446
|
aspectRatio: aspectRatio,
|
|
10314
10447
|
className: className
|
|
@@ -10329,10 +10462,10 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10329
10462
|
}, caption))));
|
|
10330
10463
|
};
|
|
10331
10464
|
|
|
10332
|
-
var _templateObject$
|
|
10333
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10334
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10335
|
-
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$
|
|
10465
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$L, _templateObject4$B, _templateObject5$u, _templateObject6$n;
|
|
10466
|
+
var CardContainer$1 = /*#__PURE__*/styled.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"])));
|
|
10467
|
+
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10468
|
+
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10336
10469
|
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10337
10470
|
var IconWrapper$3 = /*#__PURE__*/styled.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);
|
|
10338
10471
|
var TitleWrapper$4 = /*#__PURE__*/styled.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);
|
|
@@ -10373,8 +10506,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10373
10506
|
}, title)))));
|
|
10374
10507
|
};
|
|
10375
10508
|
|
|
10376
|
-
var _templateObject$
|
|
10377
|
-
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10509
|
+
var _templateObject$1g;
|
|
10510
|
+
var NavTopContainer$1 = /*#__PURE__*/styled.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);
|
|
10378
10511
|
|
|
10379
10512
|
var NavTop = function NavTop(_ref) {
|
|
10380
10513
|
var accountText = _ref.accountText,
|
|
@@ -10414,10 +10547,10 @@ var NavTop = function NavTop(_ref) {
|
|
|
10414
10547
|
}));
|
|
10415
10548
|
};
|
|
10416
10549
|
|
|
10417
|
-
var _templateObject$
|
|
10418
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10419
|
-
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
10420
|
-
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
10550
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$M, _templateObject4$C, _templateObject5$v;
|
|
10551
|
+
var ReadMoreContainer = /*#__PURE__*/styled.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"])));
|
|
10552
|
+
var LinkContainer = /*#__PURE__*/styled.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"])));
|
|
10553
|
+
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10421
10554
|
var isVisible = _ref.isVisible;
|
|
10422
10555
|
return isVisible ? 'visible' : 'hidden';
|
|
10423
10556
|
});
|
|
@@ -10506,10 +10639,10 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10506
10639
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
10507
10640
|
};
|
|
10508
10641
|
|
|
10509
|
-
var _templateObject$
|
|
10510
|
-
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$
|
|
10511
|
-
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$
|
|
10512
|
-
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$
|
|
10642
|
+
var _templateObject$1i, _templateObject2$_, _templateObject3$N, _templateObject4$D, _templateObject5$w;
|
|
10643
|
+
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10644
|
+
var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey);
|
|
10645
|
+
var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey);
|
|
10513
10646
|
var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref) {
|
|
10514
10647
|
var isActive = _ref.isActive;
|
|
10515
10648
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
@@ -10670,10 +10803,10 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10670
10803
|
});
|
|
10671
10804
|
};
|
|
10672
10805
|
|
|
10673
|
-
var _templateObject$
|
|
10674
|
-
var Container$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
10675
|
-
var Sections = /*#__PURE__*/styled.div(_templateObject2
|
|
10676
|
-
var Section = /*#__PURE__*/styled.div(_templateObject3$
|
|
10806
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$O, _templateObject4$E, _templateObject5$x, _templateObject6$o;
|
|
10807
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10808
|
+
var Sections = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10809
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10677
10810
|
var color = _ref.color;
|
|
10678
10811
|
return "var(--base-color-" + color + ")";
|
|
10679
10812
|
});
|
|
@@ -10764,10 +10897,10 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10764
10897
|
}, strengthLabel))));
|
|
10765
10898
|
};
|
|
10766
10899
|
|
|
10767
|
-
var _templateObject$
|
|
10768
|
-
var TableContainer = /*#__PURE__*/styled.table(_templateObject$
|
|
10769
|
-
var Container$6 = /*#__PURE__*/styled.div(_templateObject2
|
|
10770
|
-
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10900
|
+
var _templateObject$1k, _templateObject2$10, _templateObject3$P, _templateObject4$F, _templateObject5$y, _templateObject6$p, _templateObject7$j, _templateObject8$d;
|
|
10901
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10902
|
+
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10903
|
+
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10771
10904
|
var TableHeader = /*#__PURE__*/styled.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) {
|
|
10772
10905
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10773
10906
|
}, devices.tablet, devices.mobile);
|
|
@@ -10979,16 +11112,16 @@ var Table = function Table(_ref) {
|
|
|
10979
11112
|
}))));
|
|
10980
11113
|
};
|
|
10981
11114
|
|
|
10982
|
-
var _templateObject$
|
|
10983
|
-
var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$
|
|
11115
|
+
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;
|
|
11116
|
+
var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
10984
11117
|
var theme = _ref.theme;
|
|
10985
11118
|
return "var(--color-" + theme + ")";
|
|
10986
11119
|
}, function (_ref2) {
|
|
10987
11120
|
var theme = _ref2.theme;
|
|
10988
11121
|
return "var(--color-" + theme + ")";
|
|
10989
11122
|
});
|
|
10990
|
-
var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
10991
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
11123
|
+
var SignUpFormWrapper = /*#__PURE__*/styled(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);
|
|
11124
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled('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);
|
|
10992
11125
|
var Error = /*#__PURE__*/styled.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
10993
11126
|
var Form = /*#__PURE__*/styled.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);
|
|
10994
11127
|
var FormFooterWrapper = /*#__PURE__*/styled.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);
|
|
@@ -11406,10 +11539,10 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
11406
11539
|
}))))));
|
|
11407
11540
|
};
|
|
11408
11541
|
|
|
11409
|
-
var _templateObject$
|
|
11410
|
-
var AnchorBarContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
11542
|
+
var _templateObject$1m, _templateObject2$12, _templateObject4$H, _templateObject5$A;
|
|
11543
|
+
var AnchorBarContainer = /*#__PURE__*/styled(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) {
|
|
11411
11544
|
var withShadow = _ref.withShadow;
|
|
11412
|
-
return withShadow && css(_templateObject2$
|
|
11545
|
+
return withShadow && css(_templateObject2$12 || (_templateObject2$12 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11413
11546
|
}, devices.mobile);
|
|
11414
11547
|
var CloseButtonWrapper = /*#__PURE__*/styled.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);
|
|
11415
11548
|
var ContentWrapper$2 = /*#__PURE__*/styled.a(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
@@ -11470,12 +11603,12 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
11470
11603
|
return null;
|
|
11471
11604
|
};
|
|
11472
11605
|
|
|
11473
|
-
var _templateObject$
|
|
11474
|
-
var FocusableTab = /*#__PURE__*/styled(Tab)(_templateObject$
|
|
11606
|
+
var _templateObject$1n, _templateObject2$13;
|
|
11607
|
+
var FocusableTab = /*#__PURE__*/styled(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) {
|
|
11475
11608
|
var hide = _ref.hide;
|
|
11476
11609
|
return hide && "display: none;";
|
|
11477
11610
|
}, devices.mobileAndTablet);
|
|
11478
|
-
var HiddenBlock = /*#__PURE__*/styled.div(_templateObject2$
|
|
11611
|
+
var HiddenBlock = /*#__PURE__*/styled.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);
|
|
11479
11612
|
|
|
11480
11613
|
/**
|
|
11481
11614
|
* An accessible component which allows Assistive Technology users to move the focus
|
|
@@ -11567,16 +11700,16 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
11567
11700
|
}));
|
|
11568
11701
|
};
|
|
11569
11702
|
|
|
11570
|
-
var _templateObject$
|
|
11703
|
+
var _templateObject$1o, _templateObject2$14, _templateObject3$R, _templateObject4$I, _templateObject5$B, _templateObject6$r, _templateObject7$l;
|
|
11571
11704
|
var color = 'primary-black';
|
|
11572
11705
|
var Button$2 = /*#__PURE__*/styled(SecondaryButton).attrs({
|
|
11573
11706
|
borderColor: color,
|
|
11574
11707
|
hoveredColor: color,
|
|
11575
11708
|
pressedColor: color,
|
|
11576
11709
|
textColor: color
|
|
11577
|
-
})(_templateObject$
|
|
11578
|
-
var Container$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11579
|
-
var Description = /*#__PURE__*/styled(BodyContentTextContainer)(_templateObject3$
|
|
11710
|
+
})(_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);
|
|
11711
|
+
var Container$7 = /*#__PURE__*/styled.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);
|
|
11712
|
+
var Description = /*#__PURE__*/styled(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);
|
|
11580
11713
|
var Heading = /*#__PURE__*/styled(HarmonicHeader).attrs({
|
|
11581
11714
|
serif: true,
|
|
11582
11715
|
size: 'medium'
|
|
@@ -11614,8 +11747,8 @@ var Paywall = function Paywall(_ref) {
|
|
|
11614
11747
|
}, "Sign in"))));
|
|
11615
11748
|
};
|
|
11616
11749
|
|
|
11617
|
-
var _templateObject$
|
|
11618
|
-
var Wrapper$9 = /*#__PURE__*/styled.div(_templateObject$
|
|
11750
|
+
var _templateObject$1p;
|
|
11751
|
+
var Wrapper$9 = /*#__PURE__*/styled.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);
|
|
11619
11752
|
|
|
11620
11753
|
var UpsellCards = function UpsellCards(_ref) {
|
|
11621
11754
|
var upsellCards = _ref.upsellCards;
|
|
@@ -11803,10 +11936,10 @@ var Navigation = function Navigation(_ref) {
|
|
|
11803
11936
|
})))))));
|
|
11804
11937
|
};
|
|
11805
11938
|
|
|
11806
|
-
var _templateObject$
|
|
11807
|
-
var FooterSection = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
11808
|
-
var PolicyLinksSection = /*#__PURE__*/styled(GridItem)(_templateObject2$
|
|
11809
|
-
var SocialAndNewsletterSection = /*#__PURE__*/styled(GridItem)(_templateObject3$
|
|
11939
|
+
var _templateObject$1q, _templateObject2$15, _templateObject3$S, _templateObject4$J, _templateObject5$C, _templateObject6$s, _templateObject7$m;
|
|
11940
|
+
var FooterSection = /*#__PURE__*/styled(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);
|
|
11941
|
+
var PolicyLinksSection = /*#__PURE__*/styled(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);
|
|
11942
|
+
var SocialAndNewsletterSection = /*#__PURE__*/styled(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);
|
|
11810
11943
|
var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
11811
11944
|
var LogoAndDescriptionSection = /*#__PURE__*/styled(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);
|
|
11812
11945
|
var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
@@ -11868,16 +12001,16 @@ var Footer = function Footer(_ref) {
|
|
|
11868
12001
|
}, additionalInfo))));
|
|
11869
12002
|
};
|
|
11870
12003
|
|
|
11871
|
-
var _templateObject$
|
|
12004
|
+
var _templateObject$1r, _templateObject2$16, _templateObject3$T, _templateObject4$K, _templateObject5$D, _templateObject8$f, _templateObject9$9, _templateObject0$8;
|
|
11872
12005
|
var LIST_ITEM_GAP = 32;
|
|
11873
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
12006
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled.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) {
|
|
11874
12007
|
var bottomBorder = _ref.bottomBorder;
|
|
11875
12008
|
return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
|
|
11876
12009
|
}, zIndexes.anchor, function (_ref2) {
|
|
11877
12010
|
var withShadow = _ref2.withShadow;
|
|
11878
|
-
return withShadow && css(_templateObject2$
|
|
12011
|
+
return withShadow && css(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11879
12012
|
});
|
|
11880
|
-
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
12013
|
+
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
11881
12014
|
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
11882
12015
|
var TabsList = /*#__PURE__*/styled.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) {
|
|
11883
12016
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
@@ -11905,7 +12038,7 @@ var ArrowWrapper = /*#__PURE__*/styled.div(_templateObject0$8 || (_templateObjec
|
|
|
11905
12038
|
return disabled ? 'var(--color-state-disabled)' : 'var(--button-anchor-tab-color)';
|
|
11906
12039
|
});
|
|
11907
12040
|
|
|
11908
|
-
var _excluded$
|
|
12041
|
+
var _excluded$r = ["id", "text"];
|
|
11909
12042
|
var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
11910
12043
|
var tabs = _ref.tabs,
|
|
11911
12044
|
onTabClick = _ref.onTabClick,
|
|
@@ -12116,7 +12249,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12116
12249
|
}, tabs.map(function (_ref4) {
|
|
12117
12250
|
var id = _ref4.id,
|
|
12118
12251
|
text = _ref4.text,
|
|
12119
|
-
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$
|
|
12252
|
+
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$r);
|
|
12120
12253
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
12121
12254
|
key: id
|
|
12122
12255
|
}, /*#__PURE__*/React__default.createElement(TabLink, Object.assign({
|
|
@@ -12149,13 +12282,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12149
12282
|
})))) : null))));
|
|
12150
12283
|
};
|
|
12151
12284
|
|
|
12152
|
-
var _templateObject$
|
|
12153
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
12285
|
+
var _templateObject$1s, _templateObject2$17, _templateObject3$U, _templateObject4$L, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12286
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
|
|
12154
12287
|
var sticky = _ref.sticky;
|
|
12155
12288
|
return sticky ? 'sticky' : 'initial';
|
|
12156
12289
|
}, zIndexes.anchor);
|
|
12157
|
-
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
12158
|
-
var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$
|
|
12290
|
+
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-light-grey);\n"])));
|
|
12291
|
+
var TitleCTAGridItem = /*#__PURE__*/styled.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) {
|
|
12159
12292
|
var title = _ref2.title;
|
|
12160
12293
|
return title ? 'row' : 'row-reverse';
|
|
12161
12294
|
}, devices.tablet, devices.mobile);
|
|
@@ -12178,7 +12311,7 @@ var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$g
|
|
|
12178
12311
|
var MessageWrapper$1 = /*#__PURE__*/styled.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);
|
|
12179
12312
|
var MessageWrapperMobile = /*#__PURE__*/styled.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);
|
|
12180
12313
|
|
|
12181
|
-
var _excluded$
|
|
12314
|
+
var _excluded$s = ["text"],
|
|
12182
12315
|
_excluded2$4 = ["text"];
|
|
12183
12316
|
var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
12184
12317
|
var title = _ref.title,
|
|
@@ -12188,7 +12321,7 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12188
12321
|
message = _ref.message;
|
|
12189
12322
|
var _ref2 = (links == null ? void 0 : links[0]) || {},
|
|
12190
12323
|
primaryButtonText = _ref2.text,
|
|
12191
|
-
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
12324
|
+
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$s);
|
|
12192
12325
|
var _ref3 = (links == null ? void 0 : links[1]) || {},
|
|
12193
12326
|
secondaryButtonText = _ref3.text,
|
|
12194
12327
|
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2$4);
|
|
@@ -12209,10 +12342,10 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12209
12342
|
}, message))));
|
|
12210
12343
|
};
|
|
12211
12344
|
|
|
12212
|
-
var _templateObject$
|
|
12213
|
-
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$
|
|
12214
|
-
var TitleContent = /*#__PURE__*/styled(HarmonicHeader)(_templateObject2$
|
|
12215
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
12345
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$V, _templateObject4$M;
|
|
12346
|
+
var UpsellBorderBox = /*#__PURE__*/styled.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);
|
|
12347
|
+
var TitleContent = /*#__PURE__*/styled(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);
|
|
12348
|
+
var TextContainer$2 = /*#__PURE__*/styled.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);
|
|
12216
12349
|
var TextContent = /*#__PURE__*/styled(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);
|
|
12217
12350
|
|
|
12218
12351
|
var UpsellSection = function UpsellSection(_ref) {
|
|
@@ -12257,9 +12390,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
12257
12390
|
})))));
|
|
12258
12391
|
};
|
|
12259
12392
|
|
|
12260
|
-
var _templateObject$
|
|
12261
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
12262
|
-
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
12393
|
+
var _templateObject$1u, _templateObject2$19;
|
|
12394
|
+
var StickyBarWrapper = /*#__PURE__*/styled.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);
|
|
12395
|
+
var StickyBarGrid = /*#__PURE__*/styled(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) {
|
|
12263
12396
|
var bottomBorder = _ref.bottomBorder;
|
|
12264
12397
|
return bottomBorder && 'border-bottom: 1px solid var(--color-base-light-grey);';
|
|
12265
12398
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -12290,13 +12423,13 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
12290
12423
|
}, children)));
|
|
12291
12424
|
};
|
|
12292
12425
|
|
|
12293
|
-
var _templateObject$
|
|
12294
|
-
var InnerModal = /*#__PURE__*/styled.div(_templateObject$
|
|
12295
|
-
var CloseButton = /*#__PURE__*/styled.button(_templateObject2$
|
|
12296
|
-
var ContentWrapper$3 = /*#__PURE__*/styled.div(_templateObject3$
|
|
12426
|
+
var _templateObject$1v, _templateObject2$1a, _templateObject3$W, _templateObject4$N;
|
|
12427
|
+
var InnerModal = /*#__PURE__*/styled.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);
|
|
12428
|
+
var CloseButton = /*#__PURE__*/styled.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);
|
|
12429
|
+
var ContentWrapper$3 = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12297
12430
|
var Overlay = /*#__PURE__*/styled(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"])));
|
|
12298
12431
|
|
|
12299
|
-
var _excluded$
|
|
12432
|
+
var _excluded$t = ["isOpen", "setIsOpen", "children", "appElementId", "closeButtonAriaLabel"];
|
|
12300
12433
|
var MAX_Z_INDEX = 9999999999;
|
|
12301
12434
|
if (Modal.defaultStyles.content) {
|
|
12302
12435
|
Modal.defaultStyles.content.position = 'static';
|
|
@@ -12372,7 +12505,7 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
12372
12505
|
appElementId = _ref.appElementId,
|
|
12373
12506
|
_ref$closeButtonAriaL = _ref.closeButtonAriaLabel,
|
|
12374
12507
|
closeButtonAriaLabel = _ref$closeButtonAriaL === void 0 ? 'Close modal window' : _ref$closeButtonAriaL,
|
|
12375
|
-
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12508
|
+
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$t);
|
|
12376
12509
|
var isMobile = useMobile();
|
|
12377
12510
|
var customStyles = {
|
|
12378
12511
|
overlay: {
|
|
@@ -12501,20 +12634,20 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
12501
12634
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
12502
12635
|
};
|
|
12503
12636
|
|
|
12504
|
-
var _templateObject$
|
|
12505
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
12637
|
+
var _templateObject$1w, _templateObject2$1b, _templateObject3$X, _templateObject4$O, _templateObject5$E, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
12638
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled.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) {
|
|
12506
12639
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
12507
12640
|
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 }";
|
|
12508
12641
|
}, devices.mobile, function (_ref2) {
|
|
12509
12642
|
var imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
12510
12643
|
return "&&& {\n .swipe-slide > figure {\n > div {\n height: " + imagesHeightDevice + "px;\n }\n }\n }";
|
|
12511
12644
|
});
|
|
12512
|
-
var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
12645
|
+
var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n}"])), function (_ref3) {
|
|
12513
12646
|
var type = _ref3.type,
|
|
12514
12647
|
isActive = _ref3.isActive;
|
|
12515
12648
|
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 ";
|
|
12516
12649
|
});
|
|
12517
|
-
var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
12650
|
+
var TitleButtonsGrid = /*#__PURE__*/styled(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);
|
|
12518
12651
|
var CarouselInfoWrapper = /*#__PURE__*/styled.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"])));
|
|
12519
12652
|
var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$E || (_templateObject5$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
12520
12653
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
@@ -12538,6 +12671,12 @@ var GRID_OFFSET_MARGIN = {
|
|
|
12538
12671
|
desktop: 3
|
|
12539
12672
|
};
|
|
12540
12673
|
var FULLSCREEN_FIGCAPTION_HEIGHT = 34;
|
|
12674
|
+
var defaultTitleGridConfig = {
|
|
12675
|
+
columnStartDesktop: 3,
|
|
12676
|
+
columnSpanDesktop: 10,
|
|
12677
|
+
columnStartDevice: 2,
|
|
12678
|
+
columnSpanDevice: 9
|
|
12679
|
+
};
|
|
12541
12680
|
var Carousel = function Carousel(_ref) {
|
|
12542
12681
|
var children = _ref.children,
|
|
12543
12682
|
type = _ref.type,
|
|
@@ -12554,7 +12693,10 @@ var Carousel = function Carousel(_ref) {
|
|
|
12554
12693
|
infinite = _ref$infinite === void 0 ? true : _ref$infinite,
|
|
12555
12694
|
_ref$useOffset = _ref.useOffset,
|
|
12556
12695
|
useOffset = _ref$useOffset === void 0 ? true : _ref$useOffset,
|
|
12557
|
-
titleFontFamily = _ref.titleFontFamily
|
|
12696
|
+
titleFontFamily = _ref.titleFontFamily,
|
|
12697
|
+
titleGrid = _ref.titleGrid,
|
|
12698
|
+
_ref$enableInfiniteOn = _ref.enableInfiniteOnInteraction,
|
|
12699
|
+
enableInfiniteOnInteraction = _ref$enableInfiniteOn === void 0 ? false : _ref$enableInfiniteOn;
|
|
12558
12700
|
var _useState = useState(false),
|
|
12559
12701
|
isFullscreen = _useState[0],
|
|
12560
12702
|
setIsFullscreen = _useState[1];
|
|
@@ -12576,11 +12718,15 @@ var Carousel = function Carousel(_ref) {
|
|
|
12576
12718
|
var _useState6 = useState(true),
|
|
12577
12719
|
showRotatorButtons = _useState6[0],
|
|
12578
12720
|
setShowRotatorButtons = _useState6[1];
|
|
12721
|
+
var _useState7 = useState(infinite),
|
|
12722
|
+
isInfinite = _useState7[0],
|
|
12723
|
+
setIsInfinite = _useState7[1];
|
|
12579
12724
|
var swipeRef = useRef(null);
|
|
12580
12725
|
var carouselRef = useRef(null);
|
|
12581
12726
|
var titleButtonsGridRef = useRef(null);
|
|
12582
12727
|
var childrenCount = React__default.Children.count(children);
|
|
12583
12728
|
useEffect(function () {
|
|
12729
|
+
setIsInfinite(infinite);
|
|
12584
12730
|
if (infinite) {
|
|
12585
12731
|
setAvailablePrev(true);
|
|
12586
12732
|
setAvailableNext(true);
|
|
@@ -12623,7 +12769,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12623
12769
|
} else if (window.matchMedia != null && window.matchMedia(devices.tablet).matches) {
|
|
12624
12770
|
setSlidesOffsetBefore(GRID_OFFSET_MARGIN.tablet);
|
|
12625
12771
|
} else {
|
|
12626
|
-
setSlidesOffsetBefore(
|
|
12772
|
+
setSlidesOffsetBefore(isInfinite ? Math.floor(window.innerWidth * SCREEN_WIDTH_PERCENTAGE) - GRID_OFFSET_MARGIN.desktop : 0);
|
|
12627
12773
|
}
|
|
12628
12774
|
var hasNext = (_swipeRef$current2 = swipeRef.current) == null ? void 0 : _swipeRef$current2.hasNext();
|
|
12629
12775
|
if (typeof hasNext === 'boolean') {
|
|
@@ -12638,10 +12784,16 @@ var Carousel = function Carousel(_ref) {
|
|
|
12638
12784
|
}, [useOffset, active]);
|
|
12639
12785
|
var onNext = function onNext() {
|
|
12640
12786
|
var _swipeRef$current3;
|
|
12787
|
+
if (enableInfiniteOnInteraction && !isInfinite) {
|
|
12788
|
+
setIsInfinite(true);
|
|
12789
|
+
}
|
|
12641
12790
|
(_swipeRef$current3 = swipeRef.current) == null || _swipeRef$current3.nextSlide();
|
|
12642
12791
|
};
|
|
12643
12792
|
var onPrev = function onPrev() {
|
|
12644
12793
|
var _swipeRef$current4;
|
|
12794
|
+
if (enableInfiniteOnInteraction && !isInfinite) {
|
|
12795
|
+
setIsInfinite(true);
|
|
12796
|
+
}
|
|
12645
12797
|
(_swipeRef$current4 = swipeRef.current) == null || _swipeRef$current4.prevSlide();
|
|
12646
12798
|
};
|
|
12647
12799
|
var onClickFullscreen = function onClickFullscreen() {
|
|
@@ -12678,7 +12830,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12678
12830
|
}
|
|
12679
12831
|
};
|
|
12680
12832
|
var onIndexChangeHandler = function onIndexChangeHandler(index) {
|
|
12681
|
-
if (
|
|
12833
|
+
if (isInfinite) {
|
|
12682
12834
|
setAvailablePrev(true);
|
|
12683
12835
|
setAvailableNext(true);
|
|
12684
12836
|
return;
|
|
@@ -12690,7 +12842,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12690
12842
|
});
|
|
12691
12843
|
};
|
|
12692
12844
|
var handleOverflowChange = function handleOverflowChange(overflow) {
|
|
12693
|
-
if (!
|
|
12845
|
+
if (!isInfinite) {
|
|
12694
12846
|
var _swipeRef$current8;
|
|
12695
12847
|
setShowRotatorButtons(overflow);
|
|
12696
12848
|
var hasNext = (_swipeRef$current8 = swipeRef.current) == null ? void 0 : _swipeRef$current8.hasNext();
|
|
@@ -12705,6 +12857,12 @@ var Carousel = function Carousel(_ref) {
|
|
|
12705
12857
|
var titleSemanticLevelValue = titleSemanticLevel ? "h" + titleSemanticLevel : 'h2';
|
|
12706
12858
|
var Wrapper = type === CarouselType.Image ? ImageCarouselWrapper : CardsCarouselWrapper;
|
|
12707
12859
|
var isVictorTitleFont = titleFontFamily === 'Victor';
|
|
12860
|
+
var titleGridItemPosition = {
|
|
12861
|
+
columnStartDesktop: (titleGrid == null ? void 0 : titleGrid.columnStartDesktop) || defaultTitleGridConfig.columnStartDesktop,
|
|
12862
|
+
columnSpanDesktop: (titleGrid == null ? void 0 : titleGrid.columnSpanDesktop) || defaultTitleGridConfig.columnSpanDesktop,
|
|
12863
|
+
columnStartDevice: (titleGrid == null ? void 0 : titleGrid.columnStartDevice) || defaultTitleGridConfig.columnStartDevice,
|
|
12864
|
+
columnSpanDevice: (titleGrid == null ? void 0 : titleGrid.columnSpanDevice) || defaultTitleGridConfig.columnSpanDevice
|
|
12865
|
+
};
|
|
12708
12866
|
return /*#__PURE__*/React__default.createElement(Wrapper, {
|
|
12709
12867
|
className: className,
|
|
12710
12868
|
type: type,
|
|
@@ -12717,10 +12875,10 @@ var Carousel = function Carousel(_ref) {
|
|
|
12717
12875
|
}, /*#__PURE__*/React__default.createElement(TitleButtonsGrid, {
|
|
12718
12876
|
ref: titleButtonsGridRef
|
|
12719
12877
|
}, /*#__PURE__*/React__default.createElement(TitleGridItem, {
|
|
12720
|
-
columnStartDesktop:
|
|
12721
|
-
columnSpanDesktop:
|
|
12722
|
-
columnStartDevice:
|
|
12723
|
-
columnSpanDevice:
|
|
12878
|
+
columnStartDesktop: titleGridItemPosition.columnStartDesktop,
|
|
12879
|
+
columnSpanDesktop: titleGridItemPosition.columnSpanDesktop,
|
|
12880
|
+
columnStartDevice: titleGridItemPosition.columnStartDevice,
|
|
12881
|
+
columnSpanDevice: titleGridItemPosition.columnSpanDevice
|
|
12724
12882
|
}, title && (/*#__PURE__*/React__default.createElement(CarouselInfoWrapper, {
|
|
12725
12883
|
"data-testid": "carousel-title-wrapper"
|
|
12726
12884
|
}, /*#__PURE__*/React__default.createElement(TitleWrapper$5, {
|
|
@@ -12739,7 +12897,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12739
12897
|
columnSpanDevice: 2
|
|
12740
12898
|
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
12741
12899
|
"data-testid": "carousel-buttons-wrapper"
|
|
12742
|
-
}, (
|
|
12900
|
+
}, (isInfinite || showRotatorButtons) && (/*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
12743
12901
|
onClickNext: onNext,
|
|
12744
12902
|
onClickPrev: onPrev,
|
|
12745
12903
|
availablePrev: availablePrev,
|
|
@@ -12747,12 +12905,12 @@ var Carousel = function Carousel(_ref) {
|
|
|
12747
12905
|
showFullscreen: type === CarouselType.Image,
|
|
12748
12906
|
onClickFullscreen: onClickFullscreen,
|
|
12749
12907
|
isFullscreen: isFullscreen,
|
|
12750
|
-
size:
|
|
12751
|
-
}))))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(SwipeGridWrapper, Object.assign({},
|
|
12908
|
+
size: isInfinite || enableInfiniteOnInteraction ? 'default' : 'small'
|
|
12909
|
+
}))))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(SwipeGridWrapper, Object.assign({}, isInfinite ? {
|
|
12752
12910
|
active: active
|
|
12753
12911
|
} : {}, {
|
|
12754
12912
|
columnStartDesktop: 3,
|
|
12755
|
-
columnSpanDesktop:
|
|
12913
|
+
columnSpanDesktop: isInfinite ? 14 : 13,
|
|
12756
12914
|
columnStartDevice: 2,
|
|
12757
12915
|
columnSpanDevice: 13
|
|
12758
12916
|
}), /*#__PURE__*/React__default.createElement(Swipe, {
|
|
@@ -12763,15 +12921,15 @@ var Carousel = function Carousel(_ref) {
|
|
|
12763
12921
|
onOverflowChange: handleOverflowChange,
|
|
12764
12922
|
"data-testid": "carousel-swipe",
|
|
12765
12923
|
ref: swipeRef,
|
|
12766
|
-
infinite:
|
|
12924
|
+
infinite: isInfinite,
|
|
12767
12925
|
slidesOffsetBefore: slidesOffsetBefore
|
|
12768
12926
|
}, children))));
|
|
12769
12927
|
};
|
|
12770
12928
|
|
|
12771
|
-
var _templateObject$
|
|
12772
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
12773
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
12774
|
-
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
12929
|
+
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;
|
|
12930
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled(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);
|
|
12931
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled.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);
|
|
12932
|
+
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
12775
12933
|
var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$P || (_templateObject4$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n a {\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 7;\n padding: 0 12px 12px var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: 100%;\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12776
12934
|
var InfoLogoWrapper = /*#__PURE__*/styled.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);
|
|
12777
12935
|
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
@@ -12791,7 +12949,7 @@ var VideoWithControlsWrapper = /*#__PURE__*/styled.div(_templateObject15$1 || (_
|
|
|
12791
12949
|
}, devices.mobile);
|
|
12792
12950
|
var ProgressContainer$1 = /*#__PURE__*/styled.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);
|
|
12793
12951
|
|
|
12794
|
-
var _excluded$
|
|
12952
|
+
var _excluded$u = ["text"],
|
|
12795
12953
|
_excluded2$5 = ["text"];
|
|
12796
12954
|
var _buttonTypeToButton$2;
|
|
12797
12955
|
var buttonTypeToButton$2 = (_buttonTypeToButton$2 = {}, _buttonTypeToButton$2[ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$2[ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$2[ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$2);
|
|
@@ -12802,7 +12960,7 @@ var Buttons = function Buttons(_ref) {
|
|
|
12802
12960
|
var _ref2 = firstButton || {},
|
|
12803
12961
|
_ref2$text = _ref2.text,
|
|
12804
12962
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
12805
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
12963
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$u);
|
|
12806
12964
|
var secondButton = links == null ? void 0 : links[1];
|
|
12807
12965
|
var _ref3 = secondButton || {},
|
|
12808
12966
|
_ref3$text = _ref3.text,
|
|
@@ -12956,13 +13114,19 @@ var SwipeCarousel = function SwipeCarousel(_ref2) {
|
|
|
12956
13114
|
}));
|
|
12957
13115
|
};
|
|
12958
13116
|
|
|
13117
|
+
var titleHierarchyMap = /*#__PURE__*/new Map([[1, 'h1'], [2, 'h2'], [3, 'h3']]);
|
|
12959
13118
|
var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
12960
13119
|
var logo = _ref.logo,
|
|
12961
13120
|
carouselTitle = _ref.carouselTitle,
|
|
12962
13121
|
slides = _ref.slides,
|
|
12963
|
-
|
|
13122
|
+
_ref$titleSemanticLev = _ref.titleSemanticLevel,
|
|
13123
|
+
titleSemanticLevel = _ref$titleSemanticLev === void 0 ? 2 : _ref$titleSemanticLev,
|
|
12964
13124
|
className = _ref.className,
|
|
12965
|
-
titleFontFamily = _ref.titleFontFamily
|
|
13125
|
+
titleFontFamily = _ref.titleFontFamily,
|
|
13126
|
+
_ref$titleSize = _ref.titleSize,
|
|
13127
|
+
titleSize = _ref$titleSize === void 0 ? 'medium' : _ref$titleSize,
|
|
13128
|
+
_ref$titleClassName = _ref.titleClassName,
|
|
13129
|
+
titleClassName = _ref$titleClassName === void 0 ? TYPOGRAPHY_CLASS_NAME : _ref$titleClassName;
|
|
12966
13130
|
var slidesMedia = useMemo(function () {
|
|
12967
13131
|
return slides.map(function (_ref2) {
|
|
12968
13132
|
var mediaContent = _ref2.mediaContent;
|
|
@@ -12980,7 +13144,7 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12980
13144
|
return !isVideoSlide(slide);
|
|
12981
13145
|
});
|
|
12982
13146
|
var carouselTitleId = "highlights-carousel-title-" + carouselTitle;
|
|
12983
|
-
var titleSemanticLevelValue = titleSemanticLevel
|
|
13147
|
+
var titleSemanticLevelValue = titleHierarchyMap.get(titleSemanticLevel);
|
|
12984
13148
|
var carouselRef = useRef(null);
|
|
12985
13149
|
var onNext = function onNext() {
|
|
12986
13150
|
var _carouselRef$current;
|
|
@@ -13004,10 +13168,10 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
13004
13168
|
}, /*#__PURE__*/React__default.createElement(HeaderWrapper, {
|
|
13005
13169
|
id: carouselTitleId
|
|
13006
13170
|
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
13007
|
-
|
|
13008
|
-
size: "medium",
|
|
13171
|
+
size: titleSize,
|
|
13009
13172
|
serif: isVictorTitleFont,
|
|
13010
|
-
hierarchy: titleSemanticLevelValue
|
|
13173
|
+
hierarchy: titleSemanticLevelValue,
|
|
13174
|
+
className: titleClassName
|
|
13011
13175
|
}, carouselTitle))), hasMultipleSlides && (/*#__PURE__*/React__default.createElement(RotatorButtonsWrapperMobile$1, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
13012
13176
|
onClickNext: onNext,
|
|
13013
13177
|
onClickPrev: onPrev
|
|
@@ -13039,11 +13203,11 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
13039
13203
|
})));
|
|
13040
13204
|
};
|
|
13041
13205
|
|
|
13042
|
-
var _excluded$
|
|
13206
|
+
var _excluded$v = ["logo", "slides"];
|
|
13043
13207
|
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
13044
13208
|
var logo = _ref.logo,
|
|
13045
13209
|
slides = _ref.slides,
|
|
13046
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13210
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
|
|
13047
13211
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13048
13212
|
var links = processSlideLinks(slide.links);
|
|
13049
13213
|
return _extends({}, slide, {
|
|
@@ -13060,10 +13224,10 @@ var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
|
13060
13224
|
})));
|
|
13061
13225
|
};
|
|
13062
13226
|
|
|
13063
|
-
var _excluded$
|
|
13227
|
+
var _excluded$w = ["slides"];
|
|
13064
13228
|
var HighlightsCore = function HighlightsCore(_ref) {
|
|
13065
13229
|
var slides = _ref.slides,
|
|
13066
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13230
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
|
|
13067
13231
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13068
13232
|
var links = processSlideLinks(slide.links);
|
|
13069
13233
|
return _extends({}, slide, {
|
|
@@ -13077,11 +13241,11 @@ var HighlightsCore = function HighlightsCore(_ref) {
|
|
|
13077
13241
|
})));
|
|
13078
13242
|
};
|
|
13079
13243
|
|
|
13080
|
-
var _excluded$
|
|
13244
|
+
var _excluded$x = ["logo", "slides"];
|
|
13081
13245
|
var HighlightsStream = function HighlightsStream(_ref) {
|
|
13082
13246
|
var logo = _ref.logo,
|
|
13083
13247
|
slides = _ref.slides,
|
|
13084
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13248
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
|
|
13085
13249
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13086
13250
|
var links = processSlideLinks(slide.links);
|
|
13087
13251
|
return _extends({}, slide, {
|
|
@@ -13098,9 +13262,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
13098
13262
|
})));
|
|
13099
13263
|
};
|
|
13100
13264
|
|
|
13101
|
-
var _templateObject$
|
|
13102
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
13103
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
13265
|
+
var _templateObject$1y, _templateObject3$Z;
|
|
13266
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
13267
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
13104
13268
|
|
|
13105
13269
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
13106
13270
|
var children = _ref.children;
|
|
@@ -13695,8 +13859,8 @@ var Theme = function Theme(_ref) {
|
|
|
13695
13859
|
}, children);
|
|
13696
13860
|
};
|
|
13697
13861
|
|
|
13698
|
-
var _templateObject$
|
|
13699
|
-
var GlobalStyles = /*#__PURE__*/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) {
|
|
13862
|
+
var _templateObject$1z;
|
|
13863
|
+
var GlobalStyles = /*#__PURE__*/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) {
|
|
13700
13864
|
var theme = _ref.theme;
|
|
13701
13865
|
return theme.colors.primary;
|
|
13702
13866
|
}, function (_ref2) {
|
|
@@ -14643,5 +14807,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1y || (_templa
|
|
|
14643
14807
|
return theme.footer.tablet.paddingBottom;
|
|
14644
14808
|
}, devices.desktop, devices.largeDesktop);
|
|
14645
14809
|
|
|
14646
|
-
export { Accordion, Accordions, Account, AltHeader, AnchorBar, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, Basket$1 as Basket, BodyContent, BodyCopyHarmonic, BodyText, ButtonText, ButtonType, Caption, Card, Cards, Carousel, CarouselType, CastFilters as CastFilter, CinemaBadge, Colors, ContactCard, ContactNewsletter, ContentSummary, ControlledDropdown, CreditListing, Dropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicHeader, HarmonicOverline, HarmonicSize, HarmonicSubtitle, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Logo, MiniCard, MinimalCarousel, ModalWindow, NavTop, Navigation, NavigationText, Overline, PageHeading, PageHeadingCompact, PageHeadingHighlight, PageHeadingHighlightCarousel, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, Paywall, PeopleListing, Person, PersonCard, PersonDetails, PolicyLinks, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio2, RadioGroup2, ReadMore, RotatorButtons, Search$1 as Search, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, SocialLinks, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Swipe, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellCards, UpsellSection, VideoControls, VideoWithControls$2 as VideoWithControls, breakpoints, devices, useHarmonicTheme, zIndexes };
|
|
14810
|
+
export { Accordion, Accordions, Account, AltHeader, AnchorBar, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, Basket$1 as Basket, BodyContent, BodyCopyHarmonic, BodyText, ButtonText, ButtonType, Caption, Card, Cards, Carousel, CarouselType, CastFilters as CastFilter, CinemaBadge, Colors, ContactCard, ContactNewsletter, ContentSummary, ControlledDropdown, CreditListing, CustomStrategyTabsFilter, Dropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicHeader, HarmonicOverline, HarmonicSize, HarmonicSubtitle, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Logo, MiniCard, MinimalCarousel, ModalWindow, NavTop, Navigation, NavigationText, Overline, PageHeading, PageHeadingCompact, PageHeadingHighlight, PageHeadingHighlightCarousel, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, Paywall, PeopleListing, Person, PersonCard, PersonDetails, PolicyLinks, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio2, RadioGroup2, ReadMore, RotatorButtons, Search$1 as Search, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, SocialLinks, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Swipe, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellCards, UpsellSection, VideoControls, VideoWithControls$2 as VideoWithControls, breakpoints, devices, useHarmonicTheme, zIndexes };
|
|
14647
14811
|
//# sourceMappingURL=harmonic.esm.js.map
|