@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
|
@@ -7358,6 +7358,130 @@ var HotFilters = function HotFilters(_ref) {
|
|
|
7358
7358
|
})));
|
|
7359
7359
|
};
|
|
7360
7360
|
|
|
7361
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$p;
|
|
7362
|
+
var ScrollContainer = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: scroll;\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n ::-webkit-scrollbar {\n display: none;\n }\n"])));
|
|
7363
|
+
var TabsContainerWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n width: fit-content;\n min-width: 400px;\n justify-content: space-between;\n gap: 16px;\n font-family: var(--font-family-sans);\n\n @media ", " {\n gap: 10px;\n }\n"])), devices.mobile);
|
|
7364
|
+
var StyledTab = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-base-black);\n min-width: fit-content;\n\n :hover {\n color: var(--color-base-white);\n }\n"])));
|
|
7365
|
+
|
|
7366
|
+
var _excluded$j = ["text", "id", "isSelected"];
|
|
7367
|
+
/**
|
|
7368
|
+
* A horizontally scrollable tabs filter component used to display
|
|
7369
|
+
* selectable strategy tabs with configurable styling and selection behavior.
|
|
7370
|
+
*
|
|
7371
|
+
* Features:
|
|
7372
|
+
* - Supports both single-select and multi-select tab scenarios
|
|
7373
|
+
* - Displays an optional icon on selected tabs
|
|
7374
|
+
* - Allows customization of colors and selected icon through `customViewConfig`
|
|
7375
|
+
* - Applies default styling when configuration values are omitted
|
|
7376
|
+
* - Emits the clicked tab item through `onClick`
|
|
7377
|
+
*
|
|
7378
|
+
* @component
|
|
7379
|
+
*
|
|
7380
|
+
* @param {TCustomStrategyTabsFilterProps['items']} items
|
|
7381
|
+
* Collection of tabs to render.
|
|
7382
|
+
*
|
|
7383
|
+
* @param {string} [className]
|
|
7384
|
+
* Optional CSS class name applied to the root scroll container.
|
|
7385
|
+
*
|
|
7386
|
+
* @param {<T>(item: TCustomStrategyTabsFilterProps['items'][number]) => T} onClick
|
|
7387
|
+
* Generic callback invoked when a tab is clicked.
|
|
7388
|
+
*
|
|
7389
|
+
* @param [customViewConfig]
|
|
7390
|
+
* Optional visual configuration used to customize:
|
|
7391
|
+
* - selected tab icon
|
|
7392
|
+
* - selected/unselected background colors
|
|
7393
|
+
* - selected/unselected text colors
|
|
7394
|
+
* - hover color
|
|
7395
|
+
* - pressed color
|
|
7396
|
+
*
|
|
7397
|
+
* Any omitted configuration values will fall back to the component defaults.
|
|
7398
|
+
*
|
|
7399
|
+
* @returns { React.JSX.Element}
|
|
7400
|
+
*
|
|
7401
|
+
* @example
|
|
7402
|
+
* ```tsx
|
|
7403
|
+
* <CustomStrategyTabsFilter
|
|
7404
|
+
* items={[
|
|
7405
|
+
* {
|
|
7406
|
+
* id: 'all',
|
|
7407
|
+
* text: 'All',
|
|
7408
|
+
* isSelected: true,
|
|
7409
|
+
* allowedSelectedWith: [],
|
|
7410
|
+
* },
|
|
7411
|
+
* {
|
|
7412
|
+
* id: 'open',
|
|
7413
|
+
* text: 'Open',
|
|
7414
|
+
* isSelected: false,
|
|
7415
|
+
* },
|
|
7416
|
+
* ]}
|
|
7417
|
+
* onClick={(item) => console.log(item)}
|
|
7418
|
+
* />
|
|
7419
|
+
* ```
|
|
7420
|
+
*
|
|
7421
|
+
* @example
|
|
7422
|
+
* ```tsx
|
|
7423
|
+
* <CustomStrategyTabsFilter
|
|
7424
|
+
* items={items}
|
|
7425
|
+
* onClick={handleFilterClick}
|
|
7426
|
+
* customViewConfig={{
|
|
7427
|
+
* selectIcon: 'Check',
|
|
7428
|
+
* backgroundColor: {
|
|
7429
|
+
* select: 'primary',
|
|
7430
|
+
* unselect: 'base-white',
|
|
7431
|
+
* },
|
|
7432
|
+
* textColor: {
|
|
7433
|
+
* select: 'base-white',
|
|
7434
|
+
* unselect: 'base-black',
|
|
7435
|
+
* },
|
|
7436
|
+
* }}
|
|
7437
|
+
* />
|
|
7438
|
+
* ```
|
|
7439
|
+
*/
|
|
7440
|
+
var CustomStrategyTabsFilter = function CustomStrategyTabsFilter(_ref) {
|
|
7441
|
+
var _customViewConfig$bac, _customViewConfig$bac2, _customViewConfig$tex, _customViewConfig$tex2;
|
|
7442
|
+
var items = _ref.items,
|
|
7443
|
+
className = _ref.className,
|
|
7444
|
+
onClick = _ref.onClick,
|
|
7445
|
+
customViewConfig = _ref.customViewConfig;
|
|
7446
|
+
var handleClick = React__default.useCallback(function (item) {
|
|
7447
|
+
onClick(item);
|
|
7448
|
+
}, [onClick]);
|
|
7449
|
+
// in case of any partially passed configuration, config defaults non defined
|
|
7450
|
+
var config = {
|
|
7451
|
+
selectIcon: (customViewConfig == null ? void 0 : customViewConfig.selectIcon) || 'Confirm',
|
|
7452
|
+
backgroundColor: {
|
|
7453
|
+
select: (customViewConfig == null || (_customViewConfig$bac = customViewConfig.backgroundColor) == null ? void 0 : _customViewConfig$bac.select) || 'base-black',
|
|
7454
|
+
unselect: (customViewConfig == null || (_customViewConfig$bac2 = customViewConfig.backgroundColor) == null ? void 0 : _customViewConfig$bac2.unselect) || 'base-white'
|
|
7455
|
+
},
|
|
7456
|
+
textColor: {
|
|
7457
|
+
select: (customViewConfig == null || (_customViewConfig$tex = customViewConfig.textColor) == null ? void 0 : _customViewConfig$tex.select) || 'base-white',
|
|
7458
|
+
unselect: (customViewConfig == null || (_customViewConfig$tex2 = customViewConfig.textColor) == null ? void 0 : _customViewConfig$tex2.unselect) || 'base-black'
|
|
7459
|
+
},
|
|
7460
|
+
hoveredColor: (customViewConfig == null ? void 0 : customViewConfig.hoveredColor) || 'base-black',
|
|
7461
|
+
pressedColor: (customViewConfig == null ? void 0 : customViewConfig.pressedColor) || 'black-pressed'
|
|
7462
|
+
};
|
|
7463
|
+
return /*#__PURE__*/React__default.createElement(ScrollContainer, {
|
|
7464
|
+
className: className
|
|
7465
|
+
}, /*#__PURE__*/React__default.createElement(TabsContainerWrapper, null, items.map(function (item) {
|
|
7466
|
+
var text = item.text,
|
|
7467
|
+
id = item.id,
|
|
7468
|
+
isSelected = item.isSelected,
|
|
7469
|
+
rest = _objectWithoutPropertiesLoose(item, _excluded$j);
|
|
7470
|
+
return /*#__PURE__*/React__default.createElement(StyledTab, Object.assign({
|
|
7471
|
+
key: id,
|
|
7472
|
+
onClick: function onClick() {
|
|
7473
|
+
return handleClick(item);
|
|
7474
|
+
},
|
|
7475
|
+
iconName: isSelected ? config.selectIcon : undefined,
|
|
7476
|
+
backgroundColor: isSelected ? config.backgroundColor.select : config.backgroundColor.unselect,
|
|
7477
|
+
textColor: isSelected ? config.textColor.select : config.textColor.unselect,
|
|
7478
|
+
hoveredColor: config.hoveredColor,
|
|
7479
|
+
pressedColor: config.pressedColor,
|
|
7480
|
+
"aria-pressed": isSelected
|
|
7481
|
+
}, rest), text);
|
|
7482
|
+
})));
|
|
7483
|
+
};
|
|
7484
|
+
|
|
7361
7485
|
var InformationCtaVariants = {
|
|
7362
7486
|
Primary: 'Primary',
|
|
7363
7487
|
Secondary: 'Secondary',
|
|
@@ -7387,10 +7511,10 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
7387
7511
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
|
|
7388
7512
|
};
|
|
7389
7513
|
|
|
7390
|
-
var _templateObject$
|
|
7391
|
-
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7392
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
7393
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
7514
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$q, _templateObject4$n;
|
|
7515
|
+
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: var(--information-panel-color);\n background-color: var(--information-panel-bg-color);\n\n @media ", " {\n padding: 40px 0;\n }\n"])), devices.mobile);
|
|
7516
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7517
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n @media ", " {\n margin-top: 16px;\n }\n\n a {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n\n :hover:not(:active) {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n\n :active {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n }\n"])), devices.mobile, function (_ref) {
|
|
7394
7518
|
var variant = _ref.variant,
|
|
7395
7519
|
theme = _ref.theme;
|
|
7396
7520
|
return getTextColor$4(variant, theme, COLORS$4.background);
|
|
@@ -7613,33 +7737,39 @@ var Information = function Information(_ref) {
|
|
|
7613
7737
|
})))));
|
|
7614
7738
|
};
|
|
7615
7739
|
|
|
7616
|
-
var _templateObject$
|
|
7617
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
7740
|
+
var _templateObject$R, _templateObject2$E, _templateObject3$r, _templateObject4$o, _templateObject5$j, _templateObject6$d, _templateObject7$9, _templateObject8$6;
|
|
7741
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: var(--page-header-bg-color);\n color: var(--color-base-white);\n\n ", ";\n\n h1,\n h2,\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
7618
7742
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
7619
7743
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
7620
7744
|
}, devices.mobile);
|
|
7621
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
7622
|
-
var
|
|
7623
|
-
|
|
7745
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n ", "\n }\n }\n"])), function (_ref2) {
|
|
7746
|
+
var isMultipleRow = _ref2.isMultipleRow;
|
|
7747
|
+
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 ";
|
|
7748
|
+
}, devices.mobile, devices.tablet, function (_ref3) {
|
|
7749
|
+
var isMultipleRow = _ref3.isMultipleRow;
|
|
7750
|
+
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 ";
|
|
7751
|
+
});
|
|
7752
|
+
var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 35px;\n padding-bottom: 20px;\n\n ", ";\n"])), function (_ref4) {
|
|
7753
|
+
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
7624
7754
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
7625
7755
|
});
|
|
7626
|
-
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (
|
|
7627
|
-
var isPageHeadingWithoutTitle =
|
|
7756
|
+
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref5) {
|
|
7757
|
+
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
7628
7758
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
7629
7759
|
}, devices.mobile);
|
|
7630
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 43px;\n\n ", ";\n\n @media ", " {\n & {\n height: 33px;\n margin-top: 10px;\n margin-bottom: 20px;\n }\n }\n"])), function (
|
|
7631
|
-
var isPageHeadingWithoutTitle =
|
|
7760
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 43px;\n\n ", ";\n\n @media ", " {\n & {\n height: 33px;\n margin-top: 10px;\n margin-bottom: 20px;\n }\n }\n"])), function (_ref6) {
|
|
7761
|
+
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
7632
7762
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7633
7763
|
}, devices.mobile);
|
|
7634
7764
|
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-white);\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
7635
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n
|
|
7636
|
-
var isPageHeadingWithoutTitle =
|
|
7637
|
-
return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
|
|
7638
|
-
}, devices.mobile, function (_ref6) {
|
|
7639
|
-
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
7765
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n\n ", ";\n }\n }\n"])), devices.mobile, function (_ref7) {
|
|
7766
|
+
var isPageHeadingWithoutTitle = _ref7.isPageHeadingWithoutTitle;
|
|
7640
7767
|
return isPageHeadingWithoutTitle && "\n margin-top: 15px;\n ";
|
|
7641
7768
|
});
|
|
7642
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin
|
|
7769
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n ", ";\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin: 16px 0 0 0;\n }\n }\n"])), function (_ref8) {
|
|
7770
|
+
var isMultipleRow = _ref8.isMultipleRow;
|
|
7771
|
+
return isMultipleRow ? "margin: 0" : "margin: 10px 0";
|
|
7772
|
+
}, devices.mobile);
|
|
7643
7773
|
|
|
7644
7774
|
var PageHeading = function PageHeading(_ref) {
|
|
7645
7775
|
var title = _ref.title,
|
|
@@ -7679,11 +7809,14 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7679
7809
|
return null;
|
|
7680
7810
|
}
|
|
7681
7811
|
};
|
|
7812
|
+
var isMultiRowContainer = !!text || !!title || sponsor;
|
|
7682
7813
|
return /*#__PURE__*/React__default.createElement(PageHeadingWrapper, {
|
|
7683
7814
|
className: className,
|
|
7684
7815
|
"data-testid": "page-heading-wrapper",
|
|
7685
7816
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
7686
|
-
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid,
|
|
7817
|
+
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, {
|
|
7818
|
+
isMultipleRow: isMultiRowContainer
|
|
7819
|
+
}, /*#__PURE__*/React__default.createElement(TitleWrapper$2, {
|
|
7687
7820
|
"data-testid": "page-heading-title",
|
|
7688
7821
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
7689
7822
|
}, renderBadge(theme), children ? (/*#__PURE__*/React__default.createElement(ChildrenWrapper, {
|
|
@@ -7709,9 +7842,9 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7709
7842
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
7710
7843
|
};
|
|
7711
7844
|
|
|
7712
|
-
var _templateObject$
|
|
7713
|
-
var ImpactHeaderWrapper = /*#__PURE__*/styled__default.header(_templateObject$
|
|
7714
|
-
var ImpactTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7845
|
+
var _templateObject$S, _templateObject2$F, _templateObject3$s, _templateObject4$p, _templateObject5$k, _templateObject6$e, _templateObject7$a, _templateObject8$7;
|
|
7846
|
+
var ImpactHeaderWrapper = /*#__PURE__*/styled__default.header(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--color-base-black);\n padding: 36px 0;\n\n @media ", " {\n padding: 21px 0;\n }\n"])), devices.mobile);
|
|
7847
|
+
var ImpactTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: grid;\n grid-template-columns: ", ";\n padding: 0 50px;\n\n @media ", " {\n padding: 0 50px;\n }\n\n @media ", " {\n padding: 0 20px;\n grid-template-columns: ", ";\n }\n"])), function (_ref) {
|
|
7715
7848
|
var hasButton = _ref.hasButton,
|
|
7716
7849
|
sponsorPresent = _ref.sponsorPresent;
|
|
7717
7850
|
if (hasButton || sponsorPresent) return 'auto 80px 1fr 80px auto';
|
|
@@ -7720,7 +7853,7 @@ var ImpactTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$E ||
|
|
|
7720
7853
|
var sponsorPresent = _ref2.sponsorPresent;
|
|
7721
7854
|
return sponsorPresent ? '1fr 20px auto' : '1fr';
|
|
7722
7855
|
});
|
|
7723
|
-
var TitleButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7856
|
+
var TitleButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n display: flex;\n align-items: center;\n min-width: ", ";\n"])), function (_ref3) {
|
|
7724
7857
|
var sponsorWidth = _ref3.sponsorWidth;
|
|
7725
7858
|
return sponsorWidth ? sponsorWidth + "px" : 'auto';
|
|
7726
7859
|
});
|
|
@@ -7736,10 +7869,10 @@ var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_te
|
|
|
7736
7869
|
return buttonWidth ? buttonWidth + "px" : 'auto';
|
|
7737
7870
|
}, devices.mobile);
|
|
7738
7871
|
|
|
7739
|
-
var _templateObject$
|
|
7740
|
-
var VideoPlayButton$1 = /*#__PURE__*/styled__default.button(_templateObject$
|
|
7741
|
-
var VideoControlsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7742
|
-
var VideoControlsInnerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7872
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$t, _templateObject4$q;
|
|
7873
|
+
var VideoPlayButton$1 = /*#__PURE__*/styled__default.button(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 80px;\n height: 80px;\n background-color: var(--color-base-transparent);\n border: none;\n cursor: pointer;\n\n @media ", " {\n width: 60px;\n height: 60px;\n }\n"])), devices.mobile);
|
|
7874
|
+
var VideoControlsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 100%;\n"])));
|
|
7875
|
+
var VideoControlsInnerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 20px;\n\n @media ", " {\n margin: 20px 4px;\n }\n"])), devices.mobile);
|
|
7743
7876
|
var LeftWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7744
7877
|
|
|
7745
7878
|
var VideoControlsImpact = function VideoControlsImpact(_ref) {
|
|
@@ -7783,7 +7916,7 @@ var VideoControlsImpact = function VideoControlsImpact(_ref) {
|
|
|
7783
7916
|
})))));
|
|
7784
7917
|
};
|
|
7785
7918
|
|
|
7786
|
-
var _excluded$
|
|
7919
|
+
var _excluded$k = ["text"];
|
|
7787
7920
|
var CHAR_LIMIT = 100;
|
|
7788
7921
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
7789
7922
|
var mobileVideo = video.mobile || video.desktop;
|
|
@@ -7905,7 +8038,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref4) {
|
|
|
7905
8038
|
var truncatedText = text && text.length > CHAR_LIMIT ? text.slice(0, CHAR_LIMIT).trimEnd() + "\u2026" : text;
|
|
7906
8039
|
var _ref5 = link || {},
|
|
7907
8040
|
linkText = _ref5.text,
|
|
7908
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
8041
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$k);
|
|
7909
8042
|
var video = {
|
|
7910
8043
|
elementId: 'impact-header-video',
|
|
7911
8044
|
desktop: videoUrlDesktop,
|
|
@@ -7963,19 +8096,19 @@ var PageHeadingImpact = function PageHeadingImpact(_ref4) {
|
|
|
7963
8096
|
}), isMobile && link && linkText ? (/*#__PURE__*/React__default.createElement(MobileButtonWrapper, null, /*#__PURE__*/React__default.createElement(TitleButton, Object.assign({}, restLink), linkText))) : null));
|
|
7964
8097
|
};
|
|
7965
8098
|
|
|
7966
|
-
var _templateObject$
|
|
7967
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8099
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$u, _templateObject4$r, _templateObject5$l;
|
|
8100
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
7968
8101
|
var color = _ref.color;
|
|
7969
8102
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
7970
8103
|
}, devices.mobileAndTablet);
|
|
7971
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8104
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0px 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
7972
8105
|
var hasImage = _ref2.hasImage;
|
|
7973
8106
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
7974
8107
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
7975
8108
|
var hasImage = _ref3.hasImage;
|
|
7976
8109
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
7977
8110
|
});
|
|
7978
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8111
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
7979
8112
|
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
7980
8113
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
7981
8114
|
|
|
@@ -8007,10 +8140,10 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8007
8140
|
})))));
|
|
8008
8141
|
};
|
|
8009
8142
|
|
|
8010
|
-
var _templateObject$
|
|
8011
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
8012
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8013
|
-
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8143
|
+
var _templateObject$V, _templateObject2$I, _templateObject3$v, _templateObject4$s, _templateObject5$m, _templateObject6$f, _templateObject7$b, _templateObject8$8, _templateObject9$4, _templateObject0$4, _templateObject1$3;
|
|
8144
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.section(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8145
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
8146
|
+
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
8014
8147
|
var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: var(--grid-outer-margin);\n bottom: 20px;\n z-index: 10;\n\n @media ", " {\n right: var(--grid-margin);\n bottom: 10px;\n }\n"])), devices.tablet);
|
|
8015
8148
|
var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--heading-promo-bg-color);\n border-bottom: ", ";\n display: ", ";\n\n @media ", " {\n padding: 12px 0 20px;\n }\n"])), function (_ref) {
|
|
8016
8149
|
var theme = _ref.theme;
|
|
@@ -8221,7 +8354,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
8221
8354
|
})))))))))));
|
|
8222
8355
|
};
|
|
8223
8356
|
|
|
8224
|
-
var _templateObject$
|
|
8357
|
+
var _templateObject$W, _templateObject2$J, _templateObject3$w, _templateObject4$t;
|
|
8225
8358
|
var GRID = {
|
|
8226
8359
|
desktop: {
|
|
8227
8360
|
leftWithImage: '1 / 1 / 3 / 7',
|
|
@@ -8234,18 +8367,18 @@ var GRID = {
|
|
|
8234
8367
|
right: '2 / 1 / 3 / 15'
|
|
8235
8368
|
}
|
|
8236
8369
|
};
|
|
8237
|
-
var HighlightPanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8370
|
+
var HighlightPanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n background-color: ", ";\n color: var(--color-base-white);\n"])), function (_ref) {
|
|
8238
8371
|
var $background = _ref.$background;
|
|
8239
8372
|
return "var(--color-" + $background + ")";
|
|
8240
8373
|
});
|
|
8241
|
-
var LeftPanel$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8374
|
+
var LeftPanel$1 = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
8242
8375
|
var hasImage = _ref2.hasImage;
|
|
8243
8376
|
return hasImage ? GRID.desktop.leftWithImage : GRID.desktop.leftNoImage;
|
|
8244
8377
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
8245
8378
|
var hasImage = _ref3.hasImage;
|
|
8246
8379
|
return hasImage ? GRID.mobile.leftWithImage : GRID.mobile.leftNoImage;
|
|
8247
8380
|
});
|
|
8248
|
-
var RightPanel$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8381
|
+
var RightPanel$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--color-base-black);\n\n @media ", " {\n grid-area: ", ";\n }\n"])), GRID.desktop.right, devices.mobileAndTablet, GRID.mobile.right);
|
|
8249
8382
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px 36px 36px 50px;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px 5px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
8250
8383
|
|
|
8251
8384
|
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
@@ -8269,10 +8402,10 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
8269
8402
|
})))));
|
|
8270
8403
|
};
|
|
8271
8404
|
|
|
8272
|
-
var _templateObject$
|
|
8273
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8274
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8275
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8405
|
+
var _templateObject$X, _templateObject2$K, _templateObject3$x, _templateObject5$n, _templateObject6$g, _templateObject7$c, _templateObject8$9, _templateObject9$5, _templateObject0$5;
|
|
8406
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
8407
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
8408
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8276
8409
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
8277
8410
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
8278
8411
|
var invert = _ref.invert,
|
|
@@ -8382,7 +8515,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8382
8515
|
return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, invert, brandingText, brandingLink));
|
|
8383
8516
|
};
|
|
8384
8517
|
|
|
8385
|
-
var _excluded$
|
|
8518
|
+
var _excluded$l = ["text"];
|
|
8386
8519
|
var useResponsiveVideo$1 = function useResponsiveVideo(video, poster) {
|
|
8387
8520
|
var mobileVideo = video.mobile || video.desktop;
|
|
8388
8521
|
var desktopVideo = video.desktop || video.mobile;
|
|
@@ -8487,7 +8620,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8487
8620
|
showCopy = _ref4$showCopy === void 0 ? true : _ref4$showCopy;
|
|
8488
8621
|
var _ref5 = link || {},
|
|
8489
8622
|
linkText = _ref5.text,
|
|
8490
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
8623
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$l);
|
|
8491
8624
|
// const titleSize = title && title.length > 20 ? 4 : 3;
|
|
8492
8625
|
var video = {
|
|
8493
8626
|
elementId: 'compact-header-video',
|
|
@@ -8523,10 +8656,10 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8523
8656
|
}), linkText))))));
|
|
8524
8657
|
};
|
|
8525
8658
|
|
|
8526
|
-
var _templateObject$
|
|
8527
|
-
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8528
|
-
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8529
|
-
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8659
|
+
var _templateObject$Y, _templateObject2$L, _templateObject3$y, _templateObject4$u, _templateObject5$o, _templateObject6$h, _templateObject7$d;
|
|
8660
|
+
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
8661
|
+
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h1 {\n margin: 0 0 8px 0;\n }\n p {\n text-transform: uppercase;\n }\n"])));
|
|
8662
|
+
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobile);
|
|
8530
8663
|
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n @media ", " {\n & {\n grid-area: ", ";\n width: 100%;\n padding: 20px;\n }\n }\n"])), function (_ref) {
|
|
8531
8664
|
var hasImages = _ref.hasImages;
|
|
8532
8665
|
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
@@ -8602,10 +8735,10 @@ var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {
|
|
|
8602
8735
|
}))))));
|
|
8603
8736
|
};
|
|
8604
8737
|
|
|
8605
|
-
var _templateObject$
|
|
8606
|
-
var linkButtonStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
8607
|
-
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$
|
|
8608
|
-
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
8738
|
+
var _templateObject$Z, _templateObject2$M, _templateObject3$z, _templateObject5$p, _templateObject6$i, _templateObject7$e, _templateObject8$a;
|
|
8739
|
+
var linkButtonStyles = /*#__PURE__*/styled.css(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n background: none;\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n font: inherit;\n padding: 0;\n\n span {\n height: 1.5em;\n width: 1.5em;\n\n svg > path {\n fill: var(--color-base-black);\n }\n }\n\n &:hover {\n outline: none;\n }\n"])));
|
|
8740
|
+
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
8741
|
+
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
8609
8742
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\n align-items: center;\n justify-content: center;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: 0 auto;\n\n li {\n margin-left: 24px;\n color: var(--color-base-black);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n li:first-child {\n margin-left: 0px;\n }\n"])));
|
|
8610
8743
|
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
8611
8744
|
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
@@ -8761,15 +8894,15 @@ var Pagination = function Pagination(_ref) {
|
|
|
8761
8894
|
}))))));
|
|
8762
8895
|
};
|
|
8763
8896
|
|
|
8764
|
-
var _templateObject$
|
|
8765
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8897
|
+
var _templateObject$_;
|
|
8898
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 40px 36px;\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: ", ";\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop, function (_ref) {
|
|
8766
8899
|
var $largeDesktopColumns = _ref.$largeDesktopColumns;
|
|
8767
8900
|
return "repeat(" + ($largeDesktopColumns != null ? $largeDesktopColumns : 4) + ", 1fr)";
|
|
8768
8901
|
});
|
|
8769
8902
|
|
|
8770
|
-
var _templateObject
|
|
8771
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject
|
|
8772
|
-
var RoleContent = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject2$
|
|
8903
|
+
var _templateObject$$, _templateObject2$N;
|
|
8904
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n }\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
8905
|
+
var RoleContent = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-base-dark-grey);\n }\n overflow-wrap: break-word;\n padding-bottom: 4px;\n"])));
|
|
8773
8906
|
|
|
8774
8907
|
var PersonDetails = function PersonDetails(_ref) {
|
|
8775
8908
|
var _role$people;
|
|
@@ -8791,9 +8924,9 @@ var PersonDetails = function PersonDetails(_ref) {
|
|
|
8791
8924
|
})));
|
|
8792
8925
|
};
|
|
8793
8926
|
|
|
8794
|
-
var _templateObject
|
|
8795
|
-
var PersonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject
|
|
8796
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8927
|
+
var _templateObject$10, _templateObject2$O;
|
|
8928
|
+
var PersonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 82px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 16px;\n"])));
|
|
8929
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 82px;\n height: 82px;\n filter: ", ";\n }\n"])), function (_ref) {
|
|
8797
8930
|
var greyscale = _ref.greyscale;
|
|
8798
8931
|
return greyscale ? 'grayscale(100%)' : 'none';
|
|
8799
8932
|
});
|
|
@@ -8842,13 +8975,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8842
8975
|
}));
|
|
8843
8976
|
};
|
|
8844
8977
|
|
|
8845
|
-
var _templateObject$
|
|
8846
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8847
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
8978
|
+
var _templateObject$11, _templateObject2$P, _templateObject3$A, _templateObject4$v;
|
|
8979
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8980
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
|
|
8848
8981
|
var columnCount = _ref.columnCount;
|
|
8849
8982
|
return "repeat(" + columnCount + ", 1fr)";
|
|
8850
8983
|
}, devices.mobile, devices.tablet);
|
|
8851
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8984
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
8852
8985
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
8853
8986
|
|
|
8854
8987
|
// Get the total character length of a property in an array of objects
|
|
@@ -8976,8 +9109,8 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8976
9109
|
}, creditEntries);
|
|
8977
9110
|
};
|
|
8978
9111
|
|
|
8979
|
-
var _templateObject$
|
|
8980
|
-
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled__default(TextLink)(_templateObject$
|
|
9112
|
+
var _templateObject$12;
|
|
9113
|
+
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled__default(TextLink)(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 24px;\n letter-spacing: 0.4px;\n color: var(--color-base-white);\n border-bottom: unset;\n text-decoration: underline;\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
8981
9114
|
|
|
8982
9115
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
8983
9116
|
var items = _ref.items;
|
|
@@ -8995,14 +9128,14 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
8995
9128
|
}));
|
|
8996
9129
|
};
|
|
8997
9130
|
|
|
8998
|
-
var _templateObject$
|
|
9131
|
+
var _templateObject$13, _templateObject3$B, _templateObject4$w, _templateObject5$q, _templateObject6$j, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6, _templateObject1$4, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
8999
9132
|
var LENGTH_TEXT = 28;
|
|
9000
9133
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9001
9134
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
9002
9135
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
9003
9136
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
9004
9137
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
9005
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9138
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
9006
9139
|
var imageToLeft = _ref.imageToLeft;
|
|
9007
9140
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
9008
9141
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9012,7 +9145,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$12 ||
|
|
|
9012
9145
|
var asCard = _ref3.asCard;
|
|
9013
9146
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
9014
9147
|
});
|
|
9015
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9148
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref4) {
|
|
9016
9149
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
9017
9150
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
9018
9151
|
}, function (_ref5) {
|
|
@@ -9071,7 +9204,7 @@ var HarmonicHeaderWithWrapper = /*#__PURE__*/styled__default(HarmonicHeader)(_te
|
|
|
9071
9204
|
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n margin-bottom: 32px;\n whiete-space: break-spaces;\n overflow-wrap: break-word;\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9072
9205
|
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9073
9206
|
|
|
9074
|
-
var _excluded$
|
|
9207
|
+
var _excluded$m = ["text"],
|
|
9075
9208
|
_excluded2$2 = ["text"],
|
|
9076
9209
|
_excluded3$1 = ["text"];
|
|
9077
9210
|
var _buttonTypeToButton$1;
|
|
@@ -9139,7 +9272,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9139
9272
|
var _ref2 = firstButton || {},
|
|
9140
9273
|
_ref2$text = _ref2.text,
|
|
9141
9274
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
9142
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
9275
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
|
|
9143
9276
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
9144
9277
|
var secondButton = links == null ? void 0 : links[1];
|
|
9145
9278
|
var _ref3 = secondButton || {},
|
|
@@ -9267,21 +9400,21 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9267
9400
|
}))));
|
|
9268
9401
|
};
|
|
9269
9402
|
|
|
9270
|
-
var _templateObject$
|
|
9403
|
+
var _templateObject$14, _templateObject2$Q, _templateObject3$C, _templateObject4$x, _templateObject5$r, _templateObject6$k, _templateObject7$g;
|
|
9271
9404
|
var LENGTH_TEXT$2 = 28;
|
|
9272
9405
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9273
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9406
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
9274
9407
|
var imageToLeft = _ref.imageToLeft;
|
|
9275
9408
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
9276
9409
|
}, devices.tablet, function (_ref2) {
|
|
9277
9410
|
var imageToLeft = _ref2.imageToLeft;
|
|
9278
9411
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
9279
9412
|
}, devices.mobile);
|
|
9280
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9413
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
9281
9414
|
var imageToLeft = _ref3.imageToLeft;
|
|
9282
9415
|
return imageToLeft ? 'left' : 'right';
|
|
9283
9416
|
}, devices.mobile);
|
|
9284
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9417
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
9285
9418
|
var imageToLeft = _ref4.imageToLeft;
|
|
9286
9419
|
return imageToLeft ? 'right' : 'left';
|
|
9287
9420
|
}, devices.mobile);
|
|
@@ -9310,8 +9443,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$g ||
|
|
|
9310
9443
|
return '';
|
|
9311
9444
|
});
|
|
9312
9445
|
|
|
9313
|
-
var _templateObject$
|
|
9314
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9446
|
+
var _templateObject$15;
|
|
9447
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
9315
9448
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9316
9449
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9317
9450
|
return aspectRatio;
|
|
@@ -9423,7 +9556,7 @@ var PromoChild = function PromoChild(_ref) {
|
|
|
9423
9556
|
}));
|
|
9424
9557
|
};
|
|
9425
9558
|
|
|
9426
|
-
var _excluded$
|
|
9559
|
+
var _excluded$n = ["text"],
|
|
9427
9560
|
_excluded2$3 = ["text"];
|
|
9428
9561
|
var LENGTH_TEXT$3 = 28;
|
|
9429
9562
|
var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
@@ -9450,7 +9583,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9450
9583
|
var _ref2 = primaryButton || {},
|
|
9451
9584
|
_ref2$text = _ref2.text,
|
|
9452
9585
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
9453
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
9586
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$n);
|
|
9454
9587
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
9455
9588
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
9456
9589
|
var _ref3 = tertiaryButton || {},
|
|
@@ -9493,10 +9626,10 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9493
9626
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
9494
9627
|
};
|
|
9495
9628
|
|
|
9496
|
-
var _templateObject$
|
|
9497
|
-
var FigureBlock = /*#__PURE__*/styled__default.figure(_templateObject$
|
|
9498
|
-
var BlockquoteBlock = /*#__PURE__*/styled__default.blockquote(_templateObject2$
|
|
9499
|
-
var AttributionBlock = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject3$
|
|
9629
|
+
var _templateObject$16, _templateObject2$R, _templateObject3$D;
|
|
9630
|
+
var FigureBlock = /*#__PURE__*/styled__default.figure(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
9631
|
+
var BlockquoteBlock = /*#__PURE__*/styled__default.blockquote(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
9632
|
+
var AttributionBlock = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 32px 0;\n\n & cite {\n font-style: normal;\n }\n\n @media ", " {\n padding: 24px 0;\n }\n"])), devices.mobile);
|
|
9500
9633
|
|
|
9501
9634
|
/* eslint-disable react/no-danger */
|
|
9502
9635
|
var Quote = function Quote(_ref) {
|
|
@@ -9526,9 +9659,9 @@ var Quote = function Quote(_ref) {
|
|
|
9526
9659
|
}, /*#__PURE__*/React__default.createElement("cite", null, attribution))))));
|
|
9527
9660
|
};
|
|
9528
9661
|
|
|
9529
|
-
var _templateObject$
|
|
9530
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9531
|
-
var RadioGroup = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9662
|
+
var _templateObject$17, _templateObject2$S, _templateObject3$E;
|
|
9663
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9664
|
+
var RadioGroup = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9532
9665
|
var horizontalMode = _ref.horizontalMode;
|
|
9533
9666
|
if (horizontalMode) return 'row';
|
|
9534
9667
|
return 'column';
|
|
@@ -9536,7 +9669,7 @@ var RadioGroup = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templa
|
|
|
9536
9669
|
var gap = _ref2.gap;
|
|
9537
9670
|
return gap + "px";
|
|
9538
9671
|
});
|
|
9539
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9672
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9540
9673
|
var darkMode = _ref3.darkMode;
|
|
9541
9674
|
if (darkMode) return 'var(--base-color-white)';
|
|
9542
9675
|
return 'var(--base-color-errorstate)';
|
|
@@ -9613,10 +9746,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9613
9746
|
}, error))));
|
|
9614
9747
|
};
|
|
9615
9748
|
|
|
9616
|
-
var _templateObject$
|
|
9617
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9618
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9619
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9749
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$F;
|
|
9750
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-light-grey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
9751
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
9752
|
+
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
9620
9753
|
|
|
9621
9754
|
/* eslint-disable react/no-danger */
|
|
9622
9755
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -9672,10 +9805,10 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9672
9805
|
return null;
|
|
9673
9806
|
};
|
|
9674
9807
|
|
|
9675
|
-
var _templateObject$
|
|
9676
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9677
|
-
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9678
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
9808
|
+
var _templateObject$19, _templateObject2$U, _templateObject3$G, _templateObject5$s, _templateObject6$l, _templateObject7$h;
|
|
9809
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: transparent;\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
9810
|
+
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
9811
|
+
var SvgContainerClose = /*#__PURE__*/styled__default.button(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n\n &:focus {\n outline: 2px solid var(--color-primary-black);\n outline-offset: 2px;\n }\n"])));
|
|
9679
9812
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-serif);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--color-base-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
9680
9813
|
var TextLinkWrapper$3 = /*#__PURE__*/styled__default(TextLink)(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
9681
9814
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-right: 8px;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
@@ -9816,8 +9949,8 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
9816
9949
|
})));
|
|
9817
9950
|
};
|
|
9818
9951
|
|
|
9819
|
-
var _templateObject$
|
|
9820
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9952
|
+
var _templateObject$1a;
|
|
9953
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
9821
9954
|
|
|
9822
9955
|
/* ~~~~~~~ new harmonic types ~~~~~~~ */
|
|
9823
9956
|
var HarmonicSize = {
|
|
@@ -9859,9 +9992,9 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9859
9992
|
}, description)))));
|
|
9860
9993
|
};
|
|
9861
9994
|
|
|
9862
|
-
var _templateObject$
|
|
9863
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9864
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9995
|
+
var _templateObject$1b, _templateObject2$V, _templateObject3$H, _templateObject4$y;
|
|
9996
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9997
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .harmonic-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n\n .harmonic-select__control--is-focused {\n border-color: var(--color-base-dark-grey);\n box-shadow: ", ";\n }\n\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--color-primary-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n\n .harmonic-select__single-value,\n .harmonic-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n\n @media ", " {\n font-size: 17px;\n }\n }\n\n .harmonic-select__placeholder {\n color: var(--color-primary-black);\n }\n\n .harmonic-select__single-value {\n color: var(--color-primary-black);\n }\n\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--color-base-light-grey);\n background: var(--color-base-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--color-base-dark-grey);\n }\n }\n\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--color-base-mid-grey);\n }\n\n .harmonic-select__menu-list {\n padding: 10px 0;\n }\n\n .harmonic-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n color: var(--color-primary-black);\n\n @media ", " {\n font-size: 17px;\n }\n\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--color-base-light-grey);\n }\n }\n\n .harmonic-select__option--is-selected {\n color: var(--color-primary-black);\n background: none;\n }\n\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n color: var(--color-primary-black);\n }\n\n .harmonic-select__menu-notice {\n color: var(--color-primary-black);\n padding: 20px 20px;\n text-align: left;\n }\n\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
9865
9998
|
var width = _ref.width;
|
|
9866
9999
|
if (!width) return 'none';
|
|
9867
10000
|
return width + "px";
|
|
@@ -9878,7 +10011,7 @@ var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$U || (_tem
|
|
|
9878
10011
|
if (darkMode) return "0 0 0 1px var(--color-state-medium)";
|
|
9879
10012
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
9880
10013
|
}, devices.mobile, devices.mobile);
|
|
9881
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10014
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n\n @media ", " {\n margin: 0 0 12px;\n }\n"])), function (_ref5) {
|
|
9882
10015
|
var darkMode = _ref5.darkMode;
|
|
9883
10016
|
if (darkMode) return "var(--color-base-white)";
|
|
9884
10017
|
return "var(--color-primary-black)";
|
|
@@ -9889,7 +10022,7 @@ var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_temp
|
|
|
9889
10022
|
return "var(--color-state-error)";
|
|
9890
10023
|
});
|
|
9891
10024
|
|
|
9892
|
-
var _excluded$
|
|
10025
|
+
var _excluded$o = ["label", "error", "width", "darkMode", "isSearchable", "components", "className"];
|
|
9893
10026
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
9894
10027
|
return /*#__PURE__*/React__default.createElement(Select.components.DropdownIndicator, Object.assign({}, props), /*#__PURE__*/React__default.createElement(Icon, {
|
|
9895
10028
|
iconName: "DropdownArrow"
|
|
@@ -9944,7 +10077,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
9944
10077
|
isSearchable = _ref2$isSearchable === void 0 ? false : _ref2$isSearchable,
|
|
9945
10078
|
components = _ref2.components,
|
|
9946
10079
|
className = _ref2.className,
|
|
9947
|
-
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
10080
|
+
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$o);
|
|
9948
10081
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
9949
10082
|
label: label,
|
|
9950
10083
|
error: error,
|
|
@@ -9963,7 +10096,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
9963
10096
|
})));
|
|
9964
10097
|
};
|
|
9965
10098
|
|
|
9966
|
-
var _excluded$
|
|
10099
|
+
var _excluded$p = ["label", "error", "width", "darkMode", "components"];
|
|
9967
10100
|
/**
|
|
9968
10101
|
* The Select2Async component is similar to Select 2, but uses react-select async
|
|
9969
10102
|
* component for select instead of regular react-select component. This can be used
|
|
@@ -9985,7 +10118,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
9985
10118
|
_ref$darkMode = _ref.darkMode,
|
|
9986
10119
|
darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
|
|
9987
10120
|
components = _ref.components,
|
|
9988
|
-
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
10121
|
+
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
|
|
9989
10122
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
9990
10123
|
label: label,
|
|
9991
10124
|
error: error,
|
|
@@ -10002,15 +10135,15 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10002
10135
|
})));
|
|
10003
10136
|
};
|
|
10004
10137
|
|
|
10005
|
-
var _templateObject$
|
|
10006
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10007
|
-
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10138
|
+
var _templateObject$1c, _templateObject2$W, _templateObject3$I, _templateObject4$z;
|
|
10139
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
10140
|
+
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
10008
10141
|
if (props.showMenu) {
|
|
10009
10142
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 28px;\n ";
|
|
10010
10143
|
}
|
|
10011
10144
|
return "display: none;";
|
|
10012
10145
|
});
|
|
10013
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10146
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\n font-size: var(--harmonic-font-size-navigation);\n font-family: var(--font-family-sans);\n color: var(--color-primary-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--color-primary-red);\n }\n }\n\n && svg path {\n fill: var(--color-primary-black);\n }\n\n :hover {\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10014
10147
|
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 0;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10015
10148
|
|
|
10016
10149
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
@@ -10137,9 +10270,9 @@ var Tabs = function Tabs(_ref) {
|
|
|
10137
10270
|
}, "Menu"))))));
|
|
10138
10271
|
};
|
|
10139
10272
|
|
|
10140
|
-
var _templateObject$
|
|
10141
|
-
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10142
|
-
var PromoLabel = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject3$
|
|
10273
|
+
var _templateObject$1d, _templateObject3$J, _templateObject4$A, _templateObject5$t, _templateObject6$m, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10274
|
+
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-light-grey);\n padding: 40px 20px;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 20px;\n align-items: stretch;\n"])));
|
|
10275
|
+
var PromoLabel = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: var(--upsell-border-color);\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n\n && {\n color: var(--color-base-white);\n }\n\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'liga' off,\n 'calt' off;\n text-align: center;\n"])));
|
|
10143
10276
|
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: auto;\n padding-top: 10px;\n width: fit-content;\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media ", " {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n }\n\n ", "\n\n @media ", ", ", " {\n a {\n text-align: center;\n }\n }\n"])), function (_ref) {
|
|
10144
10277
|
var stackCtasEarly = _ref.stackCtasEarly;
|
|
10145
10278
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
@@ -10243,8 +10376,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
10243
10376
|
}, /*#__PURE__*/React__default.createElement(SecondaryButton, Object.assign({}, secondaryLink), truncate(secondaryLink.text, LENGTH_SMALL_TEXT$2))))))));
|
|
10244
10377
|
};
|
|
10245
10378
|
|
|
10246
|
-
var _templateObject$
|
|
10247
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.figure(_templateObject$
|
|
10379
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$K;
|
|
10380
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.figure(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: table;\n width: auto;\n margin: 0;\n\n ", " {\n width: 100%;\n\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
|
|
10248
10381
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10249
10382
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10250
10383
|
return aspectRatio;
|
|
@@ -10254,10 +10387,10 @@ var Wrapper$6 = /*#__PURE__*/styled__default.figure(_templateObject$1d || (_temp
|
|
|
10254
10387
|
height = _ref2.height;
|
|
10255
10388
|
return height ? "calc(" + height + "px * " + AspectRatioWidth[aspectRatio] + ")" : 'auto';
|
|
10256
10389
|
});
|
|
10257
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$
|
|
10258
|
-
var CaptionContext = /*#__PURE__*/styled__default(Caption)(_templateObject3$
|
|
10390
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: table-caption;\n caption-side: bottom;\n margin-top: var(--carousel-image-caption-margin);\n"])));
|
|
10391
|
+
var CaptionContext = /*#__PURE__*/styled__default(Caption)(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n line-clamp: 2;\n max-height: 46px;\n white-space: normal;\n word-break: break-word;\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n"])));
|
|
10259
10392
|
|
|
10260
|
-
var _excluded$
|
|
10393
|
+
var _excluded$q = ["caption", "altText", "src", "srcSet", "sizes", "loading", "aspectRatio", "className"];
|
|
10261
10394
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
10262
10395
|
var caption = _ref.caption,
|
|
10263
10396
|
altText = _ref.altText,
|
|
@@ -10267,7 +10400,7 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10267
10400
|
loading = _ref.loading,
|
|
10268
10401
|
aspectRatio = _ref.aspectRatio,
|
|
10269
10402
|
className = _ref.className,
|
|
10270
|
-
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
10403
|
+
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$q);
|
|
10271
10404
|
return /*#__PURE__*/React__default.createElement(Wrapper$6, Object.assign({
|
|
10272
10405
|
aspectRatio: aspectRatio,
|
|
10273
10406
|
className: className
|
|
@@ -10288,10 +10421,10 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10288
10421
|
}, caption))));
|
|
10289
10422
|
};
|
|
10290
10423
|
|
|
10291
|
-
var _templateObject$
|
|
10292
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10293
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10294
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
10424
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$L, _templateObject4$B, _templateObject5$u, _templateObject6$n;
|
|
10425
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
10426
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10427
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10295
10428
|
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10296
10429
|
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
10297
10430
|
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
@@ -10332,8 +10465,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10332
10465
|
}, title)))));
|
|
10333
10466
|
};
|
|
10334
10467
|
|
|
10335
|
-
var _templateObject$
|
|
10336
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10468
|
+
var _templateObject$1g;
|
|
10469
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 100%;\n\n @media ", " {\n column-gap: 20px;\n }\n"])), devices.mobile);
|
|
10337
10470
|
|
|
10338
10471
|
var NavTop = function NavTop(_ref) {
|
|
10339
10472
|
var accountText = _ref.accountText,
|
|
@@ -10373,10 +10506,10 @@ var NavTop = function NavTop(_ref) {
|
|
|
10373
10506
|
}));
|
|
10374
10507
|
};
|
|
10375
10508
|
|
|
10376
|
-
var _templateObject$
|
|
10377
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10378
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10379
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10509
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$M, _templateObject4$C, _templateObject5$v;
|
|
10510
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
10511
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10512
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10380
10513
|
var isVisible = _ref.isVisible;
|
|
10381
10514
|
return isVisible ? 'visible' : 'hidden';
|
|
10382
10515
|
});
|
|
@@ -10465,10 +10598,10 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10465
10598
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
10466
10599
|
};
|
|
10467
10600
|
|
|
10468
|
-
var _templateObject$
|
|
10469
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
10470
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$
|
|
10471
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
10601
|
+
var _templateObject$1i, _templateObject2$_, _templateObject3$N, _templateObject4$D, _templateObject5$w;
|
|
10602
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10603
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10604
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10472
10605
|
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10473
10606
|
var isActive = _ref.isActive;
|
|
10474
10607
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
@@ -10629,10 +10762,10 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10629
10762
|
});
|
|
10630
10763
|
};
|
|
10631
10764
|
|
|
10632
|
-
var _templateObject$
|
|
10633
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10634
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2
|
|
10635
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10765
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$O, _templateObject4$E, _templateObject5$x, _templateObject6$o;
|
|
10766
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10767
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10768
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10636
10769
|
var color = _ref.color;
|
|
10637
10770
|
return "var(--base-color-" + color + ")";
|
|
10638
10771
|
});
|
|
@@ -10723,10 +10856,10 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10723
10856
|
}, strengthLabel))));
|
|
10724
10857
|
};
|
|
10725
10858
|
|
|
10726
|
-
var _templateObject$
|
|
10727
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
10728
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2
|
|
10729
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10859
|
+
var _templateObject$1k, _templateObject2$10, _templateObject3$P, _templateObject4$F, _templateObject5$y, _templateObject6$p, _templateObject7$j, _templateObject8$d;
|
|
10860
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10861
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10862
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10730
10863
|
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n text-transform: capitalize;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n min-width: 150px;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
10731
10864
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10732
10865
|
}, devices.tablet, devices.mobile);
|
|
@@ -10938,16 +11071,16 @@ var Table = function Table(_ref) {
|
|
|
10938
11071
|
}))));
|
|
10939
11072
|
};
|
|
10940
11073
|
|
|
10941
|
-
var _templateObject$
|
|
10942
|
-
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
11074
|
+
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;
|
|
11075
|
+
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
10943
11076
|
var theme = _ref.theme;
|
|
10944
11077
|
return "var(--color-" + theme + ")";
|
|
10945
11078
|
}, function (_ref2) {
|
|
10946
11079
|
var theme = _ref2.theme;
|
|
10947
11080
|
return "var(--color-" + theme + ")";
|
|
10948
11081
|
});
|
|
10949
|
-
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
10950
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
11082
|
+
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11083
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
|
|
10951
11084
|
var Error = /*#__PURE__*/styled__default.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
10952
11085
|
var Form = /*#__PURE__*/styled__default.form(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error);
|
|
10953
11086
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
@@ -11365,10 +11498,10 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
11365
11498
|
}))))));
|
|
11366
11499
|
};
|
|
11367
11500
|
|
|
11368
|
-
var _templateObject$
|
|
11369
|
-
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
11501
|
+
var _templateObject$1m, _templateObject2$12, _templateObject4$H, _templateObject5$A;
|
|
11502
|
+
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n border-bottom: 1px solid var(--color-base-light-grey);\n\n ", "\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, function (_ref) {
|
|
11370
11503
|
var withShadow = _ref.withShadow;
|
|
11371
|
-
return withShadow && styled.css(_templateObject2$
|
|
11504
|
+
return withShadow && styled.css(_templateObject2$12 || (_templateObject2$12 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11372
11505
|
}, devices.mobile);
|
|
11373
11506
|
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 24px;\n min-width: 24px;\n max-height: 24px;\n max-width: 24px;\n border: none;\n padding: 0;\n background: none;\n\n :hover {\n cursor: pointer;\n }\n\n @media ", " {\n min-height: 12px;\n min-width: 12px;\n max-height: 12px;\n max-width: 12px;\n }\n"])), devices.mobile);
|
|
11374
11507
|
var ContentWrapper$2 = /*#__PURE__*/styled__default.a(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
@@ -11429,12 +11562,12 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
11429
11562
|
return null;
|
|
11430
11563
|
};
|
|
11431
11564
|
|
|
11432
|
-
var _templateObject$
|
|
11433
|
-
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$
|
|
11565
|
+
var _templateObject$1n, _templateObject2$13;
|
|
11566
|
+
var FocusableTab = /*#__PURE__*/styled__default(Tab)(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n &:not(:active):not(:focus) {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n\n @media ", " {\n position: absolute;\n left: 10px;\n top: 10px;\n width: 80px;\n height: 44px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: auto;\n color: transparent;\n background: transparent;\n opacity: 0;\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n"])), function (_ref) {
|
|
11434
11567
|
var hide = _ref.hide;
|
|
11435
11568
|
return hide && "display: none;";
|
|
11436
11569
|
}, devices.mobileAndTablet);
|
|
11437
|
-
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11570
|
+
var HiddenBlock = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 29px 50px;\n display: inline-block;\n width: 100%;\n height: fit-content;\n border-bottom: solid 2px var(--color-base-light-grey);\n overflow: hidden;\n &:not(:has(div:focus)) {\n position: absolute;\n border-bottom: 0;\n padding: 0;\n }\n @media ", " {\n border-bottom: 0;\n position: absolute;\n padding: 0;\n }\n"])), devices.mobileAndTablet);
|
|
11438
11571
|
|
|
11439
11572
|
/**
|
|
11440
11573
|
* An accessible component which allows Assistive Technology users to move the focus
|
|
@@ -11526,16 +11659,16 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
11526
11659
|
}));
|
|
11527
11660
|
};
|
|
11528
11661
|
|
|
11529
|
-
var _templateObject$
|
|
11662
|
+
var _templateObject$1o, _templateObject2$14, _templateObject3$R, _templateObject4$I, _templateObject5$B, _templateObject6$r, _templateObject7$l;
|
|
11530
11663
|
var color = 'primary-black';
|
|
11531
11664
|
var Button$2 = /*#__PURE__*/styled__default(SecondaryButton).attrs({
|
|
11532
11665
|
borderColor: color,
|
|
11533
11666
|
hoveredColor: color,
|
|
11534
11667
|
pressedColor: color,
|
|
11535
11668
|
textColor: color
|
|
11536
|
-
})(_templateObject$
|
|
11537
|
-
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11538
|
-
var Description = /*#__PURE__*/styled__default(BodyContentTextContainer)(_templateObject3$
|
|
11669
|
+
})(_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);
|
|
11670
|
+
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-", ");\n padding: 60px 59px 59px;\n\n @media ", " {\n padding: 35px 20px 34px;\n }\n"])), color, devices.mobile);
|
|
11671
|
+
var Description = /*#__PURE__*/styled__default(BodyContentTextContainer)(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n margin: 27px 0;\n\n @media ", " {\n margin: 20px 0;\n }\n }\n"])), devices.mobile);
|
|
11539
11672
|
var Heading = /*#__PURE__*/styled__default(HarmonicHeader).attrs({
|
|
11540
11673
|
serif: true,
|
|
11541
11674
|
size: 'medium'
|
|
@@ -11573,8 +11706,8 @@ var Paywall = function Paywall(_ref) {
|
|
|
11573
11706
|
}, "Sign in"))));
|
|
11574
11707
|
};
|
|
11575
11708
|
|
|
11576
|
-
var _templateObject$
|
|
11577
|
-
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11709
|
+
var _templateObject$1p;
|
|
11710
|
+
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 74px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n gap: 40px 74px;\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.mobile);
|
|
11578
11711
|
|
|
11579
11712
|
var UpsellCards = function UpsellCards(_ref) {
|
|
11580
11713
|
var upsellCards = _ref.upsellCards;
|
|
@@ -11762,10 +11895,10 @@ var Navigation = function Navigation(_ref) {
|
|
|
11762
11895
|
})))))));
|
|
11763
11896
|
};
|
|
11764
11897
|
|
|
11765
|
-
var _templateObject$
|
|
11766
|
-
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
11767
|
-
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
11768
|
-
var SocialAndNewsletterSection = /*#__PURE__*/styled__default(GridItem)(_templateObject3$
|
|
11898
|
+
var _templateObject$1q, _templateObject2$15, _templateObject3$S, _templateObject4$J, _templateObject5$C, _templateObject6$s, _templateObject7$m;
|
|
11899
|
+
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n padding: 44px 0px;\n grid-template-areas: '. . policy policy policy policy social social social social logo logo logo logo . .';\n\n @media ", " {\n padding: 40px 0px;\n gap: 24px;\n }\n\n @media ", " {\n padding: 20px 0px;\n row-gap: 40px;\n grid-template-areas:\n '. social social social social social social social social social social social social .'\n '. policy policy policy policy policy policy policy policy policy policy policy policy .'\n '. logo logo logo logo logo logo logo logo logo logo logo logo .';\n }\n"])), devices.tablet, devices.mobile);
|
|
11900
|
+
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: policy;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media ", " {\n gap: 20px;\n }\n\n @media ", " {\n gap: 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
11901
|
+
var SocialAndNewsletterSection = /*#__PURE__*/styled__default(GridItem)(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: social;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n\n @media ", " {\n gap: 40px;\n }\n"])), devices.mobile);
|
|
11769
11902
|
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
11770
11903
|
var LogoAndDescriptionSection = /*#__PURE__*/styled__default(GridItem)(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
11771
11904
|
var SponsorLogoContainer = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
@@ -11827,16 +11960,16 @@ var Footer = function Footer(_ref) {
|
|
|
11827
11960
|
}, additionalInfo))));
|
|
11828
11961
|
};
|
|
11829
11962
|
|
|
11830
|
-
var _templateObject$
|
|
11963
|
+
var _templateObject$1r, _templateObject2$16, _templateObject3$T, _templateObject4$K, _templateObject5$D, _templateObject8$f, _templateObject9$9, _templateObject0$8;
|
|
11831
11964
|
var LIST_ITEM_GAP = 32;
|
|
11832
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11965
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--color-base-white);\n z-index: ", ";\n\n ", "\n"])), function (_ref) {
|
|
11833
11966
|
var bottomBorder = _ref.bottomBorder;
|
|
11834
11967
|
return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
|
|
11835
11968
|
}, zIndexes.anchor, function (_ref2) {
|
|
11836
11969
|
var withShadow = _ref2.withShadow;
|
|
11837
|
-
return withShadow && styled.css(_templateObject2$
|
|
11970
|
+
return withShadow && styled.css(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11838
11971
|
});
|
|
11839
|
-
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
11972
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
11840
11973
|
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
11841
11974
|
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref3) {
|
|
11842
11975
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
@@ -11864,7 +11997,7 @@ var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject0$8 || (_temp
|
|
|
11864
11997
|
return disabled ? 'var(--color-state-disabled)' : 'var(--button-anchor-tab-color)';
|
|
11865
11998
|
});
|
|
11866
11999
|
|
|
11867
|
-
var _excluded$
|
|
12000
|
+
var _excluded$r = ["id", "text"];
|
|
11868
12001
|
var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
11869
12002
|
var tabs = _ref.tabs,
|
|
11870
12003
|
onTabClick = _ref.onTabClick,
|
|
@@ -12075,7 +12208,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12075
12208
|
}, tabs.map(function (_ref4) {
|
|
12076
12209
|
var id = _ref4.id,
|
|
12077
12210
|
text = _ref4.text,
|
|
12078
|
-
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$
|
|
12211
|
+
rest = _objectWithoutPropertiesLoose(_ref4, _excluded$r);
|
|
12079
12212
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
12080
12213
|
key: id
|
|
12081
12214
|
}, /*#__PURE__*/React__default.createElement(TabLink, Object.assign({
|
|
@@ -12108,13 +12241,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12108
12241
|
})))) : null))));
|
|
12109
12242
|
};
|
|
12110
12243
|
|
|
12111
|
-
var _templateObject$
|
|
12112
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12244
|
+
var _templateObject$1s, _templateObject2$17, _templateObject3$U, _templateObject4$L, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12245
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
12113
12246
|
var sticky = _ref.sticky;
|
|
12114
12247
|
return sticky ? 'sticky' : 'initial';
|
|
12115
12248
|
}, zIndexes.anchor);
|
|
12116
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12117
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12249
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-light-grey);\n"])));
|
|
12250
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
|
|
12118
12251
|
var title = _ref2.title;
|
|
12119
12252
|
return title ? 'row' : 'row-reverse';
|
|
12120
12253
|
}, devices.tablet, devices.mobile);
|
|
@@ -12137,7 +12270,7 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
|
|
|
12137
12270
|
var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-right: var(--grid-outer-margin);\n height: var(--button-height);\n\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n margin-right: var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12138
12271
|
var MessageWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject0$9 || (_templateObject0$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h6 {\n margin: 0;\n padding: 0;\n }\n display: none;\n\n @media ", " {\n & {\n display: flex;\n align-items: center;\n margin-left: var(--grid-margin);\n padding: 12px 0;\n }\n }\n"])), devices.mobile);
|
|
12139
12272
|
|
|
12140
|
-
var _excluded$
|
|
12273
|
+
var _excluded$s = ["text"],
|
|
12141
12274
|
_excluded2$4 = ["text"];
|
|
12142
12275
|
var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
12143
12276
|
var title = _ref.title,
|
|
@@ -12147,7 +12280,7 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12147
12280
|
message = _ref.message;
|
|
12148
12281
|
var _ref2 = (links == null ? void 0 : links[0]) || {},
|
|
12149
12282
|
primaryButtonText = _ref2.text,
|
|
12150
|
-
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
12283
|
+
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$s);
|
|
12151
12284
|
var _ref3 = (links == null ? void 0 : links[1]) || {},
|
|
12152
12285
|
secondaryButtonText = _ref3.text,
|
|
12153
12286
|
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2$4);
|
|
@@ -12168,10 +12301,10 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12168
12301
|
}, message))));
|
|
12169
12302
|
};
|
|
12170
12303
|
|
|
12171
|
-
var _templateObject$
|
|
12172
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12173
|
-
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$
|
|
12174
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12304
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$V, _templateObject4$M;
|
|
12305
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: var(--upsell-border-color);\n padding: 66px 74px 70px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding: 40px 0px;\n }\n }\n"])), devices.mobile);
|
|
12306
|
+
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n\n @media ", " {\n margin-left: 20px;\n margin-right: 20px;\n }\n }\n"])), devices.mobile);
|
|
12307
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 60px;\n\n @media ", " {\n margin-bottom: 40px;\n margin-left: 20px;\n margin-right: 20px;\n }\n"])), devices.mobile);
|
|
12175
12308
|
var TextContent = /*#__PURE__*/styled__default(BodyContent)(_templateObject4$M || (_templateObject4$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):first-child {\n margin: 35px 0 10px;\n\n @media ", " {\n margin-top: 24px;\n }\n }\n\n && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):last-child {\n margin-bottom: 0;\n }\n"])), devices.mobile);
|
|
12176
12309
|
|
|
12177
12310
|
var UpsellSection = function UpsellSection(_ref) {
|
|
@@ -12216,9 +12349,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
12216
12349
|
})))));
|
|
12217
12350
|
};
|
|
12218
12351
|
|
|
12219
|
-
var _templateObject$
|
|
12220
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12221
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12352
|
+
var _templateObject$1u, _templateObject2$19;
|
|
12353
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--color-base-white);\n"])), zIndexes.anchor);
|
|
12354
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
12222
12355
|
var bottomBorder = _ref.bottomBorder;
|
|
12223
12356
|
return bottomBorder && 'border-bottom: 1px solid var(--color-base-light-grey);';
|
|
12224
12357
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -12249,13 +12382,13 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
12249
12382
|
}, children)));
|
|
12250
12383
|
};
|
|
12251
12384
|
|
|
12252
|
-
var _templateObject$
|
|
12253
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12254
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
12255
|
-
var ContentWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12385
|
+
var _templateObject$1v, _templateObject2$1a, _templateObject3$W, _templateObject4$N;
|
|
12386
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
12387
|
+
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
12388
|
+
var ContentWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12256
12389
|
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$N || (_templateObject4$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
12257
12390
|
|
|
12258
|
-
var _excluded$
|
|
12391
|
+
var _excluded$t = ["isOpen", "setIsOpen", "children", "appElementId", "closeButtonAriaLabel"];
|
|
12259
12392
|
var MAX_Z_INDEX = 9999999999;
|
|
12260
12393
|
if (Modal.defaultStyles.content) {
|
|
12261
12394
|
Modal.defaultStyles.content.position = 'static';
|
|
@@ -12331,7 +12464,7 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
12331
12464
|
appElementId = _ref.appElementId,
|
|
12332
12465
|
_ref$closeButtonAriaL = _ref.closeButtonAriaLabel,
|
|
12333
12466
|
closeButtonAriaLabel = _ref$closeButtonAriaL === void 0 ? 'Close modal window' : _ref$closeButtonAriaL,
|
|
12334
|
-
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12467
|
+
modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$t);
|
|
12335
12468
|
var isMobile = useMobile();
|
|
12336
12469
|
var customStyles = {
|
|
12337
12470
|
overlay: {
|
|
@@ -12460,20 +12593,20 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
12460
12593
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
12461
12594
|
};
|
|
12462
12595
|
|
|
12463
|
-
var _templateObject$
|
|
12464
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12596
|
+
var _templateObject$1w, _templateObject2$1b, _templateObject3$X, _templateObject4$O, _templateObject5$E, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
12597
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n\n &:fullscreen {\n background: var(--color-base-white);\n padding-top: 44px;\n padding-bottom: 84px;\n\n .swipe-slide > figure {\n height: var(--fullscreen-figure-height);\n\n > div {\n height: var(--fullscreen-figure-height);\n }\n }\n }\n"])), function (_ref) {
|
|
12465
12598
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
12466
12599
|
return "& {\n .swipe-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n\n > figure {\n margin: 0px;\n\n > div {\n height: " + imagesHeightDesktop + "px;\n }\n }\n }\n }";
|
|
12467
12600
|
}, devices.mobile, function (_ref2) {
|
|
12468
12601
|
var imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
12469
12602
|
return "&&& {\n .swipe-slide > figure {\n > div {\n height: " + imagesHeightDevice + "px;\n }\n }\n }";
|
|
12470
12603
|
});
|
|
12471
|
-
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12604
|
+
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n}"])), function (_ref3) {
|
|
12472
12605
|
var type = _ref3.type,
|
|
12473
12606
|
isActive = _ref3.isActive;
|
|
12474
12607
|
return "\n & {\n .swipe-slide {\n " + getCardSlideDesktopStyles(type, isActive) + "\n }\n }\n\n @media " + devices.tablet + " {\n & {\n .swipe-slide {\n " + getCardSlideTabletStyles(type) + "\n }\n }\n }\n\n @media " + devices.mobile + " {\n && {\n .swipe-slide {\n " + getCardSlideMobileStyles(type) + "\n }\n }\n }\n ";
|
|
12475
12608
|
});
|
|
12476
|
-
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
12609
|
+
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n padding-bottom: 0;\n }\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile, devices.mobile);
|
|
12477
12610
|
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$O || (_templateObject4$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n user-select: text;\n"])));
|
|
12478
12611
|
var TitleWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject5$E || (_templateObject5$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
12479
12612
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
@@ -12497,6 +12630,12 @@ var GRID_OFFSET_MARGIN = {
|
|
|
12497
12630
|
desktop: 3
|
|
12498
12631
|
};
|
|
12499
12632
|
var FULLSCREEN_FIGCAPTION_HEIGHT = 34;
|
|
12633
|
+
var defaultTitleGridConfig = {
|
|
12634
|
+
columnStartDesktop: 3,
|
|
12635
|
+
columnSpanDesktop: 10,
|
|
12636
|
+
columnStartDevice: 2,
|
|
12637
|
+
columnSpanDevice: 9
|
|
12638
|
+
};
|
|
12500
12639
|
var Carousel = function Carousel(_ref) {
|
|
12501
12640
|
var children = _ref.children,
|
|
12502
12641
|
type = _ref.type,
|
|
@@ -12513,7 +12652,10 @@ var Carousel = function Carousel(_ref) {
|
|
|
12513
12652
|
infinite = _ref$infinite === void 0 ? true : _ref$infinite,
|
|
12514
12653
|
_ref$useOffset = _ref.useOffset,
|
|
12515
12654
|
useOffset = _ref$useOffset === void 0 ? true : _ref$useOffset,
|
|
12516
|
-
titleFontFamily = _ref.titleFontFamily
|
|
12655
|
+
titleFontFamily = _ref.titleFontFamily,
|
|
12656
|
+
titleGrid = _ref.titleGrid,
|
|
12657
|
+
_ref$enableInfiniteOn = _ref.enableInfiniteOnInteraction,
|
|
12658
|
+
enableInfiniteOnInteraction = _ref$enableInfiniteOn === void 0 ? false : _ref$enableInfiniteOn;
|
|
12517
12659
|
var _useState = React.useState(false),
|
|
12518
12660
|
isFullscreen = _useState[0],
|
|
12519
12661
|
setIsFullscreen = _useState[1];
|
|
@@ -12535,11 +12677,15 @@ var Carousel = function Carousel(_ref) {
|
|
|
12535
12677
|
var _useState6 = React.useState(true),
|
|
12536
12678
|
showRotatorButtons = _useState6[0],
|
|
12537
12679
|
setShowRotatorButtons = _useState6[1];
|
|
12680
|
+
var _useState7 = React.useState(infinite),
|
|
12681
|
+
isInfinite = _useState7[0],
|
|
12682
|
+
setIsInfinite = _useState7[1];
|
|
12538
12683
|
var swipeRef = React.useRef(null);
|
|
12539
12684
|
var carouselRef = React.useRef(null);
|
|
12540
12685
|
var titleButtonsGridRef = React.useRef(null);
|
|
12541
12686
|
var childrenCount = React__default.Children.count(children);
|
|
12542
12687
|
React.useEffect(function () {
|
|
12688
|
+
setIsInfinite(infinite);
|
|
12543
12689
|
if (infinite) {
|
|
12544
12690
|
setAvailablePrev(true);
|
|
12545
12691
|
setAvailableNext(true);
|
|
@@ -12582,7 +12728,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12582
12728
|
} else if (window.matchMedia != null && window.matchMedia(devices.tablet).matches) {
|
|
12583
12729
|
setSlidesOffsetBefore(GRID_OFFSET_MARGIN.tablet);
|
|
12584
12730
|
} else {
|
|
12585
|
-
setSlidesOffsetBefore(
|
|
12731
|
+
setSlidesOffsetBefore(isInfinite ? Math.floor(window.innerWidth * SCREEN_WIDTH_PERCENTAGE) - GRID_OFFSET_MARGIN.desktop : 0);
|
|
12586
12732
|
}
|
|
12587
12733
|
var hasNext = (_swipeRef$current2 = swipeRef.current) == null ? void 0 : _swipeRef$current2.hasNext();
|
|
12588
12734
|
if (typeof hasNext === 'boolean') {
|
|
@@ -12597,10 +12743,16 @@ var Carousel = function Carousel(_ref) {
|
|
|
12597
12743
|
}, [useOffset, active]);
|
|
12598
12744
|
var onNext = function onNext() {
|
|
12599
12745
|
var _swipeRef$current3;
|
|
12746
|
+
if (enableInfiniteOnInteraction && !isInfinite) {
|
|
12747
|
+
setIsInfinite(true);
|
|
12748
|
+
}
|
|
12600
12749
|
(_swipeRef$current3 = swipeRef.current) == null || _swipeRef$current3.nextSlide();
|
|
12601
12750
|
};
|
|
12602
12751
|
var onPrev = function onPrev() {
|
|
12603
12752
|
var _swipeRef$current4;
|
|
12753
|
+
if (enableInfiniteOnInteraction && !isInfinite) {
|
|
12754
|
+
setIsInfinite(true);
|
|
12755
|
+
}
|
|
12604
12756
|
(_swipeRef$current4 = swipeRef.current) == null || _swipeRef$current4.prevSlide();
|
|
12605
12757
|
};
|
|
12606
12758
|
var onClickFullscreen = function onClickFullscreen() {
|
|
@@ -12637,7 +12789,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12637
12789
|
}
|
|
12638
12790
|
};
|
|
12639
12791
|
var onIndexChangeHandler = function onIndexChangeHandler(index) {
|
|
12640
|
-
if (
|
|
12792
|
+
if (isInfinite) {
|
|
12641
12793
|
setAvailablePrev(true);
|
|
12642
12794
|
setAvailableNext(true);
|
|
12643
12795
|
return;
|
|
@@ -12649,7 +12801,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12649
12801
|
});
|
|
12650
12802
|
};
|
|
12651
12803
|
var handleOverflowChange = function handleOverflowChange(overflow) {
|
|
12652
|
-
if (!
|
|
12804
|
+
if (!isInfinite) {
|
|
12653
12805
|
var _swipeRef$current8;
|
|
12654
12806
|
setShowRotatorButtons(overflow);
|
|
12655
12807
|
var hasNext = (_swipeRef$current8 = swipeRef.current) == null ? void 0 : _swipeRef$current8.hasNext();
|
|
@@ -12664,6 +12816,12 @@ var Carousel = function Carousel(_ref) {
|
|
|
12664
12816
|
var titleSemanticLevelValue = titleSemanticLevel ? "h" + titleSemanticLevel : 'h2';
|
|
12665
12817
|
var Wrapper = type === exports.CarouselType.Image ? ImageCarouselWrapper : CardsCarouselWrapper;
|
|
12666
12818
|
var isVictorTitleFont = titleFontFamily === 'Victor';
|
|
12819
|
+
var titleGridItemPosition = {
|
|
12820
|
+
columnStartDesktop: (titleGrid == null ? void 0 : titleGrid.columnStartDesktop) || defaultTitleGridConfig.columnStartDesktop,
|
|
12821
|
+
columnSpanDesktop: (titleGrid == null ? void 0 : titleGrid.columnSpanDesktop) || defaultTitleGridConfig.columnSpanDesktop,
|
|
12822
|
+
columnStartDevice: (titleGrid == null ? void 0 : titleGrid.columnStartDevice) || defaultTitleGridConfig.columnStartDevice,
|
|
12823
|
+
columnSpanDevice: (titleGrid == null ? void 0 : titleGrid.columnSpanDevice) || defaultTitleGridConfig.columnSpanDevice
|
|
12824
|
+
};
|
|
12667
12825
|
return /*#__PURE__*/React__default.createElement(Wrapper, {
|
|
12668
12826
|
className: className,
|
|
12669
12827
|
type: type,
|
|
@@ -12676,10 +12834,10 @@ var Carousel = function Carousel(_ref) {
|
|
|
12676
12834
|
}, /*#__PURE__*/React__default.createElement(TitleButtonsGrid, {
|
|
12677
12835
|
ref: titleButtonsGridRef
|
|
12678
12836
|
}, /*#__PURE__*/React__default.createElement(TitleGridItem, {
|
|
12679
|
-
columnStartDesktop:
|
|
12680
|
-
columnSpanDesktop:
|
|
12681
|
-
columnStartDevice:
|
|
12682
|
-
columnSpanDevice:
|
|
12837
|
+
columnStartDesktop: titleGridItemPosition.columnStartDesktop,
|
|
12838
|
+
columnSpanDesktop: titleGridItemPosition.columnSpanDesktop,
|
|
12839
|
+
columnStartDevice: titleGridItemPosition.columnStartDevice,
|
|
12840
|
+
columnSpanDevice: titleGridItemPosition.columnSpanDevice
|
|
12683
12841
|
}, title && (/*#__PURE__*/React__default.createElement(CarouselInfoWrapper, {
|
|
12684
12842
|
"data-testid": "carousel-title-wrapper"
|
|
12685
12843
|
}, /*#__PURE__*/React__default.createElement(TitleWrapper$5, {
|
|
@@ -12698,7 +12856,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
12698
12856
|
columnSpanDevice: 2
|
|
12699
12857
|
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
12700
12858
|
"data-testid": "carousel-buttons-wrapper"
|
|
12701
|
-
}, (
|
|
12859
|
+
}, (isInfinite || showRotatorButtons) && (/*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
12702
12860
|
onClickNext: onNext,
|
|
12703
12861
|
onClickPrev: onPrev,
|
|
12704
12862
|
availablePrev: availablePrev,
|
|
@@ -12706,12 +12864,12 @@ var Carousel = function Carousel(_ref) {
|
|
|
12706
12864
|
showFullscreen: type === exports.CarouselType.Image,
|
|
12707
12865
|
onClickFullscreen: onClickFullscreen,
|
|
12708
12866
|
isFullscreen: isFullscreen,
|
|
12709
|
-
size:
|
|
12710
|
-
}))))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(SwipeGridWrapper, Object.assign({},
|
|
12867
|
+
size: isInfinite || enableInfiniteOnInteraction ? 'default' : 'small'
|
|
12868
|
+
}))))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(SwipeGridWrapper, Object.assign({}, isInfinite ? {
|
|
12711
12869
|
active: active
|
|
12712
12870
|
} : {}, {
|
|
12713
12871
|
columnStartDesktop: 3,
|
|
12714
|
-
columnSpanDesktop:
|
|
12872
|
+
columnSpanDesktop: isInfinite ? 14 : 13,
|
|
12715
12873
|
columnStartDevice: 2,
|
|
12716
12874
|
columnSpanDevice: 13
|
|
12717
12875
|
}), /*#__PURE__*/React__default.createElement(Swipe, {
|
|
@@ -12722,15 +12880,15 @@ var Carousel = function Carousel(_ref) {
|
|
|
12722
12880
|
onOverflowChange: handleOverflowChange,
|
|
12723
12881
|
"data-testid": "carousel-swipe",
|
|
12724
12882
|
ref: swipeRef,
|
|
12725
|
-
infinite:
|
|
12883
|
+
infinite: isInfinite,
|
|
12726
12884
|
slidesOffsetBefore: slidesOffsetBefore
|
|
12727
12885
|
}, children))));
|
|
12728
12886
|
};
|
|
12729
12887
|
|
|
12730
|
-
var _templateObject$
|
|
12731
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
12732
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12733
|
-
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12888
|
+
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;
|
|
12889
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n user-select: none;\n\n .highlight-carousel-text {\n color: var(--color-base-white);\n }\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
12890
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 12;\n padding: 12px 0 12px var(--grid-margin);\n min-height: 64px;\n box-sizing: border-box;\n width: 100%;\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12891
|
+
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
12734
12892
|
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$P || (_templateObject4$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n a {\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 7;\n padding: 0 12px 12px var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: 100%;\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12735
12893
|
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject5$F || (_templateObject5$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 16px;\n width: 102px;\n height: 28px;\n }\n }\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12736
12894
|
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
@@ -12750,7 +12908,7 @@ var VideoWithControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject1
|
|
|
12750
12908
|
}, devices.mobile);
|
|
12751
12909
|
var ProgressContainer$1 = /*#__PURE__*/styled__default.div(_templateObject16$1 || (_templateObject16$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n p {\n margin-bottom: 16px;\n }\n\n @media ", " {\n margin-top: 20px;\n\n p {\n margin-bottom: 12px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
12752
12910
|
|
|
12753
|
-
var _excluded$
|
|
12911
|
+
var _excluded$u = ["text"],
|
|
12754
12912
|
_excluded2$5 = ["text"];
|
|
12755
12913
|
var _buttonTypeToButton$2;
|
|
12756
12914
|
var buttonTypeToButton$2 = (_buttonTypeToButton$2 = {}, _buttonTypeToButton$2[exports.ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$2[exports.ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$2[exports.ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$2);
|
|
@@ -12761,7 +12919,7 @@ var Buttons = function Buttons(_ref) {
|
|
|
12761
12919
|
var _ref2 = firstButton || {},
|
|
12762
12920
|
_ref2$text = _ref2.text,
|
|
12763
12921
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
12764
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
12922
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$u);
|
|
12765
12923
|
var secondButton = links == null ? void 0 : links[1];
|
|
12766
12924
|
var _ref3 = secondButton || {},
|
|
12767
12925
|
_ref3$text = _ref3.text,
|
|
@@ -12915,13 +13073,19 @@ var SwipeCarousel = function SwipeCarousel(_ref2) {
|
|
|
12915
13073
|
}));
|
|
12916
13074
|
};
|
|
12917
13075
|
|
|
13076
|
+
var titleHierarchyMap = /*#__PURE__*/new Map([[1, 'h1'], [2, 'h2'], [3, 'h3']]);
|
|
12918
13077
|
var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
12919
13078
|
var logo = _ref.logo,
|
|
12920
13079
|
carouselTitle = _ref.carouselTitle,
|
|
12921
13080
|
slides = _ref.slides,
|
|
12922
|
-
|
|
13081
|
+
_ref$titleSemanticLev = _ref.titleSemanticLevel,
|
|
13082
|
+
titleSemanticLevel = _ref$titleSemanticLev === void 0 ? 2 : _ref$titleSemanticLev,
|
|
12923
13083
|
className = _ref.className,
|
|
12924
|
-
titleFontFamily = _ref.titleFontFamily
|
|
13084
|
+
titleFontFamily = _ref.titleFontFamily,
|
|
13085
|
+
_ref$titleSize = _ref.titleSize,
|
|
13086
|
+
titleSize = _ref$titleSize === void 0 ? 'medium' : _ref$titleSize,
|
|
13087
|
+
_ref$titleClassName = _ref.titleClassName,
|
|
13088
|
+
titleClassName = _ref$titleClassName === void 0 ? TYPOGRAPHY_CLASS_NAME : _ref$titleClassName;
|
|
12925
13089
|
var slidesMedia = React.useMemo(function () {
|
|
12926
13090
|
return slides.map(function (_ref2) {
|
|
12927
13091
|
var mediaContent = _ref2.mediaContent;
|
|
@@ -12939,7 +13103,7 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12939
13103
|
return !isVideoSlide(slide);
|
|
12940
13104
|
});
|
|
12941
13105
|
var carouselTitleId = "highlights-carousel-title-" + carouselTitle;
|
|
12942
|
-
var titleSemanticLevelValue = titleSemanticLevel
|
|
13106
|
+
var titleSemanticLevelValue = titleHierarchyMap.get(titleSemanticLevel);
|
|
12943
13107
|
var carouselRef = React.useRef(null);
|
|
12944
13108
|
var onNext = function onNext() {
|
|
12945
13109
|
var _carouselRef$current;
|
|
@@ -12963,10 +13127,10 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12963
13127
|
}, /*#__PURE__*/React__default.createElement(HeaderWrapper, {
|
|
12964
13128
|
id: carouselTitleId
|
|
12965
13129
|
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
12966
|
-
|
|
12967
|
-
size: "medium",
|
|
13130
|
+
size: titleSize,
|
|
12968
13131
|
serif: isVictorTitleFont,
|
|
12969
|
-
hierarchy: titleSemanticLevelValue
|
|
13132
|
+
hierarchy: titleSemanticLevelValue,
|
|
13133
|
+
className: titleClassName
|
|
12970
13134
|
}, carouselTitle))), hasMultipleSlides && (/*#__PURE__*/React__default.createElement(RotatorButtonsWrapperMobile$1, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
12971
13135
|
onClickNext: onNext,
|
|
12972
13136
|
onClickPrev: onPrev
|
|
@@ -12998,11 +13162,11 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12998
13162
|
})));
|
|
12999
13163
|
};
|
|
13000
13164
|
|
|
13001
|
-
var _excluded$
|
|
13165
|
+
var _excluded$v = ["logo", "slides"];
|
|
13002
13166
|
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
13003
13167
|
var logo = _ref.logo,
|
|
13004
13168
|
slides = _ref.slides,
|
|
13005
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13169
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
|
|
13006
13170
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13007
13171
|
var links = processSlideLinks(slide.links);
|
|
13008
13172
|
return _extends({}, slide, {
|
|
@@ -13019,10 +13183,10 @@ var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
|
13019
13183
|
})));
|
|
13020
13184
|
};
|
|
13021
13185
|
|
|
13022
|
-
var _excluded$
|
|
13186
|
+
var _excluded$w = ["slides"];
|
|
13023
13187
|
var HighlightsCore = function HighlightsCore(_ref) {
|
|
13024
13188
|
var slides = _ref.slides,
|
|
13025
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13189
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
|
|
13026
13190
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13027
13191
|
var links = processSlideLinks(slide.links);
|
|
13028
13192
|
return _extends({}, slide, {
|
|
@@ -13036,11 +13200,11 @@ var HighlightsCore = function HighlightsCore(_ref) {
|
|
|
13036
13200
|
})));
|
|
13037
13201
|
};
|
|
13038
13202
|
|
|
13039
|
-
var _excluded$
|
|
13203
|
+
var _excluded$x = ["logo", "slides"];
|
|
13040
13204
|
var HighlightsStream = function HighlightsStream(_ref) {
|
|
13041
13205
|
var logo = _ref.logo,
|
|
13042
13206
|
slides = _ref.slides,
|
|
13043
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
13207
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
|
|
13044
13208
|
var slidesWithLinks = slides.map(function (slide) {
|
|
13045
13209
|
var links = processSlideLinks(slide.links);
|
|
13046
13210
|
return _extends({}, slide, {
|
|
@@ -13057,9 +13221,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
13057
13221
|
})));
|
|
13058
13222
|
};
|
|
13059
13223
|
|
|
13060
|
-
var _templateObject$
|
|
13061
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13062
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
13224
|
+
var _templateObject$1y, _templateObject3$Z;
|
|
13225
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
13226
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
13063
13227
|
|
|
13064
13228
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
13065
13229
|
var children = _ref.children;
|
|
@@ -13654,8 +13818,8 @@ var Theme = function Theme(_ref) {
|
|
|
13654
13818
|
}, children);
|
|
13655
13819
|
};
|
|
13656
13820
|
|
|
13657
|
-
var _templateObject$
|
|
13658
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", ";\n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n\n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n\n }\n\n @media ", " {\n\n }\n }\n"])), function (_ref) {
|
|
13821
|
+
var _templateObject$1z;
|
|
13822
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", ";\n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n\n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n\n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n\n }\n\n @media ", " {\n\n }\n }\n"])), function (_ref) {
|
|
13659
13823
|
var theme = _ref.theme;
|
|
13660
13824
|
return theme.colors.primary;
|
|
13661
13825
|
}, function (_ref2) {
|
|
@@ -14627,6 +14791,7 @@ exports.ContactNewsletter = ContactNewsletter;
|
|
|
14627
14791
|
exports.ContentSummary = ContentSummary;
|
|
14628
14792
|
exports.ControlledDropdown = ControlledDropdown;
|
|
14629
14793
|
exports.CreditListing = CreditListing;
|
|
14794
|
+
exports.CustomStrategyTabsFilter = CustomStrategyTabsFilter;
|
|
14630
14795
|
exports.Dropdown = Dropdown;
|
|
14631
14796
|
exports.Editorial = Editorial;
|
|
14632
14797
|
exports.Footer = Footer;
|