@royaloperahouse/chord 1.13.2 → 1.14.0-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 +38 -1
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +502 -282
- 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 +502 -283
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Progress/Progress.styles.d.ts +1 -1
- package/dist/components/atoms/Timer/Timer.d.ts +4 -0
- package/dist/components/atoms/Timer/Timer.style.d.ts +9 -0
- package/dist/components/atoms/Timer/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/Card/Card.style.d.ts +5 -1
- package/dist/components/molecules/PromoWithTags/PromoWithTags.d.ts +1 -1
- package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +4 -1
- package/dist/components/organisms/HighlightsCarousel/HighlightsCarousel.style.d.ts +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/styles/themes.d.ts +939 -27
- package/dist/types/card.d.ts +28 -1
- package/dist/types/carousel.d.ts +5 -0
- package/dist/types/editorial.d.ts +1 -74
- package/dist/types/promoWithTags.d.ts +81 -0
- package/dist/types/timer.d.ts +37 -0
- package/dist/types/types.d.ts +18 -1
- package/package.json +2 -1
- package/README.GIT +0 -277
|
@@ -8,6 +8,7 @@ var React = require('react');
|
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
9
|
var styled = require('styled-components');
|
|
10
10
|
var styled__default = _interopDefault(styled);
|
|
11
|
+
var moment = _interopDefault(require('moment'));
|
|
11
12
|
var swiperReact_js = require('swiper/react/swiper-react.js');
|
|
12
13
|
require('swiper/swiper-bundle.css');
|
|
13
14
|
var reactRouterDom = require('react-router-dom');
|
|
@@ -573,11 +574,44 @@ var cinema = /*#__PURE__*/_extends({}, common, {
|
|
|
573
574
|
primaryButtonReverse: colors.cinema
|
|
574
575
|
})
|
|
575
576
|
});
|
|
577
|
+
var schools = /*#__PURE__*/_extends({}, common, {
|
|
578
|
+
colors: /*#__PURE__*/_extends({}, commonColors, colors, {
|
|
579
|
+
primary: colors.core,
|
|
580
|
+
primaryButton: colors.core,
|
|
581
|
+
secondaryButton: commonColors.white,
|
|
582
|
+
tertiaryButton: 'transparent',
|
|
583
|
+
primaryButtonReverseBg: colors.cinema,
|
|
584
|
+
primaryButtonReverse: commonColors.white
|
|
585
|
+
}),
|
|
586
|
+
fonts: /*#__PURE__*/_extends({}, common.fonts, {
|
|
587
|
+
desktop: /*#__PURE__*/_extends({}, common.fonts.desktop, {
|
|
588
|
+
transforms: {
|
|
589
|
+
headers: 'none',
|
|
590
|
+
altHeaders: 'none',
|
|
591
|
+
overline: 'none',
|
|
592
|
+
subtitles: 'none',
|
|
593
|
+
body: 'none',
|
|
594
|
+
navigation: 'uppercase'
|
|
595
|
+
}
|
|
596
|
+
}),
|
|
597
|
+
mobile: /*#__PURE__*/_extends({}, common.fonts.mobile, {
|
|
598
|
+
transforms: {
|
|
599
|
+
headers: 'none',
|
|
600
|
+
altHeaders: 'none',
|
|
601
|
+
overline: 'none',
|
|
602
|
+
subtitles: 'none',
|
|
603
|
+
body: 'none',
|
|
604
|
+
navigation: 'uppercase'
|
|
605
|
+
}
|
|
606
|
+
})
|
|
607
|
+
})
|
|
608
|
+
});
|
|
576
609
|
var themes = {
|
|
577
610
|
core: core,
|
|
578
611
|
stream: stream,
|
|
579
612
|
cinema: cinema,
|
|
580
|
-
fontFamilies: fontFamilies
|
|
613
|
+
fontFamilies: fontFamilies,
|
|
614
|
+
schools: schools
|
|
581
615
|
};
|
|
582
616
|
|
|
583
617
|
var _templateObject$2;
|
|
@@ -2101,6 +2135,7 @@ var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
|
2101
2135
|
ThemeType["Core"] = "core";
|
|
2102
2136
|
ThemeType["Stream"] = "stream";
|
|
2103
2137
|
ThemeType["Cinema"] = "cinema";
|
|
2138
|
+
ThemeType["Schools"] = "schools";
|
|
2104
2139
|
})(exports.ThemeType || (exports.ThemeType = {}));
|
|
2105
2140
|
|
|
2106
2141
|
(function (CarouselType) {
|
|
@@ -3214,8 +3249,106 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
3214
3249
|
})));
|
|
3215
3250
|
};
|
|
3216
3251
|
|
|
3217
|
-
var _templateObject$m;
|
|
3218
|
-
var
|
|
3252
|
+
var _templateObject$m, _templateObject2$a, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8;
|
|
3253
|
+
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
3254
|
+
var color = _ref.color;
|
|
3255
|
+
return color;
|
|
3256
|
+
});
|
|
3257
|
+
var Line = /*#__PURE__*/styled__default.div(_templateObject2$a || (_templateObject2$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1px;\n background-color: var(--base-color-", ");\n margin-top: 32px;\n\n @media ", " {\n margin-top: 20px;\n }\n"])), function (_ref2) {
|
|
3258
|
+
var color = _ref2.color;
|
|
3259
|
+
return color;
|
|
3260
|
+
}, devices.mobileAndTablet);
|
|
3261
|
+
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
|
|
3262
|
+
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 display: flex;\n\n @media ", " {\n font-size: var(--font-size-header-5);\n }\n"])), devices.tablet);
|
|
3263
|
+
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__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 margin-top: 4px;\n"])));
|
|
3264
|
+
var TimerValueSeparator = /*#__PURE__*/styled__default.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 20px;\n\n @media ", " {\n margin: 0 12px;\n }\n\n @media ", " {\n margin: 0 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
3265
|
+
var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3266
|
+
var TimerValue = /*#__PURE__*/styled__default.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3267
|
+
|
|
3268
|
+
var Timer = function Timer(_ref) {
|
|
3269
|
+
var endDate = _ref.endDate,
|
|
3270
|
+
title = _ref.title,
|
|
3271
|
+
endDateHandler = _ref.endDateHandler,
|
|
3272
|
+
_ref$bottomLine = _ref.bottomLine,
|
|
3273
|
+
bottomLine = _ref$bottomLine === void 0 ? true : _ref$bottomLine,
|
|
3274
|
+
_ref$color = _ref.color,
|
|
3275
|
+
color = _ref$color === void 0 ? exports.Colors.Black : _ref$color;
|
|
3276
|
+
|
|
3277
|
+
var _React$useState = React__default.useState('00'),
|
|
3278
|
+
seconds = _React$useState[0],
|
|
3279
|
+
setSeconds = _React$useState[1];
|
|
3280
|
+
|
|
3281
|
+
var _React$useState2 = React__default.useState('00'),
|
|
3282
|
+
minutes = _React$useState2[0],
|
|
3283
|
+
setMinutes = _React$useState2[1];
|
|
3284
|
+
|
|
3285
|
+
var _React$useState3 = React__default.useState('00'),
|
|
3286
|
+
hours = _React$useState3[0],
|
|
3287
|
+
setHours = _React$useState3[1];
|
|
3288
|
+
|
|
3289
|
+
var _React$useState4 = React__default.useState('00'),
|
|
3290
|
+
days = _React$useState4[0],
|
|
3291
|
+
setDays = _React$useState4[1];
|
|
3292
|
+
|
|
3293
|
+
var _React$useState5 = React__default.useState(false),
|
|
3294
|
+
isEndDateReached = _React$useState5[0],
|
|
3295
|
+
setIsEndDateReached = _React$useState5[1];
|
|
3296
|
+
|
|
3297
|
+
var renderTimerValue = function renderTimerValue(value, title, separator) {
|
|
3298
|
+
if (separator === void 0) {
|
|
3299
|
+
separator = true;
|
|
3300
|
+
}
|
|
3301
|
+
|
|
3302
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TimerValueWrapper, null, /*#__PURE__*/React__default.createElement(TimerValue, null, value), /*#__PURE__*/React__default.createElement(TimerLabel, null, title)), separator && /*#__PURE__*/React__default.createElement(TimerValueSeparator, null, ":"));
|
|
3303
|
+
};
|
|
3304
|
+
|
|
3305
|
+
React__default.useEffect(function () {
|
|
3306
|
+
if (isEndDateReached) return; // We use this to set values for the timer immediately
|
|
3307
|
+
|
|
3308
|
+
var setIntervalAndExecute = function setIntervalAndExecute(fn, delay) {
|
|
3309
|
+
fn();
|
|
3310
|
+
return setInterval(fn, delay);
|
|
3311
|
+
};
|
|
3312
|
+
|
|
3313
|
+
var updateValues = function updateValues() {
|
|
3314
|
+
var futureDate = moment(endDate);
|
|
3315
|
+
var nowDate = moment();
|
|
3316
|
+
var differenceInMilliseconds = futureDate.valueOf() - nowDate.valueOf();
|
|
3317
|
+
var difference = moment(differenceInMilliseconds).utc();
|
|
3318
|
+
|
|
3319
|
+
if (differenceInMilliseconds < 0) {
|
|
3320
|
+
setIsEndDateReached(true);
|
|
3321
|
+
if (endDateHandler) endDateHandler();
|
|
3322
|
+
} else {
|
|
3323
|
+
var fullDaysLeft = Math.floor(futureDate.diff(nowDate, 'days', true));
|
|
3324
|
+
var daysDiff = fullDaysLeft < 10 ? "0" + fullDaysLeft : fullDaysLeft.toString();
|
|
3325
|
+
var hoursDiff = difference.format('HH');
|
|
3326
|
+
var minutesDiff = difference.format('mm');
|
|
3327
|
+
var secondsDiff = difference.format('ss');
|
|
3328
|
+
setDays(daysDiff);
|
|
3329
|
+
setHours(hoursDiff);
|
|
3330
|
+
setMinutes(minutesDiff);
|
|
3331
|
+
setSeconds(secondsDiff);
|
|
3332
|
+
}
|
|
3333
|
+
};
|
|
3334
|
+
|
|
3335
|
+
var interval = setIntervalAndExecute(updateValues, 1000);
|
|
3336
|
+
return function () {
|
|
3337
|
+
clearInterval(interval);
|
|
3338
|
+
};
|
|
3339
|
+
});
|
|
3340
|
+
return /*#__PURE__*/React__default.createElement(TimerWrapper, {
|
|
3341
|
+
color: color
|
|
3342
|
+
}, title && /*#__PURE__*/React__default.createElement(TitleWrapper, null, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
3343
|
+
level: 5
|
|
3344
|
+
}, title)), /*#__PURE__*/React__default.createElement(ValuesWrapper, null, renderTimerValue(days, 'Days'), renderTimerValue(hours, 'Hrs'), renderTimerValue(minutes, 'Mins'), renderTimerValue(seconds, 'Secs', false)), bottomLine && /*#__PURE__*/React__default.createElement(Line, {
|
|
3345
|
+
"data-testid": "timer-bottom-line",
|
|
3346
|
+
color: color
|
|
3347
|
+
}));
|
|
3348
|
+
};
|
|
3349
|
+
|
|
3350
|
+
var _templateObject$n;
|
|
3351
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n color: var(--base-color-black);\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"])));
|
|
3219
3352
|
|
|
3220
3353
|
var TypeTags = function TypeTags(_ref) {
|
|
3221
3354
|
var list = _ref.list;
|
|
@@ -3228,13 +3361,13 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
3228
3361
|
}));
|
|
3229
3362
|
};
|
|
3230
3363
|
|
|
3231
|
-
var _templateObject$
|
|
3232
|
-
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3233
|
-
var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3364
|
+
var _templateObject$o, _templateObject2$b, _templateObject3$5;
|
|
3365
|
+
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3366
|
+
var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
3234
3367
|
var theme = _ref.theme;
|
|
3235
3368
|
return theme.colors.primary;
|
|
3236
3369
|
}, devices.mobile);
|
|
3237
|
-
var IconUnavailableWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
3370
|
+
var IconUnavailableWrapper = /*#__PURE__*/styled__default.div(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--navigation-large-margin);\n height: var(--navigation-large-margin);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n opacity: 0.2;\n\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n @media ", " {\n opacity: 1;\n pointer-events: none;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n"])), devices.mobile);
|
|
3238
3371
|
|
|
3239
3372
|
var RotatorButtons = function RotatorButtons(_ref) {
|
|
3240
3373
|
var onClickPrev = _ref.onClickPrev,
|
|
@@ -3300,27 +3433,27 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3300
3433
|
}, renderNextIcon()));
|
|
3301
3434
|
};
|
|
3302
3435
|
|
|
3303
|
-
var _templateObject$
|
|
3304
|
-
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3436
|
+
var _templateObject$p, _templateObject2$c, _templateObject3$6, _templateObject4$3, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11;
|
|
3437
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
3305
3438
|
var isMenuOpen = _ref.isMenuOpen;
|
|
3306
3439
|
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 ";
|
|
3307
3440
|
});
|
|
3308
|
-
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3309
|
-
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
3310
|
-
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3311
|
-
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
3312
|
-
var NavigationGridMobile = /*#__PURE__*/styled__default(Grid)(_templateObject6 || (_templateObject6 = /*#__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) {
|
|
3441
|
+
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$c || (_templateObject2$c = /*#__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);
|
|
3442
|
+
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$6 || (_templateObject3$6 = /*#__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);
|
|
3443
|
+
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$3 || (_templateObject4$3 = /*#__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);
|
|
3444
|
+
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$2 || (_templateObject5$2 = /*#__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);
|
|
3445
|
+
var NavigationGridMobile = /*#__PURE__*/styled__default(Grid)(_templateObject6$1 || (_templateObject6$1 = /*#__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) {
|
|
3313
3446
|
var theme = _ref2.theme;
|
|
3314
3447
|
return theme.spacing[12];
|
|
3315
3448
|
});
|
|
3316
|
-
var LogoContainer = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 140px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n &&& .logoImg {\n height: 96px;\n width: 66px;\n }\n\n @media ", " {\n height: 80px;\n\n &&& .logoImg {\n width: 100%;\n height: 64px;\n }\n }\n"])), devices.mobile);
|
|
3317
|
-
var MenuContainer = /*#__PURE__*/styled__default.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 140px;\n\n @media ", " {\n flex-direction: row;\n height: 80px;\n justify-content: flex-end;\n }\n"])), devices.mobileAndTablet);
|
|
3449
|
+
var LogoContainer = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 140px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n &&& .logoImg {\n height: 96px;\n width: 66px;\n }\n\n @media ", " {\n height: 80px;\n\n &&& .logoImg {\n width: 100%;\n height: 64px;\n }\n }\n"])), devices.mobile);
|
|
3450
|
+
var MenuContainer = /*#__PURE__*/styled__default.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 140px;\n\n @media ", " {\n flex-direction: row;\n height: 80px;\n justify-content: flex-end;\n }\n"])), devices.mobileAndTablet);
|
|
3318
3451
|
var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 40px;\n margin-top: auto;\n\n @media ", " {\n background-color: var(--base-color-white);\n height: auto;\n margin-top: 0px;\n }\n"])), devices.mobileAndTablet);
|
|
3319
3452
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
3320
3453
|
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);
|
|
3321
3454
|
|
|
3322
|
-
var _templateObject$
|
|
3323
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3455
|
+
var _templateObject$q;
|
|
3456
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
3324
3457
|
|
|
3325
3458
|
var Logo = function Logo(_ref) {
|
|
3326
3459
|
var _ref$id = _ref.id,
|
|
@@ -3349,11 +3482,11 @@ var Logo = function Logo(_ref) {
|
|
|
3349
3482
|
}))));
|
|
3350
3483
|
};
|
|
3351
3484
|
|
|
3352
|
-
var _templateObject$
|
|
3353
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3485
|
+
var _templateObject$r;
|
|
3486
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__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);
|
|
3354
3487
|
|
|
3355
|
-
var _templateObject$
|
|
3356
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3488
|
+
var _templateObject$s, _templateObject2$d, _templateObject3$7, _templateObject4$4;
|
|
3489
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__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"])), function (_ref) {
|
|
3357
3490
|
var selected = _ref.selected,
|
|
3358
3491
|
colorPrimary = _ref.colorPrimary;
|
|
3359
3492
|
|
|
@@ -3372,9 +3505,9 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$r || (_te
|
|
|
3372
3505
|
var colorPrimary = _ref4.colorPrimary;
|
|
3373
3506
|
return colorPrimary;
|
|
3374
3507
|
});
|
|
3375
|
-
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3376
|
-
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
3377
|
-
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
3508
|
+
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
3509
|
+
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$7 || (_templateObject3$7 = /*#__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"])));
|
|
3510
|
+
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$4 || (_templateObject4$4 = /*#__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\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
3378
3511
|
|
|
3379
3512
|
var Basket$1 = function Basket(_ref) {
|
|
3380
3513
|
var text = _ref.text,
|
|
@@ -3417,8 +3550,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
3417
3550
|
}, text) : ''));
|
|
3418
3551
|
};
|
|
3419
3552
|
|
|
3420
|
-
var _templateObject$
|
|
3421
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3553
|
+
var _templateObject$t, _templateObject2$e;
|
|
3554
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__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) {
|
|
3422
3555
|
var selected = _ref.selected,
|
|
3423
3556
|
colorPrimary = _ref.colorPrimary;
|
|
3424
3557
|
|
|
@@ -3434,7 +3567,7 @@ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$s || (_te
|
|
|
3434
3567
|
var colorPrimary = _ref3.colorPrimary;
|
|
3435
3568
|
return colorPrimary;
|
|
3436
3569
|
});
|
|
3437
|
-
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3570
|
+
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
3438
3571
|
|
|
3439
3572
|
var Search$1 = function Search(_ref) {
|
|
3440
3573
|
var _ref$selected = _ref.selected,
|
|
@@ -3705,23 +3838,23 @@ var NavTop = function NavTop(_ref) {
|
|
|
3705
3838
|
}));
|
|
3706
3839
|
};
|
|
3707
3840
|
|
|
3708
|
-
var _templateObject$
|
|
3709
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3710
|
-
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3841
|
+
var _templateObject$u, _templateObject2$f, _templateObject3$8, _templateObject4$5;
|
|
3842
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
3843
|
+
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__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) {
|
|
3711
3844
|
if (props.showMenu) {
|
|
3712
3845
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
3713
3846
|
}
|
|
3714
3847
|
|
|
3715
3848
|
return "display: none;";
|
|
3716
3849
|
});
|
|
3717
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
3850
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$8 || (_templateObject3$8 = /*#__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) {
|
|
3718
3851
|
var colorPrimary = _ref.colorPrimary;
|
|
3719
3852
|
return colorPrimary;
|
|
3720
3853
|
}, function (_ref2) {
|
|
3721
3854
|
var colorPrimary = _ref2.colorPrimary;
|
|
3722
3855
|
return colorPrimary;
|
|
3723
3856
|
}, devices.mobileAndTablet);
|
|
3724
|
-
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3857
|
+
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
3725
3858
|
|
|
3726
3859
|
var Tabs = function Tabs(_ref) {
|
|
3727
3860
|
var _ref$items = _ref.items,
|
|
@@ -3848,13 +3981,13 @@ var Tabs = function Tabs(_ref) {
|
|
|
3848
3981
|
}, "MENU"))));
|
|
3849
3982
|
};
|
|
3850
3983
|
|
|
3851
|
-
var _templateObject$
|
|
3852
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3853
|
-
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3854
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
3855
|
-
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
3856
|
-
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
3857
|
-
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$
|
|
3984
|
+
var _templateObject$v, _templateObject2$g, _templateObject3$9, _templateObject5$3, _templateObject6$2, _templateObject7$2;
|
|
3985
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__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);
|
|
3986
|
+
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
3987
|
+
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$9 || (_templateObject3$9 = /*#__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"])));
|
|
3988
|
+
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templateObject5$3 = /*#__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);
|
|
3989
|
+
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
3990
|
+
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
3858
3991
|
|
|
3859
3992
|
var SearchBar = function SearchBar(_ref) {
|
|
3860
3993
|
var onClick = _ref.onClick,
|
|
@@ -4079,18 +4212,18 @@ var Navigation = function Navigation(_ref) {
|
|
|
4079
4212
|
})))));
|
|
4080
4213
|
};
|
|
4081
4214
|
|
|
4082
|
-
var _templateObject$
|
|
4083
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
4084
|
-
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4085
|
-
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4086
|
-
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4087
|
-
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4088
|
-
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$
|
|
4215
|
+
var _templateObject$w, _templateObject2$h, _templateObject3$a, _templateObject4$6, _templateObject5$4, _templateObject6$3;
|
|
4216
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
4217
|
+
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__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"])));
|
|
4218
|
+
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__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);
|
|
4219
|
+
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
4220
|
+
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
4221
|
+
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$3 || (_templateObject6$3 = /*#__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);
|
|
4089
4222
|
|
|
4090
|
-
var _templateObject$
|
|
4091
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4092
|
-
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
4093
|
-
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
4223
|
+
var _templateObject$x, _templateObject2$i, _templateObject3$b;
|
|
4224
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$x || (_templateObject$x = /*#__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);
|
|
4225
|
+
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$i || (_templateObject2$i = /*#__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);
|
|
4226
|
+
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
4094
4227
|
|
|
4095
4228
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
4096
4229
|
var _ref$items = _ref.items,
|
|
@@ -4106,15 +4239,15 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
4106
4239
|
}));
|
|
4107
4240
|
};
|
|
4108
4241
|
|
|
4109
|
-
var _templateObject$
|
|
4110
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4111
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4112
|
-
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4113
|
-
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
4114
|
-
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4115
|
-
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4116
|
-
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$
|
|
4117
|
-
var TextLinkWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
4242
|
+
var _templateObject$y, _templateObject2$j, _templateObject3$c, _templateObject4$7, _templateObject5$5, _templateObject6$4, _templateObject7$3, _templateObject8$2;
|
|
4243
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__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);
|
|
4244
|
+
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__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);
|
|
4245
|
+
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__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);
|
|
4246
|
+
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$7 || (_templateObject4$7 = /*#__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);
|
|
4247
|
+
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__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);
|
|
4248
|
+
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$4 || (_templateObject6$4 = /*#__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);
|
|
4249
|
+
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
4250
|
+
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"])));
|
|
4118
4251
|
|
|
4119
4252
|
var ContactNewsletter = function ContactNewsletter(_ref) {
|
|
4120
4253
|
var signUpText = _ref.signUpText,
|
|
@@ -4180,15 +4313,15 @@ var Footer = function Footer(_ref) {
|
|
|
4180
4313
|
}, additionalInfo)))));
|
|
4181
4314
|
};
|
|
4182
4315
|
|
|
4183
|
-
var _templateObject$
|
|
4316
|
+
var _templateObject$z, _templateObject2$k, _templateObject3$d, _templateObject4$8, _templateObject5$6, _templateObject6$5;
|
|
4184
4317
|
var LIST_ITEM_GAP = 32;
|
|
4185
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4318
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__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) {
|
|
4186
4319
|
var bottomBorder = _ref.bottomBorder;
|
|
4187
4320
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
4188
4321
|
}, zIndexes.anchor);
|
|
4189
|
-
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4190
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4191
|
-
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$
|
|
4322
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
4323
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4324
|
+
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$8 || (_templateObject4$8 = /*#__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) {
|
|
4192
4325
|
var tabsOverflow = _ref2.tabsOverflow;
|
|
4193
4326
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
4194
4327
|
}, LIST_ITEM_GAP, function (_ref3) {
|
|
@@ -4199,11 +4332,11 @@ var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$7 || (_templateO
|
|
|
4199
4332
|
hasTwoArrows = _ref4.hasTwoArrows;
|
|
4200
4333
|
return tabsOverflow && hasTwoArrows ? 'calc(100% - 50px)' : '100%';
|
|
4201
4334
|
});
|
|
4202
|
-
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4335
|
+
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__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) {
|
|
4203
4336
|
var fullWidth = _ref5.fullWidth;
|
|
4204
4337
|
return fullWidth ? '74px' : '46px';
|
|
4205
4338
|
});
|
|
4206
|
-
var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4339
|
+
var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: flex-center;\n\n :hover {\n && svg path {\n fill: var(--base-color-primary);\n }\n }\n"])));
|
|
4207
4340
|
|
|
4208
4341
|
var _excluded$8 = ["id", "text"];
|
|
4209
4342
|
|
|
@@ -4448,8 +4581,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
4448
4581
|
})) : null) : null))));
|
|
4449
4582
|
};
|
|
4450
4583
|
|
|
4451
|
-
var _templateObject$
|
|
4452
|
-
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4584
|
+
var _templateObject$A, _templateObject2$l, _templateObject3$e, _templateObject4$9, _templateObject5$7;
|
|
4585
|
+
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n .swiper-wrapper {\n height: 100%;\n }\n .swiper-slide {\n height: unset;\n }\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
4453
4586
|
var type = _ref.type,
|
|
4454
4587
|
imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
4455
4588
|
|
|
@@ -4481,10 +4614,10 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$z || (_te
|
|
|
4481
4614
|
return "\n &&& {\n .swiper-slide > div{\n height: calc(" + imagesHeightDevice + "px + var(--line-height-body-2) + 12px);\n }\n }";
|
|
4482
4615
|
}
|
|
4483
4616
|
});
|
|
4484
|
-
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4485
|
-
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4486
|
-
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4487
|
-
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
4617
|
+
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
4618
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__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"])));
|
|
4619
|
+
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
4620
|
+
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n {\n grid-column: 2 / span 10;\n }\n }\n"])), devices.tablet);
|
|
4488
4621
|
|
|
4489
4622
|
var Carousel = function Carousel(_ref) {
|
|
4490
4623
|
var children = _ref.children,
|
|
@@ -4560,7 +4693,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
4560
4693
|
columnSpanDesktop: 10,
|
|
4561
4694
|
columnStartDevice: 2,
|
|
4562
4695
|
columnSpanDevice: 12
|
|
4563
|
-
}, /*#__PURE__*/React__default.createElement(TitleWrapper, {
|
|
4696
|
+
}, /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
4564
4697
|
"data-testid": "carousel-title-wrapper"
|
|
4565
4698
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
4566
4699
|
level: 4
|
|
@@ -4601,9 +4734,9 @@ var Theme = function Theme(_ref) {
|
|
|
4601
4734
|
}, children);
|
|
4602
4735
|
};
|
|
4603
4736
|
|
|
4604
|
-
var _templateObject$
|
|
4605
|
-
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
4606
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4737
|
+
var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$a, _templateObject5$8, _templateObject6$6, _templateObject7$4, _templateObject8$3, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
|
|
4738
|
+
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$B || (_templateObject$B = /*#__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);
|
|
4739
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__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) {
|
|
4607
4740
|
var theme = _ref.theme;
|
|
4608
4741
|
return theme.fonts.mobile.sizes.altHeaders[5];
|
|
4609
4742
|
}, function (_ref2) {
|
|
@@ -4613,9 +4746,9 @@ var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$l |
|
|
|
4613
4746
|
var theme = _ref3.theme;
|
|
4614
4747
|
return theme.fonts.mobile.letterSpacing.altHeaders[5];
|
|
4615
4748
|
}, devices.mobile);
|
|
4616
|
-
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4617
|
-
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4618
|
-
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4749
|
+
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__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);
|
|
4750
|
+
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__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);
|
|
4751
|
+
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__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) {
|
|
4619
4752
|
var theme = _ref4.theme;
|
|
4620
4753
|
return theme.fonts.mobile.sizes.headers[3];
|
|
4621
4754
|
}, function (_ref5) {
|
|
@@ -4640,7 +4773,7 @@ var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_
|
|
|
4640
4773
|
var theme = _ref11.theme;
|
|
4641
4774
|
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
4642
4775
|
});
|
|
4643
|
-
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4776
|
+
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n h6 {\n padding: 0;\n margin: 0 0 4px 0;\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n\n h6 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n\n > div {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n h6 {\n margin: 0 0 8px 0;\n }\n }\n }\n"])), devices.tablet, function (_ref12) {
|
|
4644
4777
|
var theme = _ref12.theme;
|
|
4645
4778
|
return theme.fonts.mobile.sizes.subtitles[2];
|
|
4646
4779
|
}, function (_ref13) {
|
|
@@ -4665,12 +4798,13 @@ var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_t
|
|
|
4665
4798
|
var theme = _ref19.theme;
|
|
4666
4799
|
return theme.fonts.mobile.lineHeights.body[1];
|
|
4667
4800
|
}, devices.mobile);
|
|
4668
|
-
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4669
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
4801
|
+
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n flex-direction: row;\n\n @media ", " {\n & {\n margin-top: 16px;\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n display: flex;\n flex-direction: column;\n }\n"])), devices.tablet, devices.mobile);
|
|
4802
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swiper-slide {\n width: calc(100% - 50px - var(--rotator-button-width));\n -webkit-transform: translate3d(0, 0, 0);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4670
4803
|
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
|
|
4671
4804
|
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: flex;\n grid-area: 1 / 12 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n\n @media ", " {\n & {\n display: flex;\n grid-area: 1 / 11 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4672
4805
|
var HtmlBodyText = /*#__PURE__*/styled__default.p(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
4673
4806
|
var FirstButtonComponentWrapper = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 16px;\n\n @media ", " {\n & {\n display: flex;\n flex-direction: column;\n margin-right: 0;\n margin-bottom: 10px;\n }\n }\n"])), devices.mobile);
|
|
4807
|
+
var TimerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobileAndTablet);
|
|
4674
4808
|
|
|
4675
4809
|
var TEXT_STYLE_HTML_TAGS_REGEXP = '<em>|</em>|<b>|</b>';
|
|
4676
4810
|
var stripAllHtmlTags = function stripAllHtmlTags(htmlString) {
|
|
@@ -4735,7 +4869,8 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
4735
4869
|
|
|
4736
4870
|
var logo = _ref.logo,
|
|
4737
4871
|
carouselTitle = _ref.carouselTitle,
|
|
4738
|
-
slides = _ref.slides
|
|
4872
|
+
slides = _ref.slides,
|
|
4873
|
+
timerParams = _ref.timerParams;
|
|
4739
4874
|
var images = React.useMemo(function () {
|
|
4740
4875
|
return slides.map(function (_ref2) {
|
|
4741
4876
|
var image = _ref2.image;
|
|
@@ -4818,7 +4953,13 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
4818
4953
|
onClickPrev: onPrev
|
|
4819
4954
|
})), /*#__PURE__*/React__default.createElement(InfoWrapper, {
|
|
4820
4955
|
"data-testid": "info-wrapper"
|
|
4821
|
-
},
|
|
4956
|
+
}, timerParams && /*#__PURE__*/React__default.createElement(TimerWrapper$1, {
|
|
4957
|
+
"data-testid": "hightlight-carousel-timer-wrapper"
|
|
4958
|
+
}, /*#__PURE__*/React__default.createElement(Timer, {
|
|
4959
|
+
color: exports.Colors.White,
|
|
4960
|
+
endDate: timerParams.endDate,
|
|
4961
|
+
title: timerParams.title
|
|
4962
|
+
})), logo ? /*#__PURE__*/React__default.createElement(InfoLogoWrapper, null, logo) : null, /*#__PURE__*/React__default.createElement(InfoTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
4822
4963
|
level: 3
|
|
4823
4964
|
}, infoTitle), /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
4824
4965
|
level: 2,
|
|
@@ -4933,20 +5074,20 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
4933
5074
|
})));
|
|
4934
5075
|
};
|
|
4935
5076
|
|
|
4936
|
-
var _templateObject$
|
|
4937
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5077
|
+
var _templateObject$C, _templateObject2$n, _templateObject3$g, _templateObject4$b, _templateObject6$7, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
5078
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
4938
5079
|
var sticky = _ref.sticky;
|
|
4939
5080
|
return sticky ? 'sticky' : 'initial';
|
|
4940
5081
|
}, zIndexes.anchor);
|
|
4941
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4942
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5082
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
5083
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__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) {
|
|
4943
5084
|
var title = _ref2.title;
|
|
4944
5085
|
return title ? 'row' : 'row-reverse';
|
|
4945
5086
|
}, devices.tablet, devices.mobile);
|
|
4946
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4947
|
-
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4948
|
-
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4949
|
-
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$
|
|
5087
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__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);
|
|
5088
|
+
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__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);
|
|
5089
|
+
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
5090
|
+
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) {
|
|
4950
5091
|
var theme = _ref3.theme;
|
|
4951
5092
|
return theme.colors.primaryButtonReverseBg;
|
|
4952
5093
|
}, function (_ref4) {
|
|
@@ -5049,9 +5190,9 @@ var LiveChat = function LiveChat() {
|
|
|
5049
5190
|
});
|
|
5050
5191
|
};
|
|
5051
5192
|
|
|
5052
|
-
var _templateObject$
|
|
5053
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5054
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5193
|
+
var _templateObject$D, _templateObject2$o;
|
|
5194
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
5195
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$o || (_templateObject2$o = /*#__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);
|
|
5055
5196
|
|
|
5056
5197
|
var StickyBar = function StickyBar(_ref) {
|
|
5057
5198
|
var _ref$columnStartDeskt = _ref.columnStartDesktop,
|
|
@@ -5073,12 +5214,12 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
5073
5214
|
}, children)));
|
|
5074
5215
|
};
|
|
5075
5216
|
|
|
5076
|
-
var _templateObject$
|
|
5077
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5078
|
-
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5079
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5080
|
-
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5081
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5217
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$h, _templateObject4$c, _templateObject5$9;
|
|
5218
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
5219
|
+
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
5220
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
5221
|
+
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__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);
|
|
5222
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__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"])));
|
|
5082
5223
|
|
|
5083
5224
|
var Accordion = function Accordion(_ref) {
|
|
5084
5225
|
var _ref$title = _ref.title,
|
|
@@ -5086,6 +5227,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
5086
5227
|
_ref$showLine = _ref.showLine,
|
|
5087
5228
|
showLine = _ref$showLine === void 0 ? true : _ref$showLine,
|
|
5088
5229
|
children = _ref.children,
|
|
5230
|
+
visibleStandfirst = _ref.visibleStandfirst,
|
|
5089
5231
|
_ref$initOpen = _ref.initOpen,
|
|
5090
5232
|
initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen;
|
|
5091
5233
|
|
|
@@ -5118,6 +5260,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
5118
5260
|
}, [content, initOpen]);
|
|
5119
5261
|
|
|
5120
5262
|
var toggleAccordion = function toggleAccordion() {
|
|
5263
|
+
if (!children) return;
|
|
5121
5264
|
setOpenAccordion(!openAccordion);
|
|
5122
5265
|
setTextHeight(openAccordion ? '0px' : content.current.scrollHeight + "px");
|
|
5123
5266
|
setIconName(openAccordion ? 'Expand' : 'Detract');
|
|
@@ -5134,13 +5277,19 @@ var Accordion = function Accordion(_ref) {
|
|
|
5134
5277
|
}
|
|
5135
5278
|
};
|
|
5136
5279
|
|
|
5280
|
+
var Standfirst = function Standfirst() {
|
|
5281
|
+
return visibleStandfirst ? /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, null, visibleStandfirst)) : null;
|
|
5282
|
+
};
|
|
5283
|
+
|
|
5137
5284
|
return /*#__PURE__*/React__default.createElement(AccordionContainer, null, /*#__PURE__*/React__default.createElement(LineContainer, null), /*#__PURE__*/React__default.createElement(TitleContainer$1, {
|
|
5138
5285
|
onClick: toggleAccordion,
|
|
5139
5286
|
onKeyDown: keyDown,
|
|
5140
5287
|
tabIndex: 0
|
|
5141
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
5288
|
+
}, /*#__PURE__*/React__default.createElement("h4", null, /*#__PURE__*/React__default.createElement("a", {
|
|
5289
|
+
className: "accordion-title"
|
|
5290
|
+
}, title)), children && /*#__PURE__*/React__default.createElement(Icon, {
|
|
5142
5291
|
iconName: iconName
|
|
5143
|
-
})), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
5292
|
+
})), /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
5144
5293
|
"data-testid": "richcontainer",
|
|
5145
5294
|
ref: content,
|
|
5146
5295
|
style: {
|
|
@@ -5151,8 +5300,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
5151
5300
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
5152
5301
|
};
|
|
5153
5302
|
|
|
5154
|
-
var _templateObject$
|
|
5155
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5303
|
+
var _templateObject$F;
|
|
5304
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
5156
5305
|
|
|
5157
5306
|
var Accordions = function Accordions(_ref) {
|
|
5158
5307
|
var _ref$items = _ref.items,
|
|
@@ -5166,18 +5315,19 @@ var Accordions = function Accordions(_ref) {
|
|
|
5166
5315
|
return /*#__PURE__*/React__default.createElement(Accordion, {
|
|
5167
5316
|
key: accordion.title + "-" + index,
|
|
5168
5317
|
title: accordion.title,
|
|
5169
|
-
showLine: isLastAccordion(index)
|
|
5318
|
+
showLine: isLastAccordion(index),
|
|
5319
|
+
visibleStandfirst: accordion.visibleStandfirst
|
|
5170
5320
|
}, accordion.children);
|
|
5171
5321
|
}));
|
|
5172
5322
|
};
|
|
5173
5323
|
|
|
5174
|
-
var _templateObject$
|
|
5175
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5324
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$i;
|
|
5325
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__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) {
|
|
5176
5326
|
var theme = _ref.theme;
|
|
5177
5327
|
return theme.colors.primary;
|
|
5178
5328
|
}, devices.mobile);
|
|
5179
|
-
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5180
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5329
|
+
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__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);
|
|
5330
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__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"])));
|
|
5181
5331
|
|
|
5182
5332
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
5183
5333
|
var title = _ref.title,
|
|
@@ -5214,45 +5364,52 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
5214
5364
|
}))))));
|
|
5215
5365
|
};
|
|
5216
5366
|
|
|
5217
|
-
var _templateObject$
|
|
5367
|
+
var _templateObject$H, _templateObject2$r, _templateObject3$j, _templateObject4$d, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$5, _templateObject9$3, _templateObject10$3, _templateObject11$2;
|
|
5218
5368
|
var LENGTH_LARGE_TEXT = 28;
|
|
5219
5369
|
var LENGTH_SMALL_TEXT = 19;
|
|
5220
5370
|
var LENGTH_TEXT_TABLET = 10;
|
|
5221
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5371
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
5222
5372
|
var onlyShowButtonsOnHover = _ref.onlyShowButtonsOnHover;
|
|
5223
5373
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
5224
5374
|
});
|
|
5225
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5226
|
-
var lineColor = _ref2.lineColor
|
|
5227
|
-
|
|
5375
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: ", ";\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), function (_ref2) {
|
|
5376
|
+
var lineColor = _ref2.lineColor,
|
|
5377
|
+
theme = _ref2.theme;
|
|
5378
|
+
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
5228
5379
|
}, zIndexes.contentOverlay);
|
|
5229
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5230
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5380
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
5381
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref3) {
|
|
5231
5382
|
var fullWidth = _ref3.fullWidth;
|
|
5232
5383
|
return fullWidth ? '0' : '20px';
|
|
5233
5384
|
}, function (_ref4) {
|
|
5234
5385
|
var fullWidth = _ref4.fullWidth;
|
|
5235
5386
|
return fullWidth ? '0' : '20px';
|
|
5236
5387
|
});
|
|
5237
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5238
|
-
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
5239
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5240
|
-
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject8$
|
|
5388
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__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);
|
|
5389
|
+
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__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);
|
|
5390
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__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"])));
|
|
5391
|
+
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
5392
|
+
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n position: absolute;\n top: -32px;\n left: 0;\n height: 32px;\n padding: 0 8px;\n background-color: ", ";\n color: var(--base-color-white);\n"])), function (_ref5) {
|
|
5393
|
+
var bgColor = _ref5.bgColor,
|
|
5394
|
+
theme = _ref5.theme;
|
|
5395
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
5396
|
+
});
|
|
5397
|
+
var LabelIconWrapper = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 10px;\n\n svg {\n height: 24px;\n width: 24px;\n }\n"])));
|
|
5241
5398
|
|
|
5242
|
-
var getButtonsOpacity = function getButtonsOpacity(
|
|
5243
|
-
var onlyShowButtonsOnHover =
|
|
5399
|
+
var getButtonsOpacity = function getButtonsOpacity(_ref6) {
|
|
5400
|
+
var onlyShowButtonsOnHover = _ref6.onlyShowButtonsOnHover;
|
|
5244
5401
|
return onlyShowButtonsOnHover ? 'opacity: 0;' : 'opacity: 1;';
|
|
5245
5402
|
};
|
|
5246
5403
|
|
|
5247
|
-
var getButtonsMinHeight = function getButtonsMinHeight(
|
|
5248
|
-
var onlyShowButtonsOnHover =
|
|
5404
|
+
var getButtonsMinHeight = function getButtonsMinHeight(_ref7) {
|
|
5405
|
+
var onlyShowButtonsOnHover = _ref7.onlyShowButtonsOnHover;
|
|
5249
5406
|
return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
|
|
5250
5407
|
};
|
|
5251
5408
|
|
|
5252
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(
|
|
5253
|
-
var size =
|
|
5254
|
-
primaryButtonTextLength =
|
|
5255
|
-
tertiaryButtonTextLength =
|
|
5409
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n gap: 16px;\n margin-top: var(--editorial-margin-between);\n\n ", "\n\n @media ", " {\n ", ";\n margin-left: ", ";\n margin-right: ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), getButtonsOpacity, function (_ref8) {
|
|
5410
|
+
var size = _ref8.size,
|
|
5411
|
+
primaryButtonTextLength = _ref8.primaryButtonTextLength,
|
|
5412
|
+
tertiaryButtonTextLength = _ref8.tertiaryButtonTextLength;
|
|
5256
5413
|
var isLinksLayoutColumn = size === 'small' ? primaryButtonTextLength >= LENGTH_SMALL_TEXT || tertiaryButtonTextLength >= LENGTH_SMALL_TEXT : primaryButtonTextLength >= LENGTH_LARGE_TEXT || tertiaryButtonTextLength >= LENGTH_LARGE_TEXT;
|
|
5257
5414
|
|
|
5258
5415
|
if (isLinksLayoutColumn) {
|
|
@@ -5260,15 +5417,15 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject9$3 ||
|
|
|
5260
5417
|
}
|
|
5261
5418
|
|
|
5262
5419
|
return '';
|
|
5263
|
-
}, devices.mobile, getButtonsMinHeight, function (
|
|
5264
|
-
var fullWidth = _ref8.fullWidth;
|
|
5265
|
-
return fullWidth ? '0' : '20px';
|
|
5266
|
-
}, function (_ref9) {
|
|
5420
|
+
}, devices.mobile, getButtonsMinHeight, function (_ref9) {
|
|
5267
5421
|
var fullWidth = _ref9.fullWidth;
|
|
5268
5422
|
return fullWidth ? '0' : '20px';
|
|
5269
|
-
},
|
|
5270
|
-
var
|
|
5271
|
-
|
|
5423
|
+
}, function (_ref10) {
|
|
5424
|
+
var fullWidth = _ref10.fullWidth;
|
|
5425
|
+
return fullWidth ? '0' : '20px';
|
|
5426
|
+
}, devices.tablet, getButtonsMinHeight, function (_ref11) {
|
|
5427
|
+
var primaryButtonTextLength = _ref11.primaryButtonTextLength,
|
|
5428
|
+
tertiaryButtonTextLength = _ref11.tertiaryButtonTextLength;
|
|
5272
5429
|
var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET;
|
|
5273
5430
|
|
|
5274
5431
|
if (isLinksLayoutColumnTablet) {
|
|
@@ -5278,24 +5435,42 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject9$3 ||
|
|
|
5278
5435
|
return '';
|
|
5279
5436
|
});
|
|
5280
5437
|
|
|
5281
|
-
var _templateObject$
|
|
5282
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5283
|
-
var
|
|
5284
|
-
|
|
5438
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$k;
|
|
5439
|
+
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
5440
|
+
var height = _ref.height;
|
|
5441
|
+
return height ? height + "px" : '6px';
|
|
5442
|
+
});
|
|
5443
|
+
var ElapsedProgressView = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n flex: ", ";\n"])), function (_ref2) {
|
|
5444
|
+
var color = _ref2.color;
|
|
5445
|
+
return color ? "var(--base-color-" + color + ")" : 'var(--base-color-progress)';
|
|
5446
|
+
}, function (_ref3) {
|
|
5447
|
+
var progress = _ref3.progress;
|
|
5285
5448
|
return progress;
|
|
5286
5449
|
});
|
|
5287
|
-
var PendingProgressView = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5288
|
-
var
|
|
5450
|
+
var PendingProgressView = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n opacity: 0.5;\n flex: ", ";\n"])), function (_ref4) {
|
|
5451
|
+
var color = _ref4.color;
|
|
5452
|
+
return color ? "var(--base-color-" + color + ")" : 'var(--base-color-white)';
|
|
5453
|
+
}, function (_ref5) {
|
|
5454
|
+
var progress = _ref5.progress;
|
|
5289
5455
|
return progress;
|
|
5290
5456
|
});
|
|
5291
5457
|
|
|
5292
5458
|
var Progress = function Progress(_ref) {
|
|
5293
5459
|
var _ref$progress = _ref.progress,
|
|
5294
|
-
progress = _ref$progress === void 0 ? 0 : _ref$progress
|
|
5295
|
-
|
|
5460
|
+
progress = _ref$progress === void 0 ? 0 : _ref$progress,
|
|
5461
|
+
_ref$height = _ref.height,
|
|
5462
|
+
height = _ref$height === void 0 ? 6 : _ref$height,
|
|
5463
|
+
elapsedLineColor = _ref.elapsedLineColor,
|
|
5464
|
+
pendingLineColor = _ref.pendingLineColor;
|
|
5465
|
+
return /*#__PURE__*/React__default.createElement(ProgressView, {
|
|
5466
|
+
height: height,
|
|
5467
|
+
"data-testid": "progress-container"
|
|
5468
|
+
}, /*#__PURE__*/React__default.createElement(ElapsedProgressView, {
|
|
5469
|
+
color: elapsedLineColor,
|
|
5296
5470
|
progress: progress,
|
|
5297
5471
|
"data-testid": "elapsedprogress"
|
|
5298
5472
|
}), /*#__PURE__*/React__default.createElement(PendingProgressView, {
|
|
5473
|
+
color: pendingLineColor,
|
|
5299
5474
|
progress: 100 - progress,
|
|
5300
5475
|
"data-testid": "pendingprogress"
|
|
5301
5476
|
}));
|
|
@@ -5310,6 +5485,8 @@ var LENGTH_SMALL_TEXT$1 = 19;
|
|
|
5310
5485
|
var buttonTypeToButton = (_buttonTypeToButton = {}, _buttonTypeToButton[exports.ButtonType.Primary] = PrimaryButton, _buttonTypeToButton[exports.ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton[exports.ButtonType.Tertiary] = Button$1, _buttonTypeToButton);
|
|
5311
5486
|
|
|
5312
5487
|
var Card = function Card(_ref) {
|
|
5488
|
+
var _labelParams$color;
|
|
5489
|
+
|
|
5313
5490
|
var _ref$progress = _ref.progress,
|
|
5314
5491
|
progress = _ref$progress === void 0 ? 0 : _ref$progress,
|
|
5315
5492
|
_ref$title = _ref.title,
|
|
@@ -5331,8 +5508,8 @@ var Card = function Card(_ref) {
|
|
|
5331
5508
|
fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
|
|
5332
5509
|
_ref$onlyShowButtonsO = _ref.onlyShowButtonsOnHover,
|
|
5333
5510
|
onlyShowButtonsOnHover = _ref$onlyShowButtonsO === void 0 ? true : _ref$onlyShowButtonsO,
|
|
5334
|
-
|
|
5335
|
-
|
|
5511
|
+
hoverLineColor = _ref.hoverLineColor,
|
|
5512
|
+
labelParams = _ref.labelParams;
|
|
5336
5513
|
|
|
5337
5514
|
var truncate = function truncate(str, n) {
|
|
5338
5515
|
return str.length >= n ? str.substr(0, n) : str;
|
|
@@ -5385,7 +5562,15 @@ var Card = function Card(_ref) {
|
|
|
5385
5562
|
},
|
|
5386
5563
|
onlyShowButtonsOnHover: onlyShowButtonsOnHover,
|
|
5387
5564
|
"data-testid": "cardcontainer"
|
|
5388
|
-
},
|
|
5565
|
+
}, labelParams && /*#__PURE__*/React__default.createElement(LabelContainer, {
|
|
5566
|
+
bgColor: labelParams.bgColor
|
|
5567
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
5568
|
+
level: 2
|
|
5569
|
+
}, labelParams.text), labelParams.iconName && /*#__PURE__*/React__default.createElement(LabelIconWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
5570
|
+
iconName: labelParams.iconName,
|
|
5571
|
+
direction: labelParams.iconDirection,
|
|
5572
|
+
color: (_labelParams$color = labelParams.color) != null ? _labelParams$color : exports.Colors.White
|
|
5573
|
+
}))), ' ', /*#__PURE__*/React__default.createElement("a", {
|
|
5389
5574
|
href: firstButton == null ? void 0 : firstButton.href,
|
|
5390
5575
|
target: firstButton == null ? void 0 : firstButton.target,
|
|
5391
5576
|
className: "targetLink",
|
|
@@ -5401,7 +5586,8 @@ var Card = function Card(_ref) {
|
|
|
5401
5586
|
src: image,
|
|
5402
5587
|
alt: imageAltText
|
|
5403
5588
|
})), withContinueWatching && /*#__PURE__*/React__default.createElement(ProgressContainer, null, /*#__PURE__*/React__default.createElement(Progress, {
|
|
5404
|
-
progress: progress
|
|
5589
|
+
progress: progress,
|
|
5590
|
+
height: 10
|
|
5405
5591
|
})), /*#__PURE__*/React__default.createElement(ContentContainer$2, {
|
|
5406
5592
|
fullWidth: fullWidth
|
|
5407
5593
|
}, tags ? /*#__PURE__*/React__default.createElement(TypeTags, {
|
|
@@ -5425,9 +5611,9 @@ var Card = function Card(_ref) {
|
|
|
5425
5611
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
5426
5612
|
};
|
|
5427
5613
|
|
|
5428
|
-
var _templateObject$
|
|
5429
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
5430
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
5614
|
+
var _templateObject$J, _templateObject2$t;
|
|
5615
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n {\n grid-row-gap: var(--cards-spacing-stack);\n }\n }\n"])), devices.mobile);
|
|
5616
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n {\n grid-column: 1 / span 14;\n }\n }\n"])), devices.mobile);
|
|
5431
5617
|
|
|
5432
5618
|
var Cards = function Cards(_ref) {
|
|
5433
5619
|
var cards = _ref.cards,
|
|
@@ -5463,23 +5649,24 @@ var Cards = function Cards(_ref) {
|
|
|
5463
5649
|
withContinueWatching: card.withContinueWatching,
|
|
5464
5650
|
onlyShowButtonsOnHover: card.onlyShowButtonsOnHover,
|
|
5465
5651
|
hoverLineColor: card.hoverLineColor,
|
|
5466
|
-
fullWidth: card.fullWidth
|
|
5652
|
+
fullWidth: card.fullWidth,
|
|
5653
|
+
labelParams: card.labelParams
|
|
5467
5654
|
}));
|
|
5468
5655
|
}));
|
|
5469
5656
|
};
|
|
5470
5657
|
|
|
5471
|
-
var _templateObject$
|
|
5472
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5473
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5658
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$l, _templateObject4$e, _templateObject5$b;
|
|
5659
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__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);
|
|
5660
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__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) {
|
|
5474
5661
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
5475
5662
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
5476
5663
|
}, function (_ref2) {
|
|
5477
5664
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
5478
5665
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
5479
5666
|
}, devices.mobileAndTablet);
|
|
5480
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5481
|
-
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5482
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5667
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
5668
|
+
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
5669
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__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);
|
|
5483
5670
|
|
|
5484
5671
|
var divideAddressString = function divideAddressString(address) {
|
|
5485
5672
|
return address.split(',').map(function (chunk) {
|
|
@@ -5536,14 +5723,14 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
5536
5723
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
5537
5724
|
};
|
|
5538
5725
|
|
|
5539
|
-
var _templateObject$
|
|
5540
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$
|
|
5541
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5542
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5726
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$m, _templateObject4$f, _templateObject5$c;
|
|
5727
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), devices.mobile);
|
|
5728
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
5729
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__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) {
|
|
5543
5730
|
return props.showImage ? 2 : '1 / span 4';
|
|
5544
5731
|
}, devices.mobile);
|
|
5545
|
-
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5546
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5732
|
+
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__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);
|
|
5733
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__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) {
|
|
5547
5734
|
return !!props.truncate && "\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n ";
|
|
5548
5735
|
});
|
|
5549
5736
|
|
|
@@ -5603,21 +5790,21 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
5603
5790
|
}), link.text)));
|
|
5604
5791
|
};
|
|
5605
5792
|
|
|
5606
|
-
var _templateObject$
|
|
5607
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5793
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$n, _templateObject4$g, _templateObject5$d;
|
|
5794
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__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) {
|
|
5608
5795
|
var imageToLeft = _ref.imageToLeft;
|
|
5609
5796
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
5610
5797
|
}, devices.mobile);
|
|
5611
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5798
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
5612
5799
|
var imageToLeft = _ref2.imageToLeft;
|
|
5613
5800
|
return imageToLeft ? 'left' : 'right';
|
|
5614
5801
|
}, devices.mobile);
|
|
5615
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5802
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
5616
5803
|
var imageToLeft = _ref3.imageToLeft;
|
|
5617
5804
|
return imageToLeft ? 'right' : 'left';
|
|
5618
5805
|
}, devices.mobile);
|
|
5619
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
5620
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5806
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
5807
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__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"])));
|
|
5621
5808
|
|
|
5622
5809
|
var Editorial = function Editorial(_ref) {
|
|
5623
5810
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -5681,10 +5868,10 @@ var BackgroundColour;
|
|
|
5681
5868
|
BackgroundColour["White"] = "white";
|
|
5682
5869
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
5683
5870
|
|
|
5684
|
-
var _templateObject$
|
|
5685
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
5686
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
5687
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
5871
|
+
var _templateObject$N, _templateObject2$x, _templateObject3$o, _templateObject4$h;
|
|
5872
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$N || (_templateObject$N = /*#__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"])));
|
|
5873
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
5874
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
5688
5875
|
if (!props.infoThemed) {
|
|
5689
5876
|
return;
|
|
5690
5877
|
} else {
|
|
@@ -5695,7 +5882,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$n || (
|
|
|
5695
5882
|
}
|
|
5696
5883
|
}
|
|
5697
5884
|
});
|
|
5698
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
5885
|
+
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
5699
5886
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
5700
5887
|
}, function (props) {
|
|
5701
5888
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -5808,27 +5995,27 @@ var Information = function Information(_ref) {
|
|
|
5808
5995
|
}))));
|
|
5809
5996
|
};
|
|
5810
5997
|
|
|
5811
|
-
var _templateObject$
|
|
5812
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5998
|
+
var _templateObject$O, _templateObject2$y, _templateObject3$p, _templateObject4$i, _templateObject5$e, _templateObject6$9, _templateObject7$7, _templateObject8$6;
|
|
5999
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__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) {
|
|
5813
6000
|
var theme = _ref.theme;
|
|
5814
6001
|
return theme.colors.primary;
|
|
5815
6002
|
}, function (_ref2) {
|
|
5816
6003
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
5817
6004
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
5818
6005
|
}, devices.mobile);
|
|
5819
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5820
|
-
var TitleWrapper$
|
|
6006
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$y || (_templateObject2$y = /*#__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);
|
|
6007
|
+
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__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) {
|
|
5821
6008
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
5822
6009
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
5823
6010
|
}, devices.mobile);
|
|
5824
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6011
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__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) {
|
|
5825
6012
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
5826
6013
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
5827
6014
|
}, devices.mobile);
|
|
5828
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5829
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
5830
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5831
|
-
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
6015
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__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"])));
|
|
6016
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6017
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__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);
|
|
6018
|
+
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
5832
6019
|
|
|
5833
6020
|
var _excluded$f = ["text"];
|
|
5834
6021
|
|
|
@@ -5850,7 +6037,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
5850
6037
|
return /*#__PURE__*/React__default.createElement(PageHeadingWrapper, {
|
|
5851
6038
|
"data-testid": "page-heading-wrapper",
|
|
5852
6039
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
5853
|
-
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
6040
|
+
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$2, {
|
|
5854
6041
|
"data-testid": "page-heading-title",
|
|
5855
6042
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
5856
6043
|
}, children ? /*#__PURE__*/React__default.createElement(ChildrenWrapper, {
|
|
@@ -5906,9 +6093,9 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
5906
6093
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
5907
6094
|
};
|
|
5908
6095
|
|
|
5909
|
-
var _templateObject$
|
|
5910
|
-
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
5911
|
-
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6096
|
+
var _templateObject$P, _templateObject2$z, _templateObject3$q, _templateObject4$j, _templateObject5$f, _templateObject6$a, _templateObject7$8;
|
|
6097
|
+
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$P || (_templateObject$P = /*#__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);
|
|
6098
|
+
var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__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) {
|
|
5912
6099
|
var theme = _ref.theme;
|
|
5913
6100
|
return theme.fonts.mobile.sizes.headers[3];
|
|
5914
6101
|
}, function (_ref2) {
|
|
@@ -5921,7 +6108,7 @@ var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$y
|
|
|
5921
6108
|
var theme = _ref4.theme;
|
|
5922
6109
|
return theme.fonts.mobile.lineHeights.headers[3];
|
|
5923
6110
|
});
|
|
5924
|
-
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6111
|
+
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__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) {
|
|
5925
6112
|
var theme = _ref5.theme;
|
|
5926
6113
|
return theme.fonts.mobile.sizes.body[1];
|
|
5927
6114
|
}, function (_ref6) {
|
|
@@ -5934,19 +6121,19 @@ var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$p |
|
|
|
5934
6121
|
var theme = _ref8.theme;
|
|
5935
6122
|
return theme.fonts.mobile.lineHeights.body[1];
|
|
5936
6123
|
}, devices.mobile);
|
|
5937
|
-
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6124
|
+
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__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) {
|
|
5938
6125
|
var hasImages = _ref9.hasImages;
|
|
5939
6126
|
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
5940
6127
|
}, devices.mobile, function (_ref10) {
|
|
5941
6128
|
var hasImages = _ref10.hasImages;
|
|
5942
6129
|
return hasImages ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
5943
6130
|
});
|
|
5944
|
-
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6131
|
+
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__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) {
|
|
5945
6132
|
var hasMultipleImages = _ref11.hasMultipleImages;
|
|
5946
6133
|
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
5947
6134
|
}, devices.tablet, devices.mobile);
|
|
5948
|
-
var MobileRotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
5949
|
-
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6135
|
+
var MobileRotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div {\n padding-top: 8px;\n }\n\n @media ", ", ", " {\n display: none;\n }\n\n @media ", " {\n .carousel-icon-wrapper-left,\n .carousel-icon-wrapper-right {\n background-color: transparent;\n\n svg path {\n fill: var(--base-color-lightgrey);\n }\n }\n\n .carousel-icon-wrapper-left {\n margin-right: 8px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 2;\n height: 56px;\n\n div {\n padding-top: 6px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 13;\n height: 80px;\n\n div {\n padding-top: 8px;\n }\n }\n"])), devices.desktop, devices.largeDesktop, devices.mobileAndTablet, devices.mobile, devices.tablet);
|
|
6136
|
+
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
|
|
5950
6137
|
|
|
5951
6138
|
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
5952
6139
|
var title = _ref.title,
|
|
@@ -6031,15 +6218,15 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
6031
6218
|
}))));
|
|
6032
6219
|
};
|
|
6033
6220
|
|
|
6034
|
-
var _templateObject$
|
|
6035
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6036
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6037
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
6038
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6039
|
-
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6040
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6041
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6042
|
-
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
6221
|
+
var _templateObject$Q, _templateObject2$A, _templateObject3$r, _templateObject4$k, _templateObject5$g, _templateObject6$b, _templateObject7$9, _templateObject8$7;
|
|
6222
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__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);
|
|
6223
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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);
|
|
6224
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$r || (_templateObject3$r = /*#__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);
|
|
6225
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__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);
|
|
6226
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
6227
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__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);
|
|
6228
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__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);
|
|
6229
|
+
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
6043
6230
|
|
|
6044
6231
|
var _excluded$i = ["text"];
|
|
6045
6232
|
|
|
@@ -6104,8 +6291,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
6104
6291
|
}, "Scroll Down")) : null);
|
|
6105
6292
|
};
|
|
6106
6293
|
|
|
6107
|
-
var _templateObject$
|
|
6108
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6294
|
+
var _templateObject$R;
|
|
6295
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
6109
6296
|
|
|
6110
6297
|
var _excluded$j = ["link"];
|
|
6111
6298
|
|
|
@@ -6125,15 +6312,15 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
6125
6312
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
6126
6313
|
};
|
|
6127
6314
|
|
|
6128
|
-
var _templateObject$
|
|
6129
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$
|
|
6130
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$
|
|
6315
|
+
var _templateObject$S, _templateObject2$B, _templateObject3$s, _templateObject4$l;
|
|
6316
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
6317
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$B || (_templateObject2$B = /*#__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
|
|
6131
6318
|
|
|
6132
|
-
var PageNumber = /*#__PURE__*/styled__default(reactRouterDom.Link)(_templateObject3$
|
|
6319
|
+
var PageNumber = /*#__PURE__*/styled__default(reactRouterDom.Link)(_templateObject3$s || (_templateObject3$s = /*#__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) {
|
|
6133
6320
|
var active = _ref.active;
|
|
6134
6321
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
6135
6322
|
});
|
|
6136
|
-
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$
|
|
6323
|
+
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$l || (_templateObject4$l = /*#__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"])));
|
|
6137
6324
|
|
|
6138
6325
|
var reducePages = function reducePages(pages, currentPage) {
|
|
6139
6326
|
// If there are less than 6 pages, return all pages
|
|
@@ -6160,10 +6347,10 @@ var Pagination = function Pagination(_ref) {
|
|
|
6160
6347
|
currentPage = _ref.currentPage,
|
|
6161
6348
|
baseUrl = _ref.baseUrl;
|
|
6162
6349
|
// Array of page numbers starting at 1
|
|
6163
|
-
var pageNumbers = Array.from(Array(pageCount).keys());
|
|
6350
|
+
var pageNumbers = Array.from(Array(pageCount + 1).keys()).slice(1);
|
|
6164
6351
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
6165
6352
|
return /*#__PURE__*/React__default.createElement(PageNumberWrapper, null, // {/* Left arrow only appears after page 1 */
|
|
6166
|
-
currentPage >
|
|
6353
|
+
currentPage > 1 && /*#__PURE__*/React__default.createElement("li", {
|
|
6167
6354
|
key: "previous-page",
|
|
6168
6355
|
"data-testid": "left-arrow"
|
|
6169
6356
|
}, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
@@ -6171,7 +6358,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
6171
6358
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
6172
6359
|
iconName: "DropdownArrow",
|
|
6173
6360
|
direction: "down"
|
|
6174
|
-
}))), currentPage >
|
|
6361
|
+
}))), currentPage > 3 && /*#__PURE__*/React__default.createElement("li", {
|
|
6175
6362
|
key: "more-before",
|
|
6176
6363
|
"data-testid": "elipsis"
|
|
6177
6364
|
}, /*#__PURE__*/React__default.createElement(MorePages, {
|
|
@@ -6185,13 +6372,13 @@ var Pagination = function Pagination(_ref) {
|
|
|
6185
6372
|
active: "" + (page === currentPage),
|
|
6186
6373
|
to: "" + baseUrl + page,
|
|
6187
6374
|
"data-testid": "page-number"
|
|
6188
|
-
}, page
|
|
6375
|
+
}, page));
|
|
6189
6376
|
}), currentPage + 4 < pageCount && /*#__PURE__*/React__default.createElement("li", {
|
|
6190
6377
|
key: "more-after",
|
|
6191
6378
|
"data-testid": "elipsis"
|
|
6192
6379
|
}, /*#__PURE__*/React__default.createElement(MorePages, {
|
|
6193
6380
|
theme: "core"
|
|
6194
|
-
}, "...")), currentPage
|
|
6381
|
+
}, "...")), currentPage < pageCount && /*#__PURE__*/React__default.createElement("li", {
|
|
6195
6382
|
key: "next-page",
|
|
6196
6383
|
"data-testid": "right-arrow"
|
|
6197
6384
|
}, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
@@ -6202,13 +6389,13 @@ var Pagination = function Pagination(_ref) {
|
|
|
6202
6389
|
}))));
|
|
6203
6390
|
};
|
|
6204
6391
|
|
|
6205
|
-
var _templateObject$
|
|
6206
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6207
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6208
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6209
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6210
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6211
|
-
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$
|
|
6392
|
+
var _templateObject$T, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$c;
|
|
6393
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$T || (_templateObject$T = /*#__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);
|
|
6394
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
6395
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
6396
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
6397
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
6398
|
+
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$c || (_templateObject6$c = /*#__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"])));
|
|
6212
6399
|
|
|
6213
6400
|
var Person = function Person(_ref) {
|
|
6214
6401
|
var person = _ref.person,
|
|
@@ -6259,41 +6446,42 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
6259
6446
|
}));
|
|
6260
6447
|
};
|
|
6261
6448
|
|
|
6262
|
-
var _templateObject$
|
|
6449
|
+
var _templateObject$U, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i, _templateObject6$d, _templateObject7$a, _templateObject8$8, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$1, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
6263
6450
|
var LENGTH_TEXT = 28;
|
|
6264
6451
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
6265
6452
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
6266
6453
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
6267
6454
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
6268
6455
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
6269
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6456
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$U || (_templateObject$U = /*#__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) {
|
|
6270
6457
|
var imageToLeft = _ref.imageToLeft;
|
|
6271
6458
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
6272
6459
|
}, devices.tablet, function (_ref2) {
|
|
6273
6460
|
var imageToLeft = _ref2.imageToLeft;
|
|
6274
6461
|
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'";
|
|
6275
|
-
}, devices.mobile, function (
|
|
6462
|
+
}, devices.mobile, function (_ref3) {
|
|
6463
|
+
var asCard = _ref3.asCard;
|
|
6276
6464
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
6277
6465
|
});
|
|
6278
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
6279
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6280
|
-
var theme = _ref3.theme;
|
|
6281
|
-
return theme.colors.black;
|
|
6282
|
-
}, function (_ref4) {
|
|
6466
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$D || (_templateObject2$D = /*#__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"])));
|
|
6467
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__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) {
|
|
6283
6468
|
var theme = _ref4.theme;
|
|
6284
|
-
return theme.colors.
|
|
6469
|
+
return theme.colors.black;
|
|
6285
6470
|
}, function (_ref5) {
|
|
6286
6471
|
var theme = _ref5.theme;
|
|
6472
|
+
return theme.colors.darkgrey;
|
|
6473
|
+
}, function (_ref6) {
|
|
6474
|
+
var theme = _ref6.theme;
|
|
6287
6475
|
return theme.colors.primary;
|
|
6288
6476
|
});
|
|
6289
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6290
|
-
var hasTextLinks =
|
|
6477
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$n || (_templateObject4$n = /*#__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) {
|
|
6478
|
+
var hasTextLinks = _ref7.hasTextLinks;
|
|
6291
6479
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
6292
|
-
}, function (
|
|
6293
|
-
var
|
|
6294
|
-
primaryButtonTextLength =
|
|
6295
|
-
|
|
6296
|
-
tertiaryButtonTextLength =
|
|
6480
|
+
}, function (_ref8) {
|
|
6481
|
+
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
6482
|
+
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
6483
|
+
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
6484
|
+
tertiaryButtonTextLength = _ref8$tertiaryButtonT === void 0 ? 0 : _ref8$tertiaryButtonT;
|
|
6297
6485
|
var isLinksLayoutColumn = primaryButtonTextLength >= LENGTH_TEXT || tertiaryButtonTextLength >= LENGTH_TEXT;
|
|
6298
6486
|
|
|
6299
6487
|
if (isLinksLayoutColumn) {
|
|
@@ -6301,11 +6489,11 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$m ||
|
|
|
6301
6489
|
}
|
|
6302
6490
|
|
|
6303
6491
|
return '';
|
|
6304
|
-
}, devices.mobile, devices.tablet, function (
|
|
6305
|
-
var
|
|
6306
|
-
primaryButtonTextLength =
|
|
6307
|
-
|
|
6308
|
-
tertiaryButtonTextLength =
|
|
6492
|
+
}, devices.mobile, devices.tablet, function (_ref9) {
|
|
6493
|
+
var _ref9$primaryButtonTe = _ref9.primaryButtonTextLength,
|
|
6494
|
+
primaryButtonTextLength = _ref9$primaryButtonTe === void 0 ? 0 : _ref9$primaryButtonTe,
|
|
6495
|
+
_ref9$tertiaryButtonT = _ref9.tertiaryButtonTextLength,
|
|
6496
|
+
tertiaryButtonTextLength = _ref9$tertiaryButtonT === void 0 ? 0 : _ref9$tertiaryButtonT;
|
|
6309
6497
|
var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET$1 || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET$1;
|
|
6310
6498
|
|
|
6311
6499
|
if (isLinksLayoutColumnTablet) {
|
|
@@ -6314,35 +6502,38 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$m ||
|
|
|
6314
6502
|
|
|
6315
6503
|
return '';
|
|
6316
6504
|
});
|
|
6317
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6318
|
-
var marginBottom =
|
|
6505
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref10) {
|
|
6506
|
+
var marginBottom = _ref10.marginBottom;
|
|
6319
6507
|
return marginBottom + "px";
|
|
6320
6508
|
});
|
|
6321
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$
|
|
6322
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6323
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
6509
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
6510
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
6511
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
6324
6512
|
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
6325
|
-
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
6326
|
-
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$
|
|
6513
|
+
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
6514
|
+
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n"])));
|
|
6327
6515
|
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin: 0 50px 0 20px;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
6328
|
-
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6516
|
+
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6329
6517
|
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6330
6518
|
var PromoWithTagsTextLink = /*#__PURE__*/styled__default(TextLink)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6331
6519
|
var asCardOverrides = /*#__PURE__*/styled.css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", " {\n font-size: var(--font-size-subtitle-2);\n }\n\n ", " {\n font-size: var(--font-size-overline-1);\n }\n\n ", " {\n flex-direction: row;\n @media ", " {\n flex-direction: row;\n }\n }\n\n ", " {\n font-size: var(--font-size-overline-2);\n font-weight: var(--font-weight-overline-2);\n line-height: var(--line-height-overline-2);\n letter-spacing: var(--letter-spacing-overline-2);\n }\n"])), PromoWithTagsSubtitle, PromoWithTagsTypeTags, ButtonsContainer$2, devices.tablet, PromoWithTagsTextLink);
|
|
6332
|
-
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (
|
|
6333
|
-
var imageToLeft =
|
|
6520
|
+
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref11) {
|
|
6521
|
+
var imageToLeft = _ref11.imageToLeft;
|
|
6334
6522
|
return imageToLeft ? 'left' : 'right';
|
|
6335
6523
|
}, devices.mobile);
|
|
6336
|
-
var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n display: ", ";\n grid-area: row2;\n align-self: start;\n }\n }\n\n ", "\n"])), function (
|
|
6337
|
-
var imageToLeft =
|
|
6524
|
+
var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n display: ", ";\n grid-area: row2;\n align-self: start;\n }\n }\n\n ", "\n"])), function (_ref12) {
|
|
6525
|
+
var imageToLeft = _ref12.imageToLeft;
|
|
6338
6526
|
return imageToLeft ? 'right' : 'left';
|
|
6339
|
-
}, devices.mobile, function (
|
|
6340
|
-
var hideSection =
|
|
6527
|
+
}, devices.mobile, function (_ref13) {
|
|
6528
|
+
var hideSection = _ref13.hideSection;
|
|
6341
6529
|
return hideSection ? 'none' : 'block';
|
|
6342
|
-
}, function (
|
|
6530
|
+
}, function (_ref14) {
|
|
6531
|
+
var asCard = _ref14.asCard;
|
|
6343
6532
|
return asCard && asCardOverrides;
|
|
6344
6533
|
});
|
|
6345
6534
|
var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
|
|
6535
|
+
var TimerWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
6536
|
+
var EndDateText = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid var(--base-color-black);\n padding-bottom: 32px;\n margin-bottom: 32px;\n\n @media ", " {\n padding-bottom: 20px;\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
6346
6537
|
|
|
6347
6538
|
var _excluded$k = ["text"],
|
|
6348
6539
|
_excluded2$3 = ["text"],
|
|
@@ -6372,12 +6563,17 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
6372
6563
|
_ref$disableCTA = _ref.disableCTA,
|
|
6373
6564
|
disableCTA = _ref$disableCTA === void 0 ? false : _ref$disableCTA,
|
|
6374
6565
|
_ref$disabledCTACopy = _ref.disabledCTACopy,
|
|
6375
|
-
disabledCTACopy = _ref$disabledCTACopy === void 0 ? 'Sold Out' : _ref$disabledCTACopy
|
|
6566
|
+
disabledCTACopy = _ref$disabledCTACopy === void 0 ? 'Sold Out' : _ref$disabledCTACopy,
|
|
6567
|
+
timerParams = _ref.timerParams;
|
|
6376
6568
|
|
|
6377
6569
|
var _useState = React.useState(false),
|
|
6378
6570
|
showExtraContent = _useState[0],
|
|
6379
6571
|
setShowExtraContent = _useState[1];
|
|
6380
6572
|
|
|
6573
|
+
var _useState2 = React.useState(true),
|
|
6574
|
+
isTimerActive = _useState2[0],
|
|
6575
|
+
setIsTimerActive = _useState2[1];
|
|
6576
|
+
|
|
6381
6577
|
var truncate = function truncate(str, n) {
|
|
6382
6578
|
return str.length >= n ? str.substr(0, n) : str;
|
|
6383
6579
|
};
|
|
@@ -6435,6 +6631,29 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
6435
6631
|
key: index
|
|
6436
6632
|
}, /*#__PURE__*/React__default.createElement(PromoWithTagsTextLink, Object.assign({}, restTextLink), textLinkText));
|
|
6437
6633
|
}) : null;
|
|
6634
|
+
|
|
6635
|
+
var renderTimerBlock = function renderTimerBlock() {
|
|
6636
|
+
if (!timerParams) return null;
|
|
6637
|
+
|
|
6638
|
+
if (!isTimerActive && timerParams.endDateText) {
|
|
6639
|
+
return /*#__PURE__*/React__default.createElement(EndDateText, {
|
|
6640
|
+
"data-testid": "promo-with-tags-timer-end-date-text"
|
|
6641
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
6642
|
+
level: 5
|
|
6643
|
+
}, timerParams.endDateText));
|
|
6644
|
+
}
|
|
6645
|
+
|
|
6646
|
+
return /*#__PURE__*/React__default.createElement(TimerWrapper$2, {
|
|
6647
|
+
"data-testid": "promo-with-tags-timer-wrapper"
|
|
6648
|
+
}, /*#__PURE__*/React__default.createElement(Timer, {
|
|
6649
|
+
endDateHandler: function endDateHandler() {
|
|
6650
|
+
return setIsTimerActive(false);
|
|
6651
|
+
},
|
|
6652
|
+
endDate: timerParams.endDate,
|
|
6653
|
+
title: 'Live stream starts in:'
|
|
6654
|
+
}));
|
|
6655
|
+
};
|
|
6656
|
+
|
|
6438
6657
|
return /*#__PURE__*/React__default.createElement(PromoWithTagsGrid, {
|
|
6439
6658
|
id: anchorLink,
|
|
6440
6659
|
"data-testid": "grid-wrapper",
|
|
@@ -6445,7 +6664,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
6445
6664
|
imageToLeft: imageToLeft,
|
|
6446
6665
|
hideSection: showExtraContent,
|
|
6447
6666
|
asCard: asCard
|
|
6448
|
-
}, /*#__PURE__*/React__default.createElement(PromoWithTagsContainer, null, !!(aboveTitleTags != null && aboveTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
6667
|
+
}, renderTimerBlock(), /*#__PURE__*/React__default.createElement(PromoWithTagsContainer, null, !!(aboveTitleTags != null && aboveTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
6449
6668
|
marginBottom: 16
|
|
6450
6669
|
}, /*#__PURE__*/React__default.createElement(PromoWithTagsTypeTags, {
|
|
6451
6670
|
list: aboveTitleTags
|
|
@@ -6508,27 +6727,27 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
6508
6727
|
}))));
|
|
6509
6728
|
};
|
|
6510
6729
|
|
|
6511
|
-
var _templateObject$
|
|
6730
|
+
var _templateObject$V, _templateObject2$E, _templateObject3$v, _templateObject4$o, _templateObject5$j, _templateObject6$e, _templateObject7$b;
|
|
6512
6731
|
var LENGTH_TEXT$2 = 28;
|
|
6513
6732
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
6514
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6733
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$V || (_templateObject$V = /*#__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) {
|
|
6515
6734
|
var imageToLeft = _ref.imageToLeft;
|
|
6516
6735
|
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'";
|
|
6517
6736
|
}, devices.tablet, function (_ref2) {
|
|
6518
6737
|
var imageToLeft = _ref2.imageToLeft;
|
|
6519
6738
|
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'";
|
|
6520
6739
|
}, devices.mobile);
|
|
6521
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6740
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
6522
6741
|
var imageToLeft = _ref3.imageToLeft;
|
|
6523
6742
|
return imageToLeft ? 'left' : 'right';
|
|
6524
6743
|
}, devices.mobile);
|
|
6525
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6744
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__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) {
|
|
6526
6745
|
var imageToLeft = _ref4.imageToLeft;
|
|
6527
6746
|
return imageToLeft ? 'right' : 'left';
|
|
6528
6747
|
}, devices.mobile);
|
|
6529
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6530
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
6531
|
-
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6748
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$o || (_templateObject4$o = /*#__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);
|
|
6749
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$j || (_templateObject5$j = /*#__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"])));
|
|
6750
|
+
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n 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) {
|
|
6532
6751
|
var theme = _ref5.theme;
|
|
6533
6752
|
return theme.colors.black;
|
|
6534
6753
|
}, function (_ref6) {
|
|
@@ -6538,7 +6757,7 @@ var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$d ||
|
|
|
6538
6757
|
var theme = _ref7.theme;
|
|
6539
6758
|
return theme.colors.primary;
|
|
6540
6759
|
});
|
|
6541
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6760
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref8) {
|
|
6542
6761
|
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
6543
6762
|
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
6544
6763
|
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
@@ -6625,8 +6844,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
6625
6844
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
6626
6845
|
};
|
|
6627
6846
|
|
|
6628
|
-
var _templateObject$
|
|
6629
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6847
|
+
var _templateObject$W;
|
|
6848
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__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);
|
|
6630
6849
|
|
|
6631
6850
|
var SectionTitle = function SectionTitle(_ref) {
|
|
6632
6851
|
var title = _ref.title,
|
|
@@ -6652,8 +6871,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
6652
6871
|
}, description))));
|
|
6653
6872
|
};
|
|
6654
6873
|
|
|
6655
|
-
var _templateObject$
|
|
6656
|
-
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6874
|
+
var _templateObject$X;
|
|
6875
|
+
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -24px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 20px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
6657
6876
|
var theme = _ref.theme;
|
|
6658
6877
|
return theme.colors.primary;
|
|
6659
6878
|
});
|
|
@@ -6681,8 +6900,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
6681
6900
|
})));
|
|
6682
6901
|
};
|
|
6683
6902
|
|
|
6684
|
-
var _templateObject$
|
|
6685
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6903
|
+
var _templateObject$Y, _templateObject2$F;
|
|
6904
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__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) {
|
|
6686
6905
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
6687
6906
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
6688
6907
|
return aspectRatio;
|
|
@@ -6692,7 +6911,7 @@ var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$X || (_template
|
|
|
6692
6911
|
height = _ref2.height;
|
|
6693
6912
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
6694
6913
|
});
|
|
6695
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6914
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__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"])));
|
|
6696
6915
|
|
|
6697
6916
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
6698
6917
|
var caption = _ref.caption,
|
|
@@ -6730,13 +6949,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
6730
6949
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
6731
6950
|
};
|
|
6732
6951
|
|
|
6733
|
-
var _templateObject$
|
|
6734
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6735
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6952
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$w;
|
|
6953
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
6954
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
6736
6955
|
var displayAttribution = _ref.displayAttribution;
|
|
6737
6956
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
6738
6957
|
});
|
|
6739
|
-
var Line = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6958
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__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);
|
|
6740
6959
|
|
|
6741
6960
|
var Quote = function Quote(_ref) {
|
|
6742
6961
|
var text = _ref.text,
|
|
@@ -6755,13 +6974,13 @@ var Quote = function Quote(_ref) {
|
|
|
6755
6974
|
}))), /*#__PURE__*/React__default.createElement(AttributionWrapper, {
|
|
6756
6975
|
displayAttribution: attribution,
|
|
6757
6976
|
"data-testid": "quote-attribution-block"
|
|
6758
|
-
}, /*#__PURE__*/React__default.createElement(Line, null), /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
6977
|
+
}, /*#__PURE__*/React__default.createElement(Line$1, null), /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
6759
6978
|
level: 1
|
|
6760
6979
|
}, attribution))));
|
|
6761
6980
|
};
|
|
6762
6981
|
|
|
6763
|
-
var _templateObject$
|
|
6764
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
6982
|
+
var _templateObject$_;
|
|
6983
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
6765
6984
|
var theme = _ref.theme;
|
|
6766
6985
|
return theme.colors.primary;
|
|
6767
6986
|
}, function (_ref2) {
|
|
@@ -7732,6 +7951,7 @@ exports.TextLink = TextLink;
|
|
|
7732
7951
|
exports.TextOnly = TextOnly;
|
|
7733
7952
|
exports.ThemeProvider = Theme;
|
|
7734
7953
|
exports.Tickbox = Tickbox;
|
|
7954
|
+
exports.Timer = Timer;
|
|
7735
7955
|
exports.TitleWithCTA = TitleWithCTA;
|
|
7736
7956
|
exports.TypeTags = TypeTags;
|
|
7737
7957
|
exports.devices = devices;
|