@royaloperahouse/harmonic 0.17.2-a → 0.17.2-b
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 +6 -0
- package/dist/components/atoms/Person/Person.style.d.ts +2 -0
- package/dist/components/atoms/Person/index.d.ts +2 -0
- package/dist/components/atoms/RotatorButtons/RotatorButtons.d.ts +1 -1
- package/dist/components/atoms/RotatorButtons/RotatorButtons.style.d.ts +8 -3
- package/dist/components/molecules/PeopleListing/PeopleListing.style.d.ts +0 -6
- package/dist/components/molecules/PeopleListing/fixtures.d.ts +4 -0
- package/dist/components/molecules/PersonCard/PersonCard.d.ts +4 -0
- package/dist/components/molecules/PersonCard/PersonCard.style.d.ts +2 -0
- package/dist/components/molecules/PersonCard/index.d.ts +2 -0
- package/dist/components/molecules/PersonDetails/PersonDetails.d.ts +4 -0
- package/dist/components/molecules/PersonDetails/PersonDetails.style.d.ts +2 -0
- package/dist/components/molecules/PersonDetails/index.d.ts +2 -0
- package/dist/components/molecules/Swipe/Swipe.d.ts +3 -0
- package/dist/components/molecules/UpsellCard/UpsellCard.style.d.ts +1 -0
- package/dist/components/organisms/AnchorTabBar/AnchorTabBar.style.d.ts +1 -1
- package/dist/components/organisms/Carousels/Carousel/helper.d.ts +2 -2
- package/dist/harmonic.cjs.development.css +5 -4
- package/dist/harmonic.cjs.development.js +470 -248
- 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 +472 -251
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/types/buttonTypes.d.ts +3 -0
- package/dist/types/card.d.ts +7 -0
- package/dist/types/carousel.d.ts +2 -1
- package/package.json +1 -1
- /package/dist/components/{molecules/PeopleListing → atoms/Person}/Person.d.ts +0 -0
package/dist/harmonic.esm.js
CHANGED
|
@@ -3104,11 +3104,18 @@ var ImageAspectRatioWrapper = /*#__PURE__*/React__default.forwardRef(function (_
|
|
|
3104
3104
|
aspectRatio: aspectRatio
|
|
3105
3105
|
}, restProps), React__default.Children.map(children, function (child) {
|
|
3106
3106
|
if (/*#__PURE__*/React__default.isValidElement(child)) {
|
|
3107
|
-
|
|
3108
|
-
|
|
3109
|
-
|
|
3110
|
-
|
|
3111
|
-
}
|
|
3107
|
+
var finalAlt = alt || child.props.alt || '';
|
|
3108
|
+
var childProps = child.props || {};
|
|
3109
|
+
var clonedProps = {
|
|
3110
|
+
alt: finalAlt
|
|
3111
|
+
};
|
|
3112
|
+
// Only add role="presentation" for decorative images (empty alt)
|
|
3113
|
+
// Don't set role="img" - img elements already have that implicit role
|
|
3114
|
+
// Respect explicit accessibility attributes set by child/parent
|
|
3115
|
+
if (finalAlt === '' && !childProps.role && !childProps['aria-hidden']) {
|
|
3116
|
+
clonedProps.role = 'presentation';
|
|
3117
|
+
}
|
|
3118
|
+
return /*#__PURE__*/React__default.cloneElement(child, clonedProps);
|
|
3112
3119
|
}
|
|
3113
3120
|
return child;
|
|
3114
3121
|
}));
|
|
@@ -3471,7 +3478,19 @@ var Radio2 = /*#__PURE__*/forwardRef(Radio2Component);
|
|
|
3471
3478
|
|
|
3472
3479
|
var _templateObject$f, _templateObject2$9, _templateObject3$5, _templateObject4$3, _templateObject5$2;
|
|
3473
3480
|
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3474
|
-
var BaseIconWrapper = /*#__PURE__*/styled.div(_templateObject2$9 || (_templateObject2$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width:
|
|
3481
|
+
var BaseIconWrapper = /*#__PURE__*/styled.div(_templateObject2$9 || (_templateObject2$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n\n width: ", ";\n height: ", ";\n\n svg {\n width: ", ";\n height: ", ";\n }\n"])), function (_ref) {
|
|
3482
|
+
var size = _ref.size;
|
|
3483
|
+
return size === 'small' ? 'var(--rotator-button-small-width)' : 'var(--rotator-button-width)';
|
|
3484
|
+
}, function (_ref2) {
|
|
3485
|
+
var size = _ref2.size;
|
|
3486
|
+
return size === 'small' ? 'var(--rotator-button-small-width)' : 'var(--rotator-button-width)';
|
|
3487
|
+
}, function (_ref3) {
|
|
3488
|
+
var size = _ref3.size;
|
|
3489
|
+
return size === 'small' ? 'var(--rotator-button-small-icon-width)' : 'var(--rotator-button-icon-width)';
|
|
3490
|
+
}, function (_ref4) {
|
|
3491
|
+
var size = _ref4.size;
|
|
3492
|
+
return size === 'small' ? 'var(--rotator-button-small-icon-width)' : 'var(--rotator-button-icon-width)';
|
|
3493
|
+
});
|
|
3475
3494
|
var IconWrapper$1 = /*#__PURE__*/styled(BaseIconWrapper)(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--rotator-button-bg-color);\n color: var(--rotator-button-color);\n\n svg path {\n fill: var(--rotator-button-color);\n }\n\n :hover {\n cursor: pointer;\n background-color: var(--rotator-button-hover-bg-color);\n\n && svg path {\n fill: var(--rotator-button-hover-color);\n }\n }\n"])));
|
|
3476
3495
|
var IconUnavailableWrapper = /*#__PURE__*/styled(BaseIconWrapper)(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-state-disabled);\n color: var(--color-primary-black);\n opacity: 0.2;\n\n svg path {\n fill: var(--color-primary-black);\n }\n\n @media ", " {\n pointer-events: none;\n }\n"])), devices.mobile);
|
|
3477
3496
|
var FullscreenIconWrapper = /*#__PURE__*/styled(IconWrapper$1)(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 20px;\n"])));
|
|
@@ -3568,6 +3587,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3568
3587
|
onClickFullscreen = _ref.onClickFullscreen,
|
|
3569
3588
|
_ref$isFullscreen = _ref.isFullscreen,
|
|
3570
3589
|
isFullscreen = _ref$isFullscreen === void 0 ? false : _ref$isFullscreen,
|
|
3590
|
+
_ref$size = _ref.size,
|
|
3591
|
+
size = _ref$size === void 0 ? 'default' : _ref$size,
|
|
3571
3592
|
className = _ref.className;
|
|
3572
3593
|
var _useViewport = useViewport(),
|
|
3573
3594
|
isMobile = _useViewport.isMobile,
|
|
@@ -3625,6 +3646,7 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3625
3646
|
return /*#__PURE__*/React__default.createElement(ButtonsContainer, {
|
|
3626
3647
|
className: className
|
|
3627
3648
|
}, availablePrev ? (/*#__PURE__*/React__default.createElement(IconWrapper$1, {
|
|
3649
|
+
size: size,
|
|
3628
3650
|
onClick: onClickLeftHandler,
|
|
3629
3651
|
onKeyDown: onPrevKeyDownHandler,
|
|
3630
3652
|
tabIndex: 0,
|
|
@@ -3633,8 +3655,10 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3633
3655
|
"aria-label": "Previous slide",
|
|
3634
3656
|
role: "button"
|
|
3635
3657
|
}, renderPrevIcon())) : (/*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
|
|
3658
|
+
size: size,
|
|
3636
3659
|
"data-testid": "iconprevnoavailable"
|
|
3637
3660
|
}, renderPrevIcon())), availableNext ? (/*#__PURE__*/React__default.createElement(IconWrapper$1, {
|
|
3661
|
+
size: size,
|
|
3638
3662
|
onClick: onClickRightHandler,
|
|
3639
3663
|
onKeyDown: onNextKeyDownHandler,
|
|
3640
3664
|
tabIndex: 0,
|
|
@@ -3643,8 +3667,10 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3643
3667
|
"aria-label": "Next slide",
|
|
3644
3668
|
role: "button"
|
|
3645
3669
|
}, renderNextIcon())) : (/*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
|
|
3670
|
+
size: size,
|
|
3646
3671
|
"data-testid": "iconnextnoavailable"
|
|
3647
3672
|
}, renderNextIcon())), showFullscreen && !isMobile && !isTablet && (/*#__PURE__*/React__default.createElement(FullscreenIconWrapper, {
|
|
3673
|
+
size: size,
|
|
3648
3674
|
onClick: onClickFullscreenHandler,
|
|
3649
3675
|
onKeyDown: onFullscreenKeyDownHandler,
|
|
3650
3676
|
tabIndex: 0,
|
|
@@ -6525,6 +6551,7 @@ var CarouselType;
|
|
|
6525
6551
|
CarouselType["Image"] = "image";
|
|
6526
6552
|
CarouselType["SmallCard"] = "SmallCard";
|
|
6527
6553
|
CarouselType["LargeCard"] = "LargeCard";
|
|
6554
|
+
CarouselType["PersonCard"] = "PersonCard";
|
|
6528
6555
|
})(CarouselType || (CarouselType = {}));
|
|
6529
6556
|
|
|
6530
6557
|
var clickHandler = function clickHandler(link) {
|
|
@@ -6771,7 +6798,7 @@ styleInject(css_248z$1);
|
|
|
6771
6798
|
var css_248z$2 = "/* ~~~~~ General Styling Classes ~~~~~ */\n.typography_color-primary__LOfDi {\n color: var(--color-primary);\n}\n\n.typography_color-black__6MHRL {\n color: var(--color-base-black);\n}\n\n.typography_color-white__PfW5s {\n color: var(--color-base-white);\n}\n\n.typography_color-red__iPlbG {\n color: var(--color-primary-red);\n}\n\n.typography_color-grey__GA1c2 {\n color: var(--color-base-dark-grey);\n}\n\n.typography_color-inherit__RDd0Y {\n color: inherit;\n}\n\n.typography_em__E6tX- {\n font-style: italic;\n}\n/* ~~~ */\n\n/* Display Headers */\n.typography_display__-F3p4 {\n margin: 0;\n font-family: var(--font-family-sans);\n line-height: 100%;\n\n &.typography_large__uq0zC {\n font-size: 96px;\n font-weight: 700;\n letter-spacing: -5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 68px;\n font-weight: 500;\n letter-spacing: -3px;\n }\n\n /* Serif and Italic styles */\n &.typography_serif__VSO38,\n &.typography_em__E6tX- {\n font-family: var(--font-family-serif);\n font-weight: 500;\n }\n\n /* Serif and Italic adjustments */\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX- {\n letter-spacing: -3px;\n }\n\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -2px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 38px;\n letter-spacing: -1.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 32px;\n letter-spacing: -1.5px;\n }\n\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX-,\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n }\n}\n\n/* Headers */\n.typography_header__BexiD {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n\n &.typography_large__uq0zC {\n font-size: 44px;\n line-height: 48px;\n letter-spacing: -1.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 34px;\n line-height: 40px;\n letter-spacing: -1px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 26px;\n line-height: 32px;\n letter-spacing: -0.5px;\n }\n\n /* Serif and Italic styles */\n &.typography_serif__VSO38,\n &.typography_em__E6tX- {\n font-family: var(--font-family-serif);\n }\n\n /* Serif and Italic letter-spacing overrides */\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n\n &.typography_medium__K0uZD.typography_serif__VSO38,\n &.typography_medium__K0uZD.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 28px;\n line-height: 34px;\n letter-spacing: -1.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 24px;\n line-height: 28px;\n letter-spacing: -1px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 20px;\n line-height: 26px;\n letter-spacing: -0.75px;\n }\n\n /* Mobile overrides for serif/italic letter-spacing */\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX-,\n &.typography_medium__K0uZD.typography_serif__VSO38,\n &.typography_medium__K0uZD.typography_em__E6tX-,\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n }\n}\n\n/* Subtitle */\n.typography_subtitle__aoFTV {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n\n &.typography_large__uq0zC {\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n }\n}\n\n/* Body Copy */\n.typography_bodycopy__vYtQ8 {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n\n &.typography_large__uq0zC {\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.5px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 11px;\n line-height: 16px;\n letter-spacing: -0.2px;\n }\n }\n}\n\n/* Overline */\n.typography_overline__EnUK3 {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n text-transform: uppercase;\n\n &.typography_large__uq0zC {\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0.3px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 12px;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n line-height: 17px;\n letter-spacing: 0.3px; /* Added to ensure it stays */\n }\n\n &.typography_small__wfQ0K {\n line-height: 14px;\n letter-spacing: 0.3px;\n }\n }\n}\n\n/* Button Text */\n.typography_buttontext__vcxNi {\n margin: 0;\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 20px;\n letter-spacing: -0.5px;\n font-weight: 400;\n\n @media (max-width: 699px) {\n font-weight: 500;\n line-height: 17px;\n }\n}\n\n/* Caption Text */\n.typography_captiontext__91UFb {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n\n @media (max-width: 699px) {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n}\n\n/* Navigation Text */\n.typography_navigationtext__YfGf7 {\n margin: 0;\n font-family: var(--font-family-sans);\n font-size: 19px;\n line-height: 19px;\n letter-spacing: 0.4px;\n font-weight: 500;\n\n @media (max-width: 699px) {\n font-size: 17px;\n line-height: 17px;\n }\n}\n";
|
|
6772
6799
|
styleInject(css_248z$2);
|
|
6773
6800
|
|
|
6774
|
-
var css_248z$3 = ".core-theme-module_coreTheme__pWxYB {\n /* RBO Red */\n /* Primary Palette */\n --color-primary: #1a1a1a;\n --color-primary-background: #eb0a0a;\n --color-primary-red: #eb0a0a;\n --color-primary-black: #1a1a1a;\n\n /* Base Colours */\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-base-dark-grey: #4c4f53;\n --color-base-mid-grey: #72767c;\n --color-base-light-grey: #e9e9e9;\n --color-base-transparent: transparent;\n\n /* States */\n --color-state-error: #cc071e;\n --color-state-medium: #ffce45;\n --color-state-good: #2a874a;\n --color-state-focused: #1e1da0;\n --color-state-disabled: #b3b3b3;\n\n /* RBO Red (Core) */\n --color-rbo-red-hovered: #c40808;\n --color-rbo-red-pressed: #9d0707;\n\n /* RBO Black */\n --color-rbo-black-hovered: #575757;\n --color-rbo-black-pressed: #353535;\n\n /* Black */\n --color-black-hovered: #575757;\n --color-black-pressed: #353535;\n\n /* White */\n --color-white-hovered: #fafafa;\n --color-white-pressed: #f2f2f2;\n\n /* Secondary Palette */\n --color-secondary-yellow: #ffce45;\n --color-secondary-pink: #ff36d0;\n --color-secondary-orange: #ff6700;\n --color-secondary-blue: #5f9cff;\n\n /* Shadows */\n --shadow-floating: 0px 4px 38px 0px #0000000a;\n\n /* Core theme colors */\n --base-color-primary: #c8102e;\n --base-color-core: #c8102e;\n --base-color-stream: #1866dc;\n --base-color-cinema: #1a1a1a;\n --base-color-white: #ffffff;\n --base-color-black: #000000;\n --base-color-dark-grey: #4c4f53;\n --base-color-mid-grey: #72767c;\n --base-color-light-grey: #e9e9e9;\n --base-color-transparent: transparent;\n --base-color-errorstate: #eb0a0a;\n --base-color-mediumstate: #ffce45;\n --base-color-goodstate: #2a874a;\n --base-color-progress: #1866dc;\n --base-color-navigation: #c8102e;\n --base-color-lapislazuli: #0060a0;\n --base-color-lemonchiffon: #fffbbe;\n\n --button-height: 48px;\n --button-line-height: 20px;\n --button-padding-x: 20px;\n --button-padding-y: 14px;\n --button-padding-y-icon: 12px;\n --button-icon-margin: 12px;\n --button-icon-width: 20px;\n --button-icon-height: 20px;\n --button-font-size: 14px;\n --button-font-weight: 400;\n --button-color: var(--color-base-white);\n --button-bg-color: var(--color-primary-red);\n --button-hover-color: var(--color-rbo-red-hovered);\n --button-pressed-color: var(--color-rbo-red-pressed);\n --button-secondary-color: var(--color-primary-red);\n --button-secondary-hover-color: var(--color-rbo-red-hovered);\n --button-secondary-pressed-color: var(--color-rbo-red-pressed);\n --button-tertiary-color: var(--color-primary-black);\n --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n --button-auxiliary-color: var(--color-primary-black);\n --button-auxiliary-bg-color: var(--color-base-transparent);\n --button-anchor-tab-color: var(--color-primary-red);\n\n /* ----- Variables already used in Harmonic START ----- */\n --grid-column-gap: 36px;\n --grid-margin: 10%;\n\n --rotator-button-width: 60px;\n --rotator-button-icon-width: 36px;\n --rotator-button-color: var(--color-primary-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-red);\n\n --carousel-image-caption-height: 34px;\n\n --line-height-listing: 36px;\n\n --upsell-border-color: var(--color-primary-red);\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n\n @media (max-width: 699px) {\n --grid-column-gap: 12px;\n --grid-margin: 20px;\n --rotator-button-width: 40px;\n --rotator-button-icon-width: 24px;\n --carousel-image-caption-height: 28px;\n\n --line-height-listing: 34px;\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-column-gap: 20px;\n --grid-margin: 32px;\n --rotator-button-width: 44px;\n --rotator-button-icon-width: 24px;\n --carousel-image-caption-height: 28px;\n }\n\n /* ----- Variables already used in Harmonic END ----- */\n\n --font-size-header-1: 96px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 2px;\n --line-height-header-1: 110px;\n --margin-header-1: 0.67em 0;\n\n --font-size-header-2: 68px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 72px;\n --margin-header-2: 0.83em 0;\n\n --font-size-header-3: 44px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 48px;\n --margin-header-3: 1em 0;\n\n --font-size-header-4: 34px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 40px;\n --margin-header-4: 1.33em 0;\n\n --font-size-header-5: 24px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 30px;\n --margin-header-5: 1.67em 0;\n\n --font-size-header-6: 20px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 28px;\n --margin-header-6: 2.33em 0;\n\n --font-size-altHeader-3: 44px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 48px;\n\n --font-size-altHeader-4: 34px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 44px;\n\n --font-size-altHeader-5: 24px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 30px;\n\n --font-size-altHeader-6: 20px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 28px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-overline-3: 10px;\n --font-weight-overline-3: 500;\n --letter-spacing-overline-3: 1px;\n --line-height-overline-3: 12px;\n\n --font-size-overline-4: 8px;\n --font-weight-overline-4: 500;\n --letter-spacing-overline-4: 1px;\n --line-height-overline-4: 10px;\n\n --font-size-body-1: 19px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 26px;\n\n --font-size-body-2: 16px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 22px;\n\n --font-size-body-3: 14px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 20px;\n\n --font-size-subtitle-1: 18px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 22px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 22px;\n\n --font-size-title-description: 20px;\n --line-height-title-description: 28px;\n\n --font-size-individual-listing-name: 19px;\n --line-height-individual-listing-name: 24px;\n --line-height-people-listing-gap: 24px;\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-subtitle: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --font-family-navigation: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-size-navigation: 13px;\n --font-weight-navigation: 500;\n --line-height-navigation: 16px;\n --text-transform-navigation: uppercase;\n --letter-spacing-navigation: 1px;\n\n --navigation-small-gap: 16px;\n --navigation-middle-gap: 20px;\n --navigation-large-gap: 24px;\n --navigation-xlarge-gap: 36px;\n --navigation-large-margin: 60px;\n\n --font-size-search: 24px;\n --font-family-search: 'adobe-garamond-pro';\n\n --grid-outer-margin: 50px;\n --grid-template-columns: 14px calc(10% - 86px) repeat(12, minmax(0, 1fr)) calc(10% - 86px) 14px;\n\n --footer-height: 380px;\n --footer-padding-top: 44px;\n --footer-padding-bottom: 44px;\n --footer-items-gap: 32px;\n --footer-media-gap: 32px;\n --footer-media-icon-width: 24px;\n --footer-media-icon-height: 24px;\n --footer-vertical-spacing-lg: 58px;\n --footer-vertical-spacing-sm: 16px;\n\n --text-link-underline-offset: 8px;\n --cards-spacing-stack: 40px;\n\n --editorial-subtitle-margin-bottom: 16px;\n --editorial-margin-between: 24px;\n --editorial-spacing-hover: 4px;\n --anchor-tabs-height: 70px;\n\n --font-family-sans: 'GreyLLTT', 'Roboto', sans-serif;\n --font-family-serif: 'VictorSerif', 'Inria Serif Regular', serif;\n\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-font-size-navigation: 19px;\n\n --announcement-banner-color: var(--color-base-white);\n --announcement-banner-bg-color: var(--color-primary-red);\n --announcement-banner-hover-color: var(--color-white-hovered);\n --announcement-banner-pressed-color: var(--color-white-pressed);\n\n --information-panel-color: var(--color-base-white);\n --information-panel-bg-color: var(--color-primary-red);\n --information-panel-button-color: var(--color-primary-black);\n --information-panel-button-bg-color: var(--color-base-white);\n --information-panel-button-hover-color: var(--color-white-hovered);\n --information-panel-button-pressed-color: var(--color-white-pressed);\n\n --heading-promo-bg-color: var(--color-primary-red);\n --page-header-bg-color: var(--color-primary-red);\n\n @media (max-width: 699px) {\n --font-size-header-1: 38px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 1px;\n --line-height-header-1: 42px;\n\n --font-size-header-2: 30px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 34px;\n\n --font-size-header-3: 26px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 30px;\n\n --font-size-header-4: 24px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 28px;\n\n --font-size-header-5: 20px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 28px;\n\n --font-size-header-6: 17px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 24px;\n\n --font-size-altHeader-3: 26px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 30px;\n\n --font-size-altHeader-4: 24px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 28px;\n\n --font-size-altHeader-5: 20px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 28px;\n\n --font-size-altHeader-6: 17px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 24px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-body-1: 17px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 24px;\n\n --font-size-body-2: 12px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 18px;\n\n --font-size-body-3: 11px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 16px;\n\n --font-size-subtitle-1: 16px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 24px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 18px;\n\n --font-size-title-description: 17px;\n --line-height-title-description: 24px;\n --line-height-people-listing-gap: 16px;\n\n --font-size-search: 20px;\n --font-family-search: 'adobe-garamond-pro';\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm Medium', sans-serif;\n --font-family-subtitle: 'Gotham SSm Medium', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --grid-template-columns: calc(20px - 12px) repeat(12, minmax(0, 1fr)) calc(20px - 12px);\n\n --footer-height: auto;\n --footer-padding-top: 20px;\n --footer-padding-bottom: 20px;\n --footer-items-gap: 12px;\n --footer-media-icon-width: 28px;\n --footer-media-icon-height: 28px;\n --footer-vertical-spacing-lg: 24px;\n --footer-vertical-spacing-sm: 24px;\n\n --anchor-tabs-height: 60px;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-template-columns: calc(32px - 20px) repeat(12, minmax(0, 1fr)) calc(32px - 20px);\n --font-size-header-6: 17px;\n --font-size-altHeader-4: 24px;\n --font-size-body-1: 17px;\n\n --footer-media-gap: 24px;\n --footer-padding-top: 40px;\n --footer-padding-bottom: 40px;\n }\n}\n";
|
|
6801
|
+
var css_248z$3 = ".core-theme-module_coreTheme__pWxYB {\n /* RBO Red */\n /* Primary Palette */\n --color-primary: #1a1a1a;\n --color-primary-background: #eb0a0a;\n --color-primary-red: #eb0a0a;\n --color-primary-black: #1a1a1a;\n\n /* Base Colours */\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-base-dark-grey: #4c4f53;\n --color-base-mid-grey: #72767c;\n --color-base-light-grey: #e9e9e9;\n --color-base-transparent: transparent;\n\n /* States */\n --color-state-error: #cc071e;\n --color-state-medium: #ffce45;\n --color-state-good: #2a874a;\n --color-state-focused: #1e1da0;\n --color-state-disabled: #b3b3b3;\n\n /* RBO Red (Core) */\n --color-rbo-red-hovered: #c40808;\n --color-rbo-red-pressed: #9d0707;\n\n /* RBO Black */\n --color-rbo-black-hovered: #575757;\n --color-rbo-black-pressed: #353535;\n\n /* Black */\n --color-black-hovered: #575757;\n --color-black-pressed: #353535;\n\n /* White */\n --color-white-hovered: #fafafa;\n --color-white-pressed: #f2f2f2;\n\n /* Secondary Palette */\n --color-secondary-yellow: #ffce45;\n --color-secondary-pink: #ff36d0;\n --color-secondary-orange: #ff6700;\n --color-secondary-blue: #5f9cff;\n\n /* Shadows */\n --shadow-floating: 0px 4px 38px 0px #0000000a;\n\n /* Core theme colors */\n --base-color-primary: #c8102e;\n --base-color-core: #c8102e;\n --base-color-stream: #1866dc;\n --base-color-cinema: #1a1a1a;\n --base-color-white: #ffffff;\n --base-color-black: #000000;\n --base-color-dark-grey: #4c4f53;\n --base-color-mid-grey: #72767c;\n --base-color-light-grey: #e9e9e9;\n --base-color-transparent: transparent;\n --base-color-errorstate: #eb0a0a;\n --base-color-mediumstate: #ffce45;\n --base-color-goodstate: #2a874a;\n --base-color-progress: #1866dc;\n --base-color-navigation: #c8102e;\n --base-color-lapislazuli: #0060a0;\n --base-color-lemonchiffon: #fffbbe;\n\n --button-height: 48px;\n --button-line-height: 20px;\n --button-padding-x: 20px;\n --button-padding-y: 14px;\n --button-padding-y-icon: 12px;\n --button-icon-margin: 12px;\n --button-icon-width: 20px;\n --button-icon-height: 20px;\n --button-font-size: 14px;\n --button-font-weight: 400;\n --button-color: var(--color-base-white);\n --button-bg-color: var(--color-primary-red);\n --button-hover-color: var(--color-rbo-red-hovered);\n --button-pressed-color: var(--color-rbo-red-pressed);\n --button-secondary-color: var(--color-primary-red);\n --button-secondary-hover-color: var(--color-rbo-red-hovered);\n --button-secondary-pressed-color: var(--color-rbo-red-pressed);\n --button-tertiary-color: var(--color-primary-black);\n --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n --button-auxiliary-color: var(--color-primary-black);\n --button-auxiliary-bg-color: var(--color-base-transparent);\n --button-anchor-tab-color: var(--color-primary-red);\n\n /* ----- Variables already used in Harmonic START ----- */\n --grid-column-gap: 36px;\n --grid-margin: 10%;\n\n --rotator-button-width: 60px;\n --rotator-button-icon-width: 36px;\n --rotator-button-small-width: 44px;\n --rotator-button-small-icon-width: 28px;\n --rotator-button-color: var(--color-primary-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-red);\n\n --carousel-image-caption-margin: 12px;\n\n --line-height-listing: 36px;\n\n --upsell-border-color: var(--color-primary-red);\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n\n @media (max-width: 699px) {\n --grid-column-gap: 12px;\n --grid-margin: 20px;\n --rotator-button-width: 40px;\n --rotator-button-icon-width: 24px;\n\n --line-height-listing: 34px;\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-column-gap: 20px;\n --grid-margin: 32px;\n --rotator-button-width: 44px;\n --rotator-button-icon-width: 24px;\n }\n\n /* ----- Variables already used in Harmonic END ----- */\n\n --font-size-header-1: 96px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 2px;\n --line-height-header-1: 110px;\n --margin-header-1: 0.67em 0;\n\n --font-size-header-2: 68px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 72px;\n --margin-header-2: 0.83em 0;\n\n --font-size-header-3: 44px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 48px;\n --margin-header-3: 1em 0;\n\n --font-size-header-4: 34px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 40px;\n --margin-header-4: 1.33em 0;\n\n --font-size-header-5: 24px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 30px;\n --margin-header-5: 1.67em 0;\n\n --font-size-header-6: 20px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 28px;\n --margin-header-6: 2.33em 0;\n\n --font-size-altHeader-3: 44px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 48px;\n\n --font-size-altHeader-4: 34px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 44px;\n\n --font-size-altHeader-5: 24px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 30px;\n\n --font-size-altHeader-6: 20px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 28px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-overline-3: 10px;\n --font-weight-overline-3: 500;\n --letter-spacing-overline-3: 1px;\n --line-height-overline-3: 12px;\n\n --font-size-overline-4: 8px;\n --font-weight-overline-4: 500;\n --letter-spacing-overline-4: 1px;\n --line-height-overline-4: 10px;\n\n --font-size-body-1: 19px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 26px;\n\n --font-size-body-2: 16px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 22px;\n\n --font-size-body-3: 14px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 20px;\n\n --font-size-subtitle-1: 18px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 22px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 22px;\n\n --font-size-title-description: 20px;\n --line-height-title-description: 28px;\n\n --font-size-individual-listing-name: 19px;\n --line-height-individual-listing-name: 24px;\n --line-height-people-listing-gap: 24px;\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-subtitle: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --font-family-navigation: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-size-navigation: 13px;\n --font-weight-navigation: 500;\n --line-height-navigation: 16px;\n --text-transform-navigation: uppercase;\n --letter-spacing-navigation: 1px;\n\n --navigation-small-gap: 16px;\n --navigation-middle-gap: 20px;\n --navigation-large-gap: 24px;\n --navigation-xlarge-gap: 36px;\n --navigation-large-margin: 60px;\n\n --font-size-search: 24px;\n --font-family-search: 'adobe-garamond-pro';\n\n --grid-outer-margin: 50px;\n --grid-template-columns: 14px calc(10% - 86px) repeat(12, minmax(0, 1fr)) calc(10% - 86px) 14px;\n\n --footer-height: 380px;\n --footer-padding-top: 44px;\n --footer-padding-bottom: 44px;\n --footer-items-gap: 32px;\n --footer-media-gap: 32px;\n --footer-media-icon-width: 24px;\n --footer-media-icon-height: 24px;\n --footer-vertical-spacing-lg: 58px;\n --footer-vertical-spacing-sm: 16px;\n\n --text-link-underline-offset: 8px;\n --cards-spacing-stack: 40px;\n\n --editorial-subtitle-margin-bottom: 16px;\n --editorial-margin-between: 24px;\n --editorial-spacing-hover: 4px;\n --anchor-tabs-height: 70px;\n\n --font-family-sans: 'GreyLLTT', 'Roboto', sans-serif;\n --font-family-serif: 'VictorSerif', 'Inria Serif Regular', serif;\n\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-font-size-navigation: 19px;\n\n --announcement-banner-color: var(--color-base-white);\n --announcement-banner-bg-color: var(--color-primary-red);\n --announcement-banner-hover-color: var(--color-white-hovered);\n --announcement-banner-pressed-color: var(--color-white-pressed);\n\n --information-panel-color: var(--color-base-white);\n --information-panel-bg-color: var(--color-primary-red);\n --information-panel-button-color: var(--color-primary-black);\n --information-panel-button-bg-color: var(--color-base-white);\n --information-panel-button-hover-color: var(--color-white-hovered);\n --information-panel-button-pressed-color: var(--color-white-pressed);\n\n --heading-promo-bg-color: var(--color-primary-red);\n --page-header-bg-color: var(--color-primary-red);\n\n @media (max-width: 699px) {\n --font-size-header-1: 38px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 1px;\n --line-height-header-1: 42px;\n\n --font-size-header-2: 30px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 34px;\n\n --font-size-header-3: 26px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 30px;\n\n --font-size-header-4: 24px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 28px;\n\n --font-size-header-5: 20px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 28px;\n\n --font-size-header-6: 17px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 24px;\n\n --font-size-altHeader-3: 26px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 30px;\n\n --font-size-altHeader-4: 24px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 28px;\n\n --font-size-altHeader-5: 20px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 28px;\n\n --font-size-altHeader-6: 17px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 24px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-body-1: 17px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 24px;\n\n --font-size-body-2: 12px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 18px;\n\n --font-size-body-3: 11px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 16px;\n\n --font-size-subtitle-1: 16px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 24px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 18px;\n\n --font-size-title-description: 17px;\n --line-height-title-description: 24px;\n --line-height-people-listing-gap: 16px;\n\n --font-size-search: 20px;\n --font-family-search: 'adobe-garamond-pro';\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm Medium', sans-serif;\n --font-family-subtitle: 'Gotham SSm Medium', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --grid-template-columns: calc(20px - 12px) repeat(12, minmax(0, 1fr)) calc(20px - 12px);\n\n --footer-height: auto;\n --footer-padding-top: 20px;\n --footer-padding-bottom: 20px;\n --footer-items-gap: 12px;\n --footer-media-icon-width: 28px;\n --footer-media-icon-height: 28px;\n --footer-vertical-spacing-lg: 24px;\n --footer-vertical-spacing-sm: 24px;\n\n --anchor-tabs-height: 60px;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-template-columns: calc(32px - 20px) repeat(12, minmax(0, 1fr)) calc(32px - 20px);\n --font-size-header-6: 17px;\n --font-size-altHeader-4: 24px;\n --font-size-body-1: 17px;\n\n --footer-media-gap: 24px;\n --footer-padding-top: 40px;\n --footer-padding-bottom: 40px;\n }\n}\n";
|
|
6775
6802
|
var coreThemeStyles = {"coreTheme":"core-theme-module_coreTheme__pWxYB"};
|
|
6776
6803
|
styleInject(css_248z$3);
|
|
6777
6804
|
|
|
@@ -6779,7 +6806,7 @@ var css_248z$4 = ".stream-theme-module_streamTheme__lTfqQ {\n /* Stream theme o
|
|
|
6779
6806
|
var streamThemeStyles = {"streamTheme":"stream-theme-module_streamTheme__lTfqQ"};
|
|
6780
6807
|
styleInject(css_248z$4);
|
|
6781
6808
|
|
|
6782
|
-
var css_248z$5 = ".cinema-theme-module_cinemaTheme__f5QFs {\n /* White */\n --base-color-primary: #1a1a1a;\n --color-primary: #1a1a1a;\n --color-primary-button: #ffffff;\n --color-primary-background: #1a1a1a;\n --color-primary-button-reverse-bg: #ffffff;\n --color-primary-button-reverse: #1a1a1a;\n --color-secondary-button: #ffffff;\n --color-tertiary-button: transparent;\n --color-auxiliary-button: transparent;\n --color-white-hovered: #fafafa;\n --color-white-pressed: #f2f2f2;\n\n --button-color: var(--color-primary-black);\n --button-bg-color: var(--color-base-white);\n --button-hover-color: var(--color-white-hovered);\n --button-pressed-color: var(--color-white-pressed);\n --button-secondary-color: var(--color-base-white);\n --button-secondary-hover-color: var(--color-white-hovered);\n --button-secondary-pressed-color: var(--color-white-pressed);\n --button-tertiary-color: var(--color-base-white);\n --button-tertiary-hover-color: var(--color-white-hovered);\n --button-tertiary-pressed-color: var(--color-white-pressed);\n --button-anchor-tab-color: var(--color-primary-black);\n\n --rotator-button-color: var(--color-primary-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-black);\n\n --announcement-banner-color: var(--color-primary-red);\n --announcement-banner-bg-color: var(--color-base-white);\n --announcement-banner-hover-color: var(--color-rbo-red-hovered);\n --announcement-banner-pressed-color: var(--color-rbo-red-pressed);\n\n --information-panel-color: var(--color-primary-black);\n --information-panel-bg-color: var(--color-base-white);\n --information-panel-button-color: var(--color-base-white);\n --information-panel-button-bg-color: var(--color-primary-red);\n --information-panel-button-hover-color: var(--color-rbo-red-hovered);\n --information-panel-button-pressed-color: var(--color-rbo-red-pressed);\n\n --heading-promo-bg-color: var(--color-base-white);\n --page-header-bg-color: var(--color-primary-black);\n\n --upsell-border-color: var(--color-primary-black);\n}
|
|
6809
|
+
var css_248z$5 = ".cinema-theme-module_cinemaTheme__f5QFs {\n /* White */\n --base-color-primary: #1a1a1a;\n --color-primary: #1a1a1a;\n --color-primary-button: #ffffff;\n --color-primary-background: #1a1a1a;\n --color-primary-button-reverse-bg: #ffffff;\n --color-primary-button-reverse: #1a1a1a;\n --color-secondary-button: #ffffff;\n --color-tertiary-button: transparent;\n --color-auxiliary-button: transparent;\n --color-white-hovered: #fafafa;\n --color-white-pressed: #f2f2f2;\n\n --button-color: var(--color-primary-black);\n --button-bg-color: var(--color-base-white);\n --button-hover-color: var(--color-white-hovered);\n --button-pressed-color: var(--color-white-pressed);\n --button-secondary-color: var(--color-base-white);\n --button-secondary-hover-color: var(--color-white-hovered);\n --button-secondary-pressed-color: var(--color-white-pressed);\n --button-tertiary-color: var(--color-base-white);\n --button-tertiary-hover-color: var(--color-white-hovered);\n --button-tertiary-pressed-color: var(--color-white-pressed);\n --button-anchor-tab-color: var(--color-primary-black);\n\n --rotator-button-color: var(--color-primary-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-black);\n\n --announcement-banner-color: var(--color-primary-red);\n --announcement-banner-bg-color: var(--color-base-white);\n --announcement-banner-hover-color: var(--color-rbo-red-hovered);\n --announcement-banner-pressed-color: var(--color-rbo-red-pressed);\n\n --information-panel-color: var(--color-primary-black);\n --information-panel-bg-color: var(--color-base-white);\n --information-panel-button-color: var(--color-base-white);\n --information-panel-button-bg-color: var(--color-primary-red);\n --information-panel-button-hover-color: var(--color-rbo-red-hovered);\n --information-panel-button-pressed-color: var(--color-rbo-red-pressed);\n\n --heading-promo-bg-color: var(--color-base-white);\n --page-header-bg-color: var(--color-primary-black);\n\n --upsell-border-color: var(--color-primary-black);\n}\n";
|
|
6783
6810
|
var cinemaThemeStyles = {"cinemaTheme":"cinema-theme-module_cinemaTheme__f5QFs"};
|
|
6784
6811
|
styleInject(css_248z$5);
|
|
6785
6812
|
|
|
@@ -7748,13 +7775,12 @@ var getMovedSlides = function getMovedSlides(delta, slideWidths) {
|
|
|
7748
7775
|
return movedSlides;
|
|
7749
7776
|
};
|
|
7750
7777
|
|
|
7751
|
-
var _excluded$k = ["children", "infinite", "onIndexChange", "slidesOffsetBefore", "slidesAriaHidden", "onActiveChange"];
|
|
7778
|
+
var _excluded$k = ["children", "infinite", "onIndexChange", "slidesOffsetBefore", "slidesAriaHidden", "onActiveChange", "onOverflowChange"];
|
|
7752
7779
|
var MAX_CLONES_NUMBER = 6;
|
|
7753
7780
|
var CLICK_DRAG_THRESHOLD = 10;
|
|
7754
7781
|
var getClonesCount = function getClonesCount(infinite, childrenLength) {
|
|
7755
7782
|
if (!infinite) return 0;
|
|
7756
|
-
|
|
7757
|
-
return childrenLength;
|
|
7783
|
+
return Math.min(childrenLength, MAX_CLONES_NUMBER);
|
|
7758
7784
|
};
|
|
7759
7785
|
var getSlidedWidth = function getSlidedWidth(slide) {
|
|
7760
7786
|
if (!slide) return 0;
|
|
@@ -7773,6 +7799,7 @@ var Swipe = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7773
7799
|
_ref$slidesAriaHidden = _ref.slidesAriaHidden,
|
|
7774
7800
|
slidesAriaHidden = _ref$slidesAriaHidden === void 0 ? false : _ref$slidesAriaHidden,
|
|
7775
7801
|
onActiveChange = _ref.onActiveChange,
|
|
7802
|
+
onOverflowChange = _ref.onOverflowChange,
|
|
7776
7803
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
|
|
7777
7804
|
var containerRef = useRef(null);
|
|
7778
7805
|
var childRefs = useRef([]);
|
|
@@ -7834,8 +7861,18 @@ var Swipe = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7834
7861
|
}
|
|
7835
7862
|
}, [currentIndex, onIndexChange, infinite, children.length, clonesCount]);
|
|
7836
7863
|
var updateDimensions = useCallback(function () {
|
|
7837
|
-
|
|
7838
|
-
|
|
7864
|
+
var cw = containerRef.current ? containerRef.current.offsetWidth : 0;
|
|
7865
|
+
var widths = childRefs.current.length ? childRefs.current.map(getSlidedWidth) : [];
|
|
7866
|
+
setContainerWidth(cw);
|
|
7867
|
+
setSlideWidths(widths);
|
|
7868
|
+
if (!infinite) {
|
|
7869
|
+
var totalWidth = widths.reduce(function (acc, w) {
|
|
7870
|
+
return acc + w;
|
|
7871
|
+
}, 0);
|
|
7872
|
+
var visibleSpace = cw - (slidesOffsetBefore || 0);
|
|
7873
|
+
var overflow = totalWidth > Math.max(0, visibleSpace);
|
|
7874
|
+
onOverflowChange == null || onOverflowChange(overflow);
|
|
7875
|
+
}
|
|
7839
7876
|
}, []);
|
|
7840
7877
|
useEffect(function () {
|
|
7841
7878
|
var animationFrameRequestId = requestAnimationFrame(updateDimensions);
|
|
@@ -7857,10 +7894,16 @@ var Swipe = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7857
7894
|
}
|
|
7858
7895
|
};
|
|
7859
7896
|
var getTranslateX = function getTranslateX() {
|
|
7860
|
-
var
|
|
7897
|
+
var widthsBefore = slideWidths.slice(0, currentIndex).reduce(function (acc, width) {
|
|
7898
|
+
return acc + width;
|
|
7899
|
+
}, 0);
|
|
7900
|
+
return (slidesOffsetBefore || 0) - widthsBefore;
|
|
7901
|
+
};
|
|
7902
|
+
var getTranslateForIndex = function getTranslateForIndex(index) {
|
|
7903
|
+
var widthsBefore = slideWidths.slice(0, index).reduce(function (acc, width) {
|
|
7861
7904
|
return acc + width;
|
|
7862
7905
|
}, 0);
|
|
7863
|
-
return
|
|
7906
|
+
return (slidesOffsetBefore || 0) - widthsBefore;
|
|
7864
7907
|
};
|
|
7865
7908
|
var navigateOnSwipeEnd = function navigateOnSwipeEnd() {
|
|
7866
7909
|
var delta = currentTranslate.current - getTranslateX();
|
|
@@ -7870,6 +7913,10 @@ var Swipe = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7870
7913
|
movedSlides = Math.max(1, movedSlides);
|
|
7871
7914
|
var targetIndex = currentIndex + direction * movedSlides;
|
|
7872
7915
|
var finalIndex = infinite ? targetIndex : Math.max(0, Math.min(slides.length - 1, targetIndex));
|
|
7916
|
+
if (!infinite) {
|
|
7917
|
+
currentTranslate.current = getTranslateForIndex(finalIndex);
|
|
7918
|
+
setDragTranslateX(null);
|
|
7919
|
+
}
|
|
7873
7920
|
setTransitioning(true);
|
|
7874
7921
|
setCurrentIndex(finalIndex);
|
|
7875
7922
|
} else {
|
|
@@ -7881,10 +7928,26 @@ var Swipe = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7881
7928
|
setDragTranslateX(null);
|
|
7882
7929
|
};
|
|
7883
7930
|
var canMoveNext = function canMoveNext() {
|
|
7884
|
-
|
|
7885
|
-
|
|
7931
|
+
if (infinite) return true;
|
|
7932
|
+
if (slideWidths.length === 0 || containerWidth === 0) return false;
|
|
7933
|
+
var totalWidth = slideWidths.reduce(function (acc, w) {
|
|
7934
|
+
return acc + w;
|
|
7935
|
+
}, 0);
|
|
7936
|
+
var widthsBefore = slideWidths.slice(0, currentIndex).reduce(function (acc, w) {
|
|
7937
|
+
return acc + w;
|
|
7886
7938
|
}, 0);
|
|
7887
|
-
|
|
7939
|
+
var visibleSpace = containerWidth - (slidesOffsetBefore || 0);
|
|
7940
|
+
var remainingToRight = totalWidth - widthsBefore - visibleSpace;
|
|
7941
|
+
var visible = getVisibleIndexes(currentIndex, slideWidths, containerWidth, slides.length);
|
|
7942
|
+
var lastVisibleIndex = visible.length ? visible[visible.length - 1] : currentIndex;
|
|
7943
|
+
var nextIndex = lastVisibleIndex + 1;
|
|
7944
|
+
if (nextIndex >= slideWidths.length) return false;
|
|
7945
|
+
var nextSlideWidth = typeof slideWidths[nextIndex] === 'number' ? slideWidths[nextIndex] : 0;
|
|
7946
|
+
if (nextSlideWidth === 0) return false;
|
|
7947
|
+
var EPS = 1; // pixel tolerance
|
|
7948
|
+
// full next slide fits
|
|
7949
|
+
if (remainingToRight + EPS >= nextSlideWidth) return true;
|
|
7950
|
+
return remainingToRight > 0;
|
|
7888
7951
|
};
|
|
7889
7952
|
var handleTransitionEnd = function handleTransitionEnd() {
|
|
7890
7953
|
setTransitioning(false);
|
|
@@ -7900,7 +7963,12 @@ var Swipe = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7900
7963
|
setIsActive();
|
|
7901
7964
|
setTransitioning(true);
|
|
7902
7965
|
setCurrentIndex(function (prev) {
|
|
7903
|
-
|
|
7966
|
+
var target = infinite ? prev - 1 : Math.max(0, prev - 1);
|
|
7967
|
+
if (!infinite) {
|
|
7968
|
+
currentTranslate.current = getTranslateForIndex(target);
|
|
7969
|
+
setDragTranslateX(null);
|
|
7970
|
+
}
|
|
7971
|
+
return target;
|
|
7904
7972
|
});
|
|
7905
7973
|
};
|
|
7906
7974
|
var goToNext = function goToNext() {
|
|
@@ -7908,13 +7976,28 @@ var Swipe = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7908
7976
|
setIsActive();
|
|
7909
7977
|
setTransitioning(true);
|
|
7910
7978
|
setCurrentIndex(function (prev) {
|
|
7911
|
-
|
|
7979
|
+
var target = infinite ? prev + 1 : Math.min(children.length - 1, prev + 1);
|
|
7980
|
+
if (!infinite) {
|
|
7981
|
+
currentTranslate.current = getTranslateForIndex(target);
|
|
7982
|
+
setDragTranslateX(null);
|
|
7983
|
+
}
|
|
7984
|
+
return target;
|
|
7912
7985
|
});
|
|
7913
7986
|
};
|
|
7914
7987
|
useImperativeHandle(ref, function () {
|
|
7915
7988
|
return {
|
|
7916
7989
|
nextSlide: goToNext,
|
|
7917
|
-
prevSlide: goToPrev
|
|
7990
|
+
prevSlide: goToPrev,
|
|
7991
|
+
hasOverflow: function hasOverflow() {
|
|
7992
|
+
var totalWidth = slideWidths.reduce(function (acc, w) {
|
|
7993
|
+
return acc + w;
|
|
7994
|
+
}, 0);
|
|
7995
|
+
var visibleSpace = containerWidth - (slidesOffsetBefore || 0);
|
|
7996
|
+
return totalWidth > Math.max(0, visibleSpace);
|
|
7997
|
+
},
|
|
7998
|
+
hasNext: function hasNext() {
|
|
7999
|
+
return canMoveNext();
|
|
8000
|
+
}
|
|
7918
8001
|
};
|
|
7919
8002
|
});
|
|
7920
8003
|
var handleTouchStart = function handleTouchStart(e) {
|
|
@@ -8254,14 +8337,16 @@ var Pagination = function Pagination(_ref) {
|
|
|
8254
8337
|
}))))));
|
|
8255
8338
|
};
|
|
8256
8339
|
|
|
8257
|
-
var _templateObject$X
|
|
8340
|
+
var _templateObject$X;
|
|
8258
8341
|
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$X || (_templateObject$X = /*#__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: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
8259
|
-
|
|
8260
|
-
var
|
|
8261
|
-
var
|
|
8262
|
-
var
|
|
8263
|
-
|
|
8264
|
-
var
|
|
8342
|
+
|
|
8343
|
+
var _templateObject$Y, _templateObject2$L;
|
|
8344
|
+
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n }\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
8345
|
+
var RoleContent = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-base-dark-grey);\n }\n overflow-wrap: break-word;\n padding-bottom: 4px;\n"])));
|
|
8346
|
+
|
|
8347
|
+
var _templateObject$Z, _templateObject2$M;
|
|
8348
|
+
var PersonLink = /*#__PURE__*/styled.a(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: underline;\n text-underline-offset: 6px;\n\n && {\n color: var(--color-primary-black);\n\n :hover {\n color: var(--color-rbo-black-hovered);\n :after {\n color: var(--color-primary-black);\n }\n }\n\n :visited {\n color: var(--color-primary-black);\n }\n }\n"])));
|
|
8349
|
+
var ReplacementContent = /*#__PURE__*/styled.span(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--base-color-dark-grey);\n }\n"])));
|
|
8265
8350
|
|
|
8266
8351
|
var Person = function Person(_ref) {
|
|
8267
8352
|
var person = _ref.person,
|
|
@@ -8280,24 +8365,52 @@ var Person = function Person(_ref) {
|
|
|
8280
8365
|
return /*#__PURE__*/React__default.createElement("span", null, name, replacement && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', /*#__PURE__*/React__default.createElement(ReplacementContent, null, replacement))), personSeparator);
|
|
8281
8366
|
};
|
|
8282
8367
|
|
|
8283
|
-
|
|
8284
|
-
|
|
8285
|
-
|
|
8286
|
-
|
|
8287
|
-
|
|
8288
|
-
|
|
8368
|
+
var PersonDetails = function PersonDetails(_ref) {
|
|
8369
|
+
var _role$people;
|
|
8370
|
+
var role = _ref.role,
|
|
8371
|
+
className = _ref.className;
|
|
8372
|
+
return /*#__PURE__*/React__default.createElement(TextWrapper$2, {
|
|
8373
|
+
className: className
|
|
8374
|
+
}, /*#__PURE__*/React__default.createElement(RoleContent, {
|
|
8289
8375
|
title: "role",
|
|
8290
8376
|
"data-roh": role.dataROH
|
|
8291
8377
|
}, role.name), /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
8292
8378
|
tag: "p"
|
|
8293
|
-
}, role.people.map(function (person, personIndex) {
|
|
8379
|
+
}, (_role$people = role.people) == null ? void 0 : _role$people.map(function (person, personIndex, peopleArray) {
|
|
8294
8380
|
return /*#__PURE__*/React__default.createElement(Person, {
|
|
8295
8381
|
key: "" + person.name + personIndex,
|
|
8296
8382
|
person: person,
|
|
8297
|
-
withSeparator:
|
|
8383
|
+
withSeparator: peopleArray.length !== personIndex + 1
|
|
8298
8384
|
});
|
|
8299
8385
|
})));
|
|
8300
|
-
}
|
|
8386
|
+
};
|
|
8387
|
+
|
|
8388
|
+
var _templateObject$_, _templateObject2$N;
|
|
8389
|
+
var PersonWrapper = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 82px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 16px;\n"])));
|
|
8390
|
+
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 82px;\n height: 82px;\n }\n"])));
|
|
8391
|
+
|
|
8392
|
+
var PersonCard = function PersonCard(_ref) {
|
|
8393
|
+
var role = _ref.role,
|
|
8394
|
+
className = _ref.className;
|
|
8395
|
+
var hasHeadshot = React__default.useMemo(function () {
|
|
8396
|
+
var _role$people;
|
|
8397
|
+
var firstPerson = (_role$people = role.people) == null ? void 0 : _role$people[0];
|
|
8398
|
+
return Boolean((firstPerson == null ? void 0 : firstPerson.headshot) && firstPerson.useHeadshot);
|
|
8399
|
+
}, [role]);
|
|
8400
|
+
if (hasHeadshot) return /*#__PURE__*/React__default.createElement(PersonWrapper, {
|
|
8401
|
+
className: className
|
|
8402
|
+
}, /*#__PURE__*/React__default.createElement(HeadshotWrapper, null, /*#__PURE__*/React__default.createElement("img", {
|
|
8403
|
+
src: role.people[0].headshot,
|
|
8404
|
+
alt: role.people[0].name
|
|
8405
|
+
})), /*#__PURE__*/React__default.createElement(PersonDetails, {
|
|
8406
|
+
role: role
|
|
8407
|
+
}));
|
|
8408
|
+
return /*#__PURE__*/React__default.createElement(PersonDetails, {
|
|
8409
|
+
role: role,
|
|
8410
|
+
className: className
|
|
8411
|
+
});
|
|
8412
|
+
};
|
|
8413
|
+
|
|
8301
8414
|
var PeopleListing = function PeopleListing(_ref) {
|
|
8302
8415
|
var roles = _ref.roles,
|
|
8303
8416
|
className = _ref.className;
|
|
@@ -8306,21 +8419,20 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8306
8419
|
}, roles.map(function (role, index) {
|
|
8307
8420
|
return /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8308
8421
|
key: role.name + "-" + index
|
|
8309
|
-
},
|
|
8310
|
-
|
|
8311
|
-
|
|
8312
|
-
})), textSection(role))) : textSection(role));
|
|
8422
|
+
}, /*#__PURE__*/React__default.createElement(PersonCard, {
|
|
8423
|
+
role: role
|
|
8424
|
+
}));
|
|
8313
8425
|
}));
|
|
8314
8426
|
};
|
|
8315
8427
|
|
|
8316
|
-
var _templateObject
|
|
8317
|
-
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject
|
|
8318
|
-
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$
|
|
8428
|
+
var _templateObject$$, _templateObject2$O, _templateObject3$z, _templateObject4$t;
|
|
8429
|
+
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8430
|
+
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$O || (_templateObject2$O = /*#__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) {
|
|
8319
8431
|
var columnCount = _ref.columnCount;
|
|
8320
8432
|
return "repeat(" + columnCount + ", 1fr)";
|
|
8321
8433
|
}, devices.mobile, devices.tablet);
|
|
8322
|
-
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
8323
|
-
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
8434
|
+
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
8435
|
+
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
8324
8436
|
|
|
8325
8437
|
// Get the total character length of a property in an array of objects
|
|
8326
8438
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -8447,8 +8559,8 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8447
8559
|
}, creditEntries);
|
|
8448
8560
|
};
|
|
8449
8561
|
|
|
8450
|
-
var _templateObject$
|
|
8451
|
-
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled(TextLink)(_templateObject$
|
|
8562
|
+
var _templateObject$10;
|
|
8563
|
+
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled(TextLink)(_templateObject$10 || (_templateObject$10 = /*#__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"])));
|
|
8452
8564
|
|
|
8453
8565
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
8454
8566
|
var items = _ref.items;
|
|
@@ -8466,14 +8578,14 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
8466
8578
|
}));
|
|
8467
8579
|
};
|
|
8468
8580
|
|
|
8469
|
-
var _templateObject$
|
|
8581
|
+
var _templateObject$11, _templateObject3$A, _templateObject4$u, _templateObject5$p, _templateObject6$i, _templateObject7$e, _templateObject8$9, _templateObject9$5, _templateObject0$5, _templateObject1$3, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16;
|
|
8470
8582
|
var LENGTH_TEXT = 28;
|
|
8471
8583
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8472
8584
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8473
8585
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8474
8586
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8475
8587
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8476
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8588
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$11 || (_templateObject$11 = /*#__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) {
|
|
8477
8589
|
var imageToLeft = _ref.imageToLeft;
|
|
8478
8590
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8479
8591
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8483,7 +8595,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$_ || (_templat
|
|
|
8483
8595
|
var asCard = _ref3.asCard;
|
|
8484
8596
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
8485
8597
|
});
|
|
8486
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8598
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$A || (_templateObject3$A = /*#__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) {
|
|
8487
8599
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
8488
8600
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
8489
8601
|
}, function (_ref5) {
|
|
@@ -8507,16 +8619,16 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$B || (_templat
|
|
|
8507
8619
|
}
|
|
8508
8620
|
return '';
|
|
8509
8621
|
});
|
|
8510
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
8622
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref7) {
|
|
8511
8623
|
var marginBottom = _ref7.marginBottom;
|
|
8512
8624
|
return marginBottom + "px";
|
|
8513
8625
|
}, function (_ref8) {
|
|
8514
8626
|
var mobileMarginBottom = _ref8.mobileMarginBottom;
|
|
8515
8627
|
return mobileMarginBottom && "\n @media " + devices.mobile + " {\n margin-bottom: " + mobileMarginBottom + "px;\n }\n ";
|
|
8516
8628
|
});
|
|
8517
|
-
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
8518
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
8519
|
-
var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
8629
|
+
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
8630
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
8631
|
+
var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
8520
8632
|
var IconWrapper$2 = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
8521
8633
|
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
8522
8634
|
var MobileTitleWrapper = /*#__PURE__*/styled.div(_templateObject0$5 || (_templateObject0$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin: 0 50px 0 20px;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
@@ -8724,28 +8836,28 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
8724
8836
|
}))));
|
|
8725
8837
|
};
|
|
8726
8838
|
|
|
8727
|
-
var _templateObject
|
|
8839
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$B, _templateObject4$v, _templateObject5$q, _templateObject6$j, _templateObject7$f;
|
|
8728
8840
|
var LENGTH_TEXT$2 = 28;
|
|
8729
8841
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
8730
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject
|
|
8842
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$12 || (_templateObject$12 = /*#__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) {
|
|
8731
8843
|
var imageToLeft = _ref.imageToLeft;
|
|
8732
8844
|
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'";
|
|
8733
8845
|
}, devices.tablet, function (_ref2) {
|
|
8734
8846
|
var imageToLeft = _ref2.imageToLeft;
|
|
8735
8847
|
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'";
|
|
8736
8848
|
}, devices.mobile);
|
|
8737
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
8849
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
8738
8850
|
var imageToLeft = _ref3.imageToLeft;
|
|
8739
8851
|
return imageToLeft ? 'left' : 'right';
|
|
8740
8852
|
}, devices.mobile);
|
|
8741
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
8853
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$B || (_templateObject3$B = /*#__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) {
|
|
8742
8854
|
var imageToLeft = _ref4.imageToLeft;
|
|
8743
8855
|
return imageToLeft ? 'right' : 'left';
|
|
8744
8856
|
}, devices.mobile);
|
|
8745
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$
|
|
8746
|
-
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$
|
|
8747
|
-
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$
|
|
8748
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$
|
|
8857
|
+
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
8858
|
+
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
8859
|
+
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$j || (_templateObject6$j = /*#__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);
|
|
8860
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref5) {
|
|
8749
8861
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
8750
8862
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
8751
8863
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -8767,8 +8879,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$g || (_templat
|
|
|
8767
8879
|
return '';
|
|
8768
8880
|
});
|
|
8769
8881
|
|
|
8770
|
-
var _templateObject$
|
|
8771
|
-
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8882
|
+
var _templateObject$13;
|
|
8883
|
+
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__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) {
|
|
8772
8884
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8773
8885
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8774
8886
|
return aspectRatio;
|
|
@@ -8950,8 +9062,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8950
9062
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
8951
9063
|
};
|
|
8952
9064
|
|
|
8953
|
-
var _templateObject$
|
|
8954
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9065
|
+
var _templateObject$14;
|
|
9066
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
8955
9067
|
|
|
8956
9068
|
/**
|
|
8957
9069
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9006,9 +9118,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9006
9118
|
})));
|
|
9007
9119
|
};
|
|
9008
9120
|
|
|
9009
|
-
var _templateObject$
|
|
9010
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
9011
|
-
var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9121
|
+
var _templateObject$15, _templateObject2$Q, _templateObject3$C;
|
|
9122
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9123
|
+
var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9012
9124
|
var horizontalMode = _ref.horizontalMode;
|
|
9013
9125
|
if (horizontalMode) return 'row';
|
|
9014
9126
|
return 'column';
|
|
@@ -9016,7 +9128,7 @@ var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObjec
|
|
|
9016
9128
|
var gap = _ref2.gap;
|
|
9017
9129
|
return gap + "px";
|
|
9018
9130
|
});
|
|
9019
|
-
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9131
|
+
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9020
9132
|
var darkMode = _ref3.darkMode;
|
|
9021
9133
|
if (darkMode) return 'var(--base-color-white)';
|
|
9022
9134
|
return 'var(--base-color-errorstate)';
|
|
@@ -9093,10 +9205,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9093
9205
|
}, error))));
|
|
9094
9206
|
};
|
|
9095
9207
|
|
|
9096
|
-
var _templateObject$
|
|
9097
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9098
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9099
|
-
var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9208
|
+
var _templateObject$16, _templateObject2$R, _templateObject3$D;
|
|
9209
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__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);
|
|
9210
|
+
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__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"])));
|
|
9211
|
+
var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$D || (_templateObject3$D = /*#__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);
|
|
9100
9212
|
|
|
9101
9213
|
/* eslint-disable react/no-danger */
|
|
9102
9214
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -9152,8 +9264,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9152
9264
|
return null;
|
|
9153
9265
|
};
|
|
9154
9266
|
|
|
9155
|
-
var _templateObject$
|
|
9156
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9267
|
+
var _templateObject$17;
|
|
9268
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__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);
|
|
9157
9269
|
|
|
9158
9270
|
/* ~~~~~~~ new harmonic types ~~~~~~~ */
|
|
9159
9271
|
var HarmonicSize = {
|
|
@@ -9195,8 +9307,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9195
9307
|
}, description)))));
|
|
9196
9308
|
};
|
|
9197
9309
|
|
|
9198
|
-
var _templateObject$
|
|
9199
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
9310
|
+
var _templateObject$18, _templateObject2$S, _templateObject3$E, _templateObject4$w, _templateObject5$r, _templateObject6$k, _templateObject7$g, _templateObject8$a, _templateObject9$6, _templateObject0$6, _templateObject1$4;
|
|
9311
|
+
var stateStyles = /*#__PURE__*/css(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
9200
9312
|
var theme = _ref.theme;
|
|
9201
9313
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9202
9314
|
}, function (_ref2) {
|
|
@@ -9206,12 +9318,12 @@ var stateStyles = /*#__PURE__*/css(_templateObject$15 || (_templateObject$15 = /
|
|
|
9206
9318
|
var theme = _ref3.theme;
|
|
9207
9319
|
return theme.colors.lightgrey;
|
|
9208
9320
|
});
|
|
9209
|
-
var borderStyles = /*#__PURE__*/css(_templateObject2$
|
|
9321
|
+
var borderStyles = /*#__PURE__*/css(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
9210
9322
|
var theme = _ref4.theme;
|
|
9211
9323
|
return theme.colors.darkgrey;
|
|
9212
9324
|
});
|
|
9213
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$
|
|
9214
|
-
var listItemStyles = /*#__PURE__*/css(_templateObject4$
|
|
9325
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
9326
|
+
var listItemStyles = /*#__PURE__*/css(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
9215
9327
|
var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
9216
9328
|
var theme = _ref5.theme;
|
|
9217
9329
|
return {
|
|
@@ -9219,9 +9331,9 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
9219
9331
|
color: theme.colors.black,
|
|
9220
9332
|
title: 'Select Arrow'
|
|
9221
9333
|
};
|
|
9222
|
-
})(_templateObject5$
|
|
9223
|
-
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject6$
|
|
9224
|
-
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
9334
|
+
})(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
9335
|
+
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
9336
|
+
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
9225
9337
|
var Options = /*#__PURE__*/styled.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
9226
9338
|
var Option = /*#__PURE__*/styled.li(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
9227
9339
|
var theme = _ref6.theme,
|
|
@@ -9576,9 +9688,9 @@ function Select(_ref3) {
|
|
|
9576
9688
|
})))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9577
9689
|
}
|
|
9578
9690
|
|
|
9579
|
-
var _templateObject$
|
|
9580
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
9581
|
-
var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9691
|
+
var _templateObject$19, _templateObject2$T, _templateObject3$F, _templateObject4$x;
|
|
9692
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9693
|
+
var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__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 .harmonic-select__control--is-focused {\n border-color: var(--base-color-dark-grey);\n box-shadow: ", ";\n }\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\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-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .harmonic-select__placeholder {\n color: var(--base-color-dark-grey);\n }\n .harmonic-select__single-value {\n color: var(--base-color-black);\n }\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--base-color-light-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--base-color-dark-grey);\n }\n }\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-dark-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .harmonic-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--base-color-mid-grey);\n }\n }\n .harmonic-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .harmonic-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
9582
9694
|
var width = _ref.width;
|
|
9583
9695
|
if (!width) return 'none';
|
|
9584
9696
|
return width + "px";
|
|
@@ -9595,12 +9707,12 @@ var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateOb
|
|
|
9595
9707
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
9596
9708
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
9597
9709
|
});
|
|
9598
|
-
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9710
|
+
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
9599
9711
|
var darkMode = _ref5.darkMode;
|
|
9600
9712
|
if (darkMode) return "var(--base-color-white)";
|
|
9601
9713
|
return "var(--base-color-black)";
|
|
9602
9714
|
});
|
|
9603
|
-
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$
|
|
9715
|
+
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
9604
9716
|
var darkMode = _ref6.darkMode;
|
|
9605
9717
|
if (darkMode) return "var(--base-color-white)";
|
|
9606
9718
|
return "var(--base-color-errorstate)";
|
|
@@ -9714,23 +9826,24 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
9714
9826
|
})));
|
|
9715
9827
|
};
|
|
9716
9828
|
|
|
9717
|
-
var _templateObject$
|
|
9718
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
9719
|
-
var PromoLabel = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject3$
|
|
9720
|
-
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
9829
|
+
var _templateObject$1a, _templateObject3$G, _templateObject4$y, _templateObject5$s, _templateObject6$l, _templateObject7$h, _templateObject8$b, _templateObject9$7;
|
|
9830
|
+
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__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"])));
|
|
9831
|
+
var PromoLabel = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject3$G || (_templateObject3$G = /*#__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"])));
|
|
9832
|
+
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__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) {
|
|
9721
9833
|
var stackCtasEarly = _ref.stackCtasEarly;
|
|
9722
9834
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
9723
9835
|
}, function (_ref2) {
|
|
9724
9836
|
var stackCtasEarly = _ref2.stackCtasEarly;
|
|
9725
9837
|
return stackCtasEarly && "\n @media " + devices.smallDesktop + ", " + devices.mobileAndTablet + " {\n * {\n width: 100%;\n }\n }\n ";
|
|
9726
9838
|
}, devices.smallDesktop, devices.mobileAndTablet);
|
|
9727
|
-
var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
9839
|
+
var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-black);\n display: flex;\n flex-direction: column;\n gap: ", ";\n align-items: stretch;\n"])), function (_ref3) {
|
|
9728
9840
|
var singleChild = _ref3.singleChild;
|
|
9729
9841
|
return singleChild ? '0' : '10px';
|
|
9730
9842
|
});
|
|
9731
|
-
var DescriptionWrapper$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$
|
|
9732
|
-
var PriceRow = /*#__PURE__*/styled.div(_templateObject7$
|
|
9843
|
+
var DescriptionWrapper$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && p {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
9844
|
+
var PriceRow = /*#__PURE__*/styled.div(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n"])));
|
|
9733
9845
|
var LineThrough = /*#__PURE__*/styled(HarmonicHeader)(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--color-base-dark-grey);\n"])));
|
|
9846
|
+
var VisuallyHidden = /*#__PURE__*/styled.span(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 0 !important;\n clip: rect(1px, 1px, 1px, 1px) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n height: 1px !important;\n margin: -1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n white-space: nowrap !important;\n"])));
|
|
9734
9847
|
|
|
9735
9848
|
// Set max. character length
|
|
9736
9849
|
var setMaxCharLength = function setMaxCharLength(value, maxLength) {
|
|
@@ -9793,10 +9906,11 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
9793
9906
|
size: "small"
|
|
9794
9907
|
}, title), subTitle && /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9795
9908
|
size: "large"
|
|
9796
|
-
}, subTitle), (price || promoPrice) && (/*#__PURE__*/React__default.createElement(PriceRow, null, promoPrice ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(LineThrough, {
|
|
9909
|
+
}, subTitle), (price || promoPrice) && (/*#__PURE__*/React__default.createElement(PriceRow, null, promoPrice ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(VisuallyHidden, null, formatPrice(price) + " strikethrough"), /*#__PURE__*/React__default.createElement(LineThrough, {
|
|
9797
9910
|
tag: "p",
|
|
9798
9911
|
size: "small",
|
|
9799
|
-
serif: true
|
|
9912
|
+
serif: true,
|
|
9913
|
+
"aria-hidden": "true"
|
|
9800
9914
|
}, formatPrice(price)), /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
9801
9915
|
tag: "p",
|
|
9802
9916
|
size: "small",
|
|
@@ -9818,8 +9932,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
9818
9932
|
}, /*#__PURE__*/React__default.createElement(SecondaryButton, Object.assign({}, secondaryLink), truncate(secondaryLink.text, LENGTH_SMALL_TEXT$2))))))));
|
|
9819
9933
|
};
|
|
9820
9934
|
|
|
9821
|
-
var _templateObject$
|
|
9822
|
-
var Wrapper$7 = /*#__PURE__*/styled.figure(_templateObject$
|
|
9935
|
+
var _templateObject$1b, _templateObject2$U, _templateObject3$H;
|
|
9936
|
+
var Wrapper$7 = /*#__PURE__*/styled.figure(_templateObject$1b || (_templateObject$1b = /*#__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) {
|
|
9823
9937
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9824
9938
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9825
9939
|
return aspectRatio;
|
|
@@ -9827,10 +9941,10 @@ var Wrapper$7 = /*#__PURE__*/styled.figure(_templateObject$18 || (_templateObjec
|
|
|
9827
9941
|
var _ref2$aspectRatio = _ref2.aspectRatio,
|
|
9828
9942
|
aspectRatio = _ref2$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref2$aspectRatio,
|
|
9829
9943
|
height = _ref2.height;
|
|
9830
|
-
return "calc(
|
|
9944
|
+
return height ? "calc(" + height + "px * " + AspectRatioWidth[aspectRatio] + ")" : 'auto';
|
|
9831
9945
|
});
|
|
9832
|
-
var CaptionWrapper = /*#__PURE__*/styled.figcaption(_templateObject2$
|
|
9833
|
-
var CaptionContext = /*#__PURE__*/styled(Caption)(_templateObject3$
|
|
9946
|
+
var CaptionWrapper = /*#__PURE__*/styled.figcaption(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: table-caption;\n caption-side: bottom;\n margin-top: var(--carousel-image-caption-margin);\n"])));
|
|
9947
|
+
var CaptionContext = /*#__PURE__*/styled(Caption)(_templateObject3$H || (_templateObject3$H = /*#__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"])));
|
|
9834
9948
|
|
|
9835
9949
|
var _excluded$p = ["caption", "altText", "src", "srcSet", "sizes", "loading", "aspectRatio", "className"];
|
|
9836
9950
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
@@ -9863,13 +9977,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
9863
9977
|
}, caption))));
|
|
9864
9978
|
};
|
|
9865
9979
|
|
|
9866
|
-
var _templateObject$
|
|
9867
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
9868
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9869
|
-
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$
|
|
9870
|
-
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
9871
|
-
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
9872
|
-
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$
|
|
9980
|
+
var _templateObject$1c, _templateObject2$V, _templateObject3$I, _templateObject4$z, _templateObject5$t, _templateObject6$m;
|
|
9981
|
+
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__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"])));
|
|
9982
|
+
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
9983
|
+
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
9984
|
+
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
9985
|
+
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__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);
|
|
9986
|
+
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$m || (_templateObject6$m = /*#__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);
|
|
9873
9987
|
|
|
9874
9988
|
var MiniCard = function MiniCard(_ref) {
|
|
9875
9989
|
var _ref$title = _ref.title,
|
|
@@ -9907,18 +10021,18 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
9907
10021
|
}, title)))));
|
|
9908
10022
|
};
|
|
9909
10023
|
|
|
9910
|
-
var _templateObject$
|
|
9911
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9912
|
-
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
9913
|
-
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
10024
|
+
var _templateObject$1d, _templateObject2$W, _templateObject3$J, _templateObject4$A, _templateObject5$u;
|
|
10025
|
+
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__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"])));
|
|
10026
|
+
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__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"])));
|
|
10027
|
+
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
9914
10028
|
var isVisible = _ref.isVisible;
|
|
9915
10029
|
return isVisible ? 'visible' : 'hidden';
|
|
9916
10030
|
});
|
|
9917
|
-
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
10031
|
+
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
9918
10032
|
var isVisible = _ref2.isVisible;
|
|
9919
10033
|
return isVisible ? 'visible' : 'hidden';
|
|
9920
10034
|
});
|
|
9921
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$
|
|
10035
|
+
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
|
|
9922
10036
|
|
|
9923
10037
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
9924
10038
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -9999,15 +10113,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
9999
10113
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
10000
10114
|
};
|
|
10001
10115
|
|
|
10002
|
-
var _templateObject$
|
|
10003
|
-
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$
|
|
10004
|
-
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$
|
|
10005
|
-
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$
|
|
10006
|
-
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$
|
|
10116
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$K, _templateObject4$B, _templateObject5$v;
|
|
10117
|
+
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10118
|
+
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), Colors.LightGrey);
|
|
10119
|
+
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), Colors.Black, Colors.White, Colors.DarkGrey);
|
|
10120
|
+
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), Colors.Black, function (_ref) {
|
|
10007
10121
|
var isActive = _ref.isActive;
|
|
10008
10122
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
10009
10123
|
}, Colors.MidGrey);
|
|
10010
|
-
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$
|
|
10124
|
+
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
|
|
10011
10125
|
var isOpen = _ref2.isOpen;
|
|
10012
10126
|
return isOpen ? 'block' : 'none';
|
|
10013
10127
|
}, Colors.White, Colors.DarkGrey, MenuItem$1);
|
|
@@ -10163,19 +10277,19 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10163
10277
|
});
|
|
10164
10278
|
};
|
|
10165
10279
|
|
|
10166
|
-
var _templateObject$
|
|
10167
|
-
var Container$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
10168
|
-
var Sections = /*#__PURE__*/styled.div(_templateObject2$
|
|
10169
|
-
var Section = /*#__PURE__*/styled.div(_templateObject3$
|
|
10280
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$w, _templateObject6$n;
|
|
10281
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10282
|
+
var Sections = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10283
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10170
10284
|
var color = _ref.color;
|
|
10171
10285
|
return "var(--base-color-" + color + ")";
|
|
10172
10286
|
});
|
|
10173
|
-
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$
|
|
10174
|
-
var Text = /*#__PURE__*/styled.div(_templateObject5$
|
|
10287
|
+
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10288
|
+
var Text = /*#__PURE__*/styled.div(_templateObject5$w || (_templateObject5$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10175
10289
|
var color = _ref2.color;
|
|
10176
10290
|
return "var(--base-color-" + color + ")";
|
|
10177
10291
|
});
|
|
10178
|
-
var LabelText = /*#__PURE__*/styled.div(_templateObject6$
|
|
10292
|
+
var LabelText = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10179
10293
|
var color = _ref3.color;
|
|
10180
10294
|
return "var(--base-color-" + color + ")";
|
|
10181
10295
|
});
|
|
@@ -10257,18 +10371,18 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10257
10371
|
}, strengthLabel))));
|
|
10258
10372
|
};
|
|
10259
10373
|
|
|
10260
|
-
var _templateObject$
|
|
10261
|
-
var TableContainer = /*#__PURE__*/styled.table(_templateObject$
|
|
10262
|
-
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10263
|
-
var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10264
|
-
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$
|
|
10374
|
+
var _templateObject$1g, _templateObject2$Z, _templateObject3$M, _templateObject4$D, _templateObject5$x, _templateObject6$o, _templateObject7$i, _templateObject8$c;
|
|
10375
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10376
|
+
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10377
|
+
var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10378
|
+
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$D || (_templateObject4$D = /*#__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) {
|
|
10265
10379
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10266
10380
|
}, devices.tablet, devices.mobile);
|
|
10267
|
-
var TableCell = /*#__PURE__*/styled.td(_templateObject5$
|
|
10381
|
+
var TableCell = /*#__PURE__*/styled.td(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n vertical-align: middle;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n min-width: 150px;\n }\n"])), function (props) {
|
|
10268
10382
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10269
10383
|
}, devices.mobile);
|
|
10270
|
-
var PaginationWrapper = /*#__PURE__*/styled(Pagination)(_templateObject6$
|
|
10271
|
-
var ScrollButtons = /*#__PURE__*/styled.div(_templateObject7$
|
|
10384
|
+
var PaginationWrapper = /*#__PURE__*/styled(Pagination)(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 40px;\n padding-bottom: 80px;\n\n @media ", " {\n padding-top: 24px;\n padding-bottom: 60px;\n }\n"])), devices.mobile);
|
|
10385
|
+
var ScrollButtons = /*#__PURE__*/styled.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 60px 0 24px 0;\n\n div:hover {\n background-color: var(--color-base-light-grey);\n }\n\n > div > div {\n background-color: var(--color-base-light-grey);\n }\n\n svg path {\n fill: var(--color-base-black) !important;\n }\n"])));
|
|
10272
10386
|
var AriaDescription$2 = /*#__PURE__*/styled.span(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
10273
10387
|
|
|
10274
10388
|
/* eslint-disable react/no-danger */
|
|
@@ -10472,22 +10586,22 @@ var Table = function Table(_ref) {
|
|
|
10472
10586
|
}))));
|
|
10473
10587
|
};
|
|
10474
10588
|
|
|
10475
|
-
var _templateObject$
|
|
10476
|
-
var Wrapper$9 = /*#__PURE__*/styled('div')(_templateObject$
|
|
10589
|
+
var _templateObject$1h, _templateObject2$_, _templateObject3$N, _templateObject4$E, _templateObject5$y, _templateObject6$p, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
10590
|
+
var Wrapper$9 = /*#__PURE__*/styled('div')(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
10477
10591
|
var theme = _ref.theme;
|
|
10478
10592
|
return "var(--color-" + theme + ")";
|
|
10479
10593
|
}, function (_ref2) {
|
|
10480
10594
|
var theme = _ref2.theme;
|
|
10481
10595
|
return "var(--color-" + theme + ")";
|
|
10482
10596
|
});
|
|
10483
|
-
var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
10484
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
10485
|
-
var Error = /*#__PURE__*/styled.div(_templateObject4$
|
|
10486
|
-
var Form = /*#__PURE__*/styled.form(_templateObject5$
|
|
10487
|
-
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
10488
|
-
var ServerError = /*#__PURE__*/styled.div(_templateObject7$
|
|
10597
|
+
var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
10598
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$N || (_templateObject3$N = /*#__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);
|
|
10599
|
+
var Error = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
10600
|
+
var Form = /*#__PURE__*/styled.form(_templateObject5$y || (_templateObject5$y = /*#__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);
|
|
10601
|
+
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$p || (_templateObject6$p = /*#__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);
|
|
10602
|
+
var ServerError = /*#__PURE__*/styled.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
10489
10603
|
var CTALinkWrapper = /*#__PURE__*/styled.a(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
10490
|
-
var ButtonWrapper$3 = /*#__PURE__*/styled.div(_templateObject9$
|
|
10604
|
+
var ButtonWrapper$3 = /*#__PURE__*/styled.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n color: var(--base-color-white);\n text-decoration: none;\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
10491
10605
|
var FieldsWrapper = /*#__PURE__*/styled.div(_templateObject0$7 || (_templateObject0$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 36px;\n\n @media ", " {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n"])), devices.mobile);
|
|
10492
10606
|
var MessageWrapper = /*#__PURE__*/styled.div(_templateObject1$5 || (_templateObject1$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div > p {\n margin: 0;\n }\n"])));
|
|
10493
10607
|
var DropdownAreaWrapper = /*#__PURE__*/styled.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1 / -1;\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n gap: var(--grid-column-gap);\n cursor: pointer;\n"])));
|
|
@@ -10897,13 +11011,13 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
10897
11011
|
}))))));
|
|
10898
11012
|
};
|
|
10899
11013
|
|
|
10900
|
-
var _templateObject$
|
|
10901
|
-
var AnchorBarContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
11014
|
+
var _templateObject$1i, _templateObject2$$, _templateObject4$F, _templateObject5$z;
|
|
11015
|
+
var AnchorBarContainer = /*#__PURE__*/styled(Grid)(_templateObject$1i || (_templateObject$1i = /*#__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) {
|
|
10902
11016
|
var withShadow = _ref.withShadow;
|
|
10903
|
-
return withShadow && css(_templateObject2
|
|
11017
|
+
return withShadow && css(_templateObject2$$ || (_templateObject2$$ = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
10904
11018
|
}, devices.mobile);
|
|
10905
|
-
var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$
|
|
10906
|
-
var ContentWrapper$2 = /*#__PURE__*/styled.a(_templateObject5$
|
|
11019
|
+
var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$F || (_templateObject4$F = /*#__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);
|
|
11020
|
+
var ContentWrapper$2 = /*#__PURE__*/styled.a(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
10907
11021
|
|
|
10908
11022
|
var defaultGrid = {
|
|
10909
11023
|
columnStartDesktop: 2,
|
|
@@ -10961,12 +11075,12 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
10961
11075
|
return null;
|
|
10962
11076
|
};
|
|
10963
11077
|
|
|
10964
|
-
var _templateObject$
|
|
10965
|
-
var FocusableTab = /*#__PURE__*/styled(Tab)(_templateObject$
|
|
11078
|
+
var _templateObject$1j, _templateObject2$10;
|
|
11079
|
+
var FocusableTab = /*#__PURE__*/styled(Tab)(_templateObject$1j || (_templateObject$1j = /*#__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) {
|
|
10966
11080
|
var hide = _ref.hide;
|
|
10967
11081
|
return hide && "display: none;";
|
|
10968
11082
|
}, devices.mobileAndTablet);
|
|
10969
|
-
var HiddenBlock = /*#__PURE__*/styled.div(_templateObject2$
|
|
11083
|
+
var HiddenBlock = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__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);
|
|
10970
11084
|
|
|
10971
11085
|
/**
|
|
10972
11086
|
* An accessible component which allows Assistive Technology users to move the focus
|
|
@@ -11058,8 +11172,8 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
11058
11172
|
}));
|
|
11059
11173
|
};
|
|
11060
11174
|
|
|
11061
|
-
var _templateObject$
|
|
11062
|
-
var TextContainer$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$
|
|
11175
|
+
var _templateObject$1k;
|
|
11176
|
+
var TextContainer$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-black);\n font-feature-settings: var(--font-feature-settings-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-feature-settings: var(--font-feature-settings-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-feature-settings: var(--font-feature-settings-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: var(--color-base-black);\n text-decoration: underline;\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n cursor: pointer;\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n\n &:hover {\n color: var(--color-rbo-black-hovered);\n }\n\n &:active {\n color: var(--color-rbo-black-pressed);\n }\n }\n\n p {\n margin: 30px 0;\n }\n\n p:has(+ ul),\n p:has(+ ol) {\n margin-bottom: 12px;\n }\n\n & ul,\n & ol {\n padding: 0;\n list-style: none;\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n & ul li,\n & ol li {\n position: relative;\n padding-left: 32px;\n padding-top: 6px;\n padding-bottom: 6px;\n\n @media ", " {\n padding-left: 28px;\n padding-top: 4px;\n padding-bottom: 4px;\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n position: absolute;\n left: 0;\n width: 20px;\n text-align: right;\n margin-right: 12px;\n\n @media ", " {\n width: 16px;\n margin-right: 12px;\n }\n }\n\n & ol {\n counter-reset: custom-ol;\n }\n\n & ol > li {\n counter-increment: custom-ol;\n }\n\n & ol > li::before {\n content: counter(custom-ol, decimal-leading-zero) '';\n position: absolute;\n left: 0;\n min-width: 20px;\n text-align: right;\n margin-right: 12px;\n display: inline-block;\n\n @media ", " {\n min-width: 16px;\n margin-right: 12px;\n }\n }\n"])), devices.mobile, devices.mobile, devices.mobile);
|
|
11063
11177
|
|
|
11064
11178
|
var addTypographyClasses = function addTypographyClasses(html) {
|
|
11065
11179
|
return html.replace(/<h1>/g, "<h1 class=\"" + typographyStyles.header + " " + typographyStyles['header--large'] + "\">").replace(/<h2>/g, "<h2 class=\"" + typographyStyles.header + " " + typographyStyles['header--large'] + "\">").replace(/<h3>/g, "<h3 class=\"" + typographyStyles.header + " " + typographyStyles['header--medium'] + "\">").replace(/<h4>/g, "<h4 class=\"" + typographyStyles.header + " " + typographyStyles['header--medium'] + "\">").replace(/<h5>/g, "<h5 class=\"" + typographyStyles.header + " " + typographyStyles['header--small'] + "\">").replace(/<h6>/g, "<h6 class=\"" + typographyStyles.header + " " + typographyStyles['header--small'] + "\">");
|
|
@@ -11114,27 +11228,27 @@ var BodyContent = function BodyContent(_ref2) {
|
|
|
11114
11228
|
}, gridItemOrContent);
|
|
11115
11229
|
};
|
|
11116
11230
|
|
|
11117
|
-
var _templateObject$
|
|
11231
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$O, _templateObject4$G, _templateObject5$A, _templateObject6$q, _templateObject7$k;
|
|
11118
11232
|
var color = 'primary-black';
|
|
11119
11233
|
var Button$2 = /*#__PURE__*/styled(SecondaryButton).attrs({
|
|
11120
11234
|
borderColor: color,
|
|
11121
11235
|
hoveredColor: color,
|
|
11122
11236
|
pressedColor: color,
|
|
11123
11237
|
textColor: color
|
|
11124
|
-
})(_templateObject$
|
|
11125
|
-
var Container$7 = /*#__PURE__*/styled.div(_templateObject2
|
|
11126
|
-
var Description = /*#__PURE__*/styled(BodyContentTextContainer)(_templateObject3$
|
|
11238
|
+
})(_templateObject$1l || (_templateObject$1l = /*#__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);
|
|
11239
|
+
var Container$7 = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__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);
|
|
11240
|
+
var Description = /*#__PURE__*/styled(BodyContentTextContainer)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n margin: 27px 0;\n\n @media ", " {\n margin: 20px 0;\n }\n }\n"])), devices.mobile);
|
|
11127
11241
|
var Heading = /*#__PURE__*/styled(HarmonicHeader).attrs({
|
|
11128
11242
|
serif: true,
|
|
11129
11243
|
size: 'medium'
|
|
11130
|
-
})(_templateObject4$
|
|
11244
|
+
})(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n letter-spacing: -0.5px;\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
11131
11245
|
var Intro = /*#__PURE__*/styled(HarmonicSubtitle).attrs({
|
|
11132
11246
|
size: 'large'
|
|
11133
|
-
})(_templateObject5$
|
|
11134
|
-
var SignInLink = /*#__PURE__*/styled.a(_templateObject6$
|
|
11247
|
+
})(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
11248
|
+
var SignInLink = /*#__PURE__*/styled.a(_templateObject6$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--primary-black);\n cursor: pointer;\n text-decoration: underline;\n text-decoration-skip: none;\n"])));
|
|
11135
11249
|
var SignInPrompt = /*#__PURE__*/styled(BodyCopyHarmonic).attrs({
|
|
11136
11250
|
size: 'large'
|
|
11137
|
-
})(_templateObject7$
|
|
11251
|
+
})(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11138
11252
|
|
|
11139
11253
|
var Paywall = function Paywall(_ref) {
|
|
11140
11254
|
var className = _ref.className,
|
|
@@ -11327,14 +11441,14 @@ var Navigation = function Navigation(_ref) {
|
|
|
11327
11441
|
})))))));
|
|
11328
11442
|
};
|
|
11329
11443
|
|
|
11330
|
-
var _templateObject$
|
|
11331
|
-
var FooterSection = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
11332
|
-
var PolicyLinksSection = /*#__PURE__*/styled(GridItem)(_templateObject2$
|
|
11333
|
-
var SocialAndNewsletterSection = /*#__PURE__*/styled(GridItem)(_templateObject3$
|
|
11334
|
-
var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
11335
|
-
var LogoAndDescriptionSection = /*#__PURE__*/styled(GridItem)(_templateObject5$
|
|
11336
|
-
var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$
|
|
11337
|
-
var TextLinkWrapper$3 = /*#__PURE__*/styled(TextLink)(_templateObject7$
|
|
11444
|
+
var _templateObject$1m, _templateObject2$12, _templateObject3$P, _templateObject4$H, _templateObject5$B, _templateObject6$r, _templateObject7$l;
|
|
11445
|
+
var FooterSection = /*#__PURE__*/styled(Grid)(_templateObject$1m || (_templateObject$1m = /*#__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);
|
|
11446
|
+
var PolicyLinksSection = /*#__PURE__*/styled(GridItem)(_templateObject2$12 || (_templateObject2$12 = /*#__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);
|
|
11447
|
+
var SocialAndNewsletterSection = /*#__PURE__*/styled(GridItem)(_templateObject3$P || (_templateObject3$P = /*#__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);
|
|
11448
|
+
var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
11449
|
+
var LogoAndDescriptionSection = /*#__PURE__*/styled(GridItem)(_templateObject5$B || (_templateObject5$B = /*#__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);
|
|
11450
|
+
var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
11451
|
+
var TextLinkWrapper$3 = /*#__PURE__*/styled(TextLink)(_templateObject7$l || (_templateObject7$l = /*#__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"])));
|
|
11338
11452
|
|
|
11339
11453
|
var SPONSOR_IMAGE_SOURCE = 'https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/sponsorlogos/arts-council-england-invert.svg';
|
|
11340
11454
|
var Footer = function Footer(_ref) {
|
|
@@ -11392,18 +11506,18 @@ var Footer = function Footer(_ref) {
|
|
|
11392
11506
|
}, additionalInfo))));
|
|
11393
11507
|
};
|
|
11394
11508
|
|
|
11395
|
-
var _templateObject$
|
|
11509
|
+
var _templateObject$1n, _templateObject2$13, _templateObject3$Q, _templateObject4$I, _templateObject5$C, _templateObject8$e, _templateObject9$9, _templateObject0$8;
|
|
11396
11510
|
var LIST_ITEM_GAP = 32;
|
|
11397
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
11511
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$1n || (_templateObject$1n = /*#__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) {
|
|
11398
11512
|
var bottomBorder = _ref.bottomBorder;
|
|
11399
11513
|
return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
|
|
11400
11514
|
}, zIndexes.anchor, function (_ref2) {
|
|
11401
11515
|
var withShadow = _ref2.withShadow;
|
|
11402
|
-
return withShadow && css(_templateObject2$
|
|
11516
|
+
return withShadow && css(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11403
11517
|
});
|
|
11404
|
-
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
11405
|
-
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
11406
|
-
var TabsList = /*#__PURE__*/styled.ul(_templateObject5$
|
|
11518
|
+
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
11519
|
+
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
11520
|
+
var TabsList = /*#__PURE__*/styled.ul(_templateObject5$C || (_templateObject5$C = /*#__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) {
|
|
11407
11521
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
11408
11522
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
11409
11523
|
}, LIST_ITEM_GAP, function (_ref4) {
|
|
@@ -11416,7 +11530,7 @@ var TabsList = /*#__PURE__*/styled.ul(_templateObject5$D || (_templateObject5$D
|
|
|
11416
11530
|
});
|
|
11417
11531
|
var ArrowsContainer = /*#__PURE__*/styled.div(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 74px;\n height: var(--anchor-tabs-height);\n background-color: var(--color-base-white);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n\n ", "\n"])), function (_ref7) {
|
|
11418
11532
|
var withShadow = _ref7.withShadow;
|
|
11419
|
-
return withShadow && css(_templateObject9$
|
|
11533
|
+
return withShadow && css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11420
11534
|
});
|
|
11421
11535
|
var ArrowWrapper = /*#__PURE__*/styled.div(_templateObject0$8 || (_templateObject0$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n cursor: ", ";\n pinter-events: ", ";\n display: flex;\n align-items: center;\n justify-content: flex-center;\n\n && svg path {\n fill: ", ";\n }\n"])), function (_ref8) {
|
|
11422
11536
|
var disabled = _ref8.disabled;
|
|
@@ -11673,19 +11787,19 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
11673
11787
|
})))) : null))));
|
|
11674
11788
|
};
|
|
11675
11789
|
|
|
11676
|
-
var _templateObject$
|
|
11677
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
11790
|
+
var _templateObject$1o, _templateObject2$14, _templateObject3$R, _templateObject4$J, _templateObject6$s, _templateObject7$m, _templateObject8$f, _templateObject9$a, _templateObject0$9;
|
|
11791
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
11678
11792
|
var sticky = _ref.sticky;
|
|
11679
11793
|
return sticky ? 'sticky' : 'initial';
|
|
11680
11794
|
}, zIndexes.anchor);
|
|
11681
|
-
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
11682
|
-
var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$
|
|
11795
|
+
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-light-grey);\n"])));
|
|
11796
|
+
var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__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) {
|
|
11683
11797
|
var title = _ref2.title;
|
|
11684
11798
|
return title ? 'row' : 'row-reverse';
|
|
11685
11799
|
}, devices.tablet, devices.mobile);
|
|
11686
|
-
var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$
|
|
11687
|
-
var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
11688
|
-
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
11800
|
+
var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
|
|
11801
|
+
var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
11802
|
+
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
11689
11803
|
var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
11690
11804
|
var theme = _ref3.theme;
|
|
11691
11805
|
return theme.colors.primaryButtonReverseBg;
|
|
@@ -11699,7 +11813,7 @@ var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$f
|
|
|
11699
11813
|
var theme = _ref6.theme;
|
|
11700
11814
|
return theme.colors.primaryButtonReverse;
|
|
11701
11815
|
});
|
|
11702
|
-
var MessageWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$
|
|
11816
|
+
var MessageWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-right: var(--grid-outer-margin);\n height: var(--button-height);\n\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n margin-right: var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
11703
11817
|
var MessageWrapperMobile = /*#__PURE__*/styled.div(_templateObject0$9 || (_templateObject0$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h6 {\n margin: 0;\n padding: 0;\n }\n display: none;\n\n @media ", " {\n & {\n display: flex;\n align-items: center;\n margin-left: var(--grid-margin);\n padding: 12px 0;\n }\n }\n"])), devices.mobile);
|
|
11704
11818
|
|
|
11705
11819
|
var _excluded$r = ["text"],
|
|
@@ -11733,14 +11847,14 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
11733
11847
|
}, message))));
|
|
11734
11848
|
};
|
|
11735
11849
|
|
|
11736
|
-
var _templateObject$
|
|
11737
|
-
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$
|
|
11738
|
-
var TitleContent = /*#__PURE__*/styled(HarmonicHeader)(_templateObject2$
|
|
11739
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
11740
|
-
var TextContent = /*#__PURE__*/styled(BodyContent)(_templateObject4$
|
|
11850
|
+
var _templateObject$1p, _templateObject2$15, _templateObject3$S, _templateObject4$K;
|
|
11851
|
+
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$1p || (_templateObject$1p = /*#__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);
|
|
11852
|
+
var TitleContent = /*#__PURE__*/styled(HarmonicHeader)(_templateObject2$15 || (_templateObject2$15 = /*#__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);
|
|
11853
|
+
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__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);
|
|
11854
|
+
var TextContent = /*#__PURE__*/styled(BodyContent)(_templateObject4$K || (_templateObject4$K = /*#__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);
|
|
11741
11855
|
|
|
11742
|
-
var _templateObject$
|
|
11743
|
-
var Wrapper$a = /*#__PURE__*/styled.div(_templateObject$
|
|
11856
|
+
var _templateObject$1q;
|
|
11857
|
+
var Wrapper$a = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__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);
|
|
11744
11858
|
|
|
11745
11859
|
var UpsellCards = function UpsellCards(_ref) {
|
|
11746
11860
|
var upsellCards = _ref.upsellCards;
|
|
@@ -11802,9 +11916,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
11802
11916
|
})))));
|
|
11803
11917
|
};
|
|
11804
11918
|
|
|
11805
|
-
var _templateObject$
|
|
11806
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
11807
|
-
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
11919
|
+
var _templateObject$1r, _templateObject2$16;
|
|
11920
|
+
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--color-base-white);\n"])), zIndexes.anchor);
|
|
11921
|
+
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$16 || (_templateObject2$16 = /*#__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) {
|
|
11808
11922
|
var bottomBorder = _ref.bottomBorder;
|
|
11809
11923
|
return bottomBorder && 'border-bottom: 1px solid var(--color-base-light-grey);';
|
|
11810
11924
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -11835,11 +11949,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
11835
11949
|
}, children)));
|
|
11836
11950
|
};
|
|
11837
11951
|
|
|
11838
|
-
var _templateObject$
|
|
11839
|
-
var InnerModal = /*#__PURE__*/styled.div(_templateObject$
|
|
11840
|
-
var CloseButton = /*#__PURE__*/styled.button(_templateObject2$
|
|
11841
|
-
var ContentWrapper$3 = /*#__PURE__*/styled.div(_templateObject3$
|
|
11842
|
-
var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$
|
|
11952
|
+
var _templateObject$1s, _templateObject2$17, _templateObject3$T, _templateObject4$L;
|
|
11953
|
+
var InnerModal = /*#__PURE__*/styled.div(_templateObject$1s || (_templateObject$1s = /*#__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);
|
|
11954
|
+
var CloseButton = /*#__PURE__*/styled.button(_templateObject2$17 || (_templateObject2$17 = /*#__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);
|
|
11955
|
+
var ContentWrapper$3 = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11956
|
+
var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$L || (_templateObject4$L = /*#__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"])));
|
|
11843
11957
|
|
|
11844
11958
|
var _excluded$s = ["isOpen", "setIsOpen", "children", "appElementId"];
|
|
11845
11959
|
var MAX_Z_INDEX = 9999999999;
|
|
@@ -11954,6 +12068,7 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11954
12068
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$3, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11955
12069
|
};
|
|
11956
12070
|
|
|
12071
|
+
var _SLIDE_PRESETS;
|
|
11957
12072
|
var GRID_COLUMN_GAP = 'var(--grid-column-gap)';
|
|
11958
12073
|
var GRID_VALUES = {
|
|
11959
12074
|
desktop: {
|
|
@@ -11977,6 +12092,20 @@ var GRID_VALUES = {
|
|
|
11977
12092
|
gapsPerSlide: 9
|
|
11978
12093
|
}
|
|
11979
12094
|
};
|
|
12095
|
+
var SLIDE_PRESETS = (_SLIDE_PRESETS = {}, _SLIDE_PRESETS[CarouselType.PersonCard] = {
|
|
12096
|
+
desktop: {
|
|
12097
|
+
width: '320px',
|
|
12098
|
+
marginRight: '0'
|
|
12099
|
+
},
|
|
12100
|
+
tablet: {
|
|
12101
|
+
width: '320px',
|
|
12102
|
+
marginRight: '0'
|
|
12103
|
+
},
|
|
12104
|
+
mobile: {
|
|
12105
|
+
width: '219px',
|
|
12106
|
+
marginRight: '0'
|
|
12107
|
+
}
|
|
12108
|
+
}, _SLIDE_PRESETS);
|
|
11980
12109
|
// Grid Calculations
|
|
11981
12110
|
var calculateGridColumnWidth = function calculateGridColumnWidth(gridGapsNumber, gridColumnsNumber) {
|
|
11982
12111
|
return "calc((100% - (" + gridGapsNumber + " * " + GRID_COLUMN_GAP + ")) / " + gridColumnsNumber + ")";
|
|
@@ -11989,6 +12118,10 @@ var calculateSlideGapsSpace = function calculateSlideGapsSpace(gapsPerSlide) {
|
|
|
11989
12118
|
};
|
|
11990
12119
|
// Slide styles
|
|
11991
12120
|
var getCardSlideDesktopStyles = function getCardSlideDesktopStyles(type, isActive) {
|
|
12121
|
+
var preset = SLIDE_PRESETS[type];
|
|
12122
|
+
if (preset != null && preset.desktop) {
|
|
12123
|
+
return "\n width: " + preset.desktop.width + ";\n margin-right: " + preset.desktop.marginRight + ";\n ";
|
|
12124
|
+
}
|
|
11992
12125
|
var _GRID_VALUES$desktop = GRID_VALUES.desktop,
|
|
11993
12126
|
gapsNumber = _GRID_VALUES$desktop.gapsNumber,
|
|
11994
12127
|
columnsNumber = _GRID_VALUES$desktop.columnsNumber,
|
|
@@ -12003,7 +12136,18 @@ var getCardSlideDesktopStyles = function getCardSlideDesktopStyles(type, isActiv
|
|
|
12003
12136
|
var slideGapsSpace = calculateSlideGapsSpace(gapsPerSlide);
|
|
12004
12137
|
return "\n width: calc( (" + columnsPerSlide + " * (100% - " + gapsSpaceInMainGrid + ") / " + columns + ") + " + slideGapsSpace + " );\n margin-right: " + GRID_COLUMN_GAP + ";\n ";
|
|
12005
12138
|
};
|
|
12006
|
-
var
|
|
12139
|
+
var getCardSlideTabletStyles = function getCardSlideTabletStyles(type) {
|
|
12140
|
+
var preset = SLIDE_PRESETS[type];
|
|
12141
|
+
if (preset != null && preset.tablet) {
|
|
12142
|
+
return "\n width: " + preset.tablet.width + ";\n margin-right: " + preset.tablet.marginRight + ";\n ";
|
|
12143
|
+
}
|
|
12144
|
+
return "\n width: " + (type === CarouselType.SmallCard ? '30%' : '40%') + ";\n ";
|
|
12145
|
+
};
|
|
12146
|
+
var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
12147
|
+
var preset = SLIDE_PRESETS[type];
|
|
12148
|
+
if (preset != null && preset.mobile) {
|
|
12149
|
+
return "\n width: " + preset.mobile.width + ";\n margin-right: " + preset.mobile.marginRight + ";\n ";
|
|
12150
|
+
}
|
|
12007
12151
|
var _GRID_VALUES$mobile = GRID_VALUES.mobile,
|
|
12008
12152
|
columnsNumber = _GRID_VALUES$mobile.columnsNumber,
|
|
12009
12153
|
gapsNumber = _GRID_VALUES$mobile.gapsNumber,
|
|
@@ -12012,33 +12156,30 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles() {
|
|
|
12012
12156
|
var gridColumnWidth = calculateGridColumnWidth(gapsNumber, columnsNumber);
|
|
12013
12157
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
12014
12158
|
};
|
|
12015
|
-
var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
|
|
12016
|
-
return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
|
|
12017
|
-
};
|
|
12018
12159
|
|
|
12019
|
-
var _templateObject$
|
|
12020
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
12160
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$M, _templateObject5$D, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$b;
|
|
12161
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$1t || (_templateObject$1t = /*#__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) {
|
|
12021
12162
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
12022
|
-
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
|
|
12163
|
+
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 }";
|
|
12023
12164
|
}, devices.mobile, function (_ref2) {
|
|
12024
12165
|
var imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
12025
|
-
return "&&& {\n .swipe-slide > figure {\n
|
|
12166
|
+
return "&&& {\n .swipe-slide > figure {\n > div {\n height: " + imagesHeightDevice + "px;\n }\n }\n }";
|
|
12026
12167
|
});
|
|
12027
|
-
var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
12168
|
+
var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n}"])), function (_ref3) {
|
|
12028
12169
|
var type = _ref3.type,
|
|
12029
12170
|
isActive = _ref3.isActive;
|
|
12030
|
-
return "\n & {\n .swipe-slide {\n " + getCardSlideDesktopStyles(type, isActive) + "\n }\n }\n\n @media " + devices.tablet + " {\n & {\n .swipe-slide {\n
|
|
12031
|
-
}
|
|
12032
|
-
var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
12033
|
-
var CarouselInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
12034
|
-
var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$
|
|
12171
|
+
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 ";
|
|
12172
|
+
});
|
|
12173
|
+
var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$U || (_templateObject3$U = /*#__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);
|
|
12174
|
+
var CarouselInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$M || (_templateObject4$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n user-select: text;\n"])));
|
|
12175
|
+
var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
12035
12176
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
12036
12177
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
12037
12178
|
});
|
|
12038
|
-
var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$
|
|
12039
|
-
var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
12179
|
+
var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n padding-bottom: 4px;\n box-sizing: border-box;\n /* max-height = 2 * 40px (two lines): 40px is the design line-height for header--medium (matches font-size/optical metrics), +4px provides extra descender room so glyphs like g/y aren't clipped \u2014 non\u2011WebKit fallback */\n max-height: calc(2 * 40px + 4px);\n"])));
|
|
12180
|
+
var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n"])));
|
|
12040
12181
|
var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
12041
|
-
var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$
|
|
12182
|
+
var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .swipe {\n padding-inline-start: 2px;\n padding-block-start: 2px;\n }\n\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
|
|
12042
12183
|
var active = _ref5.active;
|
|
12043
12184
|
return active ? 'grid-column: 1 / span 16' : '';
|
|
12044
12185
|
}, devices.tablet, function (_ref6) {
|
|
@@ -12078,9 +12219,34 @@ var Carousel = function Carousel(_ref) {
|
|
|
12078
12219
|
var _useState3 = useState(0),
|
|
12079
12220
|
slidesOffsetBefore = _useState3[0],
|
|
12080
12221
|
setSlidesOffsetBefore = _useState3[1];
|
|
12222
|
+
var _useState4 = useState(infinite),
|
|
12223
|
+
availablePrev = _useState4[0],
|
|
12224
|
+
setAvailablePrev = _useState4[1];
|
|
12225
|
+
var _useState5 = useState(function () {
|
|
12226
|
+
var count = React__default.Children.count(children);
|
|
12227
|
+
return infinite ? true : count > 1;
|
|
12228
|
+
}),
|
|
12229
|
+
availableNext = _useState5[0],
|
|
12230
|
+
setAvailableNext = _useState5[1];
|
|
12231
|
+
var _useState6 = useState(true),
|
|
12232
|
+
showRotatorButtons = _useState6[0],
|
|
12233
|
+
setShowRotatorButtons = _useState6[1];
|
|
12081
12234
|
var swipeRef = useRef(null);
|
|
12082
12235
|
var carouselRef = useRef(null);
|
|
12083
12236
|
var titleButtonsGridRef = useRef(null);
|
|
12237
|
+
var childrenCount = React__default.Children.count(children);
|
|
12238
|
+
useEffect(function () {
|
|
12239
|
+
if (infinite) {
|
|
12240
|
+
setAvailablePrev(true);
|
|
12241
|
+
setAvailableNext(true);
|
|
12242
|
+
} else {
|
|
12243
|
+
setAvailablePrev(false);
|
|
12244
|
+
setAvailableNext(function () {
|
|
12245
|
+
var _swipeRef$current$has, _swipeRef$current;
|
|
12246
|
+
return (_swipeRef$current$has = (_swipeRef$current = swipeRef.current) == null ? void 0 : _swipeRef$current.hasNext()) != null ? _swipeRef$current$has : childrenCount > 1;
|
|
12247
|
+
});
|
|
12248
|
+
}
|
|
12249
|
+
}, [childrenCount, infinite]);
|
|
12084
12250
|
useEffect(function () {
|
|
12085
12251
|
if (type !== CarouselType.Image) return undefined;
|
|
12086
12252
|
var handleFullscreenChange = function handleFullscreenChange() {
|
|
@@ -12106,12 +12272,17 @@ var Carousel = function Carousel(_ref) {
|
|
|
12106
12272
|
useEffect(function () {
|
|
12107
12273
|
if (!useOffset || !active) return undefined;
|
|
12108
12274
|
var updateWindowDimensions = function updateWindowDimensions() {
|
|
12275
|
+
var _swipeRef$current2;
|
|
12109
12276
|
if (window.matchMedia(devices.mobile).matches) {
|
|
12110
12277
|
setSlidesOffsetBefore(GRID_OFFSET_MARGIN.mobile);
|
|
12111
12278
|
} else if (window.matchMedia(devices.tablet).matches) {
|
|
12112
12279
|
setSlidesOffsetBefore(GRID_OFFSET_MARGIN.tablet);
|
|
12113
12280
|
} else {
|
|
12114
|
-
setSlidesOffsetBefore(Math.floor(window.innerWidth * SCREEN_WIDTH_PERCENTAGE) - GRID_OFFSET_MARGIN.desktop);
|
|
12281
|
+
setSlidesOffsetBefore(infinite ? Math.floor(window.innerWidth * SCREEN_WIDTH_PERCENTAGE) - GRID_OFFSET_MARGIN.desktop : 0);
|
|
12282
|
+
}
|
|
12283
|
+
var hasNext = (_swipeRef$current2 = swipeRef.current) == null ? void 0 : _swipeRef$current2.hasNext();
|
|
12284
|
+
if (typeof hasNext === 'boolean') {
|
|
12285
|
+
setAvailableNext(hasNext);
|
|
12115
12286
|
}
|
|
12116
12287
|
};
|
|
12117
12288
|
window.addEventListener('resize', updateWindowDimensions);
|
|
@@ -12121,12 +12292,12 @@ var Carousel = function Carousel(_ref) {
|
|
|
12121
12292
|
};
|
|
12122
12293
|
}, [useOffset, active]);
|
|
12123
12294
|
var onNext = function onNext() {
|
|
12124
|
-
var _swipeRef$
|
|
12125
|
-
(_swipeRef$
|
|
12295
|
+
var _swipeRef$current3;
|
|
12296
|
+
(_swipeRef$current3 = swipeRef.current) == null || _swipeRef$current3.nextSlide();
|
|
12126
12297
|
};
|
|
12127
12298
|
var onPrev = function onPrev() {
|
|
12128
|
-
var _swipeRef$
|
|
12129
|
-
(_swipeRef$
|
|
12299
|
+
var _swipeRef$current4;
|
|
12300
|
+
(_swipeRef$current4 = swipeRef.current) == null || _swipeRef$current4.prevSlide();
|
|
12130
12301
|
};
|
|
12131
12302
|
var onClickFullscreen = function onClickFullscreen() {
|
|
12132
12303
|
if (!isFullscreen && carouselRef.current) {
|
|
@@ -12135,11 +12306,56 @@ var Carousel = function Carousel(_ref) {
|
|
|
12135
12306
|
document.exitFullscreen();
|
|
12136
12307
|
}
|
|
12137
12308
|
};
|
|
12309
|
+
useEffect(function () {
|
|
12310
|
+
if (type !== CarouselType.Image) return undefined;
|
|
12311
|
+
var el = carouselRef.current;
|
|
12312
|
+
if (!el) return undefined;
|
|
12313
|
+
var handleKeydown = function handleKeydown(e) {
|
|
12314
|
+
if (!el.contains(document.activeElement)) return;
|
|
12315
|
+
if (e.key === 'ArrowRight') {
|
|
12316
|
+
var _swipeRef$current5;
|
|
12317
|
+
e.preventDefault();
|
|
12318
|
+
(_swipeRef$current5 = swipeRef.current) == null || _swipeRef$current5.nextSlide();
|
|
12319
|
+
} else if (e.key === 'ArrowLeft') {
|
|
12320
|
+
var _swipeRef$current6;
|
|
12321
|
+
e.preventDefault();
|
|
12322
|
+
(_swipeRef$current6 = swipeRef.current) == null || _swipeRef$current6.prevSlide();
|
|
12323
|
+
}
|
|
12324
|
+
};
|
|
12325
|
+
el.addEventListener('keydown', handleKeydown);
|
|
12326
|
+
return function () {
|
|
12327
|
+
return el.removeEventListener('keydown', handleKeydown);
|
|
12328
|
+
};
|
|
12329
|
+
}, [type]);
|
|
12138
12330
|
var onActiveChangeHandler = function onActiveChangeHandler(value) {
|
|
12139
12331
|
if (useOffset && !active) {
|
|
12140
12332
|
setActive(value);
|
|
12141
12333
|
}
|
|
12142
12334
|
};
|
|
12335
|
+
var onIndexChangeHandler = function onIndexChangeHandler(index) {
|
|
12336
|
+
if (infinite) {
|
|
12337
|
+
setAvailablePrev(true);
|
|
12338
|
+
setAvailableNext(true);
|
|
12339
|
+
return;
|
|
12340
|
+
}
|
|
12341
|
+
setAvailablePrev(index > 0);
|
|
12342
|
+
setAvailableNext(function () {
|
|
12343
|
+
var _swipeRef$current$has2, _swipeRef$current7;
|
|
12344
|
+
return (_swipeRef$current$has2 = (_swipeRef$current7 = swipeRef.current) == null ? void 0 : _swipeRef$current7.hasNext()) != null ? _swipeRef$current$has2 : index < Math.max(0, childrenCount - 1);
|
|
12345
|
+
});
|
|
12346
|
+
};
|
|
12347
|
+
var handleOverflowChange = function handleOverflowChange(overflow) {
|
|
12348
|
+
if (!infinite) {
|
|
12349
|
+
var _swipeRef$current8;
|
|
12350
|
+
setShowRotatorButtons(overflow);
|
|
12351
|
+
var hasNext = (_swipeRef$current8 = swipeRef.current) == null ? void 0 : _swipeRef$current8.hasNext();
|
|
12352
|
+
if (typeof hasNext === 'boolean') {
|
|
12353
|
+
setAvailableNext(hasNext);
|
|
12354
|
+
} else {
|
|
12355
|
+
setAvailableNext(overflow);
|
|
12356
|
+
}
|
|
12357
|
+
}
|
|
12358
|
+
};
|
|
12143
12359
|
var carouselTitleId = "carousel-title-" + title;
|
|
12144
12360
|
var titleSemanticLevelValue = titleSemanticLevel ? "h" + titleSemanticLevel : 'h2';
|
|
12145
12361
|
var Wrapper = type === CarouselType.Image ? ImageCarouselWrapper : CardsCarouselWrapper;
|
|
@@ -12177,23 +12393,28 @@ var Carousel = function Carousel(_ref) {
|
|
|
12177
12393
|
columnSpanDevice: 2
|
|
12178
12394
|
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
12179
12395
|
"data-testid": "carousel-buttons-wrapper"
|
|
12180
|
-
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
12396
|
+
}, (infinite || showRotatorButtons) && (/*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
12181
12397
|
onClickNext: onNext,
|
|
12182
12398
|
onClickPrev: onPrev,
|
|
12183
|
-
availablePrev:
|
|
12399
|
+
availablePrev: availablePrev,
|
|
12400
|
+
availableNext: availableNext,
|
|
12184
12401
|
showFullscreen: type === CarouselType.Image,
|
|
12185
12402
|
onClickFullscreen: onClickFullscreen,
|
|
12186
|
-
isFullscreen: isFullscreen
|
|
12187
|
-
|
|
12188
|
-
|
|
12403
|
+
isFullscreen: isFullscreen,
|
|
12404
|
+
size: infinite ? 'default' : 'small'
|
|
12405
|
+
}))))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(SwipeGridWrapper, Object.assign({}, infinite ? {
|
|
12406
|
+
active: active
|
|
12407
|
+
} : {}, {
|
|
12189
12408
|
columnStartDesktop: 3,
|
|
12190
|
-
columnSpanDesktop: 14,
|
|
12409
|
+
columnSpanDesktop: infinite ? 14 : 13,
|
|
12191
12410
|
columnStartDevice: 2,
|
|
12192
12411
|
columnSpanDevice: 13
|
|
12193
|
-
}, /*#__PURE__*/React__default.createElement(Swipe, {
|
|
12412
|
+
}), /*#__PURE__*/React__default.createElement(Swipe, {
|
|
12194
12413
|
onActiveChange: function onActiveChange(value) {
|
|
12195
12414
|
return onActiveChangeHandler(value);
|
|
12196
12415
|
},
|
|
12416
|
+
onIndexChange: onIndexChangeHandler,
|
|
12417
|
+
onOverflowChange: handleOverflowChange,
|
|
12197
12418
|
"data-testid": "carousel-swipe",
|
|
12198
12419
|
ref: swipeRef,
|
|
12199
12420
|
infinite: infinite,
|
|
@@ -12201,16 +12422,16 @@ var Carousel = function Carousel(_ref) {
|
|
|
12201
12422
|
}, children))));
|
|
12202
12423
|
};
|
|
12203
12424
|
|
|
12204
|
-
var _templateObject$
|
|
12205
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
12206
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
12207
|
-
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
12208
|
-
var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
12209
|
-
var InfoLogoWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
12210
|
-
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
12211
|
-
var InfoTextWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
12425
|
+
var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$N, _templateObject5$E, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$c, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1;
|
|
12426
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled(Grid)(_templateObject$1u || (_templateObject$1u = /*#__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);
|
|
12427
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__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);
|
|
12428
|
+
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
12429
|
+
var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$N || (_templateObject4$N = /*#__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);
|
|
12430
|
+
var InfoLogoWrapper = /*#__PURE__*/styled.div(_templateObject5$E || (_templateObject5$E = /*#__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);
|
|
12431
|
+
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$u || (_templateObject6$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
12432
|
+
var InfoTextWrapper = /*#__PURE__*/styled.div(_templateObject7$o || (_templateObject7$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
12212
12433
|
var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n flex-direction: row;\n\n @media ", " {\n & {\n margin-top: 16px;\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n display: flex;\n flex-direction: column;\n }\n"])), devices.tablet, devices.mobile);
|
|
12213
|
-
var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject9$
|
|
12434
|
+
var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject9$c || (_templateObject9$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swipe-slide {\n width: calc(100% - 50px - var(--rotator-button-width));\n -webkit-transform: translate3d(0, 0, 0);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12214
12435
|
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject0$a || (_templateObject0$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
|
|
12215
12436
|
var RotatorButtonsWrapperMobile$1 = /*#__PURE__*/styled.div(_templateObject1$6 || (_templateObject1$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\n & {\n display: flex;\n grid-area: 1 / 12 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\n & {\n display: flex;\n grid-area: 1 / 11 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
12216
12437
|
var HtmlBodyText = /*#__PURE__*/styled.p(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
@@ -12514,9 +12735,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
12514
12735
|
})));
|
|
12515
12736
|
};
|
|
12516
12737
|
|
|
12517
|
-
var _templateObject$
|
|
12518
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
12519
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
12738
|
+
var _templateObject$1v, _templateObject3$W;
|
|
12739
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
12740
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
12520
12741
|
|
|
12521
12742
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
12522
12743
|
var children = _ref.children;
|
|
@@ -13111,8 +13332,8 @@ var Theme = function Theme(_ref) {
|
|
|
13111
13332
|
}, children);
|
|
13112
13333
|
};
|
|
13113
13334
|
|
|
13114
|
-
var _templateObject$
|
|
13115
|
-
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1t || (_templateObject$1t = /*#__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) {
|
|
13335
|
+
var _templateObject$1w;
|
|
13336
|
+
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1w || (_templateObject$1w = /*#__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) {
|
|
13116
13337
|
var theme = _ref.theme;
|
|
13117
13338
|
return theme.colors.primary;
|
|
13118
13339
|
}, function (_ref2) {
|
|
@@ -14059,10 +14280,10 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1t || (_templa
|
|
|
14059
14280
|
return theme.footer.tablet.paddingBottom;
|
|
14060
14281
|
}, devices.desktop, devices.largeDesktop);
|
|
14061
14282
|
|
|
14062
|
-
var _templateObject$
|
|
14063
|
-
var FigureBlock = /*#__PURE__*/styled.figure(_templateObject$
|
|
14064
|
-
var BlockquoteBlock = /*#__PURE__*/styled.blockquote(_templateObject2$
|
|
14065
|
-
var AttributionBlock = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject3$
|
|
14283
|
+
var _templateObject$1x, _templateObject2$1a, _templateObject3$X;
|
|
14284
|
+
var FigureBlock = /*#__PURE__*/styled.figure(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
14285
|
+
var BlockquoteBlock = /*#__PURE__*/styled.blockquote(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
14286
|
+
var AttributionBlock = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject3$X || (_templateObject3$X = /*#__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);
|
|
14066
14287
|
|
|
14067
14288
|
/* eslint-disable react/no-danger */
|
|
14068
14289
|
var Quote = function Quote(_ref) {
|
|
@@ -14092,5 +14313,5 @@ var Quote = function Quote(_ref) {
|
|
|
14092
14313
|
}, /*#__PURE__*/React__default.createElement("cite", null, attribution))))));
|
|
14093
14314
|
};
|
|
14094
14315
|
|
|
14095
|
-
export { Accordion, Accordions, AltHeader, AnchorBar, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyContent, BodyCopyHarmonic, BodyText, ButtonText, ButtonType, Caption, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicHeader, HarmonicOverline, HarmonicSize, HarmonicSubtitle, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, MinimalCarousel, ModalWindow, Navigation, NavigationText, Overline, PageHeading, PageHeadingCompact, PageHeadingHighlight, PageHeadingHighlightCarousel, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, Paywall, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, useHarmonicTheme, zIndexes };
|
|
14316
|
+
export { Accordion, Accordions, AltHeader, AnchorBar, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyContent, BodyCopyHarmonic, BodyText, ButtonText, ButtonType, Caption, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicHeader, HarmonicOverline, HarmonicSize, HarmonicSubtitle, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, MinimalCarousel, ModalWindow, Navigation, NavigationText, Overline, PageHeading, PageHeadingCompact, PageHeadingHighlight, PageHeadingHighlightCarousel, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, Paywall, PeopleListing, PersonCard, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, useHarmonicTheme, zIndexes };
|
|
14096
14317
|
//# sourceMappingURL=harmonic.esm.js.map
|