@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
package/dist/chord.esm.js
CHANGED
|
@@ -3491,27 +3491,135 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3491
3491
|
}, renderNextIcon()));
|
|
3492
3492
|
};
|
|
3493
3493
|
|
|
3494
|
-
var _templateObject$q, _templateObject2$d, _templateObject3$7, _templateObject4$3, _templateObject5$2, _templateObject6$1, _templateObject7$1
|
|
3495
|
-
var
|
|
3494
|
+
var _templateObject$q, _templateObject2$d, _templateObject3$7, _templateObject4$3, _templateObject5$2, _templateObject6$1, _templateObject7$1;
|
|
3495
|
+
var VideoPlayButton = /*#__PURE__*/styled.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"])));
|
|
3496
|
+
var VideoControlsWrapper = /*#__PURE__*/styled.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);
|
|
3497
|
+
var VideoVolume = /*#__PURE__*/styled.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
3498
|
+
var VideoMute = /*#__PURE__*/styled.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"])));
|
|
3499
|
+
var thumbStyes = /*#__PURE__*/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"])));
|
|
3500
|
+
var trackStyles = /*#__PURE__*/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"])));
|
|
3501
|
+
var VolumeControlsWrapper = /*#__PURE__*/styled.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) {
|
|
3502
|
+
var volumeHidden = _ref.volumeHidden;
|
|
3503
|
+
return volumeHidden ? '40px' : '100px';
|
|
3504
|
+
}, trackStyles, trackStyles, trackStyles, trackStyles, trackStyles, thumbStyes, thumbStyes, thumbStyes);
|
|
3505
|
+
|
|
3506
|
+
var VideoControls = function VideoControls(_ref) {
|
|
3507
|
+
var videoElementId = _ref.videoElementId,
|
|
3508
|
+
_ref$defaultMuted = _ref.defaultMuted,
|
|
3509
|
+
defaultMuted = _ref$defaultMuted === void 0 ? true : _ref$defaultMuted,
|
|
3510
|
+
_ref$defaultPlaying = _ref.defaultPlaying,
|
|
3511
|
+
defaultPlaying = _ref$defaultPlaying === void 0 ? false : _ref$defaultPlaying;
|
|
3512
|
+
|
|
3513
|
+
var _React$useState = React__default.useState(defaultPlaying),
|
|
3514
|
+
playing = _React$useState[0],
|
|
3515
|
+
setPlaying = _React$useState[1];
|
|
3516
|
+
|
|
3517
|
+
var _React$useState2 = React__default.useState(defaultMuted),
|
|
3518
|
+
muted = _React$useState2[0],
|
|
3519
|
+
setMuted = _React$useState2[1];
|
|
3520
|
+
|
|
3521
|
+
var _React$useState3 = React__default.useState(50),
|
|
3522
|
+
volume = _React$useState3[0],
|
|
3523
|
+
setVolume = _React$useState3[1];
|
|
3524
|
+
|
|
3525
|
+
var getVideoElement = function getVideoElement() {
|
|
3526
|
+
return document.querySelector("#" + videoElementId);
|
|
3527
|
+
};
|
|
3528
|
+
|
|
3529
|
+
var handlePlay = useCallback(function () {
|
|
3530
|
+
var video = getVideoElement();
|
|
3531
|
+
if (!video) return;
|
|
3532
|
+
|
|
3533
|
+
if (playing) {
|
|
3534
|
+
video.pause();
|
|
3535
|
+
setPlaying(false);
|
|
3536
|
+
} else {
|
|
3537
|
+
video == null ? void 0 : video.play();
|
|
3538
|
+
setPlaying(true);
|
|
3539
|
+
}
|
|
3540
|
+
}, [playing]);
|
|
3541
|
+
var handleMute = useCallback(function () {
|
|
3542
|
+
var video = getVideoElement();
|
|
3543
|
+
|
|
3544
|
+
if (video) {
|
|
3545
|
+
if (muted) {
|
|
3546
|
+
video.muted = false;
|
|
3547
|
+
setMuted(false);
|
|
3548
|
+
} else {
|
|
3549
|
+
video.muted = true;
|
|
3550
|
+
setMuted(true);
|
|
3551
|
+
}
|
|
3552
|
+
}
|
|
3553
|
+
}, [muted]);
|
|
3554
|
+
var handleVolume = useCallback(function (e) {
|
|
3555
|
+
var video = getVideoElement();
|
|
3556
|
+
var newVolume = Number(e.target.value);
|
|
3557
|
+
|
|
3558
|
+
if (video) {
|
|
3559
|
+
video.volume = newVolume / 100;
|
|
3560
|
+
|
|
3561
|
+
if (newVolume === 0) {
|
|
3562
|
+
video.muted = true;
|
|
3563
|
+
setMuted(true);
|
|
3564
|
+
} else {
|
|
3565
|
+
video.muted = false;
|
|
3566
|
+
setMuted(false);
|
|
3567
|
+
}
|
|
3568
|
+
|
|
3569
|
+
setVolume(newVolume);
|
|
3570
|
+
}
|
|
3571
|
+
}, [muted]);
|
|
3572
|
+
return /*#__PURE__*/React__default.createElement(VideoControlsWrapper, null, /*#__PURE__*/React__default.createElement(VideoPlayButton, {
|
|
3573
|
+
id: "play",
|
|
3574
|
+
onClick: handlePlay,
|
|
3575
|
+
className: "video-play-button",
|
|
3576
|
+
"data-testid": "video-play-button",
|
|
3577
|
+
"aria-label": !playing ? 'Play' : 'Pause'
|
|
3578
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3579
|
+
iconName: !playing ? 'Play' : 'Pause'
|
|
3580
|
+
})), /*#__PURE__*/React__default.createElement(VolumeControlsWrapper, null, /*#__PURE__*/React__default.createElement(VideoMute, {
|
|
3581
|
+
id: "mute",
|
|
3582
|
+
className: "video-mute-button",
|
|
3583
|
+
"data-testid": "video-mute-button",
|
|
3584
|
+
onClick: handleMute,
|
|
3585
|
+
"aria-label": muted ? 'Unmute' : 'Mute'
|
|
3586
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3587
|
+
"data-testid": "mute-icon",
|
|
3588
|
+
iconName: muted ? 'Muted' : 'Volume',
|
|
3589
|
+
color: "white"
|
|
3590
|
+
})), /*#__PURE__*/React__default.createElement(VideoVolume, {
|
|
3591
|
+
id: "vol-control",
|
|
3592
|
+
type: "range",
|
|
3593
|
+
min: "0",
|
|
3594
|
+
max: "100",
|
|
3595
|
+
step: "1",
|
|
3596
|
+
onChange: handleVolume,
|
|
3597
|
+
value: muted ? 0 : volume,
|
|
3598
|
+
"aria-label": "Volume - " + volume + "%"
|
|
3599
|
+
})));
|
|
3600
|
+
};
|
|
3601
|
+
|
|
3602
|
+
var _templateObject$r, _templateObject2$e, _templateObject3$8, _templateObject4$4, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11;
|
|
3603
|
+
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
3496
3604
|
var isMenuOpen = _ref.isMenuOpen;
|
|
3497
3605
|
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 ";
|
|
3498
3606
|
});
|
|
3499
|
-
var FullScreenContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
3500
|
-
var NavigationGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
3501
|
-
var SearchBackground = /*#__PURE__*/styled.div(_templateObject4$
|
|
3502
|
-
var GridItemSearch = /*#__PURE__*/styled(GridItem)(_templateObject5$
|
|
3503
|
-
var NavigationGridMobile = /*#__PURE__*/styled(Grid)(_templateObject6$
|
|
3607
|
+
var FullScreenContainer = /*#__PURE__*/styled.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);
|
|
3608
|
+
var NavigationGrid = /*#__PURE__*/styled(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);
|
|
3609
|
+
var SearchBackground = /*#__PURE__*/styled.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);
|
|
3610
|
+
var GridItemSearch = /*#__PURE__*/styled(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);
|
|
3611
|
+
var NavigationGridMobile = /*#__PURE__*/styled(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) {
|
|
3504
3612
|
var theme = _ref2.theme;
|
|
3505
3613
|
return theme.spacing[12];
|
|
3506
3614
|
});
|
|
3507
|
-
var LogoContainer = /*#__PURE__*/styled.div(_templateObject7$
|
|
3615
|
+
var LogoContainer = /*#__PURE__*/styled.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);
|
|
3508
3616
|
var MenuContainer = /*#__PURE__*/styled.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);
|
|
3509
3617
|
var NavContainer = /*#__PURE__*/styled.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);
|
|
3510
3618
|
var NavContainerGridItem = /*#__PURE__*/styled(GridItem)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
3511
3619
|
var NavTopContainer = /*#__PURE__*/styled.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);
|
|
3512
3620
|
|
|
3513
|
-
var _templateObject$
|
|
3514
|
-
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3621
|
+
var _templateObject$s;
|
|
3622
|
+
var LogoWrapper = /*#__PURE__*/styled.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"])));
|
|
3515
3623
|
|
|
3516
3624
|
var Logo = function Logo(_ref) {
|
|
3517
3625
|
var _ref$id = _ref.id,
|
|
@@ -3540,16 +3648,16 @@ var Logo = function Logo(_ref) {
|
|
|
3540
3648
|
}))));
|
|
3541
3649
|
};
|
|
3542
3650
|
|
|
3543
|
-
var _templateObject$
|
|
3544
|
-
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
3651
|
+
var _templateObject$t;
|
|
3652
|
+
var NavTopContainer$1 = /*#__PURE__*/styled.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);
|
|
3545
3653
|
|
|
3546
|
-
var _templateObject$
|
|
3547
|
-
var BasketContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3654
|
+
var _templateObject$u, _templateObject2$f, _templateObject3$9, _templateObject4$5;
|
|
3655
|
+
var BasketContainer = /*#__PURE__*/styled.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) {
|
|
3548
3656
|
var selected = _ref.selected,
|
|
3549
3657
|
colorPrimary = _ref.colorPrimary;
|
|
3550
3658
|
|
|
3551
3659
|
if (selected) {
|
|
3552
|
-
return "\n border-bottom: 1px solid var(--base-color-" + colorPrimary + ");\n && a {\n color: var(--base-color-" + colorPrimary + ");\n }
|
|
3660
|
+
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 ";
|
|
3553
3661
|
}
|
|
3554
3662
|
|
|
3555
3663
|
return '';
|
|
@@ -3562,10 +3670,37 @@ var BasketContainer = /*#__PURE__*/styled.div(_templateObject$t || (_templateObj
|
|
|
3562
3670
|
}, function (_ref4) {
|
|
3563
3671
|
var colorPrimary = _ref4.colorPrimary;
|
|
3564
3672
|
return colorPrimary;
|
|
3673
|
+
}, function (_ref5) {
|
|
3674
|
+
var isActive = _ref5.isActive,
|
|
3675
|
+
colorPrimary = _ref5.colorPrimary;
|
|
3676
|
+
|
|
3677
|
+
if (isActive) {
|
|
3678
|
+
return "\n && a {\n color: var(--base-color-" + colorPrimary + ");\n }\n && svg path {\n fill: var(--base-color-" + colorPrimary + ");\n }\n ";
|
|
3679
|
+
}
|
|
3680
|
+
|
|
3681
|
+
return '';
|
|
3565
3682
|
});
|
|
3566
|
-
var SvgContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
3567
|
-
var NumContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
3568
|
-
var BasketText = /*#__PURE__*/styled.a(_templateObject4$
|
|
3683
|
+
var SvgContainer = /*#__PURE__*/styled.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"])));
|
|
3684
|
+
var NumContainer = /*#__PURE__*/styled.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"])));
|
|
3685
|
+
var BasketText = /*#__PURE__*/styled.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"])));
|
|
3686
|
+
|
|
3687
|
+
var checkTimeRed = function checkTimeRed(seconds) {
|
|
3688
|
+
if (seconds <= 0) {
|
|
3689
|
+
return false;
|
|
3690
|
+
}
|
|
3691
|
+
|
|
3692
|
+
return seconds / 60 <= 5;
|
|
3693
|
+
};
|
|
3694
|
+
var formatTime = function formatTime(seconds) {
|
|
3695
|
+
if (seconds > 60) {
|
|
3696
|
+
return Math.ceil(seconds / 60) + " mins";
|
|
3697
|
+
}
|
|
3698
|
+
|
|
3699
|
+
return seconds + " sec" + (seconds === 1 ? '' : 's');
|
|
3700
|
+
};
|
|
3701
|
+
var initSeconds = function initSeconds(expiryDate) {
|
|
3702
|
+
return expiryDate ? Math.ceil((new Date(expiryDate).getTime() - new Date().getTime()) / 1000) : 0;
|
|
3703
|
+
};
|
|
3569
3704
|
|
|
3570
3705
|
var Basket$1 = function Basket(_ref) {
|
|
3571
3706
|
var text = _ref.text,
|
|
@@ -3576,7 +3711,28 @@ var Basket$1 = function Basket(_ref) {
|
|
|
3576
3711
|
numItems = _ref$numItems === void 0 ? 0 : _ref$numItems,
|
|
3577
3712
|
onClick = _ref.onClick,
|
|
3578
3713
|
_ref$colorPrimary = _ref.colorPrimary,
|
|
3579
|
-
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary
|
|
3714
|
+
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary,
|
|
3715
|
+
expiryDate = _ref.expiryDate;
|
|
3716
|
+
|
|
3717
|
+
var _useState = useState(numItems),
|
|
3718
|
+
basketItems = _useState[0],
|
|
3719
|
+
setBasketItems = _useState[1];
|
|
3720
|
+
|
|
3721
|
+
var _useState2 = useState(initSeconds(expiryDate)),
|
|
3722
|
+
seconds = _useState2[0],
|
|
3723
|
+
setSeconds = _useState2[1];
|
|
3724
|
+
|
|
3725
|
+
var _useState3 = useState(formatTime(seconds)),
|
|
3726
|
+
countdownText = _useState3[0],
|
|
3727
|
+
setCountdownText = _useState3[1];
|
|
3728
|
+
|
|
3729
|
+
var _useState4 = useState(),
|
|
3730
|
+
timer = _useState4[0],
|
|
3731
|
+
setTimer = _useState4[1];
|
|
3732
|
+
|
|
3733
|
+
var _useState5 = useState(checkTimeRed(seconds)),
|
|
3734
|
+
isActive = _useState5[0],
|
|
3735
|
+
setIsActive = _useState5[1];
|
|
3580
3736
|
|
|
3581
3737
|
var onClickHandler = function onClickHandler() {
|
|
3582
3738
|
if (onClick) {
|
|
@@ -3590,12 +3746,42 @@ var Basket$1 = function Basket(_ref) {
|
|
|
3590
3746
|
}
|
|
3591
3747
|
};
|
|
3592
3748
|
|
|
3593
|
-
|
|
3749
|
+
useEffect(function () {
|
|
3750
|
+
if (timer) {
|
|
3751
|
+
clearInterval(timer); // clears the old timer before setting a new one
|
|
3752
|
+
}
|
|
3753
|
+
|
|
3754
|
+
if (!expiryDate || !numItems) return;
|
|
3755
|
+
var interval = setInterval(function () {
|
|
3756
|
+
setSeconds(function (prev) {
|
|
3757
|
+
return prev - 1;
|
|
3758
|
+
});
|
|
3759
|
+
}, 1000);
|
|
3760
|
+
setTimer(interval);
|
|
3761
|
+
return function () {
|
|
3762
|
+
return clearInterval(interval);
|
|
3763
|
+
};
|
|
3764
|
+
}, [expiryDate]);
|
|
3765
|
+
useEffect(function () {
|
|
3766
|
+
if (!timer) return;
|
|
3767
|
+
|
|
3768
|
+
if (seconds > 0) {
|
|
3769
|
+
setCountdownText(formatTime(seconds));
|
|
3770
|
+
setIsActive(checkTimeRed(seconds));
|
|
3771
|
+
} else {
|
|
3772
|
+
clearInterval(timer);
|
|
3773
|
+
setBasketItems(0);
|
|
3774
|
+
setCountdownText('');
|
|
3775
|
+
setIsActive(false);
|
|
3776
|
+
}
|
|
3777
|
+
}, [seconds, timer]);
|
|
3778
|
+
var empty = basketItems <= 0;
|
|
3594
3779
|
return /*#__PURE__*/React__default.createElement(BasketContainer, {
|
|
3595
3780
|
selected: selected,
|
|
3596
3781
|
onClick: onClickHandler,
|
|
3597
3782
|
onKeyDown: onKeyDownHandler,
|
|
3598
3783
|
colorPrimary: colorPrimary,
|
|
3784
|
+
isActive: isActive,
|
|
3599
3785
|
tabIndex: 0
|
|
3600
3786
|
}, /*#__PURE__*/React__default.createElement(SvgContainer, null, empty ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
3601
3787
|
iconName: "Basket"
|
|
@@ -3603,13 +3789,13 @@ var Basket$1 = function Basket(_ref) {
|
|
|
3603
3789
|
iconName: "BasketFull"
|
|
3604
3790
|
}), /*#__PURE__*/React__default.createElement(NumContainer, null, /*#__PURE__*/React__default.createElement("span", {
|
|
3605
3791
|
className: "basket-num"
|
|
3606
|
-
},
|
|
3792
|
+
}, basketItems)))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(BasketText, {
|
|
3607
3793
|
"data-testid": "baskettext"
|
|
3608
|
-
},
|
|
3794
|
+
}, expiryDate ? countdownText : text)));
|
|
3609
3795
|
};
|
|
3610
3796
|
|
|
3611
|
-
var _templateObject$
|
|
3612
|
-
var SearchContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3797
|
+
var _templateObject$v, _templateObject2$g;
|
|
3798
|
+
var SearchContainer = /*#__PURE__*/styled.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) {
|
|
3613
3799
|
var selected = _ref.selected,
|
|
3614
3800
|
colorPrimary = _ref.colorPrimary;
|
|
3615
3801
|
|
|
@@ -3625,7 +3811,7 @@ var SearchContainer = /*#__PURE__*/styled.div(_templateObject$u || (_templateObj
|
|
|
3625
3811
|
var colorPrimary = _ref3.colorPrimary;
|
|
3626
3812
|
return colorPrimary;
|
|
3627
3813
|
});
|
|
3628
|
-
var SvgContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3814
|
+
var SvgContainer$1 = /*#__PURE__*/styled.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
3629
3815
|
|
|
3630
3816
|
var Search$1 = function Search(_ref) {
|
|
3631
3817
|
var _ref$selected = _ref.selected,
|
|
@@ -3896,23 +4082,23 @@ var NavTop = function NavTop(_ref) {
|
|
|
3896
4082
|
}));
|
|
3897
4083
|
};
|
|
3898
4084
|
|
|
3899
|
-
var _templateObject$
|
|
3900
|
-
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3901
|
-
var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
4085
|
+
var _templateObject$w, _templateObject2$h, _templateObject3$a, _templateObject4$6;
|
|
4086
|
+
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
4087
|
+
var ItemsContainer = /*#__PURE__*/styled.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) {
|
|
3902
4088
|
if (props.showMenu) {
|
|
3903
4089
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
3904
4090
|
}
|
|
3905
4091
|
|
|
3906
4092
|
return "display: none;";
|
|
3907
4093
|
});
|
|
3908
|
-
var MenuContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4094
|
+
var MenuContainer$1 = /*#__PURE__*/styled.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) {
|
|
3909
4095
|
var colorPrimary = _ref.colorPrimary;
|
|
3910
4096
|
return colorPrimary;
|
|
3911
4097
|
}, function (_ref2) {
|
|
3912
4098
|
var colorPrimary = _ref2.colorPrimary;
|
|
3913
4099
|
return colorPrimary;
|
|
3914
4100
|
}, devices.mobileAndTablet);
|
|
3915
|
-
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$
|
|
4101
|
+
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
3916
4102
|
|
|
3917
4103
|
var Tabs = function Tabs(_ref) {
|
|
3918
4104
|
var _ref$items = _ref.items,
|
|
@@ -4039,13 +4225,13 @@ var Tabs = function Tabs(_ref) {
|
|
|
4039
4225
|
}, "MENU"))));
|
|
4040
4226
|
};
|
|
4041
4227
|
|
|
4042
|
-
var _templateObject$
|
|
4043
|
-
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4044
|
-
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$
|
|
4045
|
-
var SvgContainerClose = /*#__PURE__*/styled.div(_templateObject3$
|
|
4046
|
-
var InputContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
4047
|
-
var SearchLinkContainer = /*#__PURE__*/styled.div(_templateObject6$
|
|
4048
|
-
var SearchArrowContainer = /*#__PURE__*/styled.a(_templateObject7$
|
|
4228
|
+
var _templateObject$x, _templateObject2$i, _templateObject3$b, _templateObject5$4, _templateObject6$3, _templateObject7$3;
|
|
4229
|
+
var SearchBarContainer = /*#__PURE__*/styled.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);
|
|
4230
|
+
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
4231
|
+
var SvgContainerClose = /*#__PURE__*/styled.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"])));
|
|
4232
|
+
var InputContainer = /*#__PURE__*/styled.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);
|
|
4233
|
+
var SearchLinkContainer = /*#__PURE__*/styled.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
4234
|
+
var SearchArrowContainer = /*#__PURE__*/styled.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);
|
|
4049
4235
|
|
|
4050
4236
|
var SearchBar = function SearchBar(_ref) {
|
|
4051
4237
|
var onClick = _ref.onClick,
|
|
@@ -4270,18 +4456,18 @@ var Navigation = function Navigation(_ref) {
|
|
|
4270
4456
|
})))));
|
|
4271
4457
|
};
|
|
4272
4458
|
|
|
4273
|
-
var _templateObject$
|
|
4274
|
-
var FooterSection = /*#__PURE__*/styled.section(_templateObject$
|
|
4275
|
-
var FooterContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
4276
|
-
var PolicyLinksRow = /*#__PURE__*/styled.div(_templateObject3$
|
|
4277
|
-
var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$
|
|
4278
|
-
var ArtsLogoRow = /*#__PURE__*/styled.div(_templateObject5$
|
|
4279
|
-
var AdditionalInfo = /*#__PURE__*/styled.p(_templateObject6$
|
|
4459
|
+
var _templateObject$y, _templateObject2$j, _templateObject3$c, _templateObject4$7, _templateObject5$5, _templateObject6$4;
|
|
4460
|
+
var FooterSection = /*#__PURE__*/styled.section(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
4461
|
+
var FooterContainer = /*#__PURE__*/styled.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"])));
|
|
4462
|
+
var PolicyLinksRow = /*#__PURE__*/styled.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);
|
|
4463
|
+
var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
4464
|
+
var ArtsLogoRow = /*#__PURE__*/styled.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);
|
|
4465
|
+
var AdditionalInfo = /*#__PURE__*/styled.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);
|
|
4280
4466
|
|
|
4281
|
-
var _templateObject$
|
|
4282
|
-
var PolicyLinksList = /*#__PURE__*/styled.ul(_templateObject$
|
|
4283
|
-
var PolicyLinkItem = /*#__PURE__*/styled.li(_templateObject2$
|
|
4284
|
-
var PolicyLink = /*#__PURE__*/styled.a(_templateObject3$
|
|
4467
|
+
var _templateObject$z, _templateObject2$k, _templateObject3$d;
|
|
4468
|
+
var PolicyLinksList = /*#__PURE__*/styled.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);
|
|
4469
|
+
var PolicyLinkItem = /*#__PURE__*/styled.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);
|
|
4470
|
+
var PolicyLink = /*#__PURE__*/styled.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"])));
|
|
4285
4471
|
|
|
4286
4472
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
4287
4473
|
var _ref$items = _ref.items,
|
|
@@ -4297,14 +4483,14 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
4297
4483
|
}));
|
|
4298
4484
|
};
|
|
4299
4485
|
|
|
4300
|
-
var _templateObject$
|
|
4301
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4302
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled.div(_templateObject2$
|
|
4303
|
-
var SignUpWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
4304
|
-
var SignUpText = /*#__PURE__*/styled.p(_templateObject4$
|
|
4305
|
-
var ContactWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
4306
|
-
var MediaLinksWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
4307
|
-
var MediaIconWrapper = /*#__PURE__*/styled.a(_templateObject7$
|
|
4486
|
+
var _templateObject$A, _templateObject2$l, _templateObject3$e, _templateObject4$8, _templateObject5$6, _templateObject6$5, _templateObject7$4, _templateObject8$2;
|
|
4487
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled.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);
|
|
4488
|
+
var ContactNewsletterSeparator = /*#__PURE__*/styled.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);
|
|
4489
|
+
var SignUpWrapper = /*#__PURE__*/styled.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);
|
|
4490
|
+
var SignUpText = /*#__PURE__*/styled.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);
|
|
4491
|
+
var ContactWrapper = /*#__PURE__*/styled.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);
|
|
4492
|
+
var MediaLinksWrapper = /*#__PURE__*/styled.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);
|
|
4493
|
+
var MediaIconWrapper = /*#__PURE__*/styled.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
4308
4494
|
var TextLinkWrapper$1 = /*#__PURE__*/styled.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"])));
|
|
4309
4495
|
|
|
4310
4496
|
var ContactNewsletter = function ContactNewsletter(_ref) {
|
|
@@ -4371,15 +4557,15 @@ var Footer = function Footer(_ref) {
|
|
|
4371
4557
|
}, additionalInfo)))));
|
|
4372
4558
|
};
|
|
4373
4559
|
|
|
4374
|
-
var _templateObject$
|
|
4560
|
+
var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$9, _templateObject5$7, _templateObject6$6;
|
|
4375
4561
|
var LIST_ITEM_GAP = 32;
|
|
4376
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4562
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled.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) {
|
|
4377
4563
|
var bottomBorder = _ref.bottomBorder;
|
|
4378
4564
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
4379
4565
|
}, zIndexes.anchor);
|
|
4380
|
-
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
4381
|
-
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
4382
|
-
var TabsList = /*#__PURE__*/styled.ul(_templateObject4$
|
|
4566
|
+
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
4567
|
+
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4568
|
+
var TabsList = /*#__PURE__*/styled.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) {
|
|
4383
4569
|
var tabsOverflow = _ref2.tabsOverflow;
|
|
4384
4570
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
4385
4571
|
}, LIST_ITEM_GAP, function (_ref3) {
|
|
@@ -4390,11 +4576,11 @@ var TabsList = /*#__PURE__*/styled.ul(_templateObject4$8 || (_templateObject4$8
|
|
|
4390
4576
|
hasTwoArrows = _ref4.hasTwoArrows;
|
|
4391
4577
|
return tabsOverflow && hasTwoArrows ? 'calc(100% - 50px)' : '100%';
|
|
4392
4578
|
});
|
|
4393
|
-
var ArrowsContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
4579
|
+
var ArrowsContainer = /*#__PURE__*/styled.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) {
|
|
4394
4580
|
var fullWidth = _ref5.fullWidth;
|
|
4395
4581
|
return fullWidth ? '74px' : '46px';
|
|
4396
4582
|
});
|
|
4397
|
-
var ArrowWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
4583
|
+
var ArrowWrapper = /*#__PURE__*/styled.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"])));
|
|
4398
4584
|
|
|
4399
4585
|
var _excluded$8 = ["id", "text"];
|
|
4400
4586
|
|
|
@@ -4639,8 +4825,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
4639
4825
|
})) : null) : null))));
|
|
4640
4826
|
};
|
|
4641
4827
|
|
|
4642
|
-
var _templateObject$
|
|
4643
|
-
var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4828
|
+
var _templateObject$C, _templateObject2$n, _templateObject3$g, _templateObject4$a, _templateObject5$8;
|
|
4829
|
+
var CarouselWrapper = /*#__PURE__*/styled.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) {
|
|
4644
4830
|
var type = _ref.type,
|
|
4645
4831
|
imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
4646
4832
|
|
|
@@ -4672,10 +4858,10 @@ var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject$B || (_templateObj
|
|
|
4672
4858
|
return "\n &&& {\n .swiper-slide > div{\n height: calc(" + imagesHeightDevice + "px + var(--line-height-body-2) + 12px);\n }\n }";
|
|
4673
4859
|
}
|
|
4674
4860
|
});
|
|
4675
|
-
var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
4676
|
-
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4677
|
-
var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
4678
|
-
var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject5$
|
|
4861
|
+
var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
4862
|
+
var TitleWrapper$1 = /*#__PURE__*/styled.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"])));
|
|
4863
|
+
var ButtonsWrapper = /*#__PURE__*/styled.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);
|
|
4864
|
+
var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
4679
4865
|
|
|
4680
4866
|
var Carousel = function Carousel(_ref) {
|
|
4681
4867
|
var children = _ref.children,
|
|
@@ -4792,9 +4978,9 @@ var Theme = function Theme(_ref) {
|
|
|
4792
4978
|
}, children);
|
|
4793
4979
|
};
|
|
4794
4980
|
|
|
4795
|
-
var _templateObject$
|
|
4796
|
-
var HighlightsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
4797
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
4981
|
+
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;
|
|
4982
|
+
var HighlightsGrid = /*#__PURE__*/styled(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);
|
|
4983
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled.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) {
|
|
4798
4984
|
var theme = _ref.theme;
|
|
4799
4985
|
return theme.fonts.mobile.sizes.altHeaders[5];
|
|
4800
4986
|
}, function (_ref2) {
|
|
@@ -4804,9 +4990,9 @@ var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$n || (_templ
|
|
|
4804
4990
|
var theme = _ref3.theme;
|
|
4805
4991
|
return theme.fonts.mobile.letterSpacing.altHeaders[5];
|
|
4806
4992
|
}, devices.mobile);
|
|
4807
|
-
var InfoWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
4808
|
-
var InfoLogoWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
4809
|
-
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
4993
|
+
var InfoWrapper = /*#__PURE__*/styled.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);
|
|
4994
|
+
var InfoLogoWrapper = /*#__PURE__*/styled.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);
|
|
4995
|
+
var InfoTitleWrapper = /*#__PURE__*/styled.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) {
|
|
4810
4996
|
var theme = _ref4.theme;
|
|
4811
4997
|
return theme.fonts.mobile.sizes.headers[3];
|
|
4812
4998
|
}, function (_ref5) {
|
|
@@ -4831,7 +5017,7 @@ var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject5$8 || (_templateO
|
|
|
4831
5017
|
var theme = _ref11.theme;
|
|
4832
5018
|
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
4833
5019
|
});
|
|
4834
|
-
var InfoTextWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
5020
|
+
var InfoTextWrapper = /*#__PURE__*/styled.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) {
|
|
4835
5021
|
var theme = _ref12.theme;
|
|
4836
5022
|
return theme.fonts.mobile.sizes.subtitles[2];
|
|
4837
5023
|
}, function (_ref13) {
|
|
@@ -4856,7 +5042,7 @@ var InfoTextWrapper = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateOb
|
|
|
4856
5042
|
var theme = _ref19.theme;
|
|
4857
5043
|
return theme.fonts.mobile.lineHeights.body[1];
|
|
4858
5044
|
}, devices.mobile);
|
|
4859
|
-
var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
5045
|
+
var InfoLinkWrapper = /*#__PURE__*/styled.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);
|
|
4860
5046
|
var CarouselWrapper$1 = /*#__PURE__*/styled.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);
|
|
4861
5047
|
var RotatorButtonsWrapper = /*#__PURE__*/styled.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);
|
|
4862
5048
|
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.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);
|
|
@@ -4919,6 +5105,9 @@ var truncateHtmlString = function truncateHtmlString(str, resultLength, addDots)
|
|
|
4919
5105
|
if (!isSpaceNext) truncatedString = truncatedString.substring(0, truncatedString.lastIndexOf(' '));
|
|
4920
5106
|
return addDots ? truncatedString + "..." : truncatedString;
|
|
4921
5107
|
};
|
|
5108
|
+
var truncate = function truncate(str, n) {
|
|
5109
|
+
return str.length >= n ? str.substring(0, n) : str;
|
|
5110
|
+
};
|
|
4922
5111
|
|
|
4923
5112
|
var _excluded$9 = ["text"],
|
|
4924
5113
|
_excluded2 = ["text"];
|
|
@@ -5145,19 +5334,19 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
5145
5334
|
})));
|
|
5146
5335
|
};
|
|
5147
5336
|
|
|
5148
|
-
var _templateObject$
|
|
5149
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5337
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject4$c, _templateObject6$8, _templateObject7$6, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
5338
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
|
|
5150
5339
|
var sticky = _ref.sticky;
|
|
5151
5340
|
return sticky ? 'sticky' : 'initial';
|
|
5152
5341
|
}, zIndexes.anchor);
|
|
5153
|
-
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
5154
|
-
var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$
|
|
5342
|
+
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
5343
|
+
var TitleCTAGridItem = /*#__PURE__*/styled.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) {
|
|
5155
5344
|
var title = _ref2.title;
|
|
5156
5345
|
return title ? 'row' : 'row-reverse';
|
|
5157
5346
|
}, devices.tablet, devices.mobile);
|
|
5158
|
-
var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$
|
|
5159
|
-
var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
5160
|
-
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
5347
|
+
var AnchorTitle = /*#__PURE__*/styled.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);
|
|
5348
|
+
var ButtonsDesktopWrapper = /*#__PURE__*/styled.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);
|
|
5349
|
+
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
5161
5350
|
var PrimaryButtonReverse = /*#__PURE__*/styled(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) {
|
|
5162
5351
|
var theme = _ref3.theme;
|
|
5163
5352
|
return theme.colors.primaryButtonReverseBg;
|
|
@@ -5261,9 +5450,9 @@ var LiveChat = function LiveChat() {
|
|
|
5261
5450
|
});
|
|
5262
5451
|
};
|
|
5263
5452
|
|
|
5264
|
-
var _templateObject$
|
|
5265
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5266
|
-
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
5453
|
+
var _templateObject$F, _templateObject2$q;
|
|
5454
|
+
var StickyBarWrapper = /*#__PURE__*/styled.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);
|
|
5455
|
+
var StickyBarGrid = /*#__PURE__*/styled(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);
|
|
5267
5456
|
|
|
5268
5457
|
var StickyBar = function StickyBar(_ref) {
|
|
5269
5458
|
var _ref$columnStartDeskt = _ref.columnStartDesktop,
|
|
@@ -5285,12 +5474,12 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
5285
5474
|
}, children)));
|
|
5286
5475
|
};
|
|
5287
5476
|
|
|
5288
|
-
var _templateObject$
|
|
5289
|
-
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5290
|
-
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
5291
|
-
var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
5292
|
-
var TitleContainer$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
5293
|
-
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
5477
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$j, _templateObject4$d, _templateObject5$a;
|
|
5478
|
+
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
5479
|
+
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
5480
|
+
var ChildrenContainer = /*#__PURE__*/styled.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);
|
|
5481
|
+
var TitleContainer$1 = /*#__PURE__*/styled.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);
|
|
5482
|
+
var ContentContainer = /*#__PURE__*/styled.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"])));
|
|
5294
5483
|
|
|
5295
5484
|
var Accordion = function Accordion(_ref) {
|
|
5296
5485
|
var _ref$title = _ref.title,
|
|
@@ -5371,8 +5560,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
5371
5560
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
5372
5561
|
};
|
|
5373
5562
|
|
|
5374
|
-
var _templateObject$
|
|
5375
|
-
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5563
|
+
var _templateObject$H;
|
|
5564
|
+
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
5376
5565
|
|
|
5377
5566
|
var Accordions = function Accordions(_ref) {
|
|
5378
5567
|
var _ref$items = _ref.items,
|
|
@@ -5392,13 +5581,13 @@ var Accordions = function Accordions(_ref) {
|
|
|
5392
5581
|
}));
|
|
5393
5582
|
};
|
|
5394
5583
|
|
|
5395
|
-
var _templateObject$
|
|
5396
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5584
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$k;
|
|
5585
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled.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) {
|
|
5397
5586
|
var theme = _ref.theme;
|
|
5398
5587
|
return theme.colors.primary;
|
|
5399
5588
|
}, devices.mobile);
|
|
5400
|
-
var SvgContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5401
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
5589
|
+
var SvgContainer$2 = /*#__PURE__*/styled.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);
|
|
5590
|
+
var ContentContainer$1 = /*#__PURE__*/styled.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"])));
|
|
5402
5591
|
|
|
5403
5592
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
5404
5593
|
var title = _ref.title,
|
|
@@ -5435,31 +5624,31 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
5435
5624
|
}))))));
|
|
5436
5625
|
};
|
|
5437
5626
|
|
|
5438
|
-
var _templateObject$
|
|
5627
|
+
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;
|
|
5439
5628
|
var LENGTH_LARGE_TEXT = 28;
|
|
5440
5629
|
var LENGTH_SMALL_TEXT = 19;
|
|
5441
5630
|
var LENGTH_TEXT_TABLET = 10;
|
|
5442
|
-
var CardContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5631
|
+
var CardContainer = /*#__PURE__*/styled.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) {
|
|
5443
5632
|
var onlyShowButtonsOnHover = _ref.onlyShowButtonsOnHover;
|
|
5444
5633
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
5445
5634
|
});
|
|
5446
|
-
var HoverContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
5635
|
+
var HoverContainer = /*#__PURE__*/styled.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) {
|
|
5447
5636
|
var lineColor = _ref2.lineColor,
|
|
5448
5637
|
theme = _ref2.theme;
|
|
5449
5638
|
if (lineColor === Colors.Cinema) return 'var(--base-color-white)';
|
|
5450
5639
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
5451
5640
|
}, zIndexes.contentOverlay);
|
|
5452
|
-
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
5453
|
-
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
5641
|
+
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
5642
|
+
var ContentContainer$2 = /*#__PURE__*/styled.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) {
|
|
5454
5643
|
var fullWidth = _ref3.fullWidth;
|
|
5455
5644
|
return fullWidth ? '0' : '20px';
|
|
5456
5645
|
}, function (_ref4) {
|
|
5457
5646
|
var fullWidth = _ref4.fullWidth;
|
|
5458
5647
|
return fullWidth ? '0' : '20px';
|
|
5459
5648
|
});
|
|
5460
|
-
var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject5$
|
|
5461
|
-
var TitleContainerMobile = /*#__PURE__*/styled.div(_templateObject6$
|
|
5462
|
-
var TextContainer = /*#__PURE__*/styled.div(_templateObject7$
|
|
5649
|
+
var TitleContainer$2 = /*#__PURE__*/styled.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);
|
|
5650
|
+
var TitleContainerMobile = /*#__PURE__*/styled.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);
|
|
5651
|
+
var TextContainer = /*#__PURE__*/styled.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"])));
|
|
5463
5652
|
var SubtitleContainer = /*#__PURE__*/styled.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"])));
|
|
5464
5653
|
var LabelContainer = /*#__PURE__*/styled.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) {
|
|
5465
5654
|
var isVisible = _ref5.isVisible;
|
|
@@ -5654,9 +5843,9 @@ var Card = function Card(_ref) {
|
|
|
5654
5843
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
5655
5844
|
};
|
|
5656
5845
|
|
|
5657
|
-
var _templateObject$
|
|
5658
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
5659
|
-
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$
|
|
5846
|
+
var _templateObject$K, _templateObject2$u;
|
|
5847
|
+
var CardsContainer = /*#__PURE__*/styled(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);
|
|
5848
|
+
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
5660
5849
|
|
|
5661
5850
|
var Cards = function Cards(_ref) {
|
|
5662
5851
|
var cards = _ref.cards,
|
|
@@ -5699,18 +5888,18 @@ var Cards = function Cards(_ref) {
|
|
|
5699
5888
|
}));
|
|
5700
5889
|
};
|
|
5701
5890
|
|
|
5702
|
-
var _templateObject$
|
|
5703
|
-
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5704
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5891
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$m, _templateObject4$f, _templateObject5$c;
|
|
5892
|
+
var ContentWrapper = /*#__PURE__*/styled.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);
|
|
5893
|
+
var Wrapper$2 = /*#__PURE__*/styled.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) {
|
|
5705
5894
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
5706
5895
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
5707
5896
|
}, function (_ref2) {
|
|
5708
5897
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
5709
5898
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
5710
5899
|
}, devices.mobileAndTablet);
|
|
5711
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled.div(_templateObject3$
|
|
5712
|
-
var AddressWrapperMobile = /*#__PURE__*/styled.div(_templateObject4$
|
|
5713
|
-
var DetailsWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
5900
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
5901
|
+
var AddressWrapperMobile = /*#__PURE__*/styled.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);
|
|
5902
|
+
var DetailsWrapper = /*#__PURE__*/styled.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);
|
|
5714
5903
|
|
|
5715
5904
|
var divideAddressString = function divideAddressString(address) {
|
|
5716
5905
|
return address.split(',').map(function (chunk) {
|
|
@@ -5767,14 +5956,14 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
5767
5956
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
5768
5957
|
};
|
|
5769
5958
|
|
|
5770
|
-
var _templateObject$
|
|
5771
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled.article(_templateObject$
|
|
5772
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
5773
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
5959
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$n, _templateObject4$g, _templateObject5$d;
|
|
5960
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled.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);
|
|
5961
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
5962
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled.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) {
|
|
5774
5963
|
return props.showImage ? 2 : '1 / span 4';
|
|
5775
5964
|
}, devices.mobile);
|
|
5776
|
-
var ContentSummaryTitleWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
5777
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
5965
|
+
var ContentSummaryTitleWrapper = /*#__PURE__*/styled.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);
|
|
5966
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.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) {
|
|
5778
5967
|
return !!props.truncate && "\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n ";
|
|
5779
5968
|
});
|
|
5780
5969
|
|
|
@@ -5834,21 +6023,21 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
5834
6023
|
}), link.text)));
|
|
5835
6024
|
};
|
|
5836
6025
|
|
|
5837
|
-
var _templateObject$
|
|
5838
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
6026
|
+
var _templateObject$N, _templateObject2$x, _templateObject3$o, _templateObject4$h, _templateObject5$e;
|
|
6027
|
+
var EditorialGrid = /*#__PURE__*/styled.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) {
|
|
5839
6028
|
var imageToLeft = _ref.imageToLeft;
|
|
5840
6029
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
5841
6030
|
}, devices.mobile);
|
|
5842
|
-
var EditorialImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6031
|
+
var EditorialImageWrapper = /*#__PURE__*/styled.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) {
|
|
5843
6032
|
var imageToLeft = _ref2.imageToLeft;
|
|
5844
6033
|
return imageToLeft ? 'left' : 'right';
|
|
5845
6034
|
}, devices.mobile);
|
|
5846
|
-
var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
6035
|
+
var EditorialTextWrapper = /*#__PURE__*/styled.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) {
|
|
5847
6036
|
var imageToLeft = _ref3.imageToLeft;
|
|
5848
6037
|
return imageToLeft ? 'right' : 'left';
|
|
5849
6038
|
}, devices.mobile);
|
|
5850
|
-
var EditorialSubtitle = /*#__PURE__*/styled.span(_templateObject4$
|
|
5851
|
-
var EditorialText = /*#__PURE__*/styled.div(_templateObject5$
|
|
6039
|
+
var EditorialSubtitle = /*#__PURE__*/styled.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"])));
|
|
6040
|
+
var EditorialText = /*#__PURE__*/styled.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"])));
|
|
5852
6041
|
|
|
5853
6042
|
var Editorial = function Editorial(_ref) {
|
|
5854
6043
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -5912,10 +6101,10 @@ var BackgroundColour;
|
|
|
5912
6101
|
BackgroundColour["White"] = "white";
|
|
5913
6102
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
5914
6103
|
|
|
5915
|
-
var _templateObject$
|
|
5916
|
-
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$
|
|
5917
|
-
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$
|
|
5918
|
-
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
6104
|
+
var _templateObject$O, _templateObject2$y, _templateObject3$p, _templateObject4$i;
|
|
6105
|
+
var InfoContent = /*#__PURE__*/styled('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"])));
|
|
6106
|
+
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6107
|
+
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
5919
6108
|
if (!props.infoThemed) {
|
|
5920
6109
|
return;
|
|
5921
6110
|
} else {
|
|
@@ -5926,7 +6115,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$o || (_template
|
|
|
5926
6115
|
}
|
|
5927
6116
|
}
|
|
5928
6117
|
});
|
|
5929
|
-
var InfoWrapper$1 = /*#__PURE__*/styled(Grid)(_templateObject4$
|
|
6118
|
+
var InfoWrapper$1 = /*#__PURE__*/styled(Grid)(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
5930
6119
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
5931
6120
|
}, function (props) {
|
|
5932
6121
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -6039,26 +6228,26 @@ var Information = function Information(_ref) {
|
|
|
6039
6228
|
}))));
|
|
6040
6229
|
};
|
|
6041
6230
|
|
|
6042
|
-
var _templateObject$
|
|
6043
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6231
|
+
var _templateObject$P, _templateObject2$z, _templateObject3$q, _templateObject4$j, _templateObject5$f, _templateObject6$a, _templateObject7$8, _templateObject8$6;
|
|
6232
|
+
var PageHeadingWrapper = /*#__PURE__*/styled.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) {
|
|
6044
6233
|
var theme = _ref.theme;
|
|
6045
6234
|
return theme.colors.primary;
|
|
6046
6235
|
}, function (_ref2) {
|
|
6047
6236
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
6048
6237
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
6049
6238
|
}, devices.mobile);
|
|
6050
|
-
var PageHeadingGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
6051
|
-
var TitleWrapper$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
6239
|
+
var PageHeadingGrid = /*#__PURE__*/styled(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);
|
|
6240
|
+
var TitleWrapper$2 = /*#__PURE__*/styled.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) {
|
|
6052
6241
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
6053
6242
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
6054
6243
|
}, devices.mobile);
|
|
6055
|
-
var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
6244
|
+
var ChildrenWrapper = /*#__PURE__*/styled.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) {
|
|
6056
6245
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
6057
6246
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
6058
6247
|
}, devices.mobile);
|
|
6059
|
-
var TextWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
6060
|
-
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
6061
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$
|
|
6248
|
+
var TextWrapper = /*#__PURE__*/styled.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"])));
|
|
6249
|
+
var LogoWrapper$1 = /*#__PURE__*/styled.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);
|
|
6250
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.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);
|
|
6062
6251
|
var PageHeadingText = /*#__PURE__*/styled.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"])));
|
|
6063
6252
|
|
|
6064
6253
|
var _excluded$f = ["text"];
|
|
@@ -6137,9 +6326,9 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6137
6326
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6138
6327
|
};
|
|
6139
6328
|
|
|
6140
|
-
var _templateObject$
|
|
6141
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
6142
|
-
var HighlightTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6329
|
+
var _templateObject$Q, _templateObject2$A, _templateObject3$r, _templateObject4$k, _templateObject5$g, _templateObject6$b, _templateObject7$9;
|
|
6330
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled(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);
|
|
6331
|
+
var HighlightTitleWrapper = /*#__PURE__*/styled.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) {
|
|
6143
6332
|
var theme = _ref.theme;
|
|
6144
6333
|
return theme.fonts.mobile.sizes.headers[3];
|
|
6145
6334
|
}, function (_ref2) {
|
|
@@ -6152,7 +6341,7 @@ var HighlightTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$z || (_temp
|
|
|
6152
6341
|
var theme = _ref4.theme;
|
|
6153
6342
|
return theme.fonts.mobile.lineHeights.headers[3];
|
|
6154
6343
|
});
|
|
6155
|
-
var HighlightTextWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
6344
|
+
var HighlightTextWrapper = /*#__PURE__*/styled.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) {
|
|
6156
6345
|
var theme = _ref5.theme;
|
|
6157
6346
|
return theme.fonts.mobile.sizes.body[1];
|
|
6158
6347
|
}, function (_ref6) {
|
|
@@ -6165,19 +6354,19 @@ var HighlightTextWrapper = /*#__PURE__*/styled.div(_templateObject3$q || (_templ
|
|
|
6165
6354
|
var theme = _ref8.theme;
|
|
6166
6355
|
return theme.fonts.mobile.lineHeights.body[1];
|
|
6167
6356
|
}, devices.mobile);
|
|
6168
|
-
var HighlightsInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
6357
|
+
var HighlightsInfoWrapper = /*#__PURE__*/styled.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) {
|
|
6169
6358
|
var hasImages = _ref9.hasImages;
|
|
6170
6359
|
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
6171
6360
|
}, devices.mobile, function (_ref10) {
|
|
6172
6361
|
var hasImages = _ref10.hasImages;
|
|
6173
6362
|
return hasImages ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
6174
6363
|
});
|
|
6175
|
-
var HighlightsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
6364
|
+
var HighlightsCarouselWrapper = /*#__PURE__*/styled.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) {
|
|
6176
6365
|
var hasMultipleImages = _ref11.hasMultipleImages;
|
|
6177
6366
|
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
6178
6367
|
}, devices.tablet, devices.mobile);
|
|
6179
|
-
var MobileRotatorButtonsWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
6180
|
-
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$
|
|
6368
|
+
var MobileRotatorButtonsWrapper = /*#__PURE__*/styled.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);
|
|
6369
|
+
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled.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);
|
|
6181
6370
|
|
|
6182
6371
|
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
6183
6372
|
var title = _ref.title,
|
|
@@ -6262,14 +6451,14 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
6262
6451
|
}))));
|
|
6263
6452
|
};
|
|
6264
6453
|
|
|
6265
|
-
var _templateObject$
|
|
6266
|
-
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6267
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6268
|
-
var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject3$
|
|
6269
|
-
var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
6270
|
-
var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$
|
|
6271
|
-
var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
6272
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject7$
|
|
6454
|
+
var _templateObject$R, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$h, _templateObject6$c, _templateObject7$a, _templateObject8$7;
|
|
6455
|
+
var ImpactWrapper = /*#__PURE__*/styled.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);
|
|
6456
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.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);
|
|
6457
|
+
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
6458
|
+
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
6459
|
+
var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
6460
|
+
var TextWrapper$1 = /*#__PURE__*/styled.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);
|
|
6461
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled.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);
|
|
6273
6462
|
var ScrollDownWrapper = /*#__PURE__*/styled.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);
|
|
6274
6463
|
|
|
6275
6464
|
var _excluded$i = ["text"];
|
|
@@ -6335,21 +6524,21 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6335
6524
|
}, "Scroll Down")) : null);
|
|
6336
6525
|
};
|
|
6337
6526
|
|
|
6338
|
-
var _templateObject$
|
|
6339
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
6527
|
+
var _templateObject$S, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$i;
|
|
6528
|
+
var PanelGrid = /*#__PURE__*/styled(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) {
|
|
6340
6529
|
var color = _ref.color;
|
|
6341
6530
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
6342
6531
|
}, devices.mobileAndTablet);
|
|
6343
|
-
var LeftPanel = /*#__PURE__*/styled.div(_templateObject2$
|
|
6532
|
+
var LeftPanel = /*#__PURE__*/styled.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) {
|
|
6344
6533
|
var hasImage = _ref2.hasImage;
|
|
6345
6534
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
6346
6535
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
6347
6536
|
var hasImage = _ref3.hasImage;
|
|
6348
6537
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
6349
6538
|
});
|
|
6350
|
-
var RightPanel = /*#__PURE__*/styled.div(_templateObject3$
|
|
6351
|
-
var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
6352
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
6539
|
+
var RightPanel = /*#__PURE__*/styled.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);
|
|
6540
|
+
var InfoWrapper$2 = /*#__PURE__*/styled.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);
|
|
6541
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled.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);
|
|
6353
6542
|
|
|
6354
6543
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
6355
6544
|
var _image$src, _image$alt;
|
|
@@ -6380,8 +6569,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
6380
6569
|
}))));
|
|
6381
6570
|
};
|
|
6382
6571
|
|
|
6383
|
-
var _templateObject$
|
|
6384
|
-
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6572
|
+
var _templateObject$T;
|
|
6573
|
+
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
6385
6574
|
|
|
6386
6575
|
var _excluded$j = ["link"];
|
|
6387
6576
|
|
|
@@ -6401,15 +6590,172 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
6401
6590
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
6402
6591
|
};
|
|
6403
6592
|
|
|
6404
|
-
var _templateObject$
|
|
6405
|
-
var
|
|
6406
|
-
var
|
|
6593
|
+
var _templateObject$U, _templateObject2$D, _templateObject3$u, _templateObject5$j, _templateObject6$d, _templateObject7$b, _templateObject8$8, _templateObject9$4, _templateObject10$4;
|
|
6594
|
+
var BrandingTextBlock = /*#__PURE__*/styled.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);
|
|
6595
|
+
var BrandingTextBody = /*#__PURE__*/styled.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"])));
|
|
6596
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
6597
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.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);
|
|
6598
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(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) {
|
|
6599
|
+
var invert = _ref.invert,
|
|
6600
|
+
theme = _ref.theme;
|
|
6601
|
+
return invert ? theme.colors.white : theme.colors.primary;
|
|
6602
|
+
}, function (_ref2) {
|
|
6603
|
+
var invert = _ref2.invert,
|
|
6604
|
+
theme = _ref2.theme;
|
|
6605
|
+
return invert ? theme.colors.black : theme.colors.white;
|
|
6606
|
+
}, function (_ref3) {
|
|
6607
|
+
var invert = _ref3.invert,
|
|
6608
|
+
theme = _ref3.theme;
|
|
6609
|
+
return invert ? theme.colors.black : theme.colors.white;
|
|
6610
|
+
}, devices.mobile);
|
|
6611
|
+
var CompactHeaderLogoWrapper = /*#__PURE__*/styled.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);
|
|
6612
|
+
var CompactHeaderTitleWrapper = /*#__PURE__*/styled.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);
|
|
6613
|
+
var CompactHeaderCTAWrapper = /*#__PURE__*/styled.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);
|
|
6614
|
+
var PrimaryButtonWithInversion = /*#__PURE__*/styled(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) {
|
|
6615
|
+
var invert = _ref4.invert,
|
|
6616
|
+
theme = _ref4.theme;
|
|
6617
|
+
return invert ? theme.colors.primary : theme.colors.white;
|
|
6618
|
+
}, function (_ref5) {
|
|
6619
|
+
var invert = _ref5.invert,
|
|
6620
|
+
theme = _ref5.theme;
|
|
6621
|
+
return invert ? theme.colors.white : theme.colors.black;
|
|
6622
|
+
}, function (_ref6) {
|
|
6623
|
+
var invert = _ref6.invert,
|
|
6624
|
+
theme = _ref6.theme;
|
|
6625
|
+
return invert ? theme.colors.white : theme.colors.black;
|
|
6626
|
+
}, function (_ref7) {
|
|
6627
|
+
var invert = _ref7.invert,
|
|
6628
|
+
theme = _ref7.theme;
|
|
6629
|
+
return invert ? theme.colors.white : theme.colors.black;
|
|
6630
|
+
});
|
|
6631
|
+
|
|
6632
|
+
var renderBranding = function renderBranding(brandingStyle, brandingText, invert) {
|
|
6633
|
+
switch (brandingStyle) {
|
|
6634
|
+
case 'BlockText':
|
|
6635
|
+
return /*#__PURE__*/React__default.createElement(BrandingTextBlock, null, truncate(stripAllHtmlTags(brandingText), 25));
|
|
6636
|
+
|
|
6637
|
+
case 'BodyText':
|
|
6638
|
+
return /*#__PURE__*/React__default.createElement(BrandingTextBody, {
|
|
6639
|
+
dangerouslySetInnerHTML: {
|
|
6640
|
+
__html: truncateHtmlString(brandingText, 65)
|
|
6641
|
+
}
|
|
6642
|
+
});
|
|
6643
|
+
|
|
6644
|
+
case 'StreamLogo':
|
|
6645
|
+
return /*#__PURE__*/React__default.createElement(StreamBadge, {
|
|
6646
|
+
fillColor: invert ? Colors.Black : undefined
|
|
6647
|
+
});
|
|
6648
|
+
|
|
6649
|
+
case 'CinemaLogo':
|
|
6650
|
+
return /*#__PURE__*/React__default.createElement(CinemaBadge, {
|
|
6651
|
+
fillColor: invert ? Colors.Black : undefined
|
|
6652
|
+
});
|
|
6653
|
+
|
|
6654
|
+
default:
|
|
6655
|
+
return /*#__PURE__*/React__default.createElement("p", null, "Royal Opera House");
|
|
6656
|
+
}
|
|
6657
|
+
};
|
|
6658
|
+
|
|
6659
|
+
var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
6660
|
+
var brandingStyle = _ref.brandingStyle,
|
|
6661
|
+
brandingText = _ref.brandingText,
|
|
6662
|
+
_ref$invert = _ref.invert,
|
|
6663
|
+
invert = _ref$invert === void 0 ? false : _ref$invert;
|
|
6664
|
+
return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, brandingText, invert));
|
|
6665
|
+
};
|
|
6666
|
+
|
|
6667
|
+
var _excluded$k = ["text"];
|
|
6668
|
+
|
|
6669
|
+
var PageHeadingCompact = function PageHeadingCompact(_ref) {
|
|
6670
|
+
var title = _ref.title,
|
|
6671
|
+
link = _ref.link,
|
|
6672
|
+
_ref$sponsor = _ref.sponsor,
|
|
6673
|
+
sponsor = _ref$sponsor === void 0 ? true : _ref$sponsor,
|
|
6674
|
+
customSponsorImage = _ref.customSponsorImage,
|
|
6675
|
+
bgUrlDesktop = _ref.bgUrlDesktop,
|
|
6676
|
+
bgUrlDevice = _ref.bgUrlDevice,
|
|
6677
|
+
videoUrlDesktop = _ref.videoUrlDesktop,
|
|
6678
|
+
videoUrlMobile = _ref.videoUrlMobile,
|
|
6679
|
+
_ref$bgImageAltText = _ref.bgImageAltText,
|
|
6680
|
+
bgImageAltText = _ref$bgImageAltText === void 0 ? '' : _ref$bgImageAltText,
|
|
6681
|
+
_ref$invert = _ref.invert,
|
|
6682
|
+
invert = _ref$invert === void 0 ? false : _ref$invert,
|
|
6683
|
+
_ref$brandingStyle = _ref.brandingStyle,
|
|
6684
|
+
brandingStyle = _ref$brandingStyle === void 0 ? 'BlockText' : _ref$brandingStyle,
|
|
6685
|
+
_ref$brandingText = _ref.brandingText,
|
|
6686
|
+
brandingText = _ref$brandingText === void 0 ? 'Royal Opera House' : _ref$brandingText;
|
|
6407
6687
|
|
|
6408
|
-
var
|
|
6688
|
+
var _ref2 = link || {},
|
|
6689
|
+
linkText = _ref2.text,
|
|
6690
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$k);
|
|
6691
|
+
|
|
6692
|
+
var titleSize = title && title.length > 20 ? 4 : 3;
|
|
6693
|
+
var videoElementId = 'compact-header-video';
|
|
6694
|
+
return /*#__PURE__*/React__default.createElement(ComapctHeaderWrapper, null, sponsor ? /*#__PURE__*/React__default.createElement(SponsorWrapper, {
|
|
6695
|
+
"data-testid": "compact-sponsor"
|
|
6696
|
+
}, customSponsorImage ? /*#__PURE__*/React__default.createElement(Sponsorship, Object.assign({
|
|
6697
|
+
"data-testid": "compact-custom-sponsor"
|
|
6698
|
+
}, customSponsorImage, {
|
|
6699
|
+
isCustomImage: true
|
|
6700
|
+
})) : /*#__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", {
|
|
6701
|
+
loop: true,
|
|
6702
|
+
muted: true,
|
|
6703
|
+
playsInline: true,
|
|
6704
|
+
"data-testid": "compact-video",
|
|
6705
|
+
id: videoElementId
|
|
6706
|
+
}, videoUrlDesktop && /*#__PURE__*/React__default.createElement("source", {
|
|
6707
|
+
src: videoUrlDesktop,
|
|
6708
|
+
media: "" + devices.desktop
|
|
6709
|
+
}), videoUrlMobile && /*#__PURE__*/React__default.createElement("source", {
|
|
6710
|
+
src: videoUrlMobile,
|
|
6711
|
+
media: "" + devices.mobile
|
|
6712
|
+
}), /*#__PURE__*/React__default.createElement("img", {
|
|
6713
|
+
src: bgUrlDesktop,
|
|
6714
|
+
alt: bgImageAltText,
|
|
6715
|
+
"data-testid": "compact-image"
|
|
6716
|
+
})), /*#__PURE__*/React__default.createElement(VideoControls, {
|
|
6717
|
+
videoElementId: videoElementId,
|
|
6718
|
+
defaultMuted: true,
|
|
6719
|
+
defaultPlaying: false
|
|
6720
|
+
})) : /*#__PURE__*/React__default.createElement("picture", {
|
|
6721
|
+
"data-testid": "compact-picture"
|
|
6722
|
+
}, bgUrlDevice && /*#__PURE__*/React__default.createElement("source", {
|
|
6723
|
+
srcSet: bgUrlDevice,
|
|
6724
|
+
media: "" + devices.mobile,
|
|
6725
|
+
"data-testid": "compact-mobile-image-source"
|
|
6726
|
+
}), /*#__PURE__*/React__default.createElement("source", {
|
|
6727
|
+
srcSet: bgUrlDesktop,
|
|
6728
|
+
media: "" + devices.desktop,
|
|
6729
|
+
"data-testid": "compact-desktop-image-source"
|
|
6730
|
+
}), /*#__PURE__*/React__default.createElement("img", {
|
|
6731
|
+
src: bgUrlDesktop,
|
|
6732
|
+
alt: bgImageAltText,
|
|
6733
|
+
"data-testid": "compact-image"
|
|
6734
|
+
}))), /*#__PURE__*/React__default.createElement(CompactHeaderCopyWrapper, {
|
|
6735
|
+
className: "page-heading-compact__background",
|
|
6736
|
+
invert: invert
|
|
6737
|
+
}, /*#__PURE__*/React__default.createElement(CompactHeaderBranding, {
|
|
6738
|
+
brandingStyle: brandingStyle,
|
|
6739
|
+
brandingText: brandingText,
|
|
6740
|
+
invert: invert
|
|
6741
|
+
}), /*#__PURE__*/React__default.createElement(CompactHeaderTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
6742
|
+
level: titleSize,
|
|
6743
|
+
semanticLevel: 1
|
|
6744
|
+
}, title && truncate(title, 40))), /*#__PURE__*/React__default.createElement(CompactHeaderCTAWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButtonWithInversion, Object.assign({}, restLink, {
|
|
6745
|
+
invert: invert,
|
|
6746
|
+
className: "page-heading-compact__button"
|
|
6747
|
+
}), linkText))));
|
|
6748
|
+
};
|
|
6749
|
+
|
|
6750
|
+
var _templateObject$V, _templateObject2$E, _templateObject3$v, _templateObject4$n;
|
|
6751
|
+
var MorePages = /*#__PURE__*/styled.span(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
6752
|
+
var PageNumberWrapper = /*#__PURE__*/styled.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
|
|
6753
|
+
|
|
6754
|
+
var PageNumber = /*#__PURE__*/styled(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) {
|
|
6409
6755
|
var active = _ref.active;
|
|
6410
6756
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
6411
6757
|
});
|
|
6412
|
-
var NextPage = /*#__PURE__*/styled(PageNumber)(_templateObject4$
|
|
6758
|
+
var NextPage = /*#__PURE__*/styled(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"])));
|
|
6413
6759
|
|
|
6414
6760
|
var reducePages = function reducePages(pages, currentPage) {
|
|
6415
6761
|
// If there are less than 6 pages, return all pages
|
|
@@ -6478,13 +6824,13 @@ var Pagination = function Pagination(_ref) {
|
|
|
6478
6824
|
}))));
|
|
6479
6825
|
};
|
|
6480
6826
|
|
|
6481
|
-
var _templateObject$
|
|
6482
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
6483
|
-
var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6484
|
-
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
6485
|
-
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
6486
|
-
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$
|
|
6487
|
-
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$
|
|
6827
|
+
var _templateObject$W, _templateObject2$F, _templateObject3$w, _templateObject4$o, _templateObject5$k, _templateObject6$e;
|
|
6828
|
+
var PeopleListingGrid = /*#__PURE__*/styled(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);
|
|
6829
|
+
var PersonWrapper = /*#__PURE__*/styled.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"])));
|
|
6830
|
+
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
6831
|
+
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
6832
|
+
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
6833
|
+
var PersonLink = /*#__PURE__*/styled.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"])));
|
|
6488
6834
|
|
|
6489
6835
|
var Person = function Person(_ref) {
|
|
6490
6836
|
var person = _ref.person,
|
|
@@ -6535,14 +6881,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
6535
6881
|
}));
|
|
6536
6882
|
};
|
|
6537
6883
|
|
|
6538
|
-
var _templateObject$
|
|
6884
|
+
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;
|
|
6539
6885
|
var LENGTH_TEXT = 28;
|
|
6540
6886
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
6541
6887
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
6542
6888
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
6543
6889
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
6544
6890
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
6545
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
6891
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(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) {
|
|
6546
6892
|
var imageToLeft = _ref.imageToLeft;
|
|
6547
6893
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
6548
6894
|
}, devices.tablet, function (_ref2) {
|
|
@@ -6552,8 +6898,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$V || (_templat
|
|
|
6552
6898
|
var asCard = _ref3.asCard;
|
|
6553
6899
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
6554
6900
|
});
|
|
6555
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled.span(_templateObject2$
|
|
6556
|
-
var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$
|
|
6901
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled.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"])));
|
|
6902
|
+
var PromoWithTagsText = /*#__PURE__*/styled.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) {
|
|
6557
6903
|
var theme = _ref4.theme;
|
|
6558
6904
|
return theme.colors.black;
|
|
6559
6905
|
}, function (_ref5) {
|
|
@@ -6563,7 +6909,7 @@ var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$v || (_template
|
|
|
6563
6909
|
var theme = _ref6.theme;
|
|
6564
6910
|
return theme.colors.primary;
|
|
6565
6911
|
});
|
|
6566
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
6912
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled.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) {
|
|
6567
6913
|
var hasTextLinks = _ref7.hasTextLinks;
|
|
6568
6914
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
6569
6915
|
}, function (_ref8) {
|
|
@@ -6591,15 +6937,15 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject4$o || (_templat
|
|
|
6591
6937
|
|
|
6592
6938
|
return '';
|
|
6593
6939
|
});
|
|
6594
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
6940
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref10) {
|
|
6595
6941
|
var marginBottom = _ref10.marginBottom;
|
|
6596
6942
|
return marginBottom + "px";
|
|
6597
6943
|
});
|
|
6598
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$
|
|
6599
|
-
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$
|
|
6600
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject8$
|
|
6601
|
-
var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject9$
|
|
6602
|
-
var IconWrapper$2 = /*#__PURE__*/styled.div(_templateObject10$
|
|
6944
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
6945
|
+
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
6946
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled.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"])));
|
|
6947
|
+
var ExtraContentWrapper = /*#__PURE__*/styled.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);
|
|
6948
|
+
var IconWrapper$2 = /*#__PURE__*/styled.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);
|
|
6603
6949
|
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
6604
6950
|
var MobileTitleWrapper = /*#__PURE__*/styled.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);
|
|
6605
6951
|
var PromoWithTagsTypeTags = /*#__PURE__*/styled(TypeTags)(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -6624,7 +6970,7 @@ var PromoWithTagsContainer = /*#__PURE__*/styled.div(_templateObject19 || (_temp
|
|
|
6624
6970
|
var TimerWrapper$2 = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
6625
6971
|
var EndDateText = /*#__PURE__*/styled.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);
|
|
6626
6972
|
|
|
6627
|
-
var _excluded$
|
|
6973
|
+
var _excluded$l = ["text"],
|
|
6628
6974
|
_excluded2$3 = ["text"],
|
|
6629
6975
|
_excluded3 = ["text"];
|
|
6630
6976
|
|
|
@@ -6666,10 +7012,6 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
6666
7012
|
isTimerActive = _useState2[0],
|
|
6667
7013
|
setIsTimerActive = _useState2[1];
|
|
6668
7014
|
|
|
6669
|
-
var truncate = function truncate(str, n) {
|
|
6670
|
-
return str.length >= n ? str.substr(0, n) : str;
|
|
6671
|
-
};
|
|
6672
|
-
|
|
6673
7015
|
var getTitleLevel = function getTitleLevel(titleSize, isCard) {
|
|
6674
7016
|
if (isCard) {
|
|
6675
7017
|
return 5;
|
|
@@ -6702,7 +7044,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
6702
7044
|
var _ref2 = firstButton || {},
|
|
6703
7045
|
_ref2$text = _ref2.text,
|
|
6704
7046
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
6705
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7047
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
|
|
6706
7048
|
|
|
6707
7049
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
6708
7050
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -6821,27 +7163,27 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
6821
7163
|
}))));
|
|
6822
7164
|
};
|
|
6823
7165
|
|
|
6824
|
-
var _templateObject$
|
|
7166
|
+
var _templateObject$Y, _templateObject2$H, _templateObject3$y, _templateObject4$q, _templateObject5$m, _templateObject6$g, _templateObject7$d;
|
|
6825
7167
|
var LENGTH_TEXT$2 = 28;
|
|
6826
7168
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
6827
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7169
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
6828
7170
|
var imageToLeft = _ref.imageToLeft;
|
|
6829
7171
|
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'";
|
|
6830
7172
|
}, devices.tablet, function (_ref2) {
|
|
6831
7173
|
var imageToLeft = _ref2.imageToLeft;
|
|
6832
7174
|
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'";
|
|
6833
7175
|
}, devices.mobile);
|
|
6834
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
7176
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.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) {
|
|
6835
7177
|
var imageToLeft = _ref3.imageToLeft;
|
|
6836
7178
|
return imageToLeft ? 'left' : 'right';
|
|
6837
7179
|
}, devices.mobile);
|
|
6838
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7180
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.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) {
|
|
6839
7181
|
var imageToLeft = _ref4.imageToLeft;
|
|
6840
7182
|
return imageToLeft ? 'right' : 'left';
|
|
6841
7183
|
}, devices.mobile);
|
|
6842
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
6843
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled.span(_templateObject5$
|
|
6844
|
-
var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$
|
|
7184
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled.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);
|
|
7185
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled.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"])));
|
|
7186
|
+
var PromoWithTitleText = /*#__PURE__*/styled.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) {
|
|
6845
7187
|
var theme = _ref5.theme;
|
|
6846
7188
|
return theme.colors.black;
|
|
6847
7189
|
}, function (_ref6) {
|
|
@@ -6851,7 +7193,7 @@ var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$e || (_templat
|
|
|
6851
7193
|
var theme = _ref7.theme;
|
|
6852
7194
|
return theme.colors.primary;
|
|
6853
7195
|
});
|
|
6854
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$
|
|
7196
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled.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) {
|
|
6855
7197
|
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
6856
7198
|
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
6857
7199
|
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
@@ -6877,7 +7219,7 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$b || (_templat
|
|
|
6877
7219
|
return '';
|
|
6878
7220
|
});
|
|
6879
7221
|
|
|
6880
|
-
var _excluded$
|
|
7222
|
+
var _excluded$m = ["text"],
|
|
6881
7223
|
_excluded2$4 = ["text"];
|
|
6882
7224
|
var LENGTH_TEXT$3 = 28;
|
|
6883
7225
|
|
|
@@ -6904,7 +7246,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
6904
7246
|
var _ref2 = primaryButton || {},
|
|
6905
7247
|
_ref2$text = _ref2.text,
|
|
6906
7248
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
6907
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7249
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
|
|
6908
7250
|
|
|
6909
7251
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
6910
7252
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -6938,8 +7280,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
6938
7280
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
6939
7281
|
};
|
|
6940
7282
|
|
|
6941
|
-
var _templateObject$
|
|
6942
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7283
|
+
var _templateObject$Z;
|
|
7284
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.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);
|
|
6943
7285
|
|
|
6944
7286
|
var SectionTitle = function SectionTitle(_ref) {
|
|
6945
7287
|
var title = _ref.title,
|
|
@@ -6965,8 +7307,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
6965
7307
|
}, description))));
|
|
6966
7308
|
};
|
|
6967
7309
|
|
|
6968
|
-
var _templateObject$
|
|
6969
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
7310
|
+
var _templateObject$_, _templateObject2$I, _templateObject3$z, _templateObject4$r, _templateObject5$n, _templateObject6$h, _templateObject7$e, _templateObject8$a, _templateObject9$6, _templateObject10$6, _templateObject11$4;
|
|
7311
|
+
var stateStyles = /*#__PURE__*/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) {
|
|
6970
7312
|
var theme = _ref.theme;
|
|
6971
7313
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
6972
7314
|
}, function (_ref2) {
|
|
@@ -6976,12 +7318,12 @@ var stateStyles = /*#__PURE__*/css(_templateObject$Y || (_templateObject$Y = /*#
|
|
|
6976
7318
|
var theme = _ref3.theme;
|
|
6977
7319
|
return theme.colors.lightgrey;
|
|
6978
7320
|
});
|
|
6979
|
-
var borderStyles = /*#__PURE__*/css(_templateObject2$
|
|
7321
|
+
var borderStyles = /*#__PURE__*/css(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
6980
7322
|
var theme = _ref4.theme;
|
|
6981
7323
|
return theme.colors.darkgrey;
|
|
6982
7324
|
});
|
|
6983
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$
|
|
6984
|
-
var listItemStyles = /*#__PURE__*/css(_templateObject4$
|
|
7325
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7326
|
+
var listItemStyles = /*#__PURE__*/css(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
6985
7327
|
var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
6986
7328
|
var theme = _ref5.theme;
|
|
6987
7329
|
return {
|
|
@@ -6989,11 +7331,11 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
6989
7331
|
color: theme.colors.black,
|
|
6990
7332
|
title: 'Select Arrow'
|
|
6991
7333
|
};
|
|
6992
|
-
})(_templateObject5$
|
|
6993
|
-
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject6$
|
|
6994
|
-
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
6995
|
-
var Options = /*#__PURE__*/styled.div(_templateObject8$
|
|
6996
|
-
var Option = /*#__PURE__*/styled.li(_templateObject9$
|
|
7334
|
+
})(_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"])));
|
|
7335
|
+
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
7336
|
+
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
7337
|
+
var Options = /*#__PURE__*/styled.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
7338
|
+
var Option = /*#__PURE__*/styled.li(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
6997
7339
|
var theme = _ref6.theme,
|
|
6998
7340
|
hover = _ref6.hover;
|
|
6999
7341
|
var _theme$colors = theme.colors,
|
|
@@ -7004,7 +7346,7 @@ var Option = /*#__PURE__*/styled.li(_templateObject9$5 || (_templateObject9$5 =
|
|
|
7004
7346
|
});
|
|
7005
7347
|
|
|
7006
7348
|
var selectStyles = function selectStyles(width, height) {
|
|
7007
|
-
return css(_templateObject10$
|
|
7349
|
+
return 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);
|
|
7008
7350
|
};
|
|
7009
7351
|
|
|
7010
7352
|
var SelectList = /*#__PURE__*/styled.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) {
|
|
@@ -7375,8 +7717,8 @@ function Select(_ref3) {
|
|
|
7375
7717
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
7376
7718
|
}
|
|
7377
7719
|
|
|
7378
|
-
var _templateObject
|
|
7379
|
-
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject
|
|
7720
|
+
var _templateObject$$;
|
|
7721
|
+
var TextContainer$1 = /*#__PURE__*/styled.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) {
|
|
7380
7722
|
var theme = _ref.theme;
|
|
7381
7723
|
return theme.colors.primary;
|
|
7382
7724
|
});
|
|
@@ -7404,8 +7746,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
7404
7746
|
})));
|
|
7405
7747
|
};
|
|
7406
7748
|
|
|
7407
|
-
var _templateObject$
|
|
7408
|
-
var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
7749
|
+
var _templateObject$10, _templateObject2$J;
|
|
7750
|
+
var Wrapper$4 = /*#__PURE__*/styled.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) {
|
|
7409
7751
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
7410
7752
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
7411
7753
|
return aspectRatio;
|
|
@@ -7415,7 +7757,7 @@ var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_
|
|
|
7415
7757
|
height = _ref2.height;
|
|
7416
7758
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
7417
7759
|
});
|
|
7418
|
-
var CaptionWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
7760
|
+
var CaptionWrapper = /*#__PURE__*/styled.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"])));
|
|
7419
7761
|
|
|
7420
7762
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
7421
7763
|
var caption = _ref.caption,
|
|
@@ -7453,13 +7795,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
7453
7795
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
7454
7796
|
};
|
|
7455
7797
|
|
|
7456
|
-
var _templateObject
|
|
7457
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject
|
|
7458
|
-
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
7798
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$A;
|
|
7799
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
7800
|
+
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
7459
7801
|
var displayAttribution = _ref.displayAttribution;
|
|
7460
7802
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
7461
7803
|
});
|
|
7462
|
-
var Line$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7804
|
+
var Line$1 = /*#__PURE__*/styled.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);
|
|
7463
7805
|
|
|
7464
7806
|
var Quote = function Quote(_ref) {
|
|
7465
7807
|
var text = _ref.text,
|
|
@@ -7483,8 +7825,8 @@ var Quote = function Quote(_ref) {
|
|
|
7483
7825
|
}, attribution))));
|
|
7484
7826
|
};
|
|
7485
7827
|
|
|
7486
|
-
var _templateObject$
|
|
7487
|
-
var GlobalStyles = /*#__PURE__*/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) {
|
|
7828
|
+
var _templateObject$12;
|
|
7829
|
+
var GlobalStyles = /*#__PURE__*/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) {
|
|
7488
7830
|
var theme = _ref.theme;
|
|
7489
7831
|
return theme.colors.primary;
|
|
7490
7832
|
}, function (_ref2) {
|
|
@@ -8395,5 +8737,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$10 || (_templa
|
|
|
8395
8737
|
return theme.fonts.tablet.sizes.body[1];
|
|
8396
8738
|
}, devices.desktop, devices.largeDesktop);
|
|
8397
8739
|
|
|
8398
|
-
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, BodyText, ButtonType, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingHighlight, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, Button$1 as TertiaryButton, TextField, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, TickboxMode, Timer, TitleWithCTA, TypeTags, devices, zIndexes };
|
|
8740
|
+
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, BodyText, ButtonType, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingHighlight, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, Button$1 as TertiaryButton, TextField, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, TickboxMode, Timer, TitleWithCTA, TypeTags, devices, zIndexes };
|
|
8399
8741
|
//# sourceMappingURL=chord.esm.js.map
|