@royaloperahouse/chord 1.24.2 → 1.24.3-b-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 +44 -3
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +904 -461
- 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 +901 -462
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Progress/Progress.d.ts +1 -1
- package/dist/components/atoms/Progress/Progress.styles.d.ts +9 -2
- package/dist/components/atoms/Stepper/Stepper.d.ts +58 -0
- package/dist/components/atoms/Stepper/Stepper.style.d.ts +6 -0
- package/dist/components/atoms/Stepper/index.d.ts +2 -0
- package/dist/components/atoms/index.d.ts +2 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/ContentSummary/ContentSummary.d.ts +1 -1
- package/dist/components/molecules/ContentSummary/ContentSummary.style.d.ts +4 -1
- package/dist/components/molecules/MiniCard/MiniCard.d.ts +4 -0
- package/dist/components/molecules/MiniCard/MiniCard.style.d.ts +6 -0
- package/dist/components/molecules/MiniCard/index.d.ts +2 -0
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/index.d.ts +2 -1
- package/dist/components/organisms/MinimalCarousel/MinimalCarousel.d.ts +5 -0
- package/dist/components/organisms/MinimalCarousel/MinimalCarousel.style.d.ts +4 -0
- package/dist/components/organisms/MinimalCarousel/index.d.ts +2 -0
- package/dist/components/organisms/index.d.ts +2 -1
- package/dist/index.d.ts +6 -3
- package/dist/styles/themes.d.ts +80 -0
- package/dist/types/card.d.ts +1 -1
- package/dist/types/carousel.d.ts +9 -1
- package/dist/types/editorial.d.ts +5 -1
- package/dist/types/formTypes.d.ts +46 -0
- package/dist/types/miniCard.d.ts +27 -0
- package/dist/types/minimalCarousel.d.ts +7 -0
- package/dist/types/progress.d.ts +33 -0
- package/dist/types/types.d.ts +0 -18
- package/dist/types/typography.d.ts +1 -1
- package/package.json +1 -1
- package/README.GIT +0 -277
|
@@ -146,7 +146,9 @@ var common = {
|
|
|
146
146
|
buttons: '14px',
|
|
147
147
|
overline: {
|
|
148
148
|
1: '14px',
|
|
149
|
-
2: '12px'
|
|
149
|
+
2: '12px',
|
|
150
|
+
3: '10px',
|
|
151
|
+
4: '8px'
|
|
150
152
|
},
|
|
151
153
|
navigation: '13px',
|
|
152
154
|
search: '24px'
|
|
@@ -168,7 +170,9 @@ var common = {
|
|
|
168
170
|
},
|
|
169
171
|
overline: {
|
|
170
172
|
1: '1px',
|
|
171
|
-
2: '1px'
|
|
173
|
+
2: '1px',
|
|
174
|
+
3: '1px',
|
|
175
|
+
4: '1px'
|
|
172
176
|
},
|
|
173
177
|
subtitles: {
|
|
174
178
|
1: '1px',
|
|
@@ -211,7 +215,9 @@ var common = {
|
|
|
211
215
|
buttons: '20px',
|
|
212
216
|
overline: {
|
|
213
217
|
1: '16px',
|
|
214
|
-
2: '14px'
|
|
218
|
+
2: '14px',
|
|
219
|
+
3: '12px',
|
|
220
|
+
4: '10px'
|
|
215
221
|
},
|
|
216
222
|
navigation: '16px'
|
|
217
223
|
},
|
|
@@ -247,7 +253,9 @@ var common = {
|
|
|
247
253
|
buttons: '400',
|
|
248
254
|
overline: {
|
|
249
255
|
1: '500',
|
|
250
|
-
2: '500'
|
|
256
|
+
2: '500',
|
|
257
|
+
3: '500',
|
|
258
|
+
4: '500'
|
|
251
259
|
},
|
|
252
260
|
body: {
|
|
253
261
|
1: '400',
|
|
@@ -325,7 +333,9 @@ var common = {
|
|
|
325
333
|
buttons: '14px',
|
|
326
334
|
overline: {
|
|
327
335
|
1: '14px',
|
|
328
|
-
2: '12px'
|
|
336
|
+
2: '12px',
|
|
337
|
+
3: '10px',
|
|
338
|
+
4: '8px'
|
|
329
339
|
},
|
|
330
340
|
navigation: '13px',
|
|
331
341
|
search: '20px'
|
|
@@ -3567,25 +3577,39 @@ var Timer = function Timer(_ref) {
|
|
|
3567
3577
|
}));
|
|
3568
3578
|
};
|
|
3569
3579
|
|
|
3570
|
-
var _templateObject$p, _templateObject2$d, _templateObject3$7;
|
|
3580
|
+
var _templateObject$p, _templateObject2$d, _templateObject3$7, _templateObject4$6, _templateObject5$2;
|
|
3571
3581
|
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
3572
3582
|
var height = _ref.height;
|
|
3573
3583
|
return height ? height + "px" : '6px';
|
|
3574
3584
|
});
|
|
3575
|
-
var ElapsedProgressView = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n flex: ", ";\n"])), function (_ref2) {
|
|
3585
|
+
var ElapsedProgressView = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n flex: ", ";\n padding-left: ", ";\n\n @media ", " {\n padding-left: ", ";\n }\n"])), function (_ref2) {
|
|
3576
3586
|
var color = _ref2.color;
|
|
3577
3587
|
return color ? "var(--base-color-" + color + ")" : 'var(--base-color-progress)';
|
|
3578
3588
|
}, function (_ref3) {
|
|
3579
3589
|
var progress = _ref3.progress;
|
|
3580
3590
|
return progress;
|
|
3581
|
-
})
|
|
3582
|
-
var
|
|
3583
|
-
|
|
3584
|
-
|
|
3585
|
-
|
|
3586
|
-
|
|
3591
|
+
}, function (_ref4) {
|
|
3592
|
+
var isFirstStep = _ref4.isFirstStep;
|
|
3593
|
+
return isFirstStep ? '32px' : '0';
|
|
3594
|
+
}, devices.mobile, function (_ref5) {
|
|
3595
|
+
var isFirstStep = _ref5.isFirstStep;
|
|
3596
|
+
return isFirstStep ? '24px' : '0';
|
|
3597
|
+
});
|
|
3598
|
+
var PendingProgressView = /*#__PURE__*/styled__default.div(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n opacity: 0.5;\n flex: ", ";\n"])), function (_ref6) {
|
|
3599
|
+
var color = _ref6.color;
|
|
3600
|
+
return color ? "var(--base-color-" + color + ")" : 'var(--base-color-lightgrey)';
|
|
3601
|
+
}, function (_ref7) {
|
|
3602
|
+
var progress = _ref7.progress;
|
|
3587
3603
|
return progress;
|
|
3588
3604
|
});
|
|
3605
|
+
var StepsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n display: flex;\n justify-content: space-between;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n\n @media ", " {\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 }\n"])), devices.mobile);
|
|
3606
|
+
var StepWrapper = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n color: ", ";\n margin-right: 32px;\n\n @media ", " {\n margin-right: 24px;\n }\n\n &:first-child,\n &:last-child {\n margin: 0;\n }\n"])), function (_ref8) {
|
|
3607
|
+
var isVisible = _ref8.isVisible;
|
|
3608
|
+
return isVisible ? "visible" : 'hidden';
|
|
3609
|
+
}, function (_ref9) {
|
|
3610
|
+
var isActive = _ref9.isActive;
|
|
3611
|
+
return isActive ? "var(--base-color-black)" : 'var(--base-color-midgrey)';
|
|
3612
|
+
}, devices.mobile);
|
|
3589
3613
|
|
|
3590
3614
|
var Progress = function Progress(_ref) {
|
|
3591
3615
|
var _ref$progress = _ref.progress,
|
|
@@ -3593,23 +3617,50 @@ var Progress = function Progress(_ref) {
|
|
|
3593
3617
|
_ref$height = _ref.height,
|
|
3594
3618
|
height = _ref$height === void 0 ? 6 : _ref$height,
|
|
3595
3619
|
elapsedLineColor = _ref.elapsedLineColor,
|
|
3596
|
-
pendingLineColor = _ref.pendingLineColor
|
|
3597
|
-
|
|
3620
|
+
pendingLineColor = _ref.pendingLineColor,
|
|
3621
|
+
steps = _ref.steps;
|
|
3622
|
+
|
|
3623
|
+
var renderSteps = function renderSteps() {
|
|
3624
|
+
if (!steps) return [];
|
|
3625
|
+
return Array.from(Array(steps.quantity), function (_, index) {
|
|
3626
|
+
return index + 1;
|
|
3627
|
+
}).map(function (step) {
|
|
3628
|
+
return /*#__PURE__*/React__default.createElement(StepWrapper, {
|
|
3629
|
+
key: "progress-step-" + step,
|
|
3630
|
+
isVisible: step <= steps.current,
|
|
3631
|
+
isActive: step === steps.current
|
|
3632
|
+
}, step, " / ", steps.quantity);
|
|
3633
|
+
});
|
|
3634
|
+
};
|
|
3635
|
+
|
|
3636
|
+
var getProgressValue = function getProgressValue() {
|
|
3637
|
+
if (steps) {
|
|
3638
|
+
return 100 / (steps.quantity - 1) * (steps.current - 1);
|
|
3639
|
+
}
|
|
3640
|
+
|
|
3641
|
+
return progress;
|
|
3642
|
+
};
|
|
3643
|
+
|
|
3644
|
+
var progressValue = getProgressValue();
|
|
3645
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ProgressView, {
|
|
3598
3646
|
height: height,
|
|
3599
3647
|
"data-testid": "progress-container"
|
|
3600
3648
|
}, /*#__PURE__*/React__default.createElement(ElapsedProgressView, {
|
|
3601
3649
|
color: elapsedLineColor,
|
|
3602
|
-
|
|
3650
|
+
isFirstStep: (steps == null ? void 0 : steps.current) === 1,
|
|
3651
|
+
progress: progressValue,
|
|
3603
3652
|
"data-testid": "elapsedprogress"
|
|
3604
3653
|
}), /*#__PURE__*/React__default.createElement(PendingProgressView, {
|
|
3605
3654
|
color: pendingLineColor,
|
|
3606
|
-
progress: 100 -
|
|
3655
|
+
progress: 100 - progressValue,
|
|
3607
3656
|
"data-testid": "pendingprogress"
|
|
3608
|
-
}))
|
|
3657
|
+
})), steps && /*#__PURE__*/React__default.createElement(StepsWrapper, {
|
|
3658
|
+
"data-testid": "progress-steps-container"
|
|
3659
|
+
}, renderSteps()));
|
|
3609
3660
|
};
|
|
3610
3661
|
|
|
3611
3662
|
var _templateObject$q;
|
|
3612
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n
|
|
3663
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
|
|
3613
3664
|
|
|
3614
3665
|
var TypeTags = function TypeTags(_ref) {
|
|
3615
3666
|
var list = _ref.list;
|
|
@@ -3694,12 +3745,12 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3694
3745
|
}, renderNextIcon()));
|
|
3695
3746
|
};
|
|
3696
3747
|
|
|
3697
|
-
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$
|
|
3748
|
+
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$7, _templateObject5$3, _templateObject6$1, _templateObject7$1;
|
|
3698
3749
|
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n"])));
|
|
3699
3750
|
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__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);
|
|
3700
3751
|
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
3701
|
-
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject4$
|
|
3702
|
-
var thumbStyes = /*#__PURE__*/styled.css(_templateObject5$
|
|
3752
|
+
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject4$7 || (_templateObject4$7 = /*#__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"])));
|
|
3753
|
+
var thumbStyes = /*#__PURE__*/styled.css(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n -webkit-appearance: none;\n 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"])));
|
|
3703
3754
|
var trackStyles = /*#__PURE__*/styled.css(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n height: 4px;\n cursor: pointer;\n background: rgb(241, 241, 241, 0.5);\n border-radius: 1.3px;\n border: none;\n"])));
|
|
3704
3755
|
var VolumeControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin: 12px 12px;\n padding: 0;\n background-color: rgb(26, 26, 26, 0.6);\n height: 36px;\n width: ", ";\n align-items: center;\n justify-content: center;\n\n /* Range slider overrides */\n input[type='range' i] {\n -webkit-appearance: none;\n 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) {
|
|
3705
3756
|
var volumeHidden = _ref.volumeHidden;
|
|
@@ -3806,15 +3857,243 @@ var VideoControls = function VideoControls(_ref) {
|
|
|
3806
3857
|
})));
|
|
3807
3858
|
};
|
|
3808
3859
|
|
|
3809
|
-
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$
|
|
3810
|
-
var
|
|
3860
|
+
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$8, _templateObject5$4;
|
|
3861
|
+
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
3862
|
+
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
3863
|
+
var darkMode = _ref.darkMode;
|
|
3864
|
+
return darkMode ? 'white' : 'errorstate';
|
|
3865
|
+
});
|
|
3866
|
+
var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 154px;\n height: 48px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n ", ";\n\n * {\n color: var(--base-color-", ");\n word-break: unset;\n user-select: none;\n }\n\n path {\n fill: var(--base-color-", ") !important;\n }\n\n & > * {\n width: 51px;\n }\n"])), function (_ref2) {
|
|
3867
|
+
var darkMode = _ref2.darkMode,
|
|
3868
|
+
disabled = _ref2.disabled,
|
|
3869
|
+
error = _ref2.error;
|
|
3870
|
+
if (error) return 'errorstate';
|
|
3871
|
+
if (disabled) return 'midgrey';
|
|
3872
|
+
if (darkMode) return 'darkgrey';
|
|
3873
|
+
return 'darkgrey';
|
|
3874
|
+
}, function (_ref3) {
|
|
3875
|
+
var disabled = _ref3.disabled;
|
|
3876
|
+
return disabled ? 'lightgrey' : 'white';
|
|
3877
|
+
}, function (_ref4) {
|
|
3878
|
+
var error = _ref4.error,
|
|
3879
|
+
darkMode = _ref4.darkMode;
|
|
3880
|
+
return error && darkMode ? 'outline: 1px solid var(--base-color-errorstate);' : '';
|
|
3881
|
+
}, function (_ref5) {
|
|
3882
|
+
var disabled = _ref5.disabled;
|
|
3883
|
+
return disabled ? 'midgrey' : 'black';
|
|
3884
|
+
}, function (_ref6) {
|
|
3885
|
+
var disabled = _ref6.disabled;
|
|
3886
|
+
return disabled ? 'midgrey' : 'black';
|
|
3887
|
+
});
|
|
3888
|
+
var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 51px;\n border: 0;\n text-align: center;\n font-family: var(--font-family-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n background-color: transparent;\n cursor: ", ";\n"])), function (_ref7) {
|
|
3889
|
+
var disabled = _ref7.disabled;
|
|
3890
|
+
return disabled ? 'not-allowed' : 'text';
|
|
3891
|
+
});
|
|
3892
|
+
var StepperButton = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n\n span {\n display: flex;\n justify-content: center;\n }\n\n svg {\n width: 40%;\n height: auto;\n }\n"])), function (_ref8) {
|
|
3893
|
+
var disabled = _ref8.disabled;
|
|
3894
|
+
return disabled ? 'not-allowed' : 'pointer';
|
|
3895
|
+
});
|
|
3896
|
+
|
|
3897
|
+
/**
|
|
3898
|
+
* A chord Stepper component, used similarly to an HTML input type number.
|
|
3899
|
+
*
|
|
3900
|
+
* The buttons are clickable but not keyboard focusable
|
|
3901
|
+
*
|
|
3902
|
+
* An `initialValue`, the `step` to increase / decrease by, `min`
|
|
3903
|
+
* and `max` values can all be provided, but are optional, with defaults.
|
|
3904
|
+
*
|
|
3905
|
+
* The displayed value can be controlled by:
|
|
3906
|
+
*
|
|
3907
|
+
* - Entering a value in to the central input area (both mouse and keyboard-focusable)
|
|
3908
|
+
*
|
|
3909
|
+
* - Clicking the buttons on either side (mouse only)
|
|
3910
|
+
*
|
|
3911
|
+
* - Keyboard-focusing the stepper box and using the arrow keys
|
|
3912
|
+
*
|
|
3913
|
+
* In all cases the value will be clamped between min and max values.
|
|
3914
|
+
*
|
|
3915
|
+
* The maximum width of the component is 4 characters, meaning 3 digits with a
|
|
3916
|
+
* sign, or 4 without.
|
|
3917
|
+
*
|
|
3918
|
+
* Optional `plusAction` and `minusAction` functions can be provided and will be
|
|
3919
|
+
* called on click of the corresponding buttons.
|
|
3920
|
+
*
|
|
3921
|
+
* The component will display an `error` string beneath the stepper box, if present.
|
|
3922
|
+
*
|
|
3923
|
+
* Styles are provided for the `disabled` state and for display on dark or
|
|
3924
|
+
* coloured backgrounds, using the `darkMode` boolean.
|
|
3925
|
+
*
|
|
3926
|
+
* Finally, an `accessibleName` string can be provided. Although optional,
|
|
3927
|
+
* it's a very good idea to include this so that users of screen-readers
|
|
3928
|
+
* know what they are actually controlling.
|
|
3929
|
+
*
|
|
3930
|
+
* Example:
|
|
3931
|
+
*
|
|
3932
|
+
* ```tsx
|
|
3933
|
+
* import { Stepper } from '@royaloperahouse/chord'
|
|
3934
|
+
*
|
|
3935
|
+
* <div>
|
|
3936
|
+
* <p>How How many seas must a white dove sail before she sleeps in the sand?</p>
|
|
3937
|
+
* <Stepper
|
|
3938
|
+
* initialValue={12}
|
|
3939
|
+
* step={2}
|
|
3940
|
+
* min={-8}
|
|
3941
|
+
* max={667}
|
|
3942
|
+
* plusAction={() => {console.log('More seas')}}
|
|
3943
|
+
* minusAction={() => {console.log('Fewer seas')}}
|
|
3944
|
+
* darkMode={false}
|
|
3945
|
+
* disabled={false}
|
|
3946
|
+
* error="Something went wrong!"
|
|
3947
|
+
* accessibleName="Number of seas"
|
|
3948
|
+
* />
|
|
3949
|
+
* </div>
|
|
3950
|
+
*/
|
|
3951
|
+
|
|
3952
|
+
var Component = function Component(_ref) {
|
|
3953
|
+
var _ref$initialValue = _ref.initialValue,
|
|
3954
|
+
initialValue = _ref$initialValue === void 0 ? 1 : _ref$initialValue,
|
|
3955
|
+
_ref$step = _ref.step,
|
|
3956
|
+
step = _ref$step === void 0 ? 1 : _ref$step,
|
|
3957
|
+
_ref$min = _ref.min,
|
|
3958
|
+
min = _ref$min === void 0 ? -999 : _ref$min,
|
|
3959
|
+
_ref$max = _ref.max,
|
|
3960
|
+
max = _ref$max === void 0 ? 1000 : _ref$max,
|
|
3961
|
+
minusAction = _ref.minusAction,
|
|
3962
|
+
plusAction = _ref.plusAction,
|
|
3963
|
+
darkMode = _ref.darkMode,
|
|
3964
|
+
error = _ref.error,
|
|
3965
|
+
disabled = _ref.disabled,
|
|
3966
|
+
accessibleName = _ref.accessibleName;
|
|
3967
|
+
|
|
3968
|
+
var _useState = React.useState(initialValue.toString()),
|
|
3969
|
+
displayValue = _useState[0],
|
|
3970
|
+
setDisplayValue = _useState[1];
|
|
3971
|
+
|
|
3972
|
+
var validInput = /^-?\d+?$/;
|
|
3973
|
+
|
|
3974
|
+
var clampValue = function clampValue(val, min, max) {
|
|
3975
|
+
return Math.min(Math.max(+val, min), max);
|
|
3976
|
+
};
|
|
3977
|
+
|
|
3978
|
+
var parseSigned = function parseSigned(input) {
|
|
3979
|
+
return input.startsWith('0') ? '-' : "-" + input.slice(0, input.length - 1);
|
|
3980
|
+
};
|
|
3981
|
+
|
|
3982
|
+
var zeroSoloSign = function zeroSoloSign(input) {
|
|
3983
|
+
return input === '-' ? '0' : input;
|
|
3984
|
+
};
|
|
3985
|
+
|
|
3986
|
+
var decrement = function decrement() {
|
|
3987
|
+
if (disabled) return;
|
|
3988
|
+
setDisplayValue(clampValue(+zeroSoloSign(displayValue) - step, min, max).toString());
|
|
3989
|
+
if (minusAction) minusAction();
|
|
3990
|
+
};
|
|
3991
|
+
|
|
3992
|
+
var increment = function increment() {
|
|
3993
|
+
if (disabled) return;
|
|
3994
|
+
setDisplayValue(clampValue(+zeroSoloSign(displayValue) + step, min, max).toString());
|
|
3995
|
+
if (plusAction) plusAction();
|
|
3996
|
+
};
|
|
3997
|
+
|
|
3998
|
+
var setMinimumValue = function setMinimumValue() {
|
|
3999
|
+
setDisplayValue(min.toString());
|
|
4000
|
+
if (minusAction) minusAction();
|
|
4001
|
+
};
|
|
4002
|
+
|
|
4003
|
+
var setMaximumValue = function setMaximumValue() {
|
|
4004
|
+
setDisplayValue(max.toString());
|
|
4005
|
+
if (plusAction) plusAction();
|
|
4006
|
+
};
|
|
4007
|
+
|
|
4008
|
+
var handleKeyDown = function handleKeyDown(e) {
|
|
4009
|
+
if (!disabled) {
|
|
4010
|
+
switch (e.key) {
|
|
4011
|
+
case 'ArrowUp':
|
|
4012
|
+
case 'ArrowRight':
|
|
4013
|
+
increment();
|
|
4014
|
+
break;
|
|
4015
|
+
|
|
4016
|
+
case 'ArrowDown':
|
|
4017
|
+
case 'ArrowLeft':
|
|
4018
|
+
decrement();
|
|
4019
|
+
break;
|
|
4020
|
+
|
|
4021
|
+
case 'Home':
|
|
4022
|
+
setMinimumValue();
|
|
4023
|
+
break;
|
|
4024
|
+
|
|
4025
|
+
case 'End':
|
|
4026
|
+
setMaximumValue();
|
|
4027
|
+
break;
|
|
4028
|
+
}
|
|
4029
|
+
}
|
|
4030
|
+
};
|
|
4031
|
+
|
|
4032
|
+
var handleInputChange = function handleInputChange(event) {
|
|
4033
|
+
var input = event.target.value;
|
|
4034
|
+
|
|
4035
|
+
if (input.endsWith('-')) {
|
|
4036
|
+
setDisplayValue(parseSigned(input));
|
|
4037
|
+
return;
|
|
4038
|
+
}
|
|
4039
|
+
|
|
4040
|
+
var val = !!event.target.value ? event.target.value : '0';
|
|
4041
|
+
|
|
4042
|
+
if (val.match(validInput)) {
|
|
4043
|
+
setDisplayValue(clampValue(val, min, max).toString());
|
|
4044
|
+
}
|
|
4045
|
+
};
|
|
4046
|
+
|
|
4047
|
+
return /*#__PURE__*/React__default.createElement(StepperWrapper, {
|
|
4048
|
+
"data-testid": "stepper-wrapper"
|
|
4049
|
+
}, /*#__PURE__*/React__default.createElement(StepperBox, {
|
|
4050
|
+
role: "spinbutton",
|
|
4051
|
+
"aria-valuenow": parseInt(displayValue),
|
|
4052
|
+
"aria-valuemin": min,
|
|
4053
|
+
"aria-valuemax": max,
|
|
4054
|
+
"aria-labelledby": accessibleName,
|
|
4055
|
+
tabIndex: 0,
|
|
4056
|
+
onKeyDown: handleKeyDown,
|
|
4057
|
+
error: error,
|
|
4058
|
+
darkMode: darkMode,
|
|
4059
|
+
disabled: disabled,
|
|
4060
|
+
"data-testid": "stepper-box"
|
|
4061
|
+
}, /*#__PURE__*/React__default.createElement(StepperButton, {
|
|
4062
|
+
onClick: decrement,
|
|
4063
|
+
disabled: disabled,
|
|
4064
|
+
"data-testid": "left-stepper-button"
|
|
4065
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
4066
|
+
iconName: "Detract"
|
|
4067
|
+
})), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(StepperValue, {
|
|
4068
|
+
disabled: disabled,
|
|
4069
|
+
"aria-disabled": disabled,
|
|
4070
|
+
maxLength: 4,
|
|
4071
|
+
onChange: handleInputChange,
|
|
4072
|
+
value: displayValue,
|
|
4073
|
+
"data-testid": "stepper-value"
|
|
4074
|
+
})), /*#__PURE__*/React__default.createElement(StepperButton, {
|
|
4075
|
+
onClick: increment,
|
|
4076
|
+
disabled: disabled,
|
|
4077
|
+
"data-testid": "right-stepper-button"
|
|
4078
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
4079
|
+
iconName: "Expand"
|
|
4080
|
+
}))), error && /*#__PURE__*/React__default.createElement(StepperError, {
|
|
4081
|
+
darkMode: darkMode,
|
|
4082
|
+
"data-testid": "stepper-error"
|
|
4083
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
4084
|
+
level: 6
|
|
4085
|
+
}, error)));
|
|
4086
|
+
};
|
|
4087
|
+
|
|
4088
|
+
var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$9, _templateObject5$5, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11;
|
|
4089
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
3811
4090
|
var isMenuOpen = _ref.isMenuOpen;
|
|
3812
4091
|
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 ";
|
|
3813
4092
|
});
|
|
3814
|
-
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3815
|
-
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
3816
|
-
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3817
|
-
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
4093
|
+
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__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);
|
|
4094
|
+
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$b || (_templateObject3$b = /*#__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);
|
|
4095
|
+
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__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);
|
|
4096
|
+
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$5 || (_templateObject5$5 = /*#__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);
|
|
3818
4097
|
var NavigationGridMobile = /*#__PURE__*/styled__default(Grid)(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: grid;\n background-color: var(--base-color-white);\n padding-top: ", ";\n padding-bottom: var(--navigation-large-margin);\n }\n"])), devices.mobileAndTablet, function (_ref2) {
|
|
3819
4098
|
var theme = _ref2.theme;
|
|
3820
4099
|
return theme.spacing[12];
|
|
@@ -3825,8 +4104,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9 || (_templa
|
|
|
3825
4104
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
3826
4105
|
var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
3827
4106
|
|
|
3828
|
-
var _templateObject$
|
|
3829
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4107
|
+
var _templateObject$v;
|
|
4108
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
3830
4109
|
|
|
3831
4110
|
var Logo$1 = function Logo(_ref) {
|
|
3832
4111
|
var _ref$id = _ref.id,
|
|
@@ -3855,11 +4134,11 @@ var Logo$1 = function Logo(_ref) {
|
|
|
3855
4134
|
}))));
|
|
3856
4135
|
};
|
|
3857
4136
|
|
|
3858
|
-
var _templateObject$
|
|
3859
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4137
|
+
var _templateObject$w;
|
|
4138
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__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);
|
|
3860
4139
|
|
|
3861
|
-
var _templateObject$
|
|
3862
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4140
|
+
var _templateObject$x, _templateObject2$i, _templateObject3$c, _templateObject4$a;
|
|
4141
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__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) {
|
|
3863
4142
|
var selected = _ref.selected,
|
|
3864
4143
|
colorPrimary = _ref.colorPrimary;
|
|
3865
4144
|
|
|
@@ -3887,9 +4166,9 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$w || (_te
|
|
|
3887
4166
|
|
|
3888
4167
|
return '';
|
|
3889
4168
|
});
|
|
3890
|
-
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3891
|
-
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
3892
|
-
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
4169
|
+
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
4170
|
+
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__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"])));
|
|
4171
|
+
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$a || (_templateObject4$a = /*#__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"])));
|
|
3893
4172
|
|
|
3894
4173
|
var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
|
|
3895
4174
|
if (!expiryUnixTimestamp) return 0;
|
|
@@ -4047,8 +4326,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
4047
4326
|
}, expiryTime ? basketText : text) : ''));
|
|
4048
4327
|
};
|
|
4049
4328
|
|
|
4050
|
-
var _templateObject$
|
|
4051
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4329
|
+
var _templateObject$y, _templateObject2$j;
|
|
4330
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__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) {
|
|
4052
4331
|
var selected = _ref.selected,
|
|
4053
4332
|
colorPrimary = _ref.colorPrimary;
|
|
4054
4333
|
|
|
@@ -4064,7 +4343,7 @@ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$x || (_te
|
|
|
4064
4343
|
var colorPrimary = _ref3.colorPrimary;
|
|
4065
4344
|
return colorPrimary;
|
|
4066
4345
|
});
|
|
4067
|
-
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4346
|
+
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
4068
4347
|
|
|
4069
4348
|
var Search$1 = function Search(_ref) {
|
|
4070
4349
|
var _ref$selected = _ref.selected,
|
|
@@ -4339,23 +4618,23 @@ var NavTop = function NavTop(_ref) {
|
|
|
4339
4618
|
}));
|
|
4340
4619
|
};
|
|
4341
4620
|
|
|
4342
|
-
var _templateObject$
|
|
4343
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4344
|
-
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4621
|
+
var _templateObject$z, _templateObject2$k, _templateObject3$d, _templateObject4$b;
|
|
4622
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
4623
|
+
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__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) {
|
|
4345
4624
|
if (props.showMenu) {
|
|
4346
4625
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
4347
4626
|
}
|
|
4348
4627
|
|
|
4349
4628
|
return "display: none;";
|
|
4350
4629
|
});
|
|
4351
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4630
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__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) {
|
|
4352
4631
|
var colorPrimary = _ref.colorPrimary;
|
|
4353
4632
|
return colorPrimary;
|
|
4354
4633
|
}, function (_ref2) {
|
|
4355
4634
|
var colorPrimary = _ref2.colorPrimary;
|
|
4356
4635
|
return colorPrimary;
|
|
4357
4636
|
}, devices.mobileAndTablet);
|
|
4358
|
-
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4637
|
+
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
4359
4638
|
|
|
4360
4639
|
var Tabs = function Tabs(_ref) {
|
|
4361
4640
|
var _ref$items = _ref.items,
|
|
@@ -4482,11 +4761,11 @@ var Tabs = function Tabs(_ref) {
|
|
|
4482
4761
|
}, "MENU"))));
|
|
4483
4762
|
};
|
|
4484
4763
|
|
|
4485
|
-
var _templateObject$
|
|
4486
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4487
|
-
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4488
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4489
|
-
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4764
|
+
var _templateObject$A, _templateObject2$l, _templateObject3$e, _templateObject5$6, _templateObject6$3, _templateObject7$3;
|
|
4765
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__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);
|
|
4766
|
+
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
4767
|
+
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__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"])));
|
|
4768
|
+
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__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);
|
|
4490
4769
|
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
4491
4770
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
4492
4771
|
|
|
@@ -4715,18 +4994,18 @@ var Navigation = function Navigation(_ref) {
|
|
|
4715
4994
|
})))));
|
|
4716
4995
|
};
|
|
4717
4996
|
|
|
4718
|
-
var _templateObject$
|
|
4719
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
4720
|
-
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4721
|
-
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4722
|
-
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4723
|
-
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4997
|
+
var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$c, _templateObject5$7, _templateObject6$4;
|
|
4998
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
4999
|
+
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__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"])));
|
|
5000
|
+
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__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);
|
|
5001
|
+
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
5002
|
+
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
4724
5003
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
4725
5004
|
|
|
4726
|
-
var _templateObject$
|
|
4727
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4728
|
-
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
4729
|
-
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
5005
|
+
var _templateObject$C, _templateObject2$n, _templateObject3$g;
|
|
5006
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$C || (_templateObject$C = /*#__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);
|
|
5007
|
+
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$n || (_templateObject2$n = /*#__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);
|
|
5008
|
+
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
4730
5009
|
|
|
4731
5010
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
4732
5011
|
var _ref$items = _ref.items,
|
|
@@ -4742,12 +5021,12 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
4742
5021
|
}));
|
|
4743
5022
|
};
|
|
4744
5023
|
|
|
4745
|
-
var _templateObject$
|
|
4746
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4747
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4748
|
-
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4749
|
-
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
4750
|
-
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5024
|
+
var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject4$d, _templateObject5$8, _templateObject6$5, _templateObject7$4, _templateObject8$2;
|
|
5025
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__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);
|
|
5026
|
+
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__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);
|
|
5027
|
+
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__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);
|
|
5028
|
+
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$d || (_templateObject4$d = /*#__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);
|
|
5029
|
+
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__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);
|
|
4751
5030
|
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
4752
5031
|
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
4753
5032
|
var TextLinkWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &&& {\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n }\n"])));
|
|
@@ -4816,15 +5095,15 @@ var Footer = function Footer(_ref) {
|
|
|
4816
5095
|
}, additionalInfo)))));
|
|
4817
5096
|
};
|
|
4818
5097
|
|
|
4819
|
-
var _templateObject$
|
|
5098
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$9, _templateObject6$6;
|
|
4820
5099
|
var LIST_ITEM_GAP = 32;
|
|
4821
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5100
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__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) {
|
|
4822
5101
|
var bottomBorder = _ref.bottomBorder;
|
|
4823
5102
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
4824
5103
|
}, zIndexes.anchor);
|
|
4825
|
-
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4826
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4827
|
-
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$
|
|
5104
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
5105
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
5106
|
+
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$e || (_templateObject4$e = /*#__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) {
|
|
4828
5107
|
var tabsOverflow = _ref2.tabsOverflow;
|
|
4829
5108
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
4830
5109
|
}, LIST_ITEM_GAP, function (_ref3) {
|
|
@@ -4835,7 +5114,7 @@ var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$c || (_templateO
|
|
|
4835
5114
|
hasTwoArrows = _ref4.hasTwoArrows;
|
|
4836
5115
|
return tabsOverflow && hasTwoArrows ? 'calc(100% - 50px)' : '100%';
|
|
4837
5116
|
});
|
|
4838
|
-
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5117
|
+
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__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) {
|
|
4839
5118
|
var fullWidth = _ref5.fullWidth;
|
|
4840
5119
|
return fullWidth ? '74px' : '46px';
|
|
4841
5120
|
});
|
|
@@ -5084,10 +5363,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
5084
5363
|
})) : null) : null))));
|
|
5085
5364
|
};
|
|
5086
5365
|
|
|
5087
|
-
var _templateObject$
|
|
5088
|
-
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5089
|
-
var
|
|
5090
|
-
|
|
5366
|
+
var _templateObject$F, _templateObject2$q, _templateObject3$j, _templateObject4$f, _templateObject5$a;
|
|
5367
|
+
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n .swiper {\n ", ";\n }\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) {
|
|
5368
|
+
var overflow = _ref.overflow;
|
|
5369
|
+
return overflow ? "overflow: " + overflow : '';
|
|
5370
|
+
}, function (_ref2) {
|
|
5371
|
+
var type = _ref2.type,
|
|
5372
|
+
imagesHeightDesktop = _ref2.imagesHeightDesktop;
|
|
5091
5373
|
|
|
5092
5374
|
if (type !== exports.CarouselType.Image) {
|
|
5093
5375
|
var numberOfGaps = type === exports.CarouselType.LargeCard ? 4 : 3;
|
|
@@ -5099,10 +5381,10 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$E || (_te
|
|
|
5099
5381
|
} else {
|
|
5100
5382
|
return "\n & {\n .swiper-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n -webkit-transform: translate3d(0, 0, 0);\n\n > div {\n height: calc(" + imagesHeightDesktop + "px + var(--line-height-body-2) + 12px);\n }\n }\n }\n ";
|
|
5101
5383
|
}
|
|
5102
|
-
}, devices.mobile, function (
|
|
5103
|
-
var active =
|
|
5104
|
-
type =
|
|
5105
|
-
imagesHeightDevice =
|
|
5384
|
+
}, devices.mobile, function (_ref3) {
|
|
5385
|
+
var active = _ref3.active,
|
|
5386
|
+
type = _ref3.type,
|
|
5387
|
+
imagesHeightDevice = _ref3.imagesHeightDevice;
|
|
5106
5388
|
|
|
5107
5389
|
if (type !== exports.CarouselType.Image) {
|
|
5108
5390
|
var gapsSpace = 'calc(var(--grid-column-gap) * 9)';
|
|
@@ -5117,10 +5399,10 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$E || (_te
|
|
|
5117
5399
|
return "\n &&& {\n .swiper-slide > div{\n height: calc(" + imagesHeightDevice + "px + var(--line-height-body-2) + 12px);\n }\n }";
|
|
5118
5400
|
}
|
|
5119
5401
|
});
|
|
5120
|
-
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5121
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5122
|
-
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5123
|
-
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
5402
|
+
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
5403
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__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"])));
|
|
5404
|
+
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
5405
|
+
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
5124
5406
|
|
|
5125
5407
|
var Carousel = function Carousel(_ref) {
|
|
5126
5408
|
var children = _ref.children,
|
|
@@ -5129,7 +5411,9 @@ var Carousel = function Carousel(_ref) {
|
|
|
5129
5411
|
imagesHeightDesktop = _ref$imagesHeightDesk === void 0 ? 500 : _ref$imagesHeightDesk,
|
|
5130
5412
|
_ref$imagesHeightDevi = _ref.imagesHeightDevice,
|
|
5131
5413
|
imagesHeightDevice = _ref$imagesHeightDevi === void 0 ? 300 : _ref$imagesHeightDevi,
|
|
5132
|
-
title = _ref.title
|
|
5414
|
+
title = _ref.title,
|
|
5415
|
+
_ref$useOffset = _ref.useOffset,
|
|
5416
|
+
useOffset = _ref$useOffset === void 0 ? true : _ref$useOffset;
|
|
5133
5417
|
|
|
5134
5418
|
var _useState = React.useState(),
|
|
5135
5419
|
swiper = _useState[0],
|
|
@@ -5144,6 +5428,8 @@ var Carousel = function Carousel(_ref) {
|
|
|
5144
5428
|
setLoop = _useState3[1];
|
|
5145
5429
|
|
|
5146
5430
|
React.useEffect(function () {
|
|
5431
|
+
if (!useOffset) return;
|
|
5432
|
+
|
|
5147
5433
|
var updateWindowDimensions = function updateWindowDimensions() {
|
|
5148
5434
|
if (window.matchMedia(devices.mobile).matches) {
|
|
5149
5435
|
setSlidesOffsetBefore(20); // Mobile margin grid
|
|
@@ -5158,7 +5444,10 @@ var Carousel = function Carousel(_ref) {
|
|
|
5158
5444
|
updateWindowDimensions();
|
|
5159
5445
|
return function () {
|
|
5160
5446
|
window.removeEventListener('resize', updateWindowDimensions);
|
|
5161
|
-
|
|
5447
|
+
};
|
|
5448
|
+
}, [useOffset]);
|
|
5449
|
+
React.useEffect(function () {
|
|
5450
|
+
return function () {
|
|
5162
5451
|
if (swiper) {
|
|
5163
5452
|
swiper.destroy();
|
|
5164
5453
|
}
|
|
@@ -5192,18 +5481,18 @@ var Carousel = function Carousel(_ref) {
|
|
|
5192
5481
|
imagesHeightDevice: imagesHeightDevice,
|
|
5193
5482
|
imagesHeightDesktop: imagesHeightDesktop
|
|
5194
5483
|
}, /*#__PURE__*/React__default.createElement(TitleButtonsGrid, null, /*#__PURE__*/React__default.createElement(TitleGridItem, {
|
|
5195
|
-
columnStartDesktop: 3,
|
|
5484
|
+
columnStartDesktop: useOffset ? 3 : 1,
|
|
5196
5485
|
columnSpanDesktop: 10,
|
|
5197
5486
|
columnStartDevice: 2,
|
|
5198
5487
|
columnSpanDevice: 12
|
|
5199
|
-
}, /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
5488
|
+
}, title && /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
5200
5489
|
"data-testid": "carousel-title-wrapper"
|
|
5201
5490
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5202
5491
|
level: 4
|
|
5203
5492
|
}, title))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
5204
|
-
columnStartDesktop: 14,
|
|
5493
|
+
columnStartDesktop: useOffset ? 14 : 15,
|
|
5205
5494
|
columnSpanDesktop: 2,
|
|
5206
|
-
columnStartDevice: 12,
|
|
5495
|
+
columnStartDevice: useOffset ? 12 : 13,
|
|
5207
5496
|
columnSpanDevice: 2
|
|
5208
5497
|
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
5209
5498
|
"data-testid": "carousel-buttons-wrapper"
|
|
@@ -5222,7 +5511,8 @@ var Carousel = function Carousel(_ref) {
|
|
|
5222
5511
|
loop: loop,
|
|
5223
5512
|
loopedSlides: React__default.Children.count(children),
|
|
5224
5513
|
onSwiper: onSwiper,
|
|
5225
|
-
"data-testid": "carousel-swiper"
|
|
5514
|
+
"data-testid": "carousel-swiper",
|
|
5515
|
+
className: 'roh-carousel-swiper'
|
|
5226
5516
|
}, React__default.Children.map(children, function (child) {
|
|
5227
5517
|
return /*#__PURE__*/React__default.createElement(swiperReact_js.SwiperSlide, null, child);
|
|
5228
5518
|
})))));
|
|
@@ -5237,9 +5527,9 @@ var Theme = function Theme(_ref) {
|
|
|
5237
5527
|
}, children);
|
|
5238
5528
|
};
|
|
5239
5529
|
|
|
5240
|
-
var _templateObject$
|
|
5241
|
-
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
5242
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5530
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$g, _templateObject5$b, _templateObject6$7, _templateObject7$5, _templateObject8$3, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
5531
|
+
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$G || (_templateObject$G = /*#__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);
|
|
5532
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__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) {
|
|
5243
5533
|
var theme = _ref.theme;
|
|
5244
5534
|
return theme.fonts.mobile.sizes.altHeaders[5];
|
|
5245
5535
|
}, function (_ref2) {
|
|
@@ -5249,9 +5539,9 @@ var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$q |
|
|
|
5249
5539
|
var theme = _ref3.theme;
|
|
5250
5540
|
return theme.fonts.mobile.letterSpacing.altHeaders[5];
|
|
5251
5541
|
}, devices.mobile);
|
|
5252
|
-
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5253
|
-
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5254
|
-
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5542
|
+
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__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);
|
|
5543
|
+
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__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);
|
|
5544
|
+
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__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) {
|
|
5255
5545
|
var theme = _ref4.theme;
|
|
5256
5546
|
return theme.fonts.mobile.sizes.headers[3];
|
|
5257
5547
|
}, function (_ref5) {
|
|
@@ -5593,17 +5883,17 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
5593
5883
|
})));
|
|
5594
5884
|
};
|
|
5595
5885
|
|
|
5596
|
-
var _templateObject$
|
|
5597
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5886
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$h, _templateObject6$8, _templateObject7$6, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
5887
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
5598
5888
|
var sticky = _ref.sticky;
|
|
5599
5889
|
return sticky ? 'sticky' : 'initial';
|
|
5600
5890
|
}, zIndexes.anchor);
|
|
5601
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5602
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5891
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
5892
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__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) {
|
|
5603
5893
|
var title = _ref2.title;
|
|
5604
5894
|
return title ? 'row' : 'row-reverse';
|
|
5605
5895
|
}, devices.tablet, devices.mobile);
|
|
5606
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5896
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__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);
|
|
5607
5897
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
5608
5898
|
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
5609
5899
|
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
@@ -5657,15 +5947,15 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
5657
5947
|
}, message)));
|
|
5658
5948
|
};
|
|
5659
5949
|
|
|
5660
|
-
var _templateObject$
|
|
5661
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5662
|
-
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5663
|
-
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5950
|
+
var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$i, _templateObject5$c, _templateObject6$9, _templateObject7$7, _templateObject8$5;
|
|
5951
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
|
|
5952
|
+
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
5953
|
+
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
5664
5954
|
var theme = _ref.theme;
|
|
5665
5955
|
return theme.colors.primary;
|
|
5666
5956
|
}, exports.Colors.White);
|
|
5667
|
-
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5668
|
-
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5957
|
+
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
5958
|
+
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
5669
5959
|
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
5670
5960
|
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n padding: 5px 0 8px 0;\n"])));
|
|
5671
5961
|
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-darkgrey);\n"])));
|
|
@@ -5738,8 +6028,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
5738
6028
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
5739
6029
|
};
|
|
5740
6030
|
|
|
5741
|
-
var _templateObject$
|
|
5742
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6031
|
+
var _templateObject$J;
|
|
6032
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
|
|
5743
6033
|
|
|
5744
6034
|
var UpsellCards = function UpsellCards(_ref) {
|
|
5745
6035
|
var upsellCards = _ref.upsellCards;
|
|
@@ -5757,20 +6047,20 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
5757
6047
|
}));
|
|
5758
6048
|
};
|
|
5759
6049
|
|
|
5760
|
-
var _templateObject$
|
|
5761
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6050
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n;
|
|
6051
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
|
|
5762
6052
|
var theme = _ref.theme;
|
|
5763
6053
|
return theme.colors.primary;
|
|
5764
6054
|
}, devices.mobile, devices.tablet);
|
|
5765
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5766
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6055
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
6056
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
5767
6057
|
|
|
5768
|
-
var _templateObject$
|
|
5769
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5770
|
-
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5771
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5772
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5773
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6058
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$o, _templateObject4$j, _templateObject5$d;
|
|
6059
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
6060
|
+
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
6061
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
6062
|
+
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__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);
|
|
6063
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__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"])));
|
|
5774
6064
|
|
|
5775
6065
|
var Accordion = function Accordion(_ref) {
|
|
5776
6066
|
var _ref$title = _ref.title,
|
|
@@ -5851,8 +6141,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
5851
6141
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
5852
6142
|
};
|
|
5853
6143
|
|
|
5854
|
-
var _templateObject$
|
|
5855
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6144
|
+
var _templateObject$M;
|
|
6145
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
5856
6146
|
|
|
5857
6147
|
var Accordions = function Accordions(_ref) {
|
|
5858
6148
|
var _ref$items = _ref.items,
|
|
@@ -5872,13 +6162,13 @@ var Accordions = function Accordions(_ref) {
|
|
|
5872
6162
|
}));
|
|
5873
6163
|
};
|
|
5874
6164
|
|
|
5875
|
-
var _templateObject$
|
|
5876
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6165
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p;
|
|
6166
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__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) {
|
|
5877
6167
|
var theme = _ref.theme;
|
|
5878
6168
|
return theme.colors.primary;
|
|
5879
6169
|
}, devices.mobile);
|
|
5880
|
-
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5881
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6170
|
+
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__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);
|
|
6171
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__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"])));
|
|
5882
6172
|
|
|
5883
6173
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
5884
6174
|
var title = _ref.title,
|
|
@@ -5915,32 +6205,32 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
5915
6205
|
}))))));
|
|
5916
6206
|
};
|
|
5917
6207
|
|
|
5918
|
-
var _templateObject$
|
|
6208
|
+
var _templateObject$O, _templateObject2$x, _templateObject3$q, _templateObject4$k, _templateObject5$e, _templateObject6$a, _templateObject7$8, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$1;
|
|
5919
6209
|
var LENGTH_LARGE_TEXT = 28;
|
|
5920
6210
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
5921
6211
|
var LENGTH_TEXT_TABLET = 10;
|
|
5922
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6212
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
5923
6213
|
var isCardClickable = _ref.isCardClickable;
|
|
5924
6214
|
return isCardClickable ? 'pointer' : 'default';
|
|
5925
6215
|
}, function (_ref2) {
|
|
5926
6216
|
var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
|
|
5927
6217
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
5928
6218
|
});
|
|
5929
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6219
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: ", ";\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), function (_ref3) {
|
|
5930
6220
|
var lineColor = _ref3.lineColor,
|
|
5931
6221
|
theme = _ref3.theme;
|
|
5932
6222
|
if (lineColor === exports.Colors.Cinema) return 'var(--base-color-white)';
|
|
5933
6223
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
5934
6224
|
}, zIndexes.contentOverlay);
|
|
5935
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5936
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6225
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
6226
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__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 (_ref4) {
|
|
5937
6227
|
var fullWidth = _ref4.fullWidth;
|
|
5938
6228
|
return fullWidth ? '0' : '20px';
|
|
5939
6229
|
}, function (_ref5) {
|
|
5940
6230
|
var fullWidth = _ref5.fullWidth;
|
|
5941
6231
|
return fullWidth ? '0' : '20px';
|
|
5942
6232
|
});
|
|
5943
|
-
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6233
|
+
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__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);
|
|
5944
6234
|
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__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);
|
|
5945
6235
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__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"])));
|
|
5946
6236
|
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject8$6 || (_templateObject8$6 = /*#__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"])));
|
|
@@ -6138,9 +6428,9 @@ var Card = function Card(_ref) {
|
|
|
6138
6428
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
6139
6429
|
};
|
|
6140
6430
|
|
|
6141
|
-
var _templateObject$
|
|
6142
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6143
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
6431
|
+
var _templateObject$P, _templateObject2$y;
|
|
6432
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$P || (_templateObject$P = /*#__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);
|
|
6433
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
6144
6434
|
|
|
6145
6435
|
var Cards = function Cards(_ref) {
|
|
6146
6436
|
var cards = _ref.cards,
|
|
@@ -6183,18 +6473,18 @@ var Cards = function Cards(_ref) {
|
|
|
6183
6473
|
}));
|
|
6184
6474
|
};
|
|
6185
6475
|
|
|
6186
|
-
var _templateObject$
|
|
6187
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6188
|
-
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6476
|
+
var _templateObject$Q, _templateObject2$z, _templateObject3$r, _templateObject4$l, _templateObject5$f;
|
|
6477
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__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);
|
|
6478
|
+
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__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) {
|
|
6189
6479
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
6190
6480
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
6191
6481
|
}, function (_ref2) {
|
|
6192
6482
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
6193
6483
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
6194
6484
|
}, devices.mobileAndTablet);
|
|
6195
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6196
|
-
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6197
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6485
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6486
|
+
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
6487
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__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);
|
|
6198
6488
|
|
|
6199
6489
|
var divideAddressString = function divideAddressString(address) {
|
|
6200
6490
|
return address.split(',').map(function (chunk) {
|
|
@@ -6251,19 +6541,27 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6251
6541
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6252
6542
|
};
|
|
6253
6543
|
|
|
6254
|
-
var _templateObject$
|
|
6255
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$
|
|
6256
|
-
|
|
6257
|
-
|
|
6544
|
+
var _templateObject$R, _templateObject2$A, _templateObject3$s, _templateObject4$m, _templateObject5$g;
|
|
6545
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
6546
|
+
return props.clickable ? 'pointer' : 'default';
|
|
6547
|
+
}, devices.mobile);
|
|
6548
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
6549
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__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) {
|
|
6258
6550
|
return props.showImage ? 2 : '1 / span 4';
|
|
6259
6551
|
}, devices.mobile);
|
|
6260
|
-
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6261
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6552
|
+
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__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);
|
|
6553
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__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) {
|
|
6262
6554
|
return !!props.truncate && "\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n ";
|
|
6263
6555
|
});
|
|
6264
6556
|
|
|
6265
6557
|
var MAX_HEADER_LEVEL = 6;
|
|
6266
6558
|
|
|
6559
|
+
var clickHandler = function clickHandler(link) {
|
|
6560
|
+
if (link && link.href) {
|
|
6561
|
+
document.location.href = link.href;
|
|
6562
|
+
}
|
|
6563
|
+
};
|
|
6564
|
+
|
|
6267
6565
|
var ContentSummary = function ContentSummary(_ref) {
|
|
6268
6566
|
var title = _ref.title,
|
|
6269
6567
|
subtitle = _ref.subtitle,
|
|
@@ -6276,9 +6574,15 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6276
6574
|
showImage = _ref$showImage === void 0 ? false : _ref$showImage,
|
|
6277
6575
|
_ref$truncate = _ref.truncate,
|
|
6278
6576
|
truncate = _ref$truncate === void 0 ? 0 : _ref$truncate,
|
|
6577
|
+
_ref$fullyClickable = _ref.fullyClickable,
|
|
6578
|
+
fullyClickable = _ref$fullyClickable === void 0 ? false : _ref$fullyClickable,
|
|
6279
6579
|
_ref$baseSemanticLeve = _ref.baseSemanticLevel,
|
|
6280
6580
|
baseSemanticLevel = _ref$baseSemanticLeve === void 0 ? 3 : _ref$baseSemanticLeve;
|
|
6281
6581
|
return /*#__PURE__*/React__default.createElement(ContentSummaryWrapper, {
|
|
6582
|
+
onClick: function onClick() {
|
|
6583
|
+
fullyClickable && clickHandler(link);
|
|
6584
|
+
},
|
|
6585
|
+
clickable: fullyClickable,
|
|
6282
6586
|
"data-roh": "content-summary-item"
|
|
6283
6587
|
}, showImage && image && /*#__PURE__*/React__default.createElement(ContentSummaryImageWrapper, {
|
|
6284
6588
|
"data-testid": "image-wrapper"
|
|
@@ -6318,21 +6622,21 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6318
6622
|
}), link.text)));
|
|
6319
6623
|
};
|
|
6320
6624
|
|
|
6321
|
-
var _templateObject$
|
|
6322
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6625
|
+
var _templateObject$S, _templateObject2$B, _templateObject3$t, _templateObject4$n, _templateObject5$h;
|
|
6626
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__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) {
|
|
6323
6627
|
var imageToLeft = _ref.imageToLeft;
|
|
6324
6628
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6325
6629
|
}, devices.mobile);
|
|
6326
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6630
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
6327
6631
|
var imageToLeft = _ref2.imageToLeft;
|
|
6328
6632
|
return imageToLeft ? 'left' : 'right';
|
|
6329
6633
|
}, devices.mobile);
|
|
6330
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6634
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
6331
6635
|
var imageToLeft = _ref3.imageToLeft;
|
|
6332
6636
|
return imageToLeft ? 'right' : 'left';
|
|
6333
6637
|
}, devices.mobile);
|
|
6334
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
6335
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6638
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$n || (_templateObject4$n = /*#__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"])));
|
|
6639
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__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"])));
|
|
6336
6640
|
|
|
6337
6641
|
var Editorial = function Editorial(_ref) {
|
|
6338
6642
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -6396,10 +6700,10 @@ var BackgroundColour;
|
|
|
6396
6700
|
BackgroundColour["White"] = "white";
|
|
6397
6701
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6398
6702
|
|
|
6399
|
-
var _templateObject$
|
|
6400
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
6401
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
6402
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
6703
|
+
var _templateObject$T, _templateObject2$C, _templateObject3$u, _templateObject4$o;
|
|
6704
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$T || (_templateObject$T = /*#__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"])));
|
|
6705
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6706
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6403
6707
|
if (!props.infoThemed) {
|
|
6404
6708
|
return;
|
|
6405
6709
|
} else {
|
|
@@ -6410,7 +6714,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$t || (
|
|
|
6410
6714
|
}
|
|
6411
6715
|
}
|
|
6412
6716
|
});
|
|
6413
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
6717
|
+
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
6414
6718
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
6415
6719
|
}, function (props) {
|
|
6416
6720
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -6523,24 +6827,24 @@ var Information = function Information(_ref) {
|
|
|
6523
6827
|
}))));
|
|
6524
6828
|
};
|
|
6525
6829
|
|
|
6526
|
-
var _templateObject$
|
|
6527
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6830
|
+
var _templateObject$U, _templateObject2$D, _templateObject3$v, _templateObject4$p, _templateObject5$i, _templateObject6$b, _templateObject7$9, _templateObject8$7;
|
|
6831
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__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) {
|
|
6528
6832
|
var theme = _ref.theme;
|
|
6529
6833
|
return theme.colors.primary;
|
|
6530
6834
|
}, function (_ref2) {
|
|
6531
6835
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
6532
6836
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
6533
6837
|
}, devices.mobile);
|
|
6534
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
6535
|
-
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6838
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$D || (_templateObject2$D = /*#__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);
|
|
6839
|
+
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__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) {
|
|
6536
6840
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
6537
6841
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
6538
6842
|
}, devices.mobile);
|
|
6539
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6843
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__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) {
|
|
6540
6844
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
6541
6845
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
6542
6846
|
}, devices.mobile);
|
|
6543
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6847
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__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"])));
|
|
6544
6848
|
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__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);
|
|
6545
6849
|
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__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);
|
|
6546
6850
|
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__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"])));
|
|
@@ -6621,9 +6925,9 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6621
6925
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6622
6926
|
};
|
|
6623
6927
|
|
|
6624
|
-
var _templateObject$
|
|
6625
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6626
|
-
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6928
|
+
var _templateObject$V, _templateObject2$E, _templateObject3$w, _templateObject4$q, _templateObject5$j, _templateObject6$c, _templateObject7$a;
|
|
6929
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$V || (_templateObject$V = /*#__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);
|
|
6930
|
+
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__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) {
|
|
6627
6931
|
var theme = _ref.theme;
|
|
6628
6932
|
return theme.fonts.mobile.sizes.headers[3];
|
|
6629
6933
|
}, function (_ref2) {
|
|
@@ -6636,7 +6940,7 @@ var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$D
|
|
|
6636
6940
|
var theme = _ref4.theme;
|
|
6637
6941
|
return theme.fonts.mobile.lineHeights.headers[3];
|
|
6638
6942
|
});
|
|
6639
|
-
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6943
|
+
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__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) {
|
|
6640
6944
|
var theme = _ref5.theme;
|
|
6641
6945
|
return theme.fonts.mobile.sizes.body[1];
|
|
6642
6946
|
}, function (_ref6) {
|
|
@@ -6649,14 +6953,14 @@ var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$v |
|
|
|
6649
6953
|
var theme = _ref8.theme;
|
|
6650
6954
|
return theme.fonts.mobile.lineHeights.body[1];
|
|
6651
6955
|
}, devices.mobile);
|
|
6652
|
-
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6956
|
+
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__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) {
|
|
6653
6957
|
var hasImages = _ref9.hasImages;
|
|
6654
6958
|
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
6655
6959
|
}, devices.mobile, function (_ref10) {
|
|
6656
6960
|
var hasImages = _ref10.hasImages;
|
|
6657
6961
|
return hasImages ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
6658
6962
|
});
|
|
6659
|
-
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6963
|
+
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__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) {
|
|
6660
6964
|
var hasMultipleImages = _ref11.hasMultipleImages;
|
|
6661
6965
|
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
6662
6966
|
}, devices.tablet, devices.mobile);
|
|
@@ -6746,12 +7050,12 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
6746
7050
|
}))));
|
|
6747
7051
|
};
|
|
6748
7052
|
|
|
6749
|
-
var _templateObject$
|
|
6750
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6751
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6752
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
6753
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6754
|
-
var LogoWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7053
|
+
var _templateObject$W, _templateObject2$F, _templateObject3$x, _templateObject4$r, _templateObject5$k, _templateObject6$d, _templateObject7$b, _templateObject8$8;
|
|
7054
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__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);
|
|
7055
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__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);
|
|
7056
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__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);
|
|
7057
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__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);
|
|
7058
|
+
var LogoWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
6755
7059
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__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);
|
|
6756
7060
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__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);
|
|
6757
7061
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__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);
|
|
@@ -6819,21 +7123,21 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6819
7123
|
}, "Scroll Down")) : null);
|
|
6820
7124
|
};
|
|
6821
7125
|
|
|
6822
|
-
var _templateObject$
|
|
6823
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7126
|
+
var _templateObject$X, _templateObject2$G, _templateObject3$y, _templateObject4$s, _templateObject5$l;
|
|
7127
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$X || (_templateObject$X = /*#__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) {
|
|
6824
7128
|
var color = _ref.color;
|
|
6825
7129
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
6826
7130
|
}, devices.mobileAndTablet);
|
|
6827
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7131
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__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) {
|
|
6828
7132
|
var hasImage = _ref2.hasImage;
|
|
6829
7133
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
6830
7134
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
6831
7135
|
var hasImage = _ref3.hasImage;
|
|
6832
7136
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
6833
7137
|
});
|
|
6834
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6835
|
-
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6836
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7138
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__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);
|
|
7139
|
+
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__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);
|
|
7140
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
6837
7141
|
|
|
6838
7142
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
6839
7143
|
var _image$src, _image$alt;
|
|
@@ -6864,8 +7168,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
6864
7168
|
}))));
|
|
6865
7169
|
};
|
|
6866
7170
|
|
|
6867
|
-
var _templateObject$
|
|
6868
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7171
|
+
var _templateObject$Y;
|
|
7172
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
6869
7173
|
|
|
6870
7174
|
var _excluded$k = ["link"];
|
|
6871
7175
|
|
|
@@ -6885,12 +7189,12 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
6885
7189
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
6886
7190
|
};
|
|
6887
7191
|
|
|
6888
|
-
var _templateObject$
|
|
6889
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6890
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
6891
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6892
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6893
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$e || (_templateObject6$e = /*#__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) {
|
|
7192
|
+
var _templateObject$Z, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$e, _templateObject7$c, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
7193
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__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);
|
|
7194
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$H || (_templateObject2$H = /*#__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"])));
|
|
7195
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
7196
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
7197
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n max-width: 155px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n }\n"])), function (_ref) {
|
|
6894
7198
|
var invert = _ref.invert,
|
|
6895
7199
|
theme = _ref.theme;
|
|
6896
7200
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -6902,18 +7206,17 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
6902
7206
|
var invert = _ref3.invert,
|
|
6903
7207
|
theme = _ref3.theme;
|
|
6904
7208
|
return invert ? theme.colors.black : theme.colors.white;
|
|
7209
|
+
}, function (_ref4) {
|
|
7210
|
+
var theme = _ref4.theme;
|
|
7211
|
+
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
6905
7212
|
}, devices.mobile);
|
|
6906
7213
|
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__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);
|
|
6907
7214
|
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__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);
|
|
6908
7215
|
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: cta;\n justify-content: right;\n align-items: center;\n padding-right: 50px;\n @media ", " {\n padding-right: 0px;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
6909
|
-
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (
|
|
6910
|
-
var invert = _ref4.invert,
|
|
6911
|
-
theme = _ref4.theme;
|
|
6912
|
-
return invert ? theme.colors.primary : theme.colors.white;
|
|
6913
|
-
}, function (_ref5) {
|
|
7216
|
+
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (_ref5) {
|
|
6914
7217
|
var invert = _ref5.invert,
|
|
6915
7218
|
theme = _ref5.theme;
|
|
6916
|
-
return invert ? theme.colors.
|
|
7219
|
+
return invert ? theme.colors.primary : theme.colors.white;
|
|
6917
7220
|
}, function (_ref6) {
|
|
6918
7221
|
var invert = _ref6.invert,
|
|
6919
7222
|
theme = _ref6.theme;
|
|
@@ -6922,6 +7225,10 @@ var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_te
|
|
|
6922
7225
|
var invert = _ref7.invert,
|
|
6923
7226
|
theme = _ref7.theme;
|
|
6924
7227
|
return invert ? theme.colors.white : theme.colors.black;
|
|
7228
|
+
}, function (_ref8) {
|
|
7229
|
+
var invert = _ref8.invert,
|
|
7230
|
+
theme = _ref8.theme;
|
|
7231
|
+
return invert ? theme.colors.white : theme.colors.black;
|
|
6925
7232
|
});
|
|
6926
7233
|
|
|
6927
7234
|
var renderBranding = function renderBranding(brandingStyle, invert, brandingText) {
|
|
@@ -6968,7 +7275,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
6968
7275
|
var isIOS = function isIOS() {
|
|
6969
7276
|
try {
|
|
6970
7277
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
6971
|
-
if (typeof navigator === undefined) return false;
|
|
7278
|
+
if (typeof navigator === 'undefined') return false;
|
|
6972
7279
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
6973
7280
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
6974
7281
|
} catch (e) {
|
|
@@ -6984,7 +7291,7 @@ var useIOS = function useIOS() {
|
|
|
6984
7291
|
setIOS = _useState[1];
|
|
6985
7292
|
|
|
6986
7293
|
React.useEffect(function () {
|
|
6987
|
-
if (typeof navigator === undefined) return;
|
|
7294
|
+
if (typeof navigator === 'undefined') return;
|
|
6988
7295
|
setIOS(isIOS());
|
|
6989
7296
|
}, []);
|
|
6990
7297
|
return IOS;
|
|
@@ -7167,15 +7474,15 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7167
7474
|
}), linkText))));
|
|
7168
7475
|
};
|
|
7169
7476
|
|
|
7170
|
-
var _templateObject$
|
|
7171
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7172
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$
|
|
7477
|
+
var _templateObject$_, _templateObject2$I, _templateObject3$A, _templateObject4$t;
|
|
7478
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
7479
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$I || (_templateObject2$I = /*#__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
|
|
7173
7480
|
|
|
7174
|
-
var PageNumber = /*#__PURE__*/styled__default(reactRouterDom.Link)(_templateObject3$
|
|
7481
|
+
var PageNumber = /*#__PURE__*/styled__default(reactRouterDom.Link)(_templateObject3$A || (_templateObject3$A = /*#__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) {
|
|
7175
7482
|
var active = _ref.active;
|
|
7176
7483
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
7177
7484
|
});
|
|
7178
|
-
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$
|
|
7485
|
+
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$t || (_templateObject4$t = /*#__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"])));
|
|
7179
7486
|
|
|
7180
7487
|
var reducePages = function reducePages(pages, currentPage) {
|
|
7181
7488
|
// If there are less than 6 pages, return all pages
|
|
@@ -7244,12 +7551,12 @@ var Pagination = function Pagination(_ref) {
|
|
|
7244
7551
|
}))));
|
|
7245
7552
|
};
|
|
7246
7553
|
|
|
7247
|
-
var _templateObject
|
|
7248
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject
|
|
7249
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7250
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7251
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7252
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7554
|
+
var _templateObject$$, _templateObject2$J, _templateObject3$B, _templateObject4$u, _templateObject5$n, _templateObject6$f;
|
|
7555
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$$ || (_templateObject$$ = /*#__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);
|
|
7556
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
7557
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
7558
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
7559
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
7253
7560
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$f || (_templateObject6$f = /*#__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"])));
|
|
7254
7561
|
|
|
7255
7562
|
var Person = function Person(_ref) {
|
|
@@ -7301,14 +7608,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
7301
7608
|
}));
|
|
7302
7609
|
};
|
|
7303
7610
|
|
|
7304
|
-
var _templateObject
|
|
7611
|
+
var _templateObject$10, _templateObject2$K, _templateObject3$C, _templateObject4$v, _templateObject5$o, _templateObject6$g, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3, _templateObject12$2, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
7305
7612
|
var LENGTH_TEXT = 28;
|
|
7306
7613
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
7307
7614
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
7308
7615
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
7309
7616
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
7310
7617
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
7311
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject
|
|
7618
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 || (_templateObject$10 = /*#__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) {
|
|
7312
7619
|
var imageToLeft = _ref.imageToLeft;
|
|
7313
7620
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
7314
7621
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7318,8 +7625,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$$ ||
|
|
|
7318
7625
|
var asCard = _ref3.asCard;
|
|
7319
7626
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
7320
7627
|
});
|
|
7321
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
7322
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7628
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$K || (_templateObject2$K = /*#__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"])));
|
|
7629
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__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) {
|
|
7323
7630
|
var theme = _ref4.theme;
|
|
7324
7631
|
return theme.colors.black;
|
|
7325
7632
|
}, function (_ref5) {
|
|
@@ -7329,7 +7636,7 @@ var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$B || (
|
|
|
7329
7636
|
var theme = _ref6.theme;
|
|
7330
7637
|
return theme.colors.primary;
|
|
7331
7638
|
});
|
|
7332
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7639
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__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) {
|
|
7333
7640
|
var hasTextLinks = _ref7.hasTextLinks;
|
|
7334
7641
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
7335
7642
|
}, function (_ref8) {
|
|
@@ -7357,7 +7664,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$t ||
|
|
|
7357
7664
|
|
|
7358
7665
|
return '';
|
|
7359
7666
|
});
|
|
7360
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7667
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref10) {
|
|
7361
7668
|
var marginBottom = _ref10.marginBottom;
|
|
7362
7669
|
return marginBottom + "px";
|
|
7363
7670
|
});
|
|
@@ -7583,26 +7890,26 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7583
7890
|
}))));
|
|
7584
7891
|
};
|
|
7585
7892
|
|
|
7586
|
-
var _templateObject$
|
|
7893
|
+
var _templateObject$11, _templateObject2$L, _templateObject3$D, _templateObject4$w, _templateObject5$p, _templateObject6$h, _templateObject7$e;
|
|
7587
7894
|
var LENGTH_TEXT$2 = 28;
|
|
7588
7895
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7589
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7896
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
7590
7897
|
var imageToLeft = _ref.imageToLeft;
|
|
7591
7898
|
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'";
|
|
7592
7899
|
}, devices.tablet, function (_ref2) {
|
|
7593
7900
|
var imageToLeft = _ref2.imageToLeft;
|
|
7594
7901
|
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'";
|
|
7595
7902
|
}, devices.mobile);
|
|
7596
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7903
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
7597
7904
|
var imageToLeft = _ref3.imageToLeft;
|
|
7598
7905
|
return imageToLeft ? 'left' : 'right';
|
|
7599
7906
|
}, devices.mobile);
|
|
7600
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7907
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__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) {
|
|
7601
7908
|
var imageToLeft = _ref4.imageToLeft;
|
|
7602
7909
|
return imageToLeft ? 'right' : 'left';
|
|
7603
7910
|
}, devices.mobile);
|
|
7604
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7605
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
7911
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__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);
|
|
7912
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$p || (_templateObject5$p = /*#__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"])));
|
|
7606
7913
|
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__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) {
|
|
7607
7914
|
var theme = _ref5.theme;
|
|
7608
7915
|
return theme.colors.black;
|
|
@@ -7700,8 +8007,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
7700
8007
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
7701
8008
|
};
|
|
7702
8009
|
|
|
7703
|
-
var _templateObject$
|
|
7704
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8010
|
+
var _templateObject$12;
|
|
8011
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__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);
|
|
7705
8012
|
|
|
7706
8013
|
var SectionTitle = function SectionTitle(_ref) {
|
|
7707
8014
|
var title = _ref.title,
|
|
@@ -7727,8 +8034,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
7727
8034
|
}, description))));
|
|
7728
8035
|
};
|
|
7729
8036
|
|
|
7730
|
-
var _templateObject$
|
|
7731
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
8037
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$x, _templateObject5$q, _templateObject6$i, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$4;
|
|
8038
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$13 || (_templateObject$13 = /*#__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) {
|
|
7732
8039
|
var theme = _ref.theme;
|
|
7733
8040
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
7734
8041
|
}, function (_ref2) {
|
|
@@ -7738,12 +8045,12 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$12 || (_templateObject
|
|
|
7738
8045
|
var theme = _ref3.theme;
|
|
7739
8046
|
return theme.colors.lightgrey;
|
|
7740
8047
|
});
|
|
7741
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
8048
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
7742
8049
|
var theme = _ref4.theme;
|
|
7743
8050
|
return theme.colors.darkgrey;
|
|
7744
8051
|
});
|
|
7745
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
7746
|
-
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$
|
|
8052
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
8053
|
+
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
7747
8054
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
7748
8055
|
var theme = _ref5.theme;
|
|
7749
8056
|
return {
|
|
@@ -7751,7 +8058,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
7751
8058
|
color: theme.colors.black,
|
|
7752
8059
|
title: 'Select Arrow'
|
|
7753
8060
|
};
|
|
7754
|
-
})(_templateObject5$
|
|
8061
|
+
})(_templateObject5$q || (_templateObject5$q = /*#__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"])));
|
|
7755
8062
|
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
7756
8063
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
7757
8064
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
@@ -8149,8 +8456,8 @@ function Select(_ref3) {
|
|
|
8149
8456
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
8150
8457
|
}
|
|
8151
8458
|
|
|
8152
|
-
var _templateObject$
|
|
8153
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8459
|
+
var _templateObject$14;
|
|
8460
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__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: -20px;\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: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
8154
8461
|
var theme = _ref.theme;
|
|
8155
8462
|
return theme.colors.primary;
|
|
8156
8463
|
});
|
|
@@ -8178,8 +8485,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
8178
8485
|
})));
|
|
8179
8486
|
};
|
|
8180
8487
|
|
|
8181
|
-
var _templateObject$
|
|
8182
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8488
|
+
var _templateObject$15, _templateObject2$N;
|
|
8489
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__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) {
|
|
8183
8490
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8184
8491
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8185
8492
|
return aspectRatio;
|
|
@@ -8189,7 +8496,7 @@ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templat
|
|
|
8189
8496
|
height = _ref2.height;
|
|
8190
8497
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
8191
8498
|
});
|
|
8192
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8499
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__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"])));
|
|
8193
8500
|
|
|
8194
8501
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
8195
8502
|
var caption = _ref.caption,
|
|
@@ -8227,13 +8534,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
8227
8534
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
8228
8535
|
};
|
|
8229
8536
|
|
|
8230
|
-
var _templateObject$
|
|
8231
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8232
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8537
|
+
var _templateObject$16, _templateObject2$O, _templateObject3$F;
|
|
8538
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
8539
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
8233
8540
|
var displayAttribution = _ref.displayAttribution;
|
|
8234
8541
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
8235
8542
|
});
|
|
8236
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8543
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__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);
|
|
8237
8544
|
|
|
8238
8545
|
var Quote = function Quote(_ref) {
|
|
8239
8546
|
var text = _ref.text,
|
|
@@ -8257,6 +8564,50 @@ var Quote = function Quote(_ref) {
|
|
|
8257
8564
|
}, attribution))));
|
|
8258
8565
|
};
|
|
8259
8566
|
|
|
8567
|
+
var _templateObject$17, _templateObject2$P, _templateObject3$G, _templateObject4$y, _templateObject5$r, _templateObject6$j;
|
|
8568
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
8569
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
8570
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
8571
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8572
|
+
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
8573
|
+
var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
8574
|
+
|
|
8575
|
+
var MiniCard = function MiniCard(_ref) {
|
|
8576
|
+
var _ref$title = _ref.title,
|
|
8577
|
+
title = _ref$title === void 0 ? '' : _ref$title,
|
|
8578
|
+
subtitle = _ref.subtitle,
|
|
8579
|
+
image = _ref.image,
|
|
8580
|
+
_ref$imageAltText = _ref.imageAltText,
|
|
8581
|
+
imageAltText = _ref$imageAltText === void 0 ? '' : _ref$imageAltText,
|
|
8582
|
+
iconName = _ref.iconName,
|
|
8583
|
+
iconColor = _ref.iconColor;
|
|
8584
|
+
return /*#__PURE__*/React__default.createElement(CardContainer$1, {
|
|
8585
|
+
"data-testid": "minicardcontainer"
|
|
8586
|
+
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8587
|
+
columnStartDevice: 1,
|
|
8588
|
+
columnSpanDevice: 3,
|
|
8589
|
+
columnStartDesktop: 1,
|
|
8590
|
+
columnSpanDesktop: 3
|
|
8591
|
+
}, /*#__PURE__*/React__default.createElement(ImageWrapper, null, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
8592
|
+
aspectRatio: exports.AspectRatio['4:3']
|
|
8593
|
+
}, /*#__PURE__*/React__default.createElement(StyledImage, {
|
|
8594
|
+
src: image,
|
|
8595
|
+
alt: imageAltText
|
|
8596
|
+
})), iconName && /*#__PURE__*/React__default.createElement(IconWrapper$3, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
8597
|
+
iconName: iconName,
|
|
8598
|
+
color: iconColor
|
|
8599
|
+
})))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8600
|
+
columnStartDevice: 4,
|
|
8601
|
+
columnSpanDevice: 4,
|
|
8602
|
+
columnStartDesktop: 4,
|
|
8603
|
+
columnSpanDesktop: 4
|
|
8604
|
+
}, /*#__PURE__*/React__default.createElement(ContentContainer$3, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
8605
|
+
level: 4
|
|
8606
|
+
}, subtitle), /*#__PURE__*/React__default.createElement(TitleWrapper$3, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
8607
|
+
level: 2
|
|
8608
|
+
}, title)))));
|
|
8609
|
+
};
|
|
8610
|
+
|
|
8260
8611
|
var UpsellSection = function UpsellSection(_ref) {
|
|
8261
8612
|
var title = _ref.title,
|
|
8262
8613
|
richText = _ref.richText,
|
|
@@ -8345,9 +8696,9 @@ var LiveChat = function LiveChat() {
|
|
|
8345
8696
|
});
|
|
8346
8697
|
};
|
|
8347
8698
|
|
|
8348
|
-
var _templateObject$
|
|
8349
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8350
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
8699
|
+
var _templateObject$18, _templateObject2$Q;
|
|
8700
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
8701
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 2px solid var(--base-color-lightgrey);\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), devices.mobileAndTablet, devices.mobile);
|
|
8351
8702
|
|
|
8352
8703
|
var StickyBar = function StickyBar(_ref) {
|
|
8353
8704
|
var _ref$columnStartDeskt = _ref.columnStartDesktop,
|
|
@@ -8369,8 +8720,72 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
8369
8720
|
}, children)));
|
|
8370
8721
|
};
|
|
8371
8722
|
|
|
8372
|
-
var _templateObject$
|
|
8373
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-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) {
|
|
8723
|
+
var _templateObject$19, _templateObject3$H;
|
|
8724
|
+
var CarouselWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n .swiper-wrapper {\n height: 100%;\n }\n .swiper-slide {\n height: unset;\n }\n\n display: flex;\n"])));
|
|
8725
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
8726
|
+
|
|
8727
|
+
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
8728
|
+
var children = _ref.children;
|
|
8729
|
+
|
|
8730
|
+
var _useState = React.useState(),
|
|
8731
|
+
swiper = _useState[0],
|
|
8732
|
+
setSwiper = _useState[1];
|
|
8733
|
+
|
|
8734
|
+
React.useEffect(function () {
|
|
8735
|
+
return function () {
|
|
8736
|
+
if (swiper) {
|
|
8737
|
+
swiper.destroy();
|
|
8738
|
+
}
|
|
8739
|
+
};
|
|
8740
|
+
}, []);
|
|
8741
|
+
|
|
8742
|
+
var onNext = function onNext() {
|
|
8743
|
+
if (swiper) {
|
|
8744
|
+
swiper.slideNext();
|
|
8745
|
+
}
|
|
8746
|
+
};
|
|
8747
|
+
|
|
8748
|
+
var onPrev = function onPrev() {
|
|
8749
|
+
if (swiper) {
|
|
8750
|
+
swiper.slidePrev();
|
|
8751
|
+
}
|
|
8752
|
+
};
|
|
8753
|
+
|
|
8754
|
+
var onSwiper = function onSwiper(s) {
|
|
8755
|
+
setSwiper(s);
|
|
8756
|
+
};
|
|
8757
|
+
|
|
8758
|
+
var hasMultipleChildren = React__default.Children.count(children) > 1;
|
|
8759
|
+
return /*#__PURE__*/React__default.createElement(CarouselWrapper$2, null, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8760
|
+
columnStartDesktop: 1,
|
|
8761
|
+
columnSpanDesktop: 16,
|
|
8762
|
+
columnStartDevice: 1,
|
|
8763
|
+
columnSpanDevice: 14
|
|
8764
|
+
}, /*#__PURE__*/React__default.createElement(swiperReact_js.Swiper, {
|
|
8765
|
+
slidesPerView: 1,
|
|
8766
|
+
loopedSlides: React__default.Children.count(children),
|
|
8767
|
+
onSwiper: onSwiper,
|
|
8768
|
+
"data-testid": "carousel-swiper",
|
|
8769
|
+
className: 'roh-carousel-swiper',
|
|
8770
|
+
loop: hasMultipleChildren,
|
|
8771
|
+
resizeObserver: true,
|
|
8772
|
+
centeredSlides: true,
|
|
8773
|
+
keyboard: {
|
|
8774
|
+
enabled: true,
|
|
8775
|
+
onlyInViewport: true
|
|
8776
|
+
}
|
|
8777
|
+
}, React__default.Children.map(children, function (child) {
|
|
8778
|
+
return /*#__PURE__*/React__default.createElement(swiperReact_js.SwiperSlide, null, child);
|
|
8779
|
+
})))), hasMultipleChildren && /*#__PURE__*/React__default.createElement(ButtonsWrapper$1, {
|
|
8780
|
+
"data-testid": "carousel-buttons-wrapper"
|
|
8781
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
8782
|
+
onClickNext: onNext,
|
|
8783
|
+
onClickPrev: onPrev
|
|
8784
|
+
})));
|
|
8785
|
+
};
|
|
8786
|
+
|
|
8787
|
+
var _templateObject$1a;
|
|
8788
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\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) {
|
|
8374
8789
|
var theme = _ref.theme;
|
|
8375
8790
|
return theme.colors.primary;
|
|
8376
8791
|
}, function (_ref2) {
|
|
@@ -8630,232 +9045,232 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$17 || (
|
|
|
8630
9045
|
return theme.fonts.desktop.lineHeights.overline[2];
|
|
8631
9046
|
}, function (_ref87) {
|
|
8632
9047
|
var theme = _ref87.theme;
|
|
8633
|
-
return theme.fonts.desktop.sizes.
|
|
9048
|
+
return theme.fonts.desktop.sizes.overline[3];
|
|
8634
9049
|
}, function (_ref88) {
|
|
8635
9050
|
var theme = _ref88.theme;
|
|
8636
|
-
return theme.fonts.desktop.weights.
|
|
9051
|
+
return theme.fonts.desktop.weights.overline[3];
|
|
8637
9052
|
}, function (_ref89) {
|
|
8638
9053
|
var theme = _ref89.theme;
|
|
8639
|
-
return theme.fonts.desktop.letterSpacing.
|
|
9054
|
+
return theme.fonts.desktop.letterSpacing.overline[3];
|
|
8640
9055
|
}, function (_ref90) {
|
|
8641
9056
|
var theme = _ref90.theme;
|
|
8642
|
-
return theme.fonts.desktop.lineHeights.
|
|
9057
|
+
return theme.fonts.desktop.lineHeights.overline[3];
|
|
8643
9058
|
}, function (_ref91) {
|
|
8644
9059
|
var theme = _ref91.theme;
|
|
8645
|
-
return theme.fonts.desktop.sizes.
|
|
9060
|
+
return theme.fonts.desktop.sizes.overline[4];
|
|
8646
9061
|
}, function (_ref92) {
|
|
8647
9062
|
var theme = _ref92.theme;
|
|
8648
|
-
return theme.fonts.desktop.weights.
|
|
9063
|
+
return theme.fonts.desktop.weights.overline[4];
|
|
8649
9064
|
}, function (_ref93) {
|
|
8650
9065
|
var theme = _ref93.theme;
|
|
8651
|
-
return theme.fonts.desktop.letterSpacing.
|
|
9066
|
+
return theme.fonts.desktop.letterSpacing.overline[4];
|
|
8652
9067
|
}, function (_ref94) {
|
|
8653
9068
|
var theme = _ref94.theme;
|
|
8654
|
-
return theme.fonts.desktop.lineHeights.
|
|
9069
|
+
return theme.fonts.desktop.lineHeights.overline[4];
|
|
8655
9070
|
}, function (_ref95) {
|
|
8656
9071
|
var theme = _ref95.theme;
|
|
8657
|
-
return theme.fonts.desktop.sizes.body[
|
|
9072
|
+
return theme.fonts.desktop.sizes.body[1];
|
|
8658
9073
|
}, function (_ref96) {
|
|
8659
9074
|
var theme = _ref96.theme;
|
|
8660
|
-
return theme.fonts.desktop.weights.body[
|
|
9075
|
+
return theme.fonts.desktop.weights.body[1];
|
|
8661
9076
|
}, function (_ref97) {
|
|
8662
9077
|
var theme = _ref97.theme;
|
|
8663
|
-
return theme.fonts.desktop.letterSpacing.body[
|
|
9078
|
+
return theme.fonts.desktop.letterSpacing.body[1];
|
|
8664
9079
|
}, function (_ref98) {
|
|
8665
9080
|
var theme = _ref98.theme;
|
|
8666
|
-
return theme.fonts.desktop.lineHeights.body[
|
|
9081
|
+
return theme.fonts.desktop.lineHeights.body[1];
|
|
8667
9082
|
}, function (_ref99) {
|
|
8668
9083
|
var theme = _ref99.theme;
|
|
8669
|
-
return theme.fonts.desktop.sizes.
|
|
9084
|
+
return theme.fonts.desktop.sizes.body[2];
|
|
8670
9085
|
}, function (_ref100) {
|
|
8671
9086
|
var theme = _ref100.theme;
|
|
8672
|
-
return theme.fonts.desktop.weights.
|
|
9087
|
+
return theme.fonts.desktop.weights.body[2];
|
|
8673
9088
|
}, function (_ref101) {
|
|
8674
9089
|
var theme = _ref101.theme;
|
|
8675
|
-
return theme.fonts.desktop.letterSpacing.
|
|
9090
|
+
return theme.fonts.desktop.letterSpacing.body[2];
|
|
8676
9091
|
}, function (_ref102) {
|
|
8677
9092
|
var theme = _ref102.theme;
|
|
8678
|
-
return theme.fonts.desktop.lineHeights.
|
|
9093
|
+
return theme.fonts.desktop.lineHeights.body[2];
|
|
8679
9094
|
}, function (_ref103) {
|
|
8680
9095
|
var theme = _ref103.theme;
|
|
8681
|
-
return theme.fonts.desktop.sizes.
|
|
9096
|
+
return theme.fonts.desktop.sizes.body[3];
|
|
8682
9097
|
}, function (_ref104) {
|
|
8683
9098
|
var theme = _ref104.theme;
|
|
8684
|
-
return theme.fonts.desktop.weights.
|
|
9099
|
+
return theme.fonts.desktop.weights.body[3];
|
|
8685
9100
|
}, function (_ref105) {
|
|
8686
9101
|
var theme = _ref105.theme;
|
|
8687
|
-
return theme.fonts.desktop.letterSpacing.
|
|
9102
|
+
return theme.fonts.desktop.letterSpacing.body[3];
|
|
8688
9103
|
}, function (_ref106) {
|
|
8689
9104
|
var theme = _ref106.theme;
|
|
8690
|
-
return theme.fonts.desktop.lineHeights.
|
|
9105
|
+
return theme.fonts.desktop.lineHeights.body[3];
|
|
8691
9106
|
}, function (_ref107) {
|
|
8692
9107
|
var theme = _ref107.theme;
|
|
8693
|
-
return theme.fonts.desktop.sizes.
|
|
9108
|
+
return theme.fonts.desktop.sizes.subtitles[1];
|
|
8694
9109
|
}, function (_ref108) {
|
|
8695
9110
|
var theme = _ref108.theme;
|
|
8696
|
-
return theme.fonts.desktop.
|
|
9111
|
+
return theme.fonts.desktop.weights.subtitles[1];
|
|
8697
9112
|
}, function (_ref109) {
|
|
8698
9113
|
var theme = _ref109.theme;
|
|
8699
|
-
return theme.fonts.desktop.
|
|
9114
|
+
return theme.fonts.desktop.letterSpacing.subtitles[1];
|
|
8700
9115
|
}, function (_ref110) {
|
|
8701
9116
|
var theme = _ref110.theme;
|
|
8702
|
-
return theme.fonts.desktop.
|
|
9117
|
+
return theme.fonts.desktop.lineHeights.subtitles[1];
|
|
8703
9118
|
}, function (_ref111) {
|
|
8704
9119
|
var theme = _ref111.theme;
|
|
8705
|
-
return theme.fonts.desktop.
|
|
9120
|
+
return theme.fonts.desktop.sizes.subtitles[2];
|
|
8706
9121
|
}, function (_ref112) {
|
|
8707
9122
|
var theme = _ref112.theme;
|
|
8708
|
-
return theme.
|
|
9123
|
+
return theme.fonts.desktop.weights.subtitles[2];
|
|
8709
9124
|
}, function (_ref113) {
|
|
8710
9125
|
var theme = _ref113.theme;
|
|
8711
|
-
return theme.fonts.desktop.
|
|
9126
|
+
return theme.fonts.desktop.letterSpacing.subtitles[2];
|
|
8712
9127
|
}, function (_ref114) {
|
|
8713
9128
|
var theme = _ref114.theme;
|
|
8714
|
-
return theme.fonts.desktop.
|
|
9129
|
+
return theme.fonts.desktop.lineHeights.subtitles[2];
|
|
8715
9130
|
}, function (_ref115) {
|
|
8716
9131
|
var theme = _ref115.theme;
|
|
8717
|
-
return theme.fonts.desktop.
|
|
9132
|
+
return theme.fonts.desktop.sizes.titleDescription;
|
|
8718
9133
|
}, function (_ref116) {
|
|
8719
9134
|
var theme = _ref116.theme;
|
|
8720
|
-
return theme.fonts.desktop.
|
|
9135
|
+
return theme.fonts.desktop.lineHeights.titleDescription;
|
|
8721
9136
|
}, function (_ref117) {
|
|
8722
9137
|
var theme = _ref117.theme;
|
|
8723
|
-
return theme.fonts.desktop.
|
|
9138
|
+
return theme.fonts.desktop.lineHeights.listing;
|
|
8724
9139
|
}, function (_ref118) {
|
|
8725
9140
|
var theme = _ref118.theme;
|
|
8726
|
-
return theme.fonts.desktop.
|
|
9141
|
+
return theme.fonts.desktop.sizes.listing;
|
|
8727
9142
|
}, function (_ref119) {
|
|
8728
9143
|
var theme = _ref119.theme;
|
|
8729
|
-
return theme.fonts.desktop.
|
|
9144
|
+
return theme.fonts.desktop.lineHeights.peopleListing;
|
|
8730
9145
|
}, function (_ref120) {
|
|
8731
9146
|
var theme = _ref120.theme;
|
|
8732
|
-
return theme.
|
|
9147
|
+
return theme.spacing[6];
|
|
8733
9148
|
}, function (_ref121) {
|
|
8734
9149
|
var theme = _ref121.theme;
|
|
8735
|
-
return theme.fonts.desktop.families.
|
|
9150
|
+
return theme.fonts.desktop.families.headers;
|
|
8736
9151
|
}, function (_ref122) {
|
|
8737
9152
|
var theme = _ref122.theme;
|
|
8738
|
-
return theme.fonts.desktop.
|
|
9153
|
+
return theme.fonts.desktop.families.altHeaders;
|
|
8739
9154
|
}, function (_ref123) {
|
|
8740
9155
|
var theme = _ref123.theme;
|
|
8741
|
-
return theme.fonts.desktop.
|
|
9156
|
+
return theme.fonts.desktop.families.body;
|
|
8742
9157
|
}, function (_ref124) {
|
|
8743
9158
|
var theme = _ref124.theme;
|
|
8744
|
-
return theme.fonts.desktop.
|
|
9159
|
+
return theme.fonts.desktop.families.bodyItalics;
|
|
8745
9160
|
}, function (_ref125) {
|
|
8746
9161
|
var theme = _ref125.theme;
|
|
8747
|
-
return theme.fonts.desktop.
|
|
9162
|
+
return theme.fonts.desktop.families.buttons;
|
|
8748
9163
|
}, function (_ref126) {
|
|
8749
9164
|
var theme = _ref126.theme;
|
|
8750
|
-
return theme.fonts.desktop.
|
|
9165
|
+
return theme.fonts.desktop.families.overline;
|
|
8751
9166
|
}, function (_ref127) {
|
|
8752
9167
|
var theme = _ref127.theme;
|
|
8753
|
-
return theme.fonts.desktop.
|
|
9168
|
+
return theme.fonts.desktop.families.subtitles;
|
|
8754
9169
|
}, function (_ref128) {
|
|
8755
9170
|
var theme = _ref128.theme;
|
|
8756
|
-
return theme.fonts.desktop.
|
|
9171
|
+
return theme.fonts.desktop.families.peopleListingRole;
|
|
8757
9172
|
}, function (_ref129) {
|
|
8758
9173
|
var theme = _ref129.theme;
|
|
8759
|
-
return theme.fonts.desktop.
|
|
9174
|
+
return theme.fonts.desktop.families.body;
|
|
8760
9175
|
}, function (_ref130) {
|
|
8761
9176
|
var theme = _ref130.theme;
|
|
8762
|
-
return theme.fonts.desktop.
|
|
9177
|
+
return theme.fonts.desktop.fontFeatureSettings.headers;
|
|
8763
9178
|
}, function (_ref131) {
|
|
8764
9179
|
var theme = _ref131.theme;
|
|
8765
|
-
return theme.fonts.desktop.
|
|
9180
|
+
return theme.fonts.desktop.fontFeatureSettings.altHeaders;
|
|
8766
9181
|
}, function (_ref132) {
|
|
8767
9182
|
var theme = _ref132.theme;
|
|
8768
|
-
return theme.fonts.desktop.
|
|
9183
|
+
return theme.fonts.desktop.fontFeatureSettings.overline;
|
|
8769
9184
|
}, function (_ref133) {
|
|
8770
9185
|
var theme = _ref133.theme;
|
|
8771
|
-
return theme.fonts.desktop.
|
|
9186
|
+
return theme.fonts.desktop.fontFeatureSettings.subtitles;
|
|
8772
9187
|
}, function (_ref134) {
|
|
8773
9188
|
var theme = _ref134.theme;
|
|
8774
|
-
return theme.fonts.desktop.
|
|
9189
|
+
return theme.fonts.desktop.fontFeatureSettings.body;
|
|
8775
9190
|
}, function (_ref135) {
|
|
8776
9191
|
var theme = _ref135.theme;
|
|
8777
|
-
return theme.fonts.desktop.
|
|
9192
|
+
return theme.fonts.desktop.fontFeatureSettings.navigation;
|
|
8778
9193
|
}, function (_ref136) {
|
|
8779
9194
|
var theme = _ref136.theme;
|
|
8780
|
-
return theme.fonts.desktop.
|
|
9195
|
+
return theme.fonts.desktop.transforms.headers;
|
|
8781
9196
|
}, function (_ref137) {
|
|
8782
9197
|
var theme = _ref137.theme;
|
|
8783
|
-
return theme.fonts.desktop.
|
|
9198
|
+
return theme.fonts.desktop.transforms.altHeaders;
|
|
8784
9199
|
}, function (_ref138) {
|
|
8785
9200
|
var theme = _ref138.theme;
|
|
8786
|
-
return theme.fonts.desktop.
|
|
9201
|
+
return theme.fonts.desktop.transforms.body;
|
|
8787
9202
|
}, function (_ref139) {
|
|
8788
9203
|
var theme = _ref139.theme;
|
|
8789
|
-
return theme.fonts.desktop.
|
|
9204
|
+
return theme.fonts.desktop.transforms.overline;
|
|
8790
9205
|
}, function (_ref140) {
|
|
8791
9206
|
var theme = _ref140.theme;
|
|
8792
|
-
return theme.fonts.desktop.
|
|
9207
|
+
return theme.fonts.desktop.transforms.subtitles;
|
|
8793
9208
|
}, function (_ref141) {
|
|
8794
9209
|
var theme = _ref141.theme;
|
|
8795
|
-
return theme.fonts.desktop.
|
|
9210
|
+
return theme.fonts.desktop.wordBreak.headers;
|
|
8796
9211
|
}, function (_ref142) {
|
|
8797
9212
|
var theme = _ref142.theme;
|
|
8798
|
-
return theme.fonts.desktop.
|
|
9213
|
+
return theme.fonts.desktop.wordBreak.altHeaders;
|
|
8799
9214
|
}, function (_ref143) {
|
|
8800
9215
|
var theme = _ref143.theme;
|
|
8801
|
-
return theme.fonts.desktop.
|
|
9216
|
+
return theme.fonts.desktop.wordBreak.body;
|
|
8802
9217
|
}, function (_ref144) {
|
|
8803
9218
|
var theme = _ref144.theme;
|
|
8804
|
-
return theme.
|
|
9219
|
+
return theme.fonts.desktop.wordBreak.overline;
|
|
8805
9220
|
}, function (_ref145) {
|
|
8806
9221
|
var theme = _ref145.theme;
|
|
8807
|
-
return theme.
|
|
9222
|
+
return theme.fonts.desktop.wordBreak.subtitles;
|
|
8808
9223
|
}, function (_ref146) {
|
|
8809
9224
|
var theme = _ref146.theme;
|
|
8810
|
-
return theme.
|
|
9225
|
+
return theme.fonts.desktop.families.navigation;
|
|
8811
9226
|
}, function (_ref147) {
|
|
8812
9227
|
var theme = _ref147.theme;
|
|
8813
|
-
return theme.
|
|
9228
|
+
return theme.fonts.desktop.sizes.navigation;
|
|
8814
9229
|
}, function (_ref148) {
|
|
8815
9230
|
var theme = _ref148.theme;
|
|
8816
|
-
return theme.
|
|
9231
|
+
return theme.fonts.desktop.weights.navigation;
|
|
8817
9232
|
}, function (_ref149) {
|
|
8818
9233
|
var theme = _ref149.theme;
|
|
8819
|
-
return theme.
|
|
9234
|
+
return theme.fonts.desktop.lineHeights.navigation;
|
|
8820
9235
|
}, function (_ref150) {
|
|
8821
9236
|
var theme = _ref150.theme;
|
|
8822
|
-
return theme.
|
|
9237
|
+
return theme.fonts.desktop.transforms.navigation;
|
|
8823
9238
|
}, function (_ref151) {
|
|
8824
9239
|
var theme = _ref151.theme;
|
|
8825
|
-
return theme.fonts.desktop.
|
|
9240
|
+
return theme.fonts.desktop.letterSpacing.navigation;
|
|
8826
9241
|
}, function (_ref152) {
|
|
8827
9242
|
var theme = _ref152.theme;
|
|
8828
|
-
return theme.
|
|
9243
|
+
return theme.spacing[4];
|
|
8829
9244
|
}, function (_ref153) {
|
|
8830
9245
|
var theme = _ref153.theme;
|
|
8831
|
-
return theme.
|
|
9246
|
+
return theme.spacing[5];
|
|
8832
9247
|
}, function (_ref154) {
|
|
8833
9248
|
var theme = _ref154.theme;
|
|
8834
|
-
return theme.
|
|
9249
|
+
return theme.spacing[6];
|
|
8835
9250
|
}, function (_ref155) {
|
|
8836
9251
|
var theme = _ref155.theme;
|
|
8837
|
-
return theme.
|
|
9252
|
+
return theme.spacing[9];
|
|
8838
9253
|
}, function (_ref156) {
|
|
8839
9254
|
var theme = _ref156.theme;
|
|
8840
|
-
return theme.
|
|
9255
|
+
return theme.spacing[15];
|
|
8841
9256
|
}, function (_ref157) {
|
|
8842
9257
|
var theme = _ref157.theme;
|
|
8843
|
-
return theme.
|
|
9258
|
+
return theme.spacing[15];
|
|
8844
9259
|
}, function (_ref158) {
|
|
8845
9260
|
var theme = _ref158.theme;
|
|
8846
|
-
return theme.
|
|
9261
|
+
return theme.spacing[9];
|
|
8847
9262
|
}, function (_ref159) {
|
|
8848
9263
|
var theme = _ref159.theme;
|
|
8849
|
-
return theme.
|
|
9264
|
+
return theme.fonts.desktop.sizes.search;
|
|
8850
9265
|
}, function (_ref160) {
|
|
8851
9266
|
var theme = _ref160.theme;
|
|
8852
|
-
return theme.
|
|
9267
|
+
return theme.fonts.desktop.families.search;
|
|
8853
9268
|
}, function (_ref161) {
|
|
8854
9269
|
var theme = _ref161.theme;
|
|
8855
|
-
return theme.grid.desktop.
|
|
9270
|
+
return theme.grid.desktop.margin;
|
|
8856
9271
|
}, function (_ref162) {
|
|
8857
9272
|
var theme = _ref162.theme;
|
|
8858
|
-
return theme.grid.desktop.
|
|
9273
|
+
return theme.grid.desktop.outerMargin;
|
|
8859
9274
|
}, function (_ref163) {
|
|
8860
9275
|
var theme = _ref163.theme;
|
|
8861
9276
|
return theme.grid.desktop.outerMargin;
|
|
@@ -8864,426 +9279,450 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$17 || (
|
|
|
8864
9279
|
return theme.grid.desktop.gap;
|
|
8865
9280
|
}, function (_ref165) {
|
|
8866
9281
|
var theme = _ref165.theme;
|
|
8867
|
-
return theme.grid.desktop.
|
|
9282
|
+
return theme.grid.desktop.margin;
|
|
8868
9283
|
}, function (_ref166) {
|
|
8869
9284
|
var theme = _ref166.theme;
|
|
8870
|
-
return theme.
|
|
9285
|
+
return theme.grid.desktop.outerMargin;
|
|
8871
9286
|
}, function (_ref167) {
|
|
8872
9287
|
var theme = _ref167.theme;
|
|
8873
|
-
return theme.
|
|
9288
|
+
return theme.grid.desktop.gap;
|
|
8874
9289
|
}, function (_ref168) {
|
|
8875
9290
|
var theme = _ref168.theme;
|
|
8876
|
-
return theme.
|
|
9291
|
+
return theme.grid.desktop.margin;
|
|
8877
9292
|
}, function (_ref169) {
|
|
8878
9293
|
var theme = _ref169.theme;
|
|
8879
|
-
return theme.
|
|
9294
|
+
return theme.grid.desktop.outerMargin;
|
|
8880
9295
|
}, function (_ref170) {
|
|
8881
9296
|
var theme = _ref170.theme;
|
|
8882
|
-
return theme.
|
|
9297
|
+
return theme.grid.desktop.gap;
|
|
8883
9298
|
}, function (_ref171) {
|
|
8884
9299
|
var theme = _ref171.theme;
|
|
8885
|
-
return theme.
|
|
9300
|
+
return theme.grid.desktop.outerMargin;
|
|
8886
9301
|
}, function (_ref172) {
|
|
8887
9302
|
var theme = _ref172.theme;
|
|
8888
|
-
return theme.
|
|
9303
|
+
return theme.grid.desktop.gap;
|
|
8889
9304
|
}, function (_ref173) {
|
|
8890
9305
|
var theme = _ref173.theme;
|
|
8891
|
-
return theme.
|
|
9306
|
+
return theme.grid.desktop.gap;
|
|
8892
9307
|
}, function (_ref174) {
|
|
8893
9308
|
var theme = _ref174.theme;
|
|
8894
|
-
return theme.footer.desktop.
|
|
9309
|
+
return theme.footer.desktop.height;
|
|
8895
9310
|
}, function (_ref175) {
|
|
8896
9311
|
var theme = _ref175.theme;
|
|
8897
|
-
return theme.
|
|
9312
|
+
return theme.footer.desktop.paddingTop;
|
|
8898
9313
|
}, function (_ref176) {
|
|
8899
9314
|
var theme = _ref176.theme;
|
|
8900
|
-
return theme.
|
|
9315
|
+
return theme.footer.desktop.paddingBottom;
|
|
8901
9316
|
}, function (_ref177) {
|
|
8902
9317
|
var theme = _ref177.theme;
|
|
8903
|
-
return theme.
|
|
9318
|
+
return theme.footer.desktop.itemsGap;
|
|
8904
9319
|
}, function (_ref178) {
|
|
8905
9320
|
var theme = _ref178.theme;
|
|
8906
|
-
return theme.
|
|
9321
|
+
return theme.footer.desktop.mediaGap;
|
|
8907
9322
|
}, function (_ref179) {
|
|
8908
9323
|
var theme = _ref179.theme;
|
|
8909
|
-
return theme.
|
|
8910
|
-
},
|
|
9324
|
+
return theme.footer.desktop.mediaIconWidth;
|
|
9325
|
+
}, function (_ref180) {
|
|
8911
9326
|
var theme = _ref180.theme;
|
|
8912
|
-
return theme.
|
|
9327
|
+
return theme.footer.desktop.mediaIconHeight;
|
|
8913
9328
|
}, function (_ref181) {
|
|
8914
9329
|
var theme = _ref181.theme;
|
|
8915
|
-
return theme.
|
|
9330
|
+
return theme.footer.desktop.verticalSpacingLarge;
|
|
8916
9331
|
}, function (_ref182) {
|
|
8917
9332
|
var theme = _ref182.theme;
|
|
8918
|
-
return theme.
|
|
9333
|
+
return theme.footer.desktop.verticalSpacingSmall;
|
|
8919
9334
|
}, function (_ref183) {
|
|
8920
9335
|
var theme = _ref183.theme;
|
|
8921
|
-
return theme.
|
|
9336
|
+
return theme.spacing[2];
|
|
8922
9337
|
}, function (_ref184) {
|
|
8923
9338
|
var theme = _ref184.theme;
|
|
8924
|
-
return theme.
|
|
9339
|
+
return theme.spacing[10];
|
|
8925
9340
|
}, function (_ref185) {
|
|
8926
9341
|
var theme = _ref185.theme;
|
|
8927
|
-
return theme.
|
|
9342
|
+
return theme.spacing[4];
|
|
8928
9343
|
}, function (_ref186) {
|
|
8929
9344
|
var theme = _ref186.theme;
|
|
8930
|
-
return theme.
|
|
9345
|
+
return theme.spacing[6];
|
|
8931
9346
|
}, function (_ref187) {
|
|
8932
9347
|
var theme = _ref187.theme;
|
|
8933
|
-
return theme.
|
|
8934
|
-
}, function (_ref188) {
|
|
9348
|
+
return theme.spacing[1];
|
|
9349
|
+
}, devices.mobile, function (_ref188) {
|
|
8935
9350
|
var theme = _ref188.theme;
|
|
8936
|
-
return theme.fonts.mobile.sizes.headers[
|
|
9351
|
+
return theme.fonts.mobile.sizes.headers[1];
|
|
8937
9352
|
}, function (_ref189) {
|
|
8938
9353
|
var theme = _ref189.theme;
|
|
8939
|
-
return theme.fonts.mobile.weights.headers[
|
|
9354
|
+
return theme.fonts.mobile.weights.headers[1];
|
|
8940
9355
|
}, function (_ref190) {
|
|
8941
9356
|
var theme = _ref190.theme;
|
|
8942
|
-
return theme.fonts.mobile.letterSpacing.headers[
|
|
9357
|
+
return theme.fonts.mobile.letterSpacing.headers[1];
|
|
8943
9358
|
}, function (_ref191) {
|
|
8944
9359
|
var theme = _ref191.theme;
|
|
8945
|
-
return theme.fonts.mobile.lineHeights.headers[
|
|
9360
|
+
return theme.fonts.mobile.lineHeights.headers[1];
|
|
8946
9361
|
}, function (_ref192) {
|
|
8947
9362
|
var theme = _ref192.theme;
|
|
8948
|
-
return theme.fonts.mobile.sizes.headers[
|
|
9363
|
+
return theme.fonts.mobile.sizes.headers[2];
|
|
8949
9364
|
}, function (_ref193) {
|
|
8950
9365
|
var theme = _ref193.theme;
|
|
8951
|
-
return theme.fonts.mobile.weights.headers[
|
|
9366
|
+
return theme.fonts.mobile.weights.headers[2];
|
|
8952
9367
|
}, function (_ref194) {
|
|
8953
9368
|
var theme = _ref194.theme;
|
|
8954
|
-
return theme.fonts.mobile.letterSpacing.headers[
|
|
9369
|
+
return theme.fonts.mobile.letterSpacing.headers[2];
|
|
8955
9370
|
}, function (_ref195) {
|
|
8956
9371
|
var theme = _ref195.theme;
|
|
8957
|
-
return theme.fonts.mobile.lineHeights.headers[
|
|
9372
|
+
return theme.fonts.mobile.lineHeights.headers[2];
|
|
8958
9373
|
}, function (_ref196) {
|
|
8959
9374
|
var theme = _ref196.theme;
|
|
8960
|
-
return theme.fonts.mobile.sizes.headers[
|
|
9375
|
+
return theme.fonts.mobile.sizes.headers[3];
|
|
8961
9376
|
}, function (_ref197) {
|
|
8962
9377
|
var theme = _ref197.theme;
|
|
8963
|
-
return theme.fonts.mobile.weights.headers[
|
|
9378
|
+
return theme.fonts.mobile.weights.headers[3];
|
|
8964
9379
|
}, function (_ref198) {
|
|
8965
9380
|
var theme = _ref198.theme;
|
|
8966
|
-
return theme.fonts.mobile.letterSpacing.headers[
|
|
9381
|
+
return theme.fonts.mobile.letterSpacing.headers[3];
|
|
8967
9382
|
}, function (_ref199) {
|
|
8968
9383
|
var theme = _ref199.theme;
|
|
8969
|
-
return theme.fonts.mobile.lineHeights.headers[
|
|
9384
|
+
return theme.fonts.mobile.lineHeights.headers[3];
|
|
8970
9385
|
}, function (_ref200) {
|
|
8971
9386
|
var theme = _ref200.theme;
|
|
8972
|
-
return theme.fonts.mobile.sizes.headers[
|
|
9387
|
+
return theme.fonts.mobile.sizes.headers[4];
|
|
8973
9388
|
}, function (_ref201) {
|
|
8974
9389
|
var theme = _ref201.theme;
|
|
8975
|
-
return theme.fonts.mobile.weights.headers[
|
|
9390
|
+
return theme.fonts.mobile.weights.headers[4];
|
|
8976
9391
|
}, function (_ref202) {
|
|
8977
9392
|
var theme = _ref202.theme;
|
|
8978
|
-
return theme.fonts.mobile.letterSpacing.headers[
|
|
9393
|
+
return theme.fonts.mobile.letterSpacing.headers[4];
|
|
8979
9394
|
}, function (_ref203) {
|
|
8980
9395
|
var theme = _ref203.theme;
|
|
8981
|
-
return theme.fonts.mobile.lineHeights.headers[
|
|
9396
|
+
return theme.fonts.mobile.lineHeights.headers[4];
|
|
8982
9397
|
}, function (_ref204) {
|
|
8983
9398
|
var theme = _ref204.theme;
|
|
8984
|
-
return theme.fonts.mobile.sizes.
|
|
9399
|
+
return theme.fonts.mobile.sizes.headers[5];
|
|
8985
9400
|
}, function (_ref205) {
|
|
8986
9401
|
var theme = _ref205.theme;
|
|
8987
|
-
return theme.fonts.mobile.weights.
|
|
9402
|
+
return theme.fonts.mobile.weights.headers[5];
|
|
8988
9403
|
}, function (_ref206) {
|
|
8989
9404
|
var theme = _ref206.theme;
|
|
8990
|
-
return theme.fonts.mobile.letterSpacing.
|
|
9405
|
+
return theme.fonts.mobile.letterSpacing.headers[5];
|
|
8991
9406
|
}, function (_ref207) {
|
|
8992
9407
|
var theme = _ref207.theme;
|
|
8993
|
-
return theme.fonts.mobile.lineHeights.
|
|
9408
|
+
return theme.fonts.mobile.lineHeights.headers[5];
|
|
8994
9409
|
}, function (_ref208) {
|
|
8995
9410
|
var theme = _ref208.theme;
|
|
8996
|
-
return theme.fonts.mobile.sizes.
|
|
9411
|
+
return theme.fonts.mobile.sizes.headers[6];
|
|
8997
9412
|
}, function (_ref209) {
|
|
8998
9413
|
var theme = _ref209.theme;
|
|
8999
|
-
return theme.fonts.mobile.weights.
|
|
9414
|
+
return theme.fonts.mobile.weights.headers[6];
|
|
9000
9415
|
}, function (_ref210) {
|
|
9001
9416
|
var theme = _ref210.theme;
|
|
9002
|
-
return theme.fonts.mobile.letterSpacing.
|
|
9417
|
+
return theme.fonts.mobile.letterSpacing.headers[6];
|
|
9003
9418
|
}, function (_ref211) {
|
|
9004
9419
|
var theme = _ref211.theme;
|
|
9005
|
-
return theme.fonts.mobile.lineHeights.
|
|
9420
|
+
return theme.fonts.mobile.lineHeights.headers[6];
|
|
9006
9421
|
}, function (_ref212) {
|
|
9007
9422
|
var theme = _ref212.theme;
|
|
9008
|
-
return theme.fonts.mobile.sizes.altHeaders[
|
|
9423
|
+
return theme.fonts.mobile.sizes.altHeaders[3];
|
|
9009
9424
|
}, function (_ref213) {
|
|
9010
9425
|
var theme = _ref213.theme;
|
|
9011
|
-
return theme.fonts.mobile.weights.altHeaders[
|
|
9426
|
+
return theme.fonts.mobile.weights.altHeaders[3];
|
|
9012
9427
|
}, function (_ref214) {
|
|
9013
9428
|
var theme = _ref214.theme;
|
|
9014
|
-
return theme.fonts.mobile.letterSpacing.altHeaders[
|
|
9429
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[3];
|
|
9015
9430
|
}, function (_ref215) {
|
|
9016
9431
|
var theme = _ref215.theme;
|
|
9017
|
-
return theme.fonts.mobile.lineHeights.altHeaders[
|
|
9432
|
+
return theme.fonts.mobile.lineHeights.altHeaders[3];
|
|
9018
9433
|
}, function (_ref216) {
|
|
9019
9434
|
var theme = _ref216.theme;
|
|
9020
|
-
return theme.fonts.mobile.sizes.altHeaders[
|
|
9435
|
+
return theme.fonts.mobile.sizes.altHeaders[4];
|
|
9021
9436
|
}, function (_ref217) {
|
|
9022
9437
|
var theme = _ref217.theme;
|
|
9023
|
-
return theme.fonts.mobile.weights.altHeaders[
|
|
9438
|
+
return theme.fonts.mobile.weights.altHeaders[4];
|
|
9024
9439
|
}, function (_ref218) {
|
|
9025
9440
|
var theme = _ref218.theme;
|
|
9026
|
-
return theme.fonts.mobile.letterSpacing.altHeaders[
|
|
9441
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[4];
|
|
9027
9442
|
}, function (_ref219) {
|
|
9028
9443
|
var theme = _ref219.theme;
|
|
9029
|
-
return theme.fonts.mobile.lineHeights.altHeaders[
|
|
9444
|
+
return theme.fonts.mobile.lineHeights.altHeaders[4];
|
|
9030
9445
|
}, function (_ref220) {
|
|
9031
9446
|
var theme = _ref220.theme;
|
|
9032
|
-
return theme.fonts.mobile.sizes.
|
|
9447
|
+
return theme.fonts.mobile.sizes.altHeaders[5];
|
|
9033
9448
|
}, function (_ref221) {
|
|
9034
9449
|
var theme = _ref221.theme;
|
|
9035
|
-
return theme.fonts.mobile.weights.
|
|
9450
|
+
return theme.fonts.mobile.weights.altHeaders[5];
|
|
9036
9451
|
}, function (_ref222) {
|
|
9037
9452
|
var theme = _ref222.theme;
|
|
9038
|
-
return theme.fonts.mobile.letterSpacing.
|
|
9453
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[5];
|
|
9039
9454
|
}, function (_ref223) {
|
|
9040
9455
|
var theme = _ref223.theme;
|
|
9041
|
-
return theme.fonts.mobile.lineHeights.
|
|
9456
|
+
return theme.fonts.mobile.lineHeights.altHeaders[5];
|
|
9042
9457
|
}, function (_ref224) {
|
|
9043
9458
|
var theme = _ref224.theme;
|
|
9044
|
-
return theme.fonts.mobile.sizes.
|
|
9459
|
+
return theme.fonts.mobile.sizes.altHeaders[6];
|
|
9045
9460
|
}, function (_ref225) {
|
|
9046
9461
|
var theme = _ref225.theme;
|
|
9047
|
-
return theme.fonts.mobile.weights.
|
|
9462
|
+
return theme.fonts.mobile.weights.altHeaders[6];
|
|
9048
9463
|
}, function (_ref226) {
|
|
9049
9464
|
var theme = _ref226.theme;
|
|
9050
|
-
return theme.fonts.mobile.letterSpacing.
|
|
9465
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[6];
|
|
9051
9466
|
}, function (_ref227) {
|
|
9052
9467
|
var theme = _ref227.theme;
|
|
9053
|
-
return theme.fonts.mobile.lineHeights.
|
|
9468
|
+
return theme.fonts.mobile.lineHeights.altHeaders[6];
|
|
9054
9469
|
}, function (_ref228) {
|
|
9055
9470
|
var theme = _ref228.theme;
|
|
9056
|
-
return theme.fonts.mobile.sizes.
|
|
9471
|
+
return theme.fonts.mobile.sizes.overline[1];
|
|
9057
9472
|
}, function (_ref229) {
|
|
9058
9473
|
var theme = _ref229.theme;
|
|
9059
|
-
return theme.fonts.mobile.weights.
|
|
9474
|
+
return theme.fonts.mobile.weights.overline[1];
|
|
9060
9475
|
}, function (_ref230) {
|
|
9061
9476
|
var theme = _ref230.theme;
|
|
9062
|
-
return theme.fonts.mobile.letterSpacing.
|
|
9477
|
+
return theme.fonts.mobile.letterSpacing.overline[1];
|
|
9063
9478
|
}, function (_ref231) {
|
|
9064
9479
|
var theme = _ref231.theme;
|
|
9065
|
-
return theme.fonts.mobile.lineHeights.
|
|
9480
|
+
return theme.fonts.mobile.lineHeights.overline[1];
|
|
9066
9481
|
}, function (_ref232) {
|
|
9067
9482
|
var theme = _ref232.theme;
|
|
9068
|
-
return theme.fonts.mobile.sizes.
|
|
9483
|
+
return theme.fonts.mobile.sizes.overline[2];
|
|
9069
9484
|
}, function (_ref233) {
|
|
9070
9485
|
var theme = _ref233.theme;
|
|
9071
|
-
return theme.fonts.mobile.weights.
|
|
9486
|
+
return theme.fonts.mobile.weights.overline[2];
|
|
9072
9487
|
}, function (_ref234) {
|
|
9073
9488
|
var theme = _ref234.theme;
|
|
9074
|
-
return theme.fonts.mobile.letterSpacing.
|
|
9489
|
+
return theme.fonts.mobile.letterSpacing.overline[2];
|
|
9075
9490
|
}, function (_ref235) {
|
|
9076
9491
|
var theme = _ref235.theme;
|
|
9077
|
-
return theme.fonts.mobile.lineHeights.
|
|
9492
|
+
return theme.fonts.mobile.lineHeights.overline[2];
|
|
9078
9493
|
}, function (_ref236) {
|
|
9079
9494
|
var theme = _ref236.theme;
|
|
9080
|
-
return theme.fonts.mobile.sizes.body[
|
|
9495
|
+
return theme.fonts.mobile.sizes.body[1];
|
|
9081
9496
|
}, function (_ref237) {
|
|
9082
9497
|
var theme = _ref237.theme;
|
|
9083
|
-
return theme.fonts.mobile.weights.body[
|
|
9498
|
+
return theme.fonts.mobile.weights.body[1];
|
|
9084
9499
|
}, function (_ref238) {
|
|
9085
9500
|
var theme = _ref238.theme;
|
|
9086
|
-
return theme.fonts.mobile.letterSpacing.body[
|
|
9501
|
+
return theme.fonts.mobile.letterSpacing.body[1];
|
|
9087
9502
|
}, function (_ref239) {
|
|
9088
9503
|
var theme = _ref239.theme;
|
|
9089
|
-
return theme.fonts.mobile.lineHeights.body[
|
|
9504
|
+
return theme.fonts.mobile.lineHeights.body[1];
|
|
9090
9505
|
}, function (_ref240) {
|
|
9091
9506
|
var theme = _ref240.theme;
|
|
9092
|
-
return theme.fonts.mobile.sizes.
|
|
9507
|
+
return theme.fonts.mobile.sizes.body[2];
|
|
9093
9508
|
}, function (_ref241) {
|
|
9094
9509
|
var theme = _ref241.theme;
|
|
9095
|
-
return theme.fonts.mobile.weights.
|
|
9510
|
+
return theme.fonts.mobile.weights.body[2];
|
|
9096
9511
|
}, function (_ref242) {
|
|
9097
9512
|
var theme = _ref242.theme;
|
|
9098
|
-
return theme.fonts.mobile.letterSpacing.
|
|
9513
|
+
return theme.fonts.mobile.letterSpacing.body[2];
|
|
9099
9514
|
}, function (_ref243) {
|
|
9100
9515
|
var theme = _ref243.theme;
|
|
9101
|
-
return theme.fonts.mobile.lineHeights.
|
|
9516
|
+
return theme.fonts.mobile.lineHeights.body[2];
|
|
9102
9517
|
}, function (_ref244) {
|
|
9103
9518
|
var theme = _ref244.theme;
|
|
9104
|
-
return theme.fonts.mobile.sizes.
|
|
9519
|
+
return theme.fonts.mobile.sizes.body[3];
|
|
9105
9520
|
}, function (_ref245) {
|
|
9106
9521
|
var theme = _ref245.theme;
|
|
9107
|
-
return theme.fonts.mobile.weights.
|
|
9522
|
+
return theme.fonts.mobile.weights.body[3];
|
|
9108
9523
|
}, function (_ref246) {
|
|
9109
9524
|
var theme = _ref246.theme;
|
|
9110
|
-
return theme.fonts.mobile.letterSpacing.
|
|
9525
|
+
return theme.fonts.mobile.letterSpacing.body[3];
|
|
9111
9526
|
}, function (_ref247) {
|
|
9112
9527
|
var theme = _ref247.theme;
|
|
9113
|
-
return theme.fonts.mobile.lineHeights.
|
|
9528
|
+
return theme.fonts.mobile.lineHeights.body[3];
|
|
9114
9529
|
}, function (_ref248) {
|
|
9115
9530
|
var theme = _ref248.theme;
|
|
9116
|
-
return theme.fonts.mobile.sizes.
|
|
9531
|
+
return theme.fonts.mobile.sizes.subtitles[1];
|
|
9117
9532
|
}, function (_ref249) {
|
|
9118
9533
|
var theme = _ref249.theme;
|
|
9119
|
-
return theme.fonts.mobile.
|
|
9534
|
+
return theme.fonts.mobile.weights.subtitles[1];
|
|
9120
9535
|
}, function (_ref250) {
|
|
9121
9536
|
var theme = _ref250.theme;
|
|
9122
|
-
return theme.
|
|
9537
|
+
return theme.fonts.mobile.letterSpacing.subtitles[1];
|
|
9123
9538
|
}, function (_ref251) {
|
|
9124
9539
|
var theme = _ref251.theme;
|
|
9125
|
-
return theme.fonts.mobile.
|
|
9540
|
+
return theme.fonts.mobile.lineHeights.subtitles[1];
|
|
9126
9541
|
}, function (_ref252) {
|
|
9127
9542
|
var theme = _ref252.theme;
|
|
9128
|
-
return theme.fonts.mobile.
|
|
9543
|
+
return theme.fonts.mobile.sizes.subtitles[2];
|
|
9129
9544
|
}, function (_ref253) {
|
|
9130
9545
|
var theme = _ref253.theme;
|
|
9131
|
-
return theme.fonts.mobile.
|
|
9546
|
+
return theme.fonts.mobile.weights.subtitles[2];
|
|
9132
9547
|
}, function (_ref254) {
|
|
9133
9548
|
var theme = _ref254.theme;
|
|
9134
|
-
return theme.fonts.mobile.
|
|
9549
|
+
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
9135
9550
|
}, function (_ref255) {
|
|
9136
9551
|
var theme = _ref255.theme;
|
|
9137
|
-
return theme.fonts.mobile.
|
|
9552
|
+
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
9138
9553
|
}, function (_ref256) {
|
|
9139
9554
|
var theme = _ref256.theme;
|
|
9140
|
-
return theme.fonts.mobile.
|
|
9555
|
+
return theme.fonts.mobile.sizes.titleDescription;
|
|
9141
9556
|
}, function (_ref257) {
|
|
9142
9557
|
var theme = _ref257.theme;
|
|
9143
|
-
return theme.fonts.mobile.
|
|
9558
|
+
return theme.fonts.mobile.lineHeights.titleDescription;
|
|
9144
9559
|
}, function (_ref258) {
|
|
9145
9560
|
var theme = _ref258.theme;
|
|
9146
|
-
return theme.
|
|
9561
|
+
return theme.spacing[4];
|
|
9147
9562
|
}, function (_ref259) {
|
|
9148
9563
|
var theme = _ref259.theme;
|
|
9149
|
-
return theme.fonts.mobile.
|
|
9564
|
+
return theme.fonts.mobile.sizes.search;
|
|
9150
9565
|
}, function (_ref260) {
|
|
9151
9566
|
var theme = _ref260.theme;
|
|
9152
|
-
return theme.fonts.mobile.families.
|
|
9567
|
+
return theme.fonts.mobile.families.search;
|
|
9153
9568
|
}, function (_ref261) {
|
|
9154
9569
|
var theme = _ref261.theme;
|
|
9155
|
-
return theme.fonts.mobile.families.
|
|
9570
|
+
return theme.fonts.mobile.families.headers;
|
|
9156
9571
|
}, function (_ref262) {
|
|
9157
9572
|
var theme = _ref262.theme;
|
|
9158
|
-
return theme.fonts.mobile.
|
|
9573
|
+
return theme.fonts.mobile.families.altHeaders;
|
|
9159
9574
|
}, function (_ref263) {
|
|
9160
9575
|
var theme = _ref263.theme;
|
|
9161
|
-
return theme.fonts.mobile.
|
|
9576
|
+
return theme.fonts.mobile.families.body;
|
|
9162
9577
|
}, function (_ref264) {
|
|
9163
9578
|
var theme = _ref264.theme;
|
|
9164
|
-
return theme.fonts.mobile.
|
|
9579
|
+
return theme.fonts.mobile.families.bodyItalics;
|
|
9165
9580
|
}, function (_ref265) {
|
|
9166
9581
|
var theme = _ref265.theme;
|
|
9167
|
-
return theme.fonts.mobile.
|
|
9582
|
+
return theme.fonts.mobile.families.buttons;
|
|
9168
9583
|
}, function (_ref266) {
|
|
9169
9584
|
var theme = _ref266.theme;
|
|
9170
|
-
return theme.fonts.mobile.
|
|
9585
|
+
return theme.fonts.mobile.families.overline;
|
|
9171
9586
|
}, function (_ref267) {
|
|
9172
9587
|
var theme = _ref267.theme;
|
|
9173
|
-
return theme.fonts.mobile.
|
|
9588
|
+
return theme.fonts.mobile.families.subtitles;
|
|
9174
9589
|
}, function (_ref268) {
|
|
9175
9590
|
var theme = _ref268.theme;
|
|
9176
|
-
return theme.fonts.mobile.
|
|
9591
|
+
return theme.fonts.mobile.families.peopleListingRole;
|
|
9177
9592
|
}, function (_ref269) {
|
|
9178
9593
|
var theme = _ref269.theme;
|
|
9179
|
-
return theme.fonts.mobile.
|
|
9594
|
+
return theme.fonts.mobile.families.body;
|
|
9180
9595
|
}, function (_ref270) {
|
|
9181
9596
|
var theme = _ref270.theme;
|
|
9182
|
-
return theme.fonts.mobile.
|
|
9597
|
+
return theme.fonts.mobile.fontFeatureSettings.headers;
|
|
9183
9598
|
}, function (_ref271) {
|
|
9184
9599
|
var theme = _ref271.theme;
|
|
9185
|
-
return theme.fonts.mobile.
|
|
9600
|
+
return theme.fonts.mobile.fontFeatureSettings.altHeaders;
|
|
9186
9601
|
}, function (_ref272) {
|
|
9187
9602
|
var theme = _ref272.theme;
|
|
9188
|
-
return theme.fonts.mobile.
|
|
9603
|
+
return theme.fonts.mobile.fontFeatureSettings.overline;
|
|
9189
9604
|
}, function (_ref273) {
|
|
9190
9605
|
var theme = _ref273.theme;
|
|
9191
|
-
return theme.fonts.mobile.
|
|
9606
|
+
return theme.fonts.mobile.fontFeatureSettings.subtitles;
|
|
9192
9607
|
}, function (_ref274) {
|
|
9193
9608
|
var theme = _ref274.theme;
|
|
9194
|
-
return theme.fonts.mobile.
|
|
9609
|
+
return theme.fonts.mobile.fontFeatureSettings.body;
|
|
9195
9610
|
}, function (_ref275) {
|
|
9196
9611
|
var theme = _ref275.theme;
|
|
9197
|
-
return theme.fonts.mobile.
|
|
9612
|
+
return theme.fonts.mobile.fontFeatureSettings.navigation;
|
|
9198
9613
|
}, function (_ref276) {
|
|
9199
9614
|
var theme = _ref276.theme;
|
|
9200
|
-
return theme.fonts.mobile.
|
|
9615
|
+
return theme.fonts.mobile.transforms.headers;
|
|
9201
9616
|
}, function (_ref277) {
|
|
9202
9617
|
var theme = _ref277.theme;
|
|
9203
|
-
return theme.fonts.mobile.
|
|
9618
|
+
return theme.fonts.mobile.transforms.altHeaders;
|
|
9204
9619
|
}, function (_ref278) {
|
|
9205
9620
|
var theme = _ref278.theme;
|
|
9206
|
-
return theme.
|
|
9621
|
+
return theme.fonts.mobile.transforms.body;
|
|
9207
9622
|
}, function (_ref279) {
|
|
9208
9623
|
var theme = _ref279.theme;
|
|
9209
|
-
return theme.
|
|
9624
|
+
return theme.fonts.mobile.transforms.overline;
|
|
9210
9625
|
}, function (_ref280) {
|
|
9211
9626
|
var theme = _ref280.theme;
|
|
9212
|
-
return theme.
|
|
9627
|
+
return theme.fonts.mobile.transforms.subtitles;
|
|
9213
9628
|
}, function (_ref281) {
|
|
9214
9629
|
var theme = _ref281.theme;
|
|
9215
|
-
return theme.
|
|
9630
|
+
return theme.fonts.mobile.wordBreak.headers;
|
|
9216
9631
|
}, function (_ref282) {
|
|
9217
9632
|
var theme = _ref282.theme;
|
|
9218
|
-
return theme.
|
|
9633
|
+
return theme.fonts.mobile.wordBreak.altHeaders;
|
|
9219
9634
|
}, function (_ref283) {
|
|
9220
9635
|
var theme = _ref283.theme;
|
|
9221
|
-
return theme.
|
|
9636
|
+
return theme.fonts.mobile.wordBreak.body;
|
|
9222
9637
|
}, function (_ref284) {
|
|
9223
9638
|
var theme = _ref284.theme;
|
|
9224
|
-
return theme.
|
|
9639
|
+
return theme.fonts.mobile.wordBreak.overline;
|
|
9225
9640
|
}, function (_ref285) {
|
|
9226
9641
|
var theme = _ref285.theme;
|
|
9227
|
-
return theme.
|
|
9642
|
+
return theme.fonts.mobile.wordBreak.subtitles;
|
|
9228
9643
|
}, function (_ref286) {
|
|
9229
9644
|
var theme = _ref286.theme;
|
|
9230
|
-
return theme.
|
|
9645
|
+
return theme.grid.mobile.margin;
|
|
9231
9646
|
}, function (_ref287) {
|
|
9232
9647
|
var theme = _ref287.theme;
|
|
9233
|
-
return theme.
|
|
9648
|
+
return theme.grid.mobile.gap;
|
|
9234
9649
|
}, function (_ref288) {
|
|
9235
9650
|
var theme = _ref288.theme;
|
|
9236
|
-
return theme.
|
|
9651
|
+
return theme.grid.mobile.margin;
|
|
9237
9652
|
}, function (_ref289) {
|
|
9238
9653
|
var theme = _ref289.theme;
|
|
9239
|
-
return theme.
|
|
9654
|
+
return theme.grid.mobile.gap;
|
|
9240
9655
|
}, function (_ref290) {
|
|
9241
9656
|
var theme = _ref290.theme;
|
|
9242
|
-
return theme.
|
|
9657
|
+
return theme.grid.mobile.gap;
|
|
9243
9658
|
}, function (_ref291) {
|
|
9244
9659
|
var theme = _ref291.theme;
|
|
9245
|
-
return theme.
|
|
9660
|
+
return theme.grid.mobile.margin;
|
|
9246
9661
|
}, function (_ref292) {
|
|
9247
9662
|
var theme = _ref292.theme;
|
|
9248
|
-
return theme.footer.mobile.
|
|
9663
|
+
return theme.footer.mobile.height;
|
|
9249
9664
|
}, function (_ref293) {
|
|
9250
9665
|
var theme = _ref293.theme;
|
|
9251
|
-
return theme.
|
|
9666
|
+
return theme.footer.mobile.paddingTop;
|
|
9252
9667
|
}, function (_ref294) {
|
|
9253
9668
|
var theme = _ref294.theme;
|
|
9254
|
-
return theme.
|
|
9255
|
-
},
|
|
9669
|
+
return theme.footer.mobile.paddingBottom;
|
|
9670
|
+
}, function (_ref295) {
|
|
9256
9671
|
var theme = _ref295.theme;
|
|
9257
|
-
return theme.
|
|
9672
|
+
return theme.footer.mobile.itemsGap;
|
|
9258
9673
|
}, function (_ref296) {
|
|
9259
9674
|
var theme = _ref296.theme;
|
|
9260
|
-
return theme.
|
|
9675
|
+
return theme.footer.mobile.mediaGap;
|
|
9261
9676
|
}, function (_ref297) {
|
|
9262
9677
|
var theme = _ref297.theme;
|
|
9263
|
-
return theme.
|
|
9678
|
+
return theme.footer.mobile.mediaIconWidth;
|
|
9264
9679
|
}, function (_ref298) {
|
|
9265
9680
|
var theme = _ref298.theme;
|
|
9266
|
-
return theme.
|
|
9681
|
+
return theme.footer.mobile.mediaIconHeight;
|
|
9267
9682
|
}, function (_ref299) {
|
|
9268
9683
|
var theme = _ref299.theme;
|
|
9269
|
-
return theme.
|
|
9684
|
+
return theme.footer.mobile.verticalSpacingLarge;
|
|
9270
9685
|
}, function (_ref300) {
|
|
9271
9686
|
var theme = _ref300.theme;
|
|
9272
|
-
return theme.
|
|
9687
|
+
return theme.footer.mobile.verticalSpacingSmall;
|
|
9273
9688
|
}, function (_ref301) {
|
|
9274
9689
|
var theme = _ref301.theme;
|
|
9275
9690
|
return theme.spacing[10];
|
|
9276
9691
|
}, function (_ref302) {
|
|
9277
9692
|
var theme = _ref302.theme;
|
|
9278
9693
|
return theme.spacing[6];
|
|
9279
|
-
}, function (_ref303) {
|
|
9694
|
+
}, devices.tablet, function (_ref303) {
|
|
9280
9695
|
var theme = _ref303.theme;
|
|
9281
|
-
return theme.
|
|
9696
|
+
return theme.grid.tablet.margin;
|
|
9282
9697
|
}, function (_ref304) {
|
|
9283
9698
|
var theme = _ref304.theme;
|
|
9284
|
-
return theme.
|
|
9699
|
+
return theme.grid.tablet.gap;
|
|
9285
9700
|
}, function (_ref305) {
|
|
9286
9701
|
var theme = _ref305.theme;
|
|
9702
|
+
return theme.grid.tablet.margin;
|
|
9703
|
+
}, function (_ref306) {
|
|
9704
|
+
var theme = _ref306.theme;
|
|
9705
|
+
return theme.grid.tablet.gap;
|
|
9706
|
+
}, function (_ref307) {
|
|
9707
|
+
var theme = _ref307.theme;
|
|
9708
|
+
return theme.grid.tablet.gap;
|
|
9709
|
+
}, function (_ref308) {
|
|
9710
|
+
var theme = _ref308.theme;
|
|
9711
|
+
return theme.grid.tablet.margin;
|
|
9712
|
+
}, function (_ref309) {
|
|
9713
|
+
var theme = _ref309.theme;
|
|
9714
|
+
return theme.spacing[10];
|
|
9715
|
+
}, function (_ref310) {
|
|
9716
|
+
var theme = _ref310.theme;
|
|
9717
|
+
return theme.spacing[6];
|
|
9718
|
+
}, function (_ref311) {
|
|
9719
|
+
var theme = _ref311.theme;
|
|
9720
|
+
return theme.fonts.tablet.sizes.headers[6];
|
|
9721
|
+
}, function (_ref312) {
|
|
9722
|
+
var theme = _ref312.theme;
|
|
9723
|
+
return theme.fonts.tablet.sizes.altHeaders[4];
|
|
9724
|
+
}, function (_ref313) {
|
|
9725
|
+
var theme = _ref313.theme;
|
|
9287
9726
|
return theme.fonts.tablet.sizes.body[1];
|
|
9288
9727
|
}, devices.desktop, devices.largeDesktop);
|
|
9289
9728
|
|
|
@@ -9315,6 +9754,8 @@ exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
|
9315
9754
|
exports.ImageWithCaption = ImageWithCaption;
|
|
9316
9755
|
exports.Information = Information;
|
|
9317
9756
|
exports.LiveChat = LiveChat;
|
|
9757
|
+
exports.MiniCard = MiniCard;
|
|
9758
|
+
exports.MinimalCarousel = MinimalCarousel;
|
|
9318
9759
|
exports.Navigation = Navigation;
|
|
9319
9760
|
exports.Overline = Overline;
|
|
9320
9761
|
exports.PageHeadingCinema = PageHeadingCinema;
|
|
@@ -9339,6 +9780,7 @@ exports.SectionSplitter = SectionSplitter;
|
|
|
9339
9780
|
exports.SectionTitle = SectionTitle;
|
|
9340
9781
|
exports.Select = Select;
|
|
9341
9782
|
exports.Sponsorship = Sponsorship;
|
|
9783
|
+
exports.Stepper = Component;
|
|
9342
9784
|
exports.StickyBar = StickyBar;
|
|
9343
9785
|
exports.StreamBadge = StreamBadge;
|
|
9344
9786
|
exports.Subtitle = Subtitle;
|
|
@@ -9357,6 +9799,7 @@ exports.TitleWithCTA = TitleWithCTA;
|
|
|
9357
9799
|
exports.TypeTags = TypeTags;
|
|
9358
9800
|
exports.UpsellCard = UpsellCard;
|
|
9359
9801
|
exports.UpsellSection = UpsellSection;
|
|
9802
|
+
exports.breakpoints = breakpoints;
|
|
9360
9803
|
exports.devices = devices;
|
|
9361
9804
|
exports.zIndexes = zIndexes;
|
|
9362
9805
|
//# sourceMappingURL=chord.cjs.development.js.map
|