@royaloperahouse/chord 1.17.0 → 1.18.1-dev-chord-development
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 +39 -2
- package/dist/chord.cjs.development.js +571 -228
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +571 -229
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Basket/Basket.d.ts +1 -1
- package/dist/components/atoms/Basket/helpers.d.ts +3 -0
- package/dist/components/atoms/VideoControls/VideoControls.d.ts +8 -0
- package/dist/components/atoms/VideoControls/VideoControls.style.d.ts +10 -0
- package/dist/components/atoms/VideoControls/index.d.ts +2 -0
- package/dist/components/atoms/index.d.ts +2 -1
- package/dist/components/index.d.ts +3 -3
- package/dist/components/molecules/PageHeading/Compact/Compact.d.ts +4 -0
- package/dist/components/molecules/PageHeading/Compact/Compact.style.d.ts +24 -0
- package/dist/components/molecules/PageHeading/Compact/components/CompactHeaderBranding.d.ts +8 -0
- package/dist/components/molecules/PageHeading/Compact/index.d.ts +2 -0
- package/dist/components/molecules/PageHeading/index.d.ts +2 -1
- package/dist/components/molecules/index.d.ts +2 -2
- package/dist/helpers/devices.d.ts +1 -0
- package/dist/helpers/htmlStrings.d.ts +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/types/impactHeader.d.ts +59 -0
- package/dist/types/index.d.ts +2 -1
- package/dist/types/navigation.d.ts +9 -1
- package/package.json +1 -1
- package/README.GIT +0 -277
|
@@ -3487,27 +3487,135 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3487
3487
|
}, renderNextIcon()));
|
|
3488
3488
|
};
|
|
3489
3489
|
|
|
3490
|
-
var _templateObject$q, _templateObject2$d, _templateObject3$7, _templateObject4$3, _templateObject5$2, _templateObject6$1, _templateObject7$1
|
|
3491
|
-
var
|
|
3490
|
+
var _templateObject$q, _templateObject2$d, _templateObject3$7, _templateObject4$3, _templateObject5$2, _templateObject6$1, _templateObject7$1;
|
|
3491
|
+
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n"])));
|
|
3492
|
+
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: 50px;\n bottom: 24px;\n display: flex;\n align-items: center;\n @media ", " {\n left: 20px;\n bottom: 12px;\n }\n"])), devices.mobile);
|
|
3493
|
+
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
3494
|
+
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 17px;\n height: 17px;\n background: none;\n border: none;\n padding: 0;\n svg {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
3495
|
+
var thumbStyes = /*#__PURE__*/styled.css(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n -webkit-appearance: none;\n border: none;\n height: 8px;\n width: 8px;\n border-radius: 50%;\n background: #ffffff;\n border: none;\n transform: translateY(-25%);\n"])));
|
|
3496
|
+
var trackStyles = /*#__PURE__*/styled.css(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n height: 4px;\n cursor: pointer;\n background: rgb(241, 241, 241, 0.5);\n border-radius: 1.3px;\n border: none;\n"])));
|
|
3497
|
+
var VolumeControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin: 12px 12px;\n padding: 0;\n background-color: rgb(26, 26, 26, 0.6);\n height: 36px;\n width: ", ";\n align-items: center;\n justify-content: center;\n\n /* Range slider overrides */\n input[type='range' i] {\n -webkit-appearance: none;\n width: 42px;\n margin: 0;\n margin-left: 7px;\n background: transparent; /* Otherwise white in Chrome */\n\n ::-webkit-slider-runnable-track {\n ", "\n }\n ::-moz-range-track {\n ", "\n }\n ::-ms-track {\n ", "\n }\n ::-ms-fill-lower {\n ", "\n }\n ::-ms-fill-upper {\n ", "\n }\n\n ::-webkit-slider-thumb {\n ", "\n }\n ::-moz-range-thumb {\n ", "\n }\n ::-ms-thumb {\n ", "\n }\n }\n"])), function (_ref) {
|
|
3498
|
+
var volumeHidden = _ref.volumeHidden;
|
|
3499
|
+
return volumeHidden ? '40px' : '100px';
|
|
3500
|
+
}, trackStyles, trackStyles, trackStyles, trackStyles, trackStyles, thumbStyes, thumbStyes, thumbStyes);
|
|
3501
|
+
|
|
3502
|
+
var VideoControls = function VideoControls(_ref) {
|
|
3503
|
+
var videoElementId = _ref.videoElementId,
|
|
3504
|
+
_ref$defaultMuted = _ref.defaultMuted,
|
|
3505
|
+
defaultMuted = _ref$defaultMuted === void 0 ? true : _ref$defaultMuted,
|
|
3506
|
+
_ref$defaultPlaying = _ref.defaultPlaying,
|
|
3507
|
+
defaultPlaying = _ref$defaultPlaying === void 0 ? false : _ref$defaultPlaying;
|
|
3508
|
+
|
|
3509
|
+
var _React$useState = React__default.useState(defaultPlaying),
|
|
3510
|
+
playing = _React$useState[0],
|
|
3511
|
+
setPlaying = _React$useState[1];
|
|
3512
|
+
|
|
3513
|
+
var _React$useState2 = React__default.useState(defaultMuted),
|
|
3514
|
+
muted = _React$useState2[0],
|
|
3515
|
+
setMuted = _React$useState2[1];
|
|
3516
|
+
|
|
3517
|
+
var _React$useState3 = React__default.useState(50),
|
|
3518
|
+
volume = _React$useState3[0],
|
|
3519
|
+
setVolume = _React$useState3[1];
|
|
3520
|
+
|
|
3521
|
+
var getVideoElement = function getVideoElement() {
|
|
3522
|
+
return document.querySelector("#" + videoElementId);
|
|
3523
|
+
};
|
|
3524
|
+
|
|
3525
|
+
var handlePlay = React.useCallback(function () {
|
|
3526
|
+
var video = getVideoElement();
|
|
3527
|
+
if (!video) return;
|
|
3528
|
+
|
|
3529
|
+
if (playing) {
|
|
3530
|
+
video.pause();
|
|
3531
|
+
setPlaying(false);
|
|
3532
|
+
} else {
|
|
3533
|
+
video == null ? void 0 : video.play();
|
|
3534
|
+
setPlaying(true);
|
|
3535
|
+
}
|
|
3536
|
+
}, [playing]);
|
|
3537
|
+
var handleMute = React.useCallback(function () {
|
|
3538
|
+
var video = getVideoElement();
|
|
3539
|
+
|
|
3540
|
+
if (video) {
|
|
3541
|
+
if (muted) {
|
|
3542
|
+
video.muted = false;
|
|
3543
|
+
setMuted(false);
|
|
3544
|
+
} else {
|
|
3545
|
+
video.muted = true;
|
|
3546
|
+
setMuted(true);
|
|
3547
|
+
}
|
|
3548
|
+
}
|
|
3549
|
+
}, [muted]);
|
|
3550
|
+
var handleVolume = React.useCallback(function (e) {
|
|
3551
|
+
var video = getVideoElement();
|
|
3552
|
+
var newVolume = Number(e.target.value);
|
|
3553
|
+
|
|
3554
|
+
if (video) {
|
|
3555
|
+
video.volume = newVolume / 100;
|
|
3556
|
+
|
|
3557
|
+
if (newVolume === 0) {
|
|
3558
|
+
video.muted = true;
|
|
3559
|
+
setMuted(true);
|
|
3560
|
+
} else {
|
|
3561
|
+
video.muted = false;
|
|
3562
|
+
setMuted(false);
|
|
3563
|
+
}
|
|
3564
|
+
|
|
3565
|
+
setVolume(newVolume);
|
|
3566
|
+
}
|
|
3567
|
+
}, [muted]);
|
|
3568
|
+
return /*#__PURE__*/React__default.createElement(VideoControlsWrapper, null, /*#__PURE__*/React__default.createElement(VideoPlayButton, {
|
|
3569
|
+
id: "play",
|
|
3570
|
+
onClick: handlePlay,
|
|
3571
|
+
className: "video-play-button",
|
|
3572
|
+
"data-testid": "video-play-button",
|
|
3573
|
+
"aria-label": !playing ? 'Play' : 'Pause'
|
|
3574
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3575
|
+
iconName: !playing ? 'Play' : 'Pause'
|
|
3576
|
+
})), /*#__PURE__*/React__default.createElement(VolumeControlsWrapper, null, /*#__PURE__*/React__default.createElement(VideoMute, {
|
|
3577
|
+
id: "mute",
|
|
3578
|
+
className: "video-mute-button",
|
|
3579
|
+
"data-testid": "video-mute-button",
|
|
3580
|
+
onClick: handleMute,
|
|
3581
|
+
"aria-label": muted ? 'Unmute' : 'Mute'
|
|
3582
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3583
|
+
"data-testid": "mute-icon",
|
|
3584
|
+
iconName: muted ? 'Muted' : 'Volume',
|
|
3585
|
+
color: "white"
|
|
3586
|
+
})), /*#__PURE__*/React__default.createElement(VideoVolume, {
|
|
3587
|
+
id: "vol-control",
|
|
3588
|
+
type: "range",
|
|
3589
|
+
min: "0",
|
|
3590
|
+
max: "100",
|
|
3591
|
+
step: "1",
|
|
3592
|
+
onChange: handleVolume,
|
|
3593
|
+
value: muted ? 0 : volume,
|
|
3594
|
+
"aria-label": "Volume - " + volume + "%"
|
|
3595
|
+
})));
|
|
3596
|
+
};
|
|
3597
|
+
|
|
3598
|
+
var _templateObject$r, _templateObject2$e, _templateObject3$8, _templateObject4$4, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11;
|
|
3599
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
3492
3600
|
var isMenuOpen = _ref.isMenuOpen;
|
|
3493
3601
|
return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--base-color-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
|
|
3494
3602
|
});
|
|
3495
|
-
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3496
|
-
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
3497
|
-
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3498
|
-
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
3499
|
-
var NavigationGridMobile = /*#__PURE__*/styled__default(Grid)(_templateObject6$
|
|
3603
|
+
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 100vw;\n position: absolute;\n z-index: ", ";\n opacity: 0.4;\n"])), zIndexes.searchOverlay);
|
|
3604
|
+
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--base-color-white);\n height: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 80px;\n }\n"])), zIndexes.navigation, devices.mobile);
|
|
3605
|
+
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-white);\n height: 100px;\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 100%;\n top: 80px;\n }\n"])), zIndexes.search, devices.mobile);
|
|
3606
|
+
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-white);\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n height: 100px;\n\n @media ", " {\n height: 100%;\n top: 80px;\n }\n"])), zIndexes.search, devices.mobile);
|
|
3607
|
+
var NavigationGridMobile = /*#__PURE__*/styled__default(Grid)(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: grid;\n background-color: var(--base-color-white);\n padding-top: ", ";\n padding-bottom: var(--navigation-large-margin);\n }\n"])), devices.mobileAndTablet, function (_ref2) {
|
|
3500
3608
|
var theme = _ref2.theme;
|
|
3501
3609
|
return theme.spacing[12];
|
|
3502
3610
|
});
|
|
3503
|
-
var LogoContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
3611
|
+
var LogoContainer = /*#__PURE__*/styled__default.div(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 140px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n &&& .logoImg {\n height: 96px;\n width: 66px;\n }\n\n @media ", " {\n height: 80px;\n\n &&& .logoImg {\n width: 100%;\n height: 64px;\n }\n }\n"])), devices.mobile);
|
|
3504
3612
|
var MenuContainer = /*#__PURE__*/styled__default.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 140px;\n\n @media ", " {\n flex-direction: row;\n height: 80px;\n justify-content: flex-end;\n }\n"])), devices.mobileAndTablet);
|
|
3505
3613
|
var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 40px;\n margin-top: auto;\n\n @media ", " {\n background-color: var(--base-color-white);\n height: auto;\n margin-top: 0px;\n }\n"])), devices.mobileAndTablet);
|
|
3506
3614
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
3507
3615
|
var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
3508
3616
|
|
|
3509
|
-
var _templateObject$
|
|
3510
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3617
|
+
var _templateObject$s;
|
|
3618
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
3511
3619
|
|
|
3512
3620
|
var Logo = function Logo(_ref) {
|
|
3513
3621
|
var _ref$id = _ref.id,
|
|
@@ -3536,16 +3644,16 @@ var Logo = function Logo(_ref) {
|
|
|
3536
3644
|
}))));
|
|
3537
3645
|
};
|
|
3538
3646
|
|
|
3539
|
-
var _templateObject$
|
|
3540
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3647
|
+
var _templateObject$t;
|
|
3648
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
|
|
3541
3649
|
|
|
3542
|
-
var _templateObject$
|
|
3543
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3650
|
+
var _templateObject$u, _templateObject2$f, _templateObject3$9, _templateObject4$5;
|
|
3651
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
|
|
3544
3652
|
var selected = _ref.selected,
|
|
3545
3653
|
colorPrimary = _ref.colorPrimary;
|
|
3546
3654
|
|
|
3547
3655
|
if (selected) {
|
|
3548
|
-
return "\n border-bottom: 1px solid var(--base-color-" + colorPrimary + ");\n && a {\n color: var(--base-color-" + colorPrimary + ");\n }
|
|
3656
|
+
return "\n border-bottom: 1px solid var(--base-color-" + colorPrimary + ");\n && a {\n color: var(--base-color-" + colorPrimary + ");\n }\n && svg path {\n fill: var(--base-color-" + colorPrimary + ");\n }\n ";
|
|
3549
3657
|
}
|
|
3550
3658
|
|
|
3551
3659
|
return '';
|
|
@@ -3558,10 +3666,37 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$t || (_te
|
|
|
3558
3666
|
}, function (_ref4) {
|
|
3559
3667
|
var colorPrimary = _ref4.colorPrimary;
|
|
3560
3668
|
return colorPrimary;
|
|
3669
|
+
}, function (_ref5) {
|
|
3670
|
+
var isActive = _ref5.isActive,
|
|
3671
|
+
colorPrimary = _ref5.colorPrimary;
|
|
3672
|
+
|
|
3673
|
+
if (isActive) {
|
|
3674
|
+
return "\n && a {\n color: var(--base-color-" + colorPrimary + ");\n }\n && svg path {\n fill: var(--base-color-" + colorPrimary + ");\n }\n ";
|
|
3675
|
+
}
|
|
3676
|
+
|
|
3677
|
+
return '';
|
|
3561
3678
|
});
|
|
3562
|
-
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3563
|
-
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
3564
|
-
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
3679
|
+
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
3680
|
+
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n width: 12px;\n height: 12px;\n position: absolute;\n top: 8px;\n margin-left: 6px;\n\n & .basket-num {\n color: white;\n font-size: 10px;\n font-family: var(--font-family-navigation);\n }\n"])));
|
|
3681
|
+
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n color: var(--base-color-black);\n margin-left: 6px;\n text-decoration: none;\n"])));
|
|
3682
|
+
|
|
3683
|
+
var checkTimeRed = function checkTimeRed(seconds) {
|
|
3684
|
+
if (seconds <= 0) {
|
|
3685
|
+
return false;
|
|
3686
|
+
}
|
|
3687
|
+
|
|
3688
|
+
return seconds / 60 <= 5;
|
|
3689
|
+
};
|
|
3690
|
+
var formatTime = function formatTime(seconds) {
|
|
3691
|
+
if (seconds > 60) {
|
|
3692
|
+
return Math.ceil(seconds / 60) + " mins";
|
|
3693
|
+
}
|
|
3694
|
+
|
|
3695
|
+
return seconds + " sec" + (seconds === 1 ? '' : 's');
|
|
3696
|
+
};
|
|
3697
|
+
var initSeconds = function initSeconds(expiryDate) {
|
|
3698
|
+
return expiryDate ? Math.ceil((new Date(expiryDate).getTime() - new Date().getTime()) / 1000) : 0;
|
|
3699
|
+
};
|
|
3565
3700
|
|
|
3566
3701
|
var Basket$1 = function Basket(_ref) {
|
|
3567
3702
|
var text = _ref.text,
|
|
@@ -3572,7 +3707,28 @@ var Basket$1 = function Basket(_ref) {
|
|
|
3572
3707
|
numItems = _ref$numItems === void 0 ? 0 : _ref$numItems,
|
|
3573
3708
|
onClick = _ref.onClick,
|
|
3574
3709
|
_ref$colorPrimary = _ref.colorPrimary,
|
|
3575
|
-
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary
|
|
3710
|
+
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary,
|
|
3711
|
+
expiryDate = _ref.expiryDate;
|
|
3712
|
+
|
|
3713
|
+
var _useState = React.useState(numItems),
|
|
3714
|
+
basketItems = _useState[0],
|
|
3715
|
+
setBasketItems = _useState[1];
|
|
3716
|
+
|
|
3717
|
+
var _useState2 = React.useState(initSeconds(expiryDate)),
|
|
3718
|
+
seconds = _useState2[0],
|
|
3719
|
+
setSeconds = _useState2[1];
|
|
3720
|
+
|
|
3721
|
+
var _useState3 = React.useState(formatTime(seconds)),
|
|
3722
|
+
countdownText = _useState3[0],
|
|
3723
|
+
setCountdownText = _useState3[1];
|
|
3724
|
+
|
|
3725
|
+
var _useState4 = React.useState(),
|
|
3726
|
+
timer = _useState4[0],
|
|
3727
|
+
setTimer = _useState4[1];
|
|
3728
|
+
|
|
3729
|
+
var _useState5 = React.useState(checkTimeRed(seconds)),
|
|
3730
|
+
isActive = _useState5[0],
|
|
3731
|
+
setIsActive = _useState5[1];
|
|
3576
3732
|
|
|
3577
3733
|
var onClickHandler = function onClickHandler() {
|
|
3578
3734
|
if (onClick) {
|
|
@@ -3586,12 +3742,42 @@ var Basket$1 = function Basket(_ref) {
|
|
|
3586
3742
|
}
|
|
3587
3743
|
};
|
|
3588
3744
|
|
|
3589
|
-
|
|
3745
|
+
React.useEffect(function () {
|
|
3746
|
+
if (timer) {
|
|
3747
|
+
clearInterval(timer); // clears the old timer before setting a new one
|
|
3748
|
+
}
|
|
3749
|
+
|
|
3750
|
+
if (!expiryDate || !numItems) return;
|
|
3751
|
+
var interval = setInterval(function () {
|
|
3752
|
+
setSeconds(function (prev) {
|
|
3753
|
+
return prev - 1;
|
|
3754
|
+
});
|
|
3755
|
+
}, 1000);
|
|
3756
|
+
setTimer(interval);
|
|
3757
|
+
return function () {
|
|
3758
|
+
return clearInterval(interval);
|
|
3759
|
+
};
|
|
3760
|
+
}, [expiryDate]);
|
|
3761
|
+
React.useEffect(function () {
|
|
3762
|
+
if (!timer) return;
|
|
3763
|
+
|
|
3764
|
+
if (seconds > 0) {
|
|
3765
|
+
setCountdownText(formatTime(seconds));
|
|
3766
|
+
setIsActive(checkTimeRed(seconds));
|
|
3767
|
+
} else {
|
|
3768
|
+
clearInterval(timer);
|
|
3769
|
+
setBasketItems(0);
|
|
3770
|
+
setCountdownText('');
|
|
3771
|
+
setIsActive(false);
|
|
3772
|
+
}
|
|
3773
|
+
}, [seconds, timer]);
|
|
3774
|
+
var empty = basketItems <= 0;
|
|
3590
3775
|
return /*#__PURE__*/React__default.createElement(BasketContainer, {
|
|
3591
3776
|
selected: selected,
|
|
3592
3777
|
onClick: onClickHandler,
|
|
3593
3778
|
onKeyDown: onKeyDownHandler,
|
|
3594
3779
|
colorPrimary: colorPrimary,
|
|
3780
|
+
isActive: isActive,
|
|
3595
3781
|
tabIndex: 0
|
|
3596
3782
|
}, /*#__PURE__*/React__default.createElement(SvgContainer, null, empty ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
3597
3783
|
iconName: "Basket"
|
|
@@ -3599,13 +3785,13 @@ var Basket$1 = function Basket(_ref) {
|
|
|
3599
3785
|
iconName: "BasketFull"
|
|
3600
3786
|
}), /*#__PURE__*/React__default.createElement(NumContainer, null, /*#__PURE__*/React__default.createElement("span", {
|
|
3601
3787
|
className: "basket-num"
|
|
3602
|
-
},
|
|
3788
|
+
}, basketItems)))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(BasketText, {
|
|
3603
3789
|
"data-testid": "baskettext"
|
|
3604
|
-
},
|
|
3790
|
+
}, expiryDate ? countdownText : text)));
|
|
3605
3791
|
};
|
|
3606
3792
|
|
|
3607
|
-
var _templateObject$
|
|
3608
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3793
|
+
var _templateObject$v, _templateObject2$g;
|
|
3794
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
3609
3795
|
var selected = _ref.selected,
|
|
3610
3796
|
colorPrimary = _ref.colorPrimary;
|
|
3611
3797
|
|
|
@@ -3621,7 +3807,7 @@ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$u || (_te
|
|
|
3621
3807
|
var colorPrimary = _ref3.colorPrimary;
|
|
3622
3808
|
return colorPrimary;
|
|
3623
3809
|
});
|
|
3624
|
-
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3810
|
+
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
3625
3811
|
|
|
3626
3812
|
var Search$1 = function Search(_ref) {
|
|
3627
3813
|
var _ref$selected = _ref.selected,
|
|
@@ -3892,23 +4078,23 @@ var NavTop = function NavTop(_ref) {
|
|
|
3892
4078
|
}));
|
|
3893
4079
|
};
|
|
3894
4080
|
|
|
3895
|
-
var _templateObject$
|
|
3896
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3897
|
-
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4081
|
+
var _templateObject$w, _templateObject2$h, _templateObject3$a, _templateObject4$6;
|
|
4082
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
4083
|
+
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
3898
4084
|
if (props.showMenu) {
|
|
3899
4085
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
3900
4086
|
}
|
|
3901
4087
|
|
|
3902
4088
|
return "display: none;";
|
|
3903
4089
|
});
|
|
3904
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4090
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\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-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--base-color-", ");\n }\n }\n\n :hover {\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), function (_ref) {
|
|
3905
4091
|
var colorPrimary = _ref.colorPrimary;
|
|
3906
4092
|
return colorPrimary;
|
|
3907
4093
|
}, function (_ref2) {
|
|
3908
4094
|
var colorPrimary = _ref2.colorPrimary;
|
|
3909
4095
|
return colorPrimary;
|
|
3910
4096
|
}, devices.mobileAndTablet);
|
|
3911
|
-
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4097
|
+
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
3912
4098
|
|
|
3913
4099
|
var Tabs = function Tabs(_ref) {
|
|
3914
4100
|
var _ref$items = _ref.items,
|
|
@@ -4035,13 +4221,13 @@ var Tabs = function Tabs(_ref) {
|
|
|
4035
4221
|
}, "MENU"))));
|
|
4036
4222
|
};
|
|
4037
4223
|
|
|
4038
|
-
var _templateObject$
|
|
4039
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4040
|
-
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4041
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4042
|
-
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4043
|
-
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4044
|
-
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$
|
|
4224
|
+
var _templateObject$x, _templateObject2$i, _templateObject3$b, _templateObject5$4, _templateObject6$3, _templateObject7$3;
|
|
4225
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
4226
|
+
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
4227
|
+
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
|
|
4228
|
+
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
4229
|
+
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
4230
|
+
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
4045
4231
|
|
|
4046
4232
|
var SearchBar = function SearchBar(_ref) {
|
|
4047
4233
|
var onClick = _ref.onClick,
|
|
@@ -4266,18 +4452,18 @@ var Navigation = function Navigation(_ref) {
|
|
|
4266
4452
|
})))));
|
|
4267
4453
|
};
|
|
4268
4454
|
|
|
4269
|
-
var _templateObject$
|
|
4270
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
4271
|
-
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4272
|
-
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4273
|
-
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4274
|
-
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4275
|
-
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$
|
|
4455
|
+
var _templateObject$y, _templateObject2$j, _templateObject3$c, _templateObject4$7, _templateObject5$5, _templateObject6$4;
|
|
4456
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
4457
|
+
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
4458
|
+
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
|
|
4459
|
+
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
4460
|
+
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
4461
|
+
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
4276
4462
|
|
|
4277
|
-
var _templateObject$
|
|
4278
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4279
|
-
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
4280
|
-
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
4463
|
+
var _templateObject$z, _templateObject2$k, _templateObject3$d;
|
|
4464
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
|
|
4465
|
+
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
|
|
4466
|
+
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
4281
4467
|
|
|
4282
4468
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
4283
4469
|
var _ref$items = _ref.items,
|
|
@@ -4293,14 +4479,14 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
4293
4479
|
}));
|
|
4294
4480
|
};
|
|
4295
4481
|
|
|
4296
|
-
var _templateObject$
|
|
4297
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4298
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4299
|
-
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4300
|
-
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
4301
|
-
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4302
|
-
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4303
|
-
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$
|
|
4482
|
+
var _templateObject$A, _templateObject2$l, _templateObject3$e, _templateObject4$8, _templateObject5$6, _templateObject6$5, _templateObject7$4, _templateObject8$2;
|
|
4483
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
4484
|
+
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
4485
|
+
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
4486
|
+
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
4487
|
+
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
4488
|
+
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
4489
|
+
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
4304
4490
|
var TextLinkWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &&& {\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n }\n"])));
|
|
4305
4491
|
|
|
4306
4492
|
var ContactNewsletter = function ContactNewsletter(_ref) {
|
|
@@ -4367,15 +4553,15 @@ var Footer = function Footer(_ref) {
|
|
|
4367
4553
|
}, additionalInfo)))));
|
|
4368
4554
|
};
|
|
4369
4555
|
|
|
4370
|
-
var _templateObject$
|
|
4556
|
+
var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$9, _templateObject5$7, _templateObject6$6;
|
|
4371
4557
|
var LIST_ITEM_GAP = 32;
|
|
4372
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4558
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
4373
4559
|
var bottomBorder = _ref.bottomBorder;
|
|
4374
4560
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
4375
4561
|
}, zIndexes.anchor);
|
|
4376
|
-
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4377
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4378
|
-
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$
|
|
4562
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
4563
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4564
|
+
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$9 || (_templateObject4$9 = /*#__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 background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.48) 85%,\n rgba(235, 235, 235, 0.4) 99%,\n rgba(255, 255, 255, 0.39) 100%\n );\n }\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref2) {
|
|
4379
4565
|
var tabsOverflow = _ref2.tabsOverflow;
|
|
4380
4566
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
4381
4567
|
}, LIST_ITEM_GAP, function (_ref3) {
|
|
@@ -4386,11 +4572,11 @@ var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$8 || (_templateO
|
|
|
4386
4572
|
hasTwoArrows = _ref4.hasTwoArrows;
|
|
4387
4573
|
return tabsOverflow && hasTwoArrows ? 'calc(100% - 50px)' : '100%';
|
|
4388
4574
|
});
|
|
4389
|
-
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4575
|
+
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: var(--anchor-tabs-height);\n background-color: var(--base-color-white);\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n"])), function (_ref5) {
|
|
4390
4576
|
var fullWidth = _ref5.fullWidth;
|
|
4391
4577
|
return fullWidth ? '74px' : '46px';
|
|
4392
4578
|
});
|
|
4393
|
-
var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4579
|
+
var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: flex-center;\n\n :hover {\n && svg path {\n fill: var(--base-color-primary);\n }\n }\n"])));
|
|
4394
4580
|
|
|
4395
4581
|
var _excluded$8 = ["id", "text"];
|
|
4396
4582
|
|
|
@@ -4635,8 +4821,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
4635
4821
|
})) : null) : null))));
|
|
4636
4822
|
};
|
|
4637
4823
|
|
|
4638
|
-
var _templateObject$
|
|
4639
|
-
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4824
|
+
var _templateObject$C, _templateObject2$n, _templateObject3$g, _templateObject4$a, _templateObject5$8;
|
|
4825
|
+
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n .swiper-wrapper {\n height: 100%;\n }\n .swiper-slide {\n height: unset;\n }\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
4640
4826
|
var type = _ref.type,
|
|
4641
4827
|
imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
4642
4828
|
|
|
@@ -4668,10 +4854,10 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$B || (_te
|
|
|
4668
4854
|
return "\n &&& {\n .swiper-slide > div{\n height: calc(" + imagesHeightDevice + "px + var(--line-height-body-2) + 12px);\n }\n }";
|
|
4669
4855
|
}
|
|
4670
4856
|
});
|
|
4671
|
-
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4672
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4673
|
-
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4674
|
-
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
4857
|
+
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
4858
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n user-select: text;\n\n h4 {\n padding: 0;\n margin: 0;\n }\n"])));
|
|
4859
|
+
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
4860
|
+
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
4675
4861
|
|
|
4676
4862
|
var Carousel = function Carousel(_ref) {
|
|
4677
4863
|
var children = _ref.children,
|
|
@@ -4788,9 +4974,9 @@ var Theme = function Theme(_ref) {
|
|
|
4788
4974
|
}, children);
|
|
4789
4975
|
};
|
|
4790
4976
|
|
|
4791
|
-
var _templateObject$
|
|
4792
|
-
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
4793
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4977
|
+
var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject4$b, _templateObject5$9, _templateObject6$7, _templateObject7$5, _templateObject8$3, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
4978
|
+
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$D || (_templateObject$D = /*#__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(--base-color-black);\n color: var(--base-color-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
4979
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__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 h4 {\n margin: 0;\n padding: 0;\n }\n\n h5 {\n display: none;\n }\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 h4 {\n display: none;\n }\n\n h5 {\n margin: 0;\n padding: 0;\n display: block;\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: 40px;\n }\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: var(--line-height-altHeader-5);\n\n h4 {\n display: none;\n }\n\n h5 {\n margin: 0;\n padding: 0;\n display: block;\n }\n }\n }\n"])), devices.tablet, function (_ref) {
|
|
4794
4980
|
var theme = _ref.theme;
|
|
4795
4981
|
return theme.fonts.mobile.sizes.altHeaders[5];
|
|
4796
4982
|
}, function (_ref2) {
|
|
@@ -4800,9 +4986,9 @@ var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$n |
|
|
|
4800
4986
|
var theme = _ref3.theme;
|
|
4801
4987
|
return theme.fonts.mobile.letterSpacing.altHeaders[5];
|
|
4802
4988
|
}, devices.mobile);
|
|
4803
|
-
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4804
|
-
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4805
|
-
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4989
|
+
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__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 @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);
|
|
4990
|
+
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__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);
|
|
4991
|
+
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h3 {\n padding: 0;\n margin: 0 0 8px 0;\n }\n\n h6 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n h3 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n\n h6 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n"])), devices.tablet, function (_ref4) {
|
|
4806
4992
|
var theme = _ref4.theme;
|
|
4807
4993
|
return theme.fonts.mobile.sizes.headers[3];
|
|
4808
4994
|
}, function (_ref5) {
|
|
@@ -4827,7 +5013,7 @@ var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_
|
|
|
4827
5013
|
var theme = _ref11.theme;
|
|
4828
5014
|
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
4829
5015
|
});
|
|
4830
|
-
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
5016
|
+
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n h6 {\n padding: 0;\n margin: 0 0 4px 0;\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n\n h6 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n\n > div {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n h6 {\n margin: 0 0 8px 0;\n }\n }\n }\n"])), devices.tablet, function (_ref12) {
|
|
4831
5017
|
var theme = _ref12.theme;
|
|
4832
5018
|
return theme.fonts.mobile.sizes.subtitles[2];
|
|
4833
5019
|
}, function (_ref13) {
|
|
@@ -4852,7 +5038,7 @@ var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_t
|
|
|
4852
5038
|
var theme = _ref19.theme;
|
|
4853
5039
|
return theme.fonts.mobile.lineHeights.body[1];
|
|
4854
5040
|
}, devices.mobile);
|
|
4855
|
-
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5041
|
+
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__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);
|
|
4856
5042
|
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swiper-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 .swiper-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 .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4857
5043
|
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__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);
|
|
4858
5044
|
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\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 & {\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);
|
|
@@ -4915,6 +5101,9 @@ var truncateHtmlString = function truncateHtmlString(str, resultLength, addDots)
|
|
|
4915
5101
|
if (!isSpaceNext) truncatedString = truncatedString.substring(0, truncatedString.lastIndexOf(' '));
|
|
4916
5102
|
return addDots ? truncatedString + "..." : truncatedString;
|
|
4917
5103
|
};
|
|
5104
|
+
var truncate = function truncate(str, n) {
|
|
5105
|
+
return str.length >= n ? str.substring(0, n) : str;
|
|
5106
|
+
};
|
|
4918
5107
|
|
|
4919
5108
|
var _excluded$9 = ["text"],
|
|
4920
5109
|
_excluded2 = ["text"];
|
|
@@ -5141,19 +5330,19 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
5141
5330
|
})));
|
|
5142
5331
|
};
|
|
5143
5332
|
|
|
5144
|
-
var _templateObject$
|
|
5145
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5333
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject4$c, _templateObject6$8, _templateObject7$6, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
5334
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
5146
5335
|
var sticky = _ref.sticky;
|
|
5147
5336
|
return sticky ? 'sticky' : 'initial';
|
|
5148
5337
|
}, zIndexes.anchor);
|
|
5149
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5150
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5338
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
5339
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__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) {
|
|
5151
5340
|
var title = _ref2.title;
|
|
5152
5341
|
return title ? 'row' : 'row-reverse';
|
|
5153
5342
|
}, devices.tablet, devices.mobile);
|
|
5154
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5155
|
-
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
5156
|
-
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5343
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__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);
|
|
5344
|
+
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__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);
|
|
5345
|
+
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
5157
5346
|
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
5158
5347
|
var theme = _ref3.theme;
|
|
5159
5348
|
return theme.colors.primaryButtonReverseBg;
|
|
@@ -5257,9 +5446,9 @@ var LiveChat = function LiveChat() {
|
|
|
5257
5446
|
});
|
|
5258
5447
|
};
|
|
5259
5448
|
|
|
5260
|
-
var _templateObject$
|
|
5261
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5262
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5449
|
+
var _templateObject$F, _templateObject2$q;
|
|
5450
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
5451
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 2px solid var(--base-color-lightgrey);\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), devices.mobileAndTablet, devices.mobile);
|
|
5263
5452
|
|
|
5264
5453
|
var StickyBar = function StickyBar(_ref) {
|
|
5265
5454
|
var _ref$columnStartDeskt = _ref.columnStartDesktop,
|
|
@@ -5281,12 +5470,12 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
5281
5470
|
}, children)));
|
|
5282
5471
|
};
|
|
5283
5472
|
|
|
5284
|
-
var _templateObject$
|
|
5285
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5286
|
-
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5287
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5288
|
-
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5289
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5473
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$j, _templateObject4$d, _templateObject5$a;
|
|
5474
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
5475
|
+
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
5476
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
5477
|
+
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && a {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 28px 20px;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
5478
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s 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"])));
|
|
5290
5479
|
|
|
5291
5480
|
var Accordion = function Accordion(_ref) {
|
|
5292
5481
|
var _ref$title = _ref.title,
|
|
@@ -5367,8 +5556,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
5367
5556
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
5368
5557
|
};
|
|
5369
5558
|
|
|
5370
|
-
var _templateObject$
|
|
5371
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5559
|
+
var _templateObject$H;
|
|
5560
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
5372
5561
|
|
|
5373
5562
|
var Accordions = function Accordions(_ref) {
|
|
5374
5563
|
var _ref$items = _ref.items,
|
|
@@ -5388,13 +5577,13 @@ var Accordions = function Accordions(_ref) {
|
|
|
5388
5577
|
}));
|
|
5389
5578
|
};
|
|
5390
5579
|
|
|
5391
|
-
var _templateObject$
|
|
5392
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5580
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$k;
|
|
5581
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
|
|
5393
5582
|
var theme = _ref.theme;
|
|
5394
5583
|
return theme.colors.primary;
|
|
5395
5584
|
}, devices.mobile);
|
|
5396
|
-
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5397
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5585
|
+
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n @media ", " {\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
5586
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s 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 color: var(--base-color-white);\n a {\n color: var(--base-color-white);\n text-decoration: underline;\n }\n"])));
|
|
5398
5587
|
|
|
5399
5588
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
5400
5589
|
var title = _ref.title,
|
|
@@ -5431,31 +5620,31 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
5431
5620
|
}))))));
|
|
5432
5621
|
};
|
|
5433
5622
|
|
|
5434
|
-
var _templateObject$
|
|
5623
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$l, _templateObject4$e, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$5, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$1;
|
|
5435
5624
|
var LENGTH_LARGE_TEXT = 28;
|
|
5436
5625
|
var LENGTH_SMALL_TEXT = 19;
|
|
5437
5626
|
var LENGTH_TEXT_TABLET = 10;
|
|
5438
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5627
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
5439
5628
|
var onlyShowButtonsOnHover = _ref.onlyShowButtonsOnHover;
|
|
5440
5629
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
5441
5630
|
});
|
|
5442
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5631
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: ", ";\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), function (_ref2) {
|
|
5443
5632
|
var lineColor = _ref2.lineColor,
|
|
5444
5633
|
theme = _ref2.theme;
|
|
5445
5634
|
if (lineColor === exports.Colors.Cinema) return 'var(--base-color-white)';
|
|
5446
5635
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
5447
5636
|
}, zIndexes.contentOverlay);
|
|
5448
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5449
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5637
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
5638
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref3) {
|
|
5450
5639
|
var fullWidth = _ref3.fullWidth;
|
|
5451
5640
|
return fullWidth ? '0' : '20px';
|
|
5452
5641
|
}, function (_ref4) {
|
|
5453
5642
|
var fullWidth = _ref4.fullWidth;
|
|
5454
5643
|
return fullWidth ? '0' : '20px';
|
|
5455
5644
|
});
|
|
5456
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5457
|
-
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
5458
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5645
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
5646
|
+
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobileAndTablet);
|
|
5647
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
5459
5648
|
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
5460
5649
|
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 30px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (_ref5) {
|
|
5461
5650
|
var isVisible = _ref5.isVisible;
|
|
@@ -5650,9 +5839,9 @@ var Card = function Card(_ref) {
|
|
|
5650
5839
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
5651
5840
|
};
|
|
5652
5841
|
|
|
5653
|
-
var _templateObject$
|
|
5654
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
5655
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
5842
|
+
var _templateObject$K, _templateObject2$u;
|
|
5843
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
5844
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
5656
5845
|
|
|
5657
5846
|
var Cards = function Cards(_ref) {
|
|
5658
5847
|
var cards = _ref.cards,
|
|
@@ -5695,18 +5884,18 @@ var Cards = function Cards(_ref) {
|
|
|
5695
5884
|
}));
|
|
5696
5885
|
};
|
|
5697
5886
|
|
|
5698
|
-
var _templateObject$
|
|
5699
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5700
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5887
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$m, _templateObject4$f, _templateObject5$c;
|
|
5888
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
|
|
5889
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
|
|
5701
5890
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
5702
5891
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
5703
5892
|
}, function (_ref2) {
|
|
5704
5893
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
5705
5894
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
5706
5895
|
}, devices.mobileAndTablet);
|
|
5707
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5708
|
-
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5709
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5896
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
5897
|
+
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
5898
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n\n @media ", " {\n flex-direction: column;\n margin: 4px 0;\n }\n\n a {\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 color: var(--base-color-black);\n text-decoration: underline;\n\n &:before {\n display: inline-block;\n content: '';\n background-color: var(--base-color-black);\n width: 1px;\n height: 18px;\n margin: 0 8px -4px;\n\n @media ", " {\n display: none;\n }\n }\n\n &:first-child:before {\n display: none;\n }\n }\n"])), devices.mobile, devices.mobile);
|
|
5710
5899
|
|
|
5711
5900
|
var divideAddressString = function divideAddressString(address) {
|
|
5712
5901
|
return address.split(',').map(function (chunk) {
|
|
@@ -5763,14 +5952,14 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
5763
5952
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
5764
5953
|
};
|
|
5765
5954
|
|
|
5766
|
-
var _templateObject$
|
|
5767
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$
|
|
5768
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5769
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5955
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$n, _templateObject4$g, _templateObject5$d;
|
|
5956
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), devices.mobile);
|
|
5957
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
5958
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 22px;\n\n & > * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n gap: 12px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
|
|
5770
5959
|
return props.showImage ? 2 : '1 / span 4';
|
|
5771
5960
|
}, devices.mobile);
|
|
5772
|
-
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5773
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5961
|
+
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
|
|
5962
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
|
|
5774
5963
|
return !!props.truncate && "\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n ";
|
|
5775
5964
|
});
|
|
5776
5965
|
|
|
@@ -5830,21 +6019,21 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
5830
6019
|
}), link.text)));
|
|
5831
6020
|
};
|
|
5832
6021
|
|
|
5833
|
-
var _templateObject$
|
|
5834
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6022
|
+
var _templateObject$N, _templateObject2$x, _templateObject3$o, _templateObject4$h, _templateObject5$e;
|
|
6023
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
5835
6024
|
var imageToLeft = _ref.imageToLeft;
|
|
5836
6025
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
5837
6026
|
}, devices.mobile);
|
|
5838
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6027
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
5839
6028
|
var imageToLeft = _ref2.imageToLeft;
|
|
5840
6029
|
return imageToLeft ? 'left' : 'right';
|
|
5841
6030
|
}, devices.mobile);
|
|
5842
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6031
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
5843
6032
|
var imageToLeft = _ref3.imageToLeft;
|
|
5844
6033
|
return imageToLeft ? 'right' : 'left';
|
|
5845
6034
|
}, devices.mobile);
|
|
5846
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
5847
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6035
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
6036
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
5848
6037
|
|
|
5849
6038
|
var Editorial = function Editorial(_ref) {
|
|
5850
6039
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -5908,10 +6097,10 @@ var BackgroundColour;
|
|
|
5908
6097
|
BackgroundColour["White"] = "white";
|
|
5909
6098
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
5910
6099
|
|
|
5911
|
-
var _templateObject$
|
|
5912
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
5913
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
5914
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
6100
|
+
var _templateObject$O, _templateObject2$y, _templateObject3$p, _templateObject4$i;
|
|
6101
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
6102
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6103
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
5915
6104
|
if (!props.infoThemed) {
|
|
5916
6105
|
return;
|
|
5917
6106
|
} else {
|
|
@@ -5922,7 +6111,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$o || (
|
|
|
5922
6111
|
}
|
|
5923
6112
|
}
|
|
5924
6113
|
});
|
|
5925
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
6114
|
+
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
5926
6115
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
5927
6116
|
}, function (props) {
|
|
5928
6117
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -6035,26 +6224,26 @@ var Information = function Information(_ref) {
|
|
|
6035
6224
|
}))));
|
|
6036
6225
|
};
|
|
6037
6226
|
|
|
6038
|
-
var _templateObject$
|
|
6039
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6227
|
+
var _templateObject$P, _templateObject2$z, _templateObject3$q, _templateObject4$j, _templateObject5$f, _templateObject6$a, _templateObject7$8, _templateObject8$6;
|
|
6228
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
6040
6229
|
var theme = _ref.theme;
|
|
6041
6230
|
return theme.colors.primary;
|
|
6042
6231
|
}, function (_ref2) {
|
|
6043
6232
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
6044
6233
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
6045
6234
|
}, devices.mobile);
|
|
6046
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
6047
|
-
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6235
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
|
|
6236
|
+
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
|
|
6048
6237
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
6049
6238
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
6050
6239
|
}, devices.mobile);
|
|
6051
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6240
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 36px;\n\n ", ";\n\n @media ", " {\n & {\n height: 30px;\n }\n }\n"])), function (_ref4) {
|
|
6052
6241
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
6053
6242
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
6054
6243
|
}, devices.mobile);
|
|
6055
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6056
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6057
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6244
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
6245
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6246
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
6058
6247
|
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
6059
6248
|
|
|
6060
6249
|
var _excluded$f = ["text"];
|
|
@@ -6133,9 +6322,9 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6133
6322
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6134
6323
|
};
|
|
6135
6324
|
|
|
6136
|
-
var _templateObject$
|
|
6137
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6138
|
-
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6325
|
+
var _templateObject$Q, _templateObject2$A, _templateObject3$r, _templateObject4$k, _templateObject5$g, _templateObject6$b, _templateObject7$9;
|
|
6326
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$Q || (_templateObject$Q = /*#__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(--base-color-black);\n color: var(--base-color-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
6327
|
+
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h3 {\n padding: 0;\n margin: 0 0 8px 0;\n }\n\n @media ", " {\n & {\n h3 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n"])), devices.tablet, function (_ref) {
|
|
6139
6328
|
var theme = _ref.theme;
|
|
6140
6329
|
return theme.fonts.mobile.sizes.headers[3];
|
|
6141
6330
|
}, function (_ref2) {
|
|
@@ -6148,7 +6337,7 @@ var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$z
|
|
|
6148
6337
|
var theme = _ref4.theme;
|
|
6149
6338
|
return theme.fonts.mobile.lineHeights.headers[3];
|
|
6150
6339
|
});
|
|
6151
|
-
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6340
|
+
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n\n > div {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.tablet, function (_ref5) {
|
|
6152
6341
|
var theme = _ref5.theme;
|
|
6153
6342
|
return theme.fonts.mobile.sizes.body[1];
|
|
6154
6343
|
}, function (_ref6) {
|
|
@@ -6161,19 +6350,19 @@ var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$q |
|
|
|
6161
6350
|
var theme = _ref8.theme;
|
|
6162
6351
|
return theme.fonts.mobile.lineHeights.body[1];
|
|
6163
6352
|
}, devices.mobile);
|
|
6164
|
-
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6353
|
+
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n @media ", " {\n & {\n grid-area: ", ";\n width: 100%;\n padding: 20px;\n }\n }\n"])), function (_ref9) {
|
|
6165
6354
|
var hasImages = _ref9.hasImages;
|
|
6166
6355
|
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
6167
6356
|
}, devices.mobile, function (_ref10) {
|
|
6168
6357
|
var hasImages = _ref10.hasImages;
|
|
6169
6358
|
return hasImages ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
6170
6359
|
});
|
|
6171
|
-
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6360
|
+
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n .swiper-slide {\n ", "\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swiper-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 .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), function (_ref11) {
|
|
6172
6361
|
var hasMultipleImages = _ref11.hasMultipleImages;
|
|
6173
6362
|
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
6174
6363
|
}, devices.tablet, devices.mobile);
|
|
6175
|
-
var MobileRotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6176
|
-
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6364
|
+
var MobileRotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div {\n padding-top: 8px;\n }\n\n @media ", ", ", " {\n display: none;\n }\n\n @media ", " {\n .carousel-icon-wrapper-left,\n .carousel-icon-wrapper-right {\n background-color: transparent;\n\n svg path {\n fill: var(--base-color-lightgrey);\n }\n }\n\n .carousel-icon-wrapper-left {\n margin-right: 8px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 2;\n height: 56px;\n\n div {\n padding-top: 6px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 13;\n height: 80px;\n\n div {\n padding-top: 8px;\n }\n }\n"])), devices.desktop, devices.largeDesktop, devices.mobileAndTablet, devices.mobile, devices.tablet);
|
|
6365
|
+
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__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);
|
|
6177
6366
|
|
|
6178
6367
|
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
6179
6368
|
var title = _ref.title,
|
|
@@ -6258,14 +6447,14 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
6258
6447
|
}))));
|
|
6259
6448
|
};
|
|
6260
6449
|
|
|
6261
|
-
var _templateObject$
|
|
6262
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6263
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6264
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
6265
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6266
|
-
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6267
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6268
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6450
|
+
var _templateObject$R, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$h, _templateObject6$c, _templateObject7$a, _templateObject8$7;
|
|
6451
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
6452
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
6453
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
6454
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
6455
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
6456
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
6457
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
6269
6458
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
6270
6459
|
|
|
6271
6460
|
var _excluded$i = ["text"];
|
|
@@ -6331,21 +6520,21 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6331
6520
|
}, "Scroll Down")) : null);
|
|
6332
6521
|
};
|
|
6333
6522
|
|
|
6334
|
-
var _templateObject$
|
|
6335
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6523
|
+
var _templateObject$S, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$i;
|
|
6524
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
6336
6525
|
var color = _ref.color;
|
|
6337
6526
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
6338
6527
|
}, devices.mobileAndTablet);
|
|
6339
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6528
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0px 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
6340
6529
|
var hasImage = _ref2.hasImage;
|
|
6341
6530
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
6342
6531
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
6343
6532
|
var hasImage = _ref3.hasImage;
|
|
6344
6533
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
6345
6534
|
});
|
|
6346
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6347
|
-
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6348
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6535
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
6536
|
+
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
6537
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
6349
6538
|
|
|
6350
6539
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
6351
6540
|
var _image$src, _image$alt;
|
|
@@ -6376,8 +6565,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
6376
6565
|
}))));
|
|
6377
6566
|
};
|
|
6378
6567
|
|
|
6379
|
-
var _templateObject$
|
|
6380
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6568
|
+
var _templateObject$T;
|
|
6569
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
6381
6570
|
|
|
6382
6571
|
var _excluded$j = ["link"];
|
|
6383
6572
|
|
|
@@ -6397,15 +6586,172 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
6397
6586
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
6398
6587
|
};
|
|
6399
6588
|
|
|
6400
|
-
var _templateObject$
|
|
6401
|
-
var
|
|
6402
|
-
var
|
|
6589
|
+
var _templateObject$U, _templateObject2$D, _templateObject3$u, _templateObject5$j, _templateObject6$d, _templateObject7$b, _templateObject8$8, _templateObject9$4, _templateObject10$4;
|
|
6590
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.p(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
6591
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
6592
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
6593
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n @media ", " {\n height: 85vw;\n }\n"])), devices.mobile);
|
|
6594
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n svg {\n max-width: 155px;\n fill: ", ";\n }\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n }\n"])), function (_ref) {
|
|
6595
|
+
var invert = _ref.invert,
|
|
6596
|
+
theme = _ref.theme;
|
|
6597
|
+
return invert ? theme.colors.white : theme.colors.primary;
|
|
6598
|
+
}, function (_ref2) {
|
|
6599
|
+
var invert = _ref2.invert,
|
|
6600
|
+
theme = _ref2.theme;
|
|
6601
|
+
return invert ? theme.colors.black : theme.colors.white;
|
|
6602
|
+
}, function (_ref3) {
|
|
6603
|
+
var invert = _ref3.invert,
|
|
6604
|
+
theme = _ref3.theme;
|
|
6605
|
+
return invert ? theme.colors.black : theme.colors.white;
|
|
6606
|
+
}, devices.mobile);
|
|
6607
|
+
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: logo;\n padding-left: 50px;\n justify-content: left;\n align-items: center;\n width: 100%;\n @media ", " {\n padding-left: 0px;\n justify-content: center;\n }\n @media ", " {\n width: fit-content;\n }\n"])), devices.mobile, devices.tablet);
|
|
6608
|
+
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: title;\n align-items: center;\n justify-content: center;\n font-family: var(--font-family-header);\n text-transform: uppercase;\n text-align: center;\n padding: 0 2em;\n @media ", " {\n justify-content: center;\n }\n"])), devices.mobile);
|
|
6609
|
+
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: cta;\n justify-content: right;\n align-items: center;\n padding-right: 50px;\n @media ", " {\n padding-right: 0px;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
6610
|
+
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (_ref4) {
|
|
6611
|
+
var invert = _ref4.invert,
|
|
6612
|
+
theme = _ref4.theme;
|
|
6613
|
+
return invert ? theme.colors.primary : theme.colors.white;
|
|
6614
|
+
}, function (_ref5) {
|
|
6615
|
+
var invert = _ref5.invert,
|
|
6616
|
+
theme = _ref5.theme;
|
|
6617
|
+
return invert ? theme.colors.white : theme.colors.black;
|
|
6618
|
+
}, function (_ref6) {
|
|
6619
|
+
var invert = _ref6.invert,
|
|
6620
|
+
theme = _ref6.theme;
|
|
6621
|
+
return invert ? theme.colors.white : theme.colors.black;
|
|
6622
|
+
}, function (_ref7) {
|
|
6623
|
+
var invert = _ref7.invert,
|
|
6624
|
+
theme = _ref7.theme;
|
|
6625
|
+
return invert ? theme.colors.white : theme.colors.black;
|
|
6626
|
+
});
|
|
6627
|
+
|
|
6628
|
+
var renderBranding = function renderBranding(brandingStyle, brandingText, invert) {
|
|
6629
|
+
switch (brandingStyle) {
|
|
6630
|
+
case 'BlockText':
|
|
6631
|
+
return /*#__PURE__*/React__default.createElement(BrandingTextBlock, null, truncate(stripAllHtmlTags(brandingText), 25));
|
|
6632
|
+
|
|
6633
|
+
case 'BodyText':
|
|
6634
|
+
return /*#__PURE__*/React__default.createElement(BrandingTextBody, {
|
|
6635
|
+
dangerouslySetInnerHTML: {
|
|
6636
|
+
__html: truncateHtmlString(brandingText, 65)
|
|
6637
|
+
}
|
|
6638
|
+
});
|
|
6639
|
+
|
|
6640
|
+
case 'StreamLogo':
|
|
6641
|
+
return /*#__PURE__*/React__default.createElement(StreamBadge, {
|
|
6642
|
+
fillColor: invert ? exports.Colors.Black : undefined
|
|
6643
|
+
});
|
|
6644
|
+
|
|
6645
|
+
case 'CinemaLogo':
|
|
6646
|
+
return /*#__PURE__*/React__default.createElement(CinemaBadge, {
|
|
6647
|
+
fillColor: invert ? exports.Colors.Black : undefined
|
|
6648
|
+
});
|
|
6649
|
+
|
|
6650
|
+
default:
|
|
6651
|
+
return /*#__PURE__*/React__default.createElement("p", null, "Royal Opera House");
|
|
6652
|
+
}
|
|
6653
|
+
};
|
|
6654
|
+
|
|
6655
|
+
var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
6656
|
+
var brandingStyle = _ref.brandingStyle,
|
|
6657
|
+
brandingText = _ref.brandingText,
|
|
6658
|
+
_ref$invert = _ref.invert,
|
|
6659
|
+
invert = _ref$invert === void 0 ? false : _ref$invert;
|
|
6660
|
+
return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, brandingText, invert));
|
|
6661
|
+
};
|
|
6662
|
+
|
|
6663
|
+
var _excluded$k = ["text"];
|
|
6664
|
+
|
|
6665
|
+
var PageHeadingCompact = function PageHeadingCompact(_ref) {
|
|
6666
|
+
var title = _ref.title,
|
|
6667
|
+
link = _ref.link,
|
|
6668
|
+
_ref$sponsor = _ref.sponsor,
|
|
6669
|
+
sponsor = _ref$sponsor === void 0 ? true : _ref$sponsor,
|
|
6670
|
+
customSponsorImage = _ref.customSponsorImage,
|
|
6671
|
+
bgUrlDesktop = _ref.bgUrlDesktop,
|
|
6672
|
+
bgUrlDevice = _ref.bgUrlDevice,
|
|
6673
|
+
videoUrlDesktop = _ref.videoUrlDesktop,
|
|
6674
|
+
videoUrlMobile = _ref.videoUrlMobile,
|
|
6675
|
+
_ref$bgImageAltText = _ref.bgImageAltText,
|
|
6676
|
+
bgImageAltText = _ref$bgImageAltText === void 0 ? '' : _ref$bgImageAltText,
|
|
6677
|
+
_ref$invert = _ref.invert,
|
|
6678
|
+
invert = _ref$invert === void 0 ? false : _ref$invert,
|
|
6679
|
+
_ref$brandingStyle = _ref.brandingStyle,
|
|
6680
|
+
brandingStyle = _ref$brandingStyle === void 0 ? 'BlockText' : _ref$brandingStyle,
|
|
6681
|
+
_ref$brandingText = _ref.brandingText,
|
|
6682
|
+
brandingText = _ref$brandingText === void 0 ? 'Royal Opera House' : _ref$brandingText;
|
|
6403
6683
|
|
|
6404
|
-
var
|
|
6684
|
+
var _ref2 = link || {},
|
|
6685
|
+
linkText = _ref2.text,
|
|
6686
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$k);
|
|
6687
|
+
|
|
6688
|
+
var titleSize = title && title.length > 20 ? 4 : 3;
|
|
6689
|
+
var videoElementId = 'compact-header-video';
|
|
6690
|
+
return /*#__PURE__*/React__default.createElement(ComapctHeaderWrapper, null, sponsor ? /*#__PURE__*/React__default.createElement(SponsorWrapper, {
|
|
6691
|
+
"data-testid": "compact-sponsor"
|
|
6692
|
+
}, customSponsorImage ? /*#__PURE__*/React__default.createElement(Sponsorship, Object.assign({
|
|
6693
|
+
"data-testid": "compact-custom-sponsor"
|
|
6694
|
+
}, customSponsorImage, {
|
|
6695
|
+
isCustomImage: true
|
|
6696
|
+
})) : /*#__PURE__*/React__default.createElement(Sponsorship, null)) : null, /*#__PURE__*/React__default.createElement(CompactHeaderAssetWrapper, null, videoUrlDesktop || videoUrlMobile ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("video", {
|
|
6697
|
+
loop: true,
|
|
6698
|
+
muted: true,
|
|
6699
|
+
playsInline: true,
|
|
6700
|
+
"data-testid": "compact-video",
|
|
6701
|
+
id: videoElementId
|
|
6702
|
+
}, videoUrlDesktop && /*#__PURE__*/React__default.createElement("source", {
|
|
6703
|
+
src: videoUrlDesktop,
|
|
6704
|
+
media: "" + devices.desktop
|
|
6705
|
+
}), videoUrlMobile && /*#__PURE__*/React__default.createElement("source", {
|
|
6706
|
+
src: videoUrlMobile,
|
|
6707
|
+
media: "" + devices.mobile
|
|
6708
|
+
}), /*#__PURE__*/React__default.createElement("img", {
|
|
6709
|
+
src: bgUrlDesktop,
|
|
6710
|
+
alt: bgImageAltText,
|
|
6711
|
+
"data-testid": "compact-image"
|
|
6712
|
+
})), /*#__PURE__*/React__default.createElement(VideoControls, {
|
|
6713
|
+
videoElementId: videoElementId,
|
|
6714
|
+
defaultMuted: true,
|
|
6715
|
+
defaultPlaying: false
|
|
6716
|
+
})) : /*#__PURE__*/React__default.createElement("picture", {
|
|
6717
|
+
"data-testid": "compact-picture"
|
|
6718
|
+
}, bgUrlDevice && /*#__PURE__*/React__default.createElement("source", {
|
|
6719
|
+
srcSet: bgUrlDevice,
|
|
6720
|
+
media: "" + devices.mobile,
|
|
6721
|
+
"data-testid": "compact-mobile-image-source"
|
|
6722
|
+
}), /*#__PURE__*/React__default.createElement("source", {
|
|
6723
|
+
srcSet: bgUrlDesktop,
|
|
6724
|
+
media: "" + devices.desktop,
|
|
6725
|
+
"data-testid": "compact-desktop-image-source"
|
|
6726
|
+
}), /*#__PURE__*/React__default.createElement("img", {
|
|
6727
|
+
src: bgUrlDesktop,
|
|
6728
|
+
alt: bgImageAltText,
|
|
6729
|
+
"data-testid": "compact-image"
|
|
6730
|
+
}))), /*#__PURE__*/React__default.createElement(CompactHeaderCopyWrapper, {
|
|
6731
|
+
className: "page-heading-compact__background",
|
|
6732
|
+
invert: invert
|
|
6733
|
+
}, /*#__PURE__*/React__default.createElement(CompactHeaderBranding, {
|
|
6734
|
+
brandingStyle: brandingStyle,
|
|
6735
|
+
brandingText: brandingText,
|
|
6736
|
+
invert: invert
|
|
6737
|
+
}), /*#__PURE__*/React__default.createElement(CompactHeaderTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
6738
|
+
level: titleSize,
|
|
6739
|
+
semanticLevel: 1
|
|
6740
|
+
}, title && truncate(title, 40))), /*#__PURE__*/React__default.createElement(CompactHeaderCTAWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButtonWithInversion, Object.assign({}, restLink, {
|
|
6741
|
+
invert: invert,
|
|
6742
|
+
className: "page-heading-compact__button"
|
|
6743
|
+
}), linkText))));
|
|
6744
|
+
};
|
|
6745
|
+
|
|
6746
|
+
var _templateObject$V, _templateObject2$E, _templateObject3$v, _templateObject4$n;
|
|
6747
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
6748
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
6749
|
+
|
|
6750
|
+
var PageNumber = /*#__PURE__*/styled__default(reactRouterDom.Link)(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
6405
6751
|
var active = _ref.active;
|
|
6406
6752
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
6407
6753
|
});
|
|
6408
|
-
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$
|
|
6754
|
+
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
|
|
6409
6755
|
|
|
6410
6756
|
var reducePages = function reducePages(pages, currentPage) {
|
|
6411
6757
|
// If there are less than 6 pages, return all pages
|
|
@@ -6474,13 +6820,13 @@ var Pagination = function Pagination(_ref) {
|
|
|
6474
6820
|
}))));
|
|
6475
6821
|
};
|
|
6476
6822
|
|
|
6477
|
-
var _templateObject$
|
|
6478
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6479
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6480
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6481
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6482
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6483
|
-
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$
|
|
6823
|
+
var _templateObject$W, _templateObject2$F, _templateObject3$w, _templateObject4$o, _templateObject5$k, _templateObject6$e;
|
|
6824
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\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);
|
|
6825
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
6826
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
6827
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
6828
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
6829
|
+
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
6484
6830
|
|
|
6485
6831
|
var Person = function Person(_ref) {
|
|
6486
6832
|
var person = _ref.person,
|
|
@@ -6531,14 +6877,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
6531
6877
|
}));
|
|
6532
6878
|
};
|
|
6533
6879
|
|
|
6534
|
-
var _templateObject$
|
|
6880
|
+
var _templateObject$X, _templateObject2$G, _templateObject3$x, _templateObject4$p, _templateObject5$l, _templateObject6$f, _templateObject7$c, _templateObject8$9, _templateObject9$5, _templateObject10$5, _templateObject11$3, _templateObject12$2, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
6535
6881
|
var LENGTH_TEXT = 28;
|
|
6536
6882
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
6537
6883
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
6538
6884
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
6539
6885
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
6540
6886
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
6541
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6887
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$X || (_templateObject$X = /*#__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) {
|
|
6542
6888
|
var imageToLeft = _ref.imageToLeft;
|
|
6543
6889
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
6544
6890
|
}, devices.tablet, function (_ref2) {
|
|
@@ -6548,8 +6894,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$V ||
|
|
|
6548
6894
|
var asCard = _ref3.asCard;
|
|
6549
6895
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
6550
6896
|
});
|
|
6551
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
6552
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6897
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
6898
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref4) {
|
|
6553
6899
|
var theme = _ref4.theme;
|
|
6554
6900
|
return theme.colors.black;
|
|
6555
6901
|
}, function (_ref5) {
|
|
@@ -6559,7 +6905,7 @@ var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$v || (
|
|
|
6559
6905
|
var theme = _ref6.theme;
|
|
6560
6906
|
return theme.colors.primary;
|
|
6561
6907
|
});
|
|
6562
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6908
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__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 (_ref7) {
|
|
6563
6909
|
var hasTextLinks = _ref7.hasTextLinks;
|
|
6564
6910
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
6565
6911
|
}, function (_ref8) {
|
|
@@ -6587,15 +6933,15 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$o ||
|
|
|
6587
6933
|
|
|
6588
6934
|
return '';
|
|
6589
6935
|
});
|
|
6590
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6936
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref10) {
|
|
6591
6937
|
var marginBottom = _ref10.marginBottom;
|
|
6592
6938
|
return marginBottom + "px";
|
|
6593
6939
|
});
|
|
6594
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$
|
|
6595
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6596
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
6597
|
-
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
6598
|
-
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
6940
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
6941
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
6942
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
6943
|
+
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$5 || (_templateObject9$5 = /*#__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);
|
|
6944
|
+
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$5 || (_templateObject10$5 = /*#__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);
|
|
6599
6945
|
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
6600
6946
|
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject12$2 || (_templateObject12$2 = /*#__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);
|
|
6601
6947
|
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -6620,7 +6966,7 @@ var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject19
|
|
|
6620
6966
|
var TimerWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
6621
6967
|
var EndDateText = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid var(--base-color-black);\n padding-bottom: 32px;\n margin-bottom: 32px;\n\n @media ", " {\n padding-bottom: 20px;\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
6622
6968
|
|
|
6623
|
-
var _excluded$
|
|
6969
|
+
var _excluded$l = ["text"],
|
|
6624
6970
|
_excluded2$3 = ["text"],
|
|
6625
6971
|
_excluded3 = ["text"];
|
|
6626
6972
|
|
|
@@ -6662,10 +7008,6 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
6662
7008
|
isTimerActive = _useState2[0],
|
|
6663
7009
|
setIsTimerActive = _useState2[1];
|
|
6664
7010
|
|
|
6665
|
-
var truncate = function truncate(str, n) {
|
|
6666
|
-
return str.length >= n ? str.substr(0, n) : str;
|
|
6667
|
-
};
|
|
6668
|
-
|
|
6669
7011
|
var getTitleLevel = function getTitleLevel(titleSize, isCard) {
|
|
6670
7012
|
if (isCard) {
|
|
6671
7013
|
return 5;
|
|
@@ -6698,7 +7040,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
6698
7040
|
var _ref2 = firstButton || {},
|
|
6699
7041
|
_ref2$text = _ref2.text,
|
|
6700
7042
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
6701
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7043
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
|
|
6702
7044
|
|
|
6703
7045
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
6704
7046
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -6817,27 +7159,27 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
6817
7159
|
}))));
|
|
6818
7160
|
};
|
|
6819
7161
|
|
|
6820
|
-
var _templateObject$
|
|
7162
|
+
var _templateObject$Y, _templateObject2$H, _templateObject3$y, _templateObject4$q, _templateObject5$m, _templateObject6$g, _templateObject7$d;
|
|
6821
7163
|
var LENGTH_TEXT$2 = 28;
|
|
6822
7164
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
6823
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7165
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Y || (_templateObject$Y = /*#__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) {
|
|
6824
7166
|
var imageToLeft = _ref.imageToLeft;
|
|
6825
7167
|
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'";
|
|
6826
7168
|
}, devices.tablet, function (_ref2) {
|
|
6827
7169
|
var imageToLeft = _ref2.imageToLeft;
|
|
6828
7170
|
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'";
|
|
6829
7171
|
}, devices.mobile);
|
|
6830
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7172
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
6831
7173
|
var imageToLeft = _ref3.imageToLeft;
|
|
6832
7174
|
return imageToLeft ? 'left' : 'right';
|
|
6833
7175
|
}, devices.mobile);
|
|
6834
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7176
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
6835
7177
|
var imageToLeft = _ref4.imageToLeft;
|
|
6836
7178
|
return imageToLeft ? 'right' : 'left';
|
|
6837
7179
|
}, devices.mobile);
|
|
6838
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6839
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
6840
|
-
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7180
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
|
|
7181
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
7182
|
+
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
6841
7183
|
var theme = _ref5.theme;
|
|
6842
7184
|
return theme.colors.black;
|
|
6843
7185
|
}, function (_ref6) {
|
|
@@ -6847,7 +7189,7 @@ var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$e ||
|
|
|
6847
7189
|
var theme = _ref7.theme;
|
|
6848
7190
|
return theme.colors.primary;
|
|
6849
7191
|
});
|
|
6850
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7192
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref8) {
|
|
6851
7193
|
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
6852
7194
|
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
6853
7195
|
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
@@ -6873,7 +7215,7 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$b ||
|
|
|
6873
7215
|
return '';
|
|
6874
7216
|
});
|
|
6875
7217
|
|
|
6876
|
-
var _excluded$
|
|
7218
|
+
var _excluded$m = ["text"],
|
|
6877
7219
|
_excluded2$4 = ["text"];
|
|
6878
7220
|
var LENGTH_TEXT$3 = 28;
|
|
6879
7221
|
|
|
@@ -6900,7 +7242,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
6900
7242
|
var _ref2 = primaryButton || {},
|
|
6901
7243
|
_ref2$text = _ref2.text,
|
|
6902
7244
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
6903
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7245
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
|
|
6904
7246
|
|
|
6905
7247
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
6906
7248
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -6934,8 +7276,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
6934
7276
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
6935
7277
|
};
|
|
6936
7278
|
|
|
6937
|
-
var _templateObject$
|
|
6938
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7279
|
+
var _templateObject$Z;
|
|
7280
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
6939
7281
|
|
|
6940
7282
|
var SectionTitle = function SectionTitle(_ref) {
|
|
6941
7283
|
var title = _ref.title,
|
|
@@ -6961,8 +7303,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
6961
7303
|
}, description))));
|
|
6962
7304
|
};
|
|
6963
7305
|
|
|
6964
|
-
var _templateObject$
|
|
6965
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
7306
|
+
var _templateObject$_, _templateObject2$I, _templateObject3$z, _templateObject4$r, _templateObject5$n, _templateObject6$h, _templateObject7$e, _templateObject8$a, _templateObject9$6, _templateObject10$6, _templateObject11$4;
|
|
7307
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$_ || (_templateObject$_ = /*#__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) {
|
|
6966
7308
|
var theme = _ref.theme;
|
|
6967
7309
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
6968
7310
|
}, function (_ref2) {
|
|
@@ -6972,12 +7314,12 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$Y || (_templateObject$
|
|
|
6972
7314
|
var theme = _ref3.theme;
|
|
6973
7315
|
return theme.colors.lightgrey;
|
|
6974
7316
|
});
|
|
6975
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
7317
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
6976
7318
|
var theme = _ref4.theme;
|
|
6977
7319
|
return theme.colors.darkgrey;
|
|
6978
7320
|
});
|
|
6979
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
6980
|
-
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$
|
|
7321
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7322
|
+
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
6981
7323
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
6982
7324
|
var theme = _ref5.theme;
|
|
6983
7325
|
return {
|
|
@@ -6985,11 +7327,11 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
6985
7327
|
color: theme.colors.black,
|
|
6986
7328
|
title: 'Select Arrow'
|
|
6987
7329
|
};
|
|
6988
|
-
})(_templateObject5$
|
|
6989
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6990
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6991
|
-
var Options = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
6992
|
-
var Option = /*#__PURE__*/styled__default.li(_templateObject9$
|
|
7330
|
+
})(_templateObject5$n || (_templateObject5$n = /*#__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"])));
|
|
7331
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
7332
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
7333
|
+
var Options = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
7334
|
+
var Option = /*#__PURE__*/styled__default.li(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
6993
7335
|
var theme = _ref6.theme,
|
|
6994
7336
|
hover = _ref6.hover;
|
|
6995
7337
|
var _theme$colors = theme.colors,
|
|
@@ -7000,7 +7342,7 @@ var Option = /*#__PURE__*/styled__default.li(_templateObject9$5 || (_templateObj
|
|
|
7000
7342
|
});
|
|
7001
7343
|
|
|
7002
7344
|
var selectStyles = function selectStyles(width, height) {
|
|
7003
|
-
return styled.css(_templateObject10$
|
|
7345
|
+
return styled.css(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteralLoose(["\n position: relative;\n z-index: ", ";\n\n width: ", ";\n height: ", ";\n\n * {\n width: ", ";\n }\n\n ", " {\n position: absolute;\n top: ", ";\n }\n ", " {\n height: ", ";\n }\n p {\n height: ", ";\n padding-inline: 20px;\n\n display: flex;\n align-items: center;\n }\n"])), zIndexes[3], width, height, width, Options, height, Option, height, height);
|
|
7004
7346
|
};
|
|
7005
7347
|
|
|
7006
7348
|
var SelectList = /*#__PURE__*/styled__default.ul(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n ", "\n ", "\n ", "\n\n & ", " {\n position: absolute;\n\n top: 13px;\n right: 16px;\n }\n"])), function (_ref7) {
|
|
@@ -7371,8 +7713,8 @@ function Select(_ref3) {
|
|
|
7371
7713
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
7372
7714
|
}
|
|
7373
7715
|
|
|
7374
|
-
var _templateObject
|
|
7375
|
-
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject
|
|
7716
|
+
var _templateObject$$;
|
|
7717
|
+
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -24px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 20px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
7376
7718
|
var theme = _ref.theme;
|
|
7377
7719
|
return theme.colors.primary;
|
|
7378
7720
|
});
|
|
@@ -7400,8 +7742,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
7400
7742
|
})));
|
|
7401
7743
|
};
|
|
7402
7744
|
|
|
7403
|
-
var _templateObject$
|
|
7404
|
-
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7745
|
+
var _templateObject$10, _templateObject2$J;
|
|
7746
|
+
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
7405
7747
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
7406
7748
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
7407
7749
|
return aspectRatio;
|
|
@@ -7411,7 +7753,7 @@ var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject$_ || (_template
|
|
|
7411
7753
|
height = _ref2.height;
|
|
7412
7754
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
7413
7755
|
});
|
|
7414
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7756
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
|
|
7415
7757
|
|
|
7416
7758
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
7417
7759
|
var caption = _ref.caption,
|
|
@@ -7449,13 +7791,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
7449
7791
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
7450
7792
|
};
|
|
7451
7793
|
|
|
7452
|
-
var _templateObject
|
|
7453
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject
|
|
7454
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7794
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$A;
|
|
7795
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
7796
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
7455
7797
|
var displayAttribution = _ref.displayAttribution;
|
|
7456
7798
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
7457
7799
|
});
|
|
7458
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7800
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
|
|
7459
7801
|
|
|
7460
7802
|
var Quote = function Quote(_ref) {
|
|
7461
7803
|
var text = _ref.text,
|
|
@@ -7479,8 +7821,8 @@ var Quote = function Quote(_ref) {
|
|
|
7479
7821
|
}, attribution))));
|
|
7480
7822
|
};
|
|
7481
7823
|
|
|
7482
|
-
var _templateObject$
|
|
7483
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --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-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
7824
|
+
var _templateObject$12;
|
|
7825
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --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-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
7484
7826
|
var theme = _ref.theme;
|
|
7485
7827
|
return theme.colors.primary;
|
|
7486
7828
|
}, function (_ref2) {
|
|
@@ -8422,6 +8764,7 @@ exports.LiveChat = LiveChat;
|
|
|
8422
8764
|
exports.Navigation = Navigation;
|
|
8423
8765
|
exports.Overline = Overline;
|
|
8424
8766
|
exports.PageHeadingCinema = PageHeadingCinema;
|
|
8767
|
+
exports.PageHeadingCompact = PageHeadingCompact;
|
|
8425
8768
|
exports.PageHeadingCore = PageHeadingCore;
|
|
8426
8769
|
exports.PageHeadingHighlight = PageHeadingHighlight;
|
|
8427
8770
|
exports.PageHeadingImpact = PageHeadingImpact;
|