@royaloperahouse/chord 0.4.1 → 0.5.0
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 +14 -0
- package/README.md +2 -2
- package/dist/chord.cjs.development.js +688 -293
- 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 +681 -288
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/ControlledDropdown/ControlledDropdown.style.d.ts +4 -1
- package/dist/components/atoms/Dropdown/Dropdown.style.d.ts +2 -2
- package/dist/components/atoms/Tab/Tab.d.ts +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/organisms/HighlightsCarousel/HighlightsCarousel.d.ts +5 -0
- package/dist/components/organisms/HighlightsCarousel/HighlightsCarousel.style.d.ts +10 -0
- package/dist/components/organisms/HighlightsCarousel/HighlightsCinema.d.ts +4 -0
- package/dist/components/organisms/HighlightsCarousel/HighlightsCore.d.ts +4 -0
- package/dist/components/organisms/HighlightsCarousel/HighlightsStream.d.ts +4 -0
- package/dist/components/organisms/HighlightsCarousel/index.d.ts +5 -0
- package/dist/components/organisms/index.d.ts +2 -1
- package/dist/index.d.ts +3 -3
- package/dist/types/carousel.d.ts +60 -1
- package/dist/types/index.d.ts +3 -1
- package/dist/types/navigation.d.ts +2 -2
- package/dist/types/types.d.ts +22 -0
- package/package.json +1 -1
|
@@ -1990,6 +1990,17 @@ var Button = function Button(_ref) {
|
|
|
1990
1990
|
})) : null, truncatedString);
|
|
1991
1991
|
};
|
|
1992
1992
|
|
|
1993
|
+
var _templateObject$3;
|
|
1994
|
+
var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n"])), function (_ref) {
|
|
1995
|
+
var bgColor = _ref.bgColor,
|
|
1996
|
+
theme = _ref.theme;
|
|
1997
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
1998
|
+
}, function (_ref2) {
|
|
1999
|
+
var bgColor = _ref2.bgColor,
|
|
2000
|
+
theme = _ref2.theme;
|
|
2001
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
2002
|
+
});
|
|
2003
|
+
|
|
1993
2004
|
(function (Colors) {
|
|
1994
2005
|
Colors["White"] = "white";
|
|
1995
2006
|
Colors["Black"] = "black";
|
|
@@ -2012,17 +2023,6 @@ var Button = function Button(_ref) {
|
|
|
2012
2023
|
ThemeType["Cinema"] = "cinema";
|
|
2013
2024
|
})(exports.ThemeType || (exports.ThemeType = {}));
|
|
2014
2025
|
|
|
2015
|
-
var _templateObject$3;
|
|
2016
|
-
var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-", ");\n border-color: var(--base-color-", ");\n"])), function (_ref) {
|
|
2017
|
-
var _ref$bgColor = _ref.bgColor,
|
|
2018
|
-
bgColor = _ref$bgColor === void 0 ? exports.Colors.Primary : _ref$bgColor;
|
|
2019
|
-
return bgColor;
|
|
2020
|
-
}, function (_ref2) {
|
|
2021
|
-
var _ref2$bgColor = _ref2.bgColor,
|
|
2022
|
-
bgColor = _ref2$bgColor === void 0 ? exports.Colors.Primary : _ref2$bgColor;
|
|
2023
|
-
return bgColor;
|
|
2024
|
-
});
|
|
2025
|
-
|
|
2026
2026
|
var _excluded$1 = ["children"];
|
|
2027
2027
|
|
|
2028
2028
|
var PrimaryButton = function PrimaryButton(_ref) {
|
|
@@ -2035,10 +2035,10 @@ var PrimaryButton = function PrimaryButton(_ref) {
|
|
|
2035
2035
|
};
|
|
2036
2036
|
|
|
2037
2037
|
var _templateObject$4;
|
|
2038
|
-
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-transparent);\n border-color:
|
|
2039
|
-
var
|
|
2040
|
-
|
|
2041
|
-
return color;
|
|
2038
|
+
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-transparent);\n border-color: ", ";\n"])), function (_ref) {
|
|
2039
|
+
var color = _ref.color,
|
|
2040
|
+
theme = _ref.theme;
|
|
2041
|
+
return color ? "var(--base-color-" + color + ")" : theme.colors.primary;
|
|
2042
2042
|
});
|
|
2043
2043
|
|
|
2044
2044
|
var _excluded$2 = ["children"];
|
|
@@ -2491,6 +2491,8 @@ var Tab = function Tab(_ref) {
|
|
|
2491
2491
|
_ref$titleLink = _ref.titleLink,
|
|
2492
2492
|
titleLink = _ref$titleLink === void 0 ? '' : _ref$titleLink,
|
|
2493
2493
|
onClick = _ref.onClick,
|
|
2494
|
+
onFocus = _ref.onFocus,
|
|
2495
|
+
onReset = _ref.onReset,
|
|
2494
2496
|
_ref$selected = _ref.selected,
|
|
2495
2497
|
selected = _ref$selected === void 0 ? false : _ref$selected,
|
|
2496
2498
|
_ref$iconName = _ref.iconName,
|
|
@@ -2508,6 +2510,18 @@ var Tab = function Tab(_ref) {
|
|
|
2508
2510
|
}
|
|
2509
2511
|
};
|
|
2510
2512
|
|
|
2513
|
+
var onFocusHandler = function onFocusHandler() {
|
|
2514
|
+
return onFocus == null ? void 0 : onFocus();
|
|
2515
|
+
};
|
|
2516
|
+
|
|
2517
|
+
var onKeyDownHandler = function onKeyDownHandler(e) {
|
|
2518
|
+
if (e.code === 'Enter') {
|
|
2519
|
+
clickHandler();
|
|
2520
|
+
} else if (e.code === 'Escape') {
|
|
2521
|
+
onReset == null ? void 0 : onReset();
|
|
2522
|
+
}
|
|
2523
|
+
};
|
|
2524
|
+
|
|
2511
2525
|
return /*#__PURE__*/React__default.createElement(TitleContainer, {
|
|
2512
2526
|
colorPrimary: colorPrimary,
|
|
2513
2527
|
withTextInMobile: withTextInMobile,
|
|
@@ -2515,7 +2529,10 @@ var Tab = function Tab(_ref) {
|
|
|
2515
2529
|
selected: selected,
|
|
2516
2530
|
onClick: function onClick() {
|
|
2517
2531
|
return clickHandler();
|
|
2518
|
-
}
|
|
2532
|
+
},
|
|
2533
|
+
onFocus: onFocusHandler,
|
|
2534
|
+
onKeyDown: onKeyDownHandler,
|
|
2535
|
+
tabIndex: 0
|
|
2519
2536
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
2520
2537
|
withTextInMobile: withTextInMobile
|
|
2521
2538
|
}, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -2593,7 +2610,10 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
2593
2610
|
|
|
2594
2611
|
var _templateObject$h, _templateObject2$4, _templateObject3;
|
|
2595
2612
|
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
2596
|
-
var IconWrapper = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--
|
|
2613
|
+
var IconWrapper = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__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) {
|
|
2614
|
+
var theme = _ref.theme;
|
|
2615
|
+
return theme.colors.primary;
|
|
2616
|
+
}, devices.mobile);
|
|
2597
2617
|
var IconUnavailableWrapper = /*#__PURE__*/styled__default.div(_templateObject3 || (_templateObject3 = /*#__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);
|
|
2598
2618
|
|
|
2599
2619
|
var RotatorButtons = function RotatorButtons(_ref) {
|
|
@@ -2839,11 +2859,19 @@ var Basket$1 = function Basket(_ref) {
|
|
|
2839
2859
|
}
|
|
2840
2860
|
};
|
|
2841
2861
|
|
|
2862
|
+
var onKeyDownHandler = function onKeyDownHandler(e) {
|
|
2863
|
+
if (e.code === 'Enter') {
|
|
2864
|
+
onClickHandler();
|
|
2865
|
+
}
|
|
2866
|
+
};
|
|
2867
|
+
|
|
2842
2868
|
var empty = numItems <= 0;
|
|
2843
2869
|
return /*#__PURE__*/React__default.createElement(BasketContainer, {
|
|
2844
2870
|
selected: selected,
|
|
2845
2871
|
onClick: onClickHandler,
|
|
2846
|
-
|
|
2872
|
+
onKeyDown: onKeyDownHandler,
|
|
2873
|
+
colorPrimary: colorPrimary,
|
|
2874
|
+
tabIndex: 0
|
|
2847
2875
|
}, /*#__PURE__*/React__default.createElement(SvgContainer, null, empty ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
2848
2876
|
iconName: "Basket"
|
|
2849
2877
|
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -2880,11 +2908,20 @@ var Search$1 = function Search(_ref) {
|
|
|
2880
2908
|
onClick = _ref.onClick,
|
|
2881
2909
|
_ref$colorPrimary = _ref.colorPrimary,
|
|
2882
2910
|
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary;
|
|
2911
|
+
|
|
2912
|
+
var onKeyDownHandler = function onKeyDownHandler(e) {
|
|
2913
|
+
if (e.code === 'Enter') {
|
|
2914
|
+
onClick == null ? void 0 : onClick();
|
|
2915
|
+
}
|
|
2916
|
+
};
|
|
2917
|
+
|
|
2883
2918
|
return /*#__PURE__*/React__default.createElement(SearchContainer, {
|
|
2884
2919
|
selected: selected,
|
|
2885
2920
|
onClick: onClick,
|
|
2921
|
+
onKeyDown: onKeyDownHandler,
|
|
2886
2922
|
"data-testid": "search-icon",
|
|
2887
|
-
colorPrimary: colorPrimary
|
|
2923
|
+
colorPrimary: colorPrimary,
|
|
2924
|
+
tabIndex: 0
|
|
2888
2925
|
}, /*#__PURE__*/React__default.createElement(SvgContainer$1, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
2889
2926
|
iconName: "Search"
|
|
2890
2927
|
})));
|
|
@@ -2892,7 +2929,7 @@ var Search$1 = function Search(_ref) {
|
|
|
2892
2929
|
|
|
2893
2930
|
var _templateObject$o, _templateObject2$8, _templateObject3$3;
|
|
2894
2931
|
var TabContainer = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: column;\n position: relative;\n"])));
|
|
2895
|
-
var OptionItem = /*#__PURE__*/styled__default.a(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 text-transform: uppercase;\n\n :hover {\n color: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
2932
|
+
var OptionItem = /*#__PURE__*/styled__default.a(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 text-transform: uppercase;\n\n :hover,\n :focus {\n color: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
2896
2933
|
var colorPrimary = _ref.colorPrimary;
|
|
2897
2934
|
return colorPrimary;
|
|
2898
2935
|
});
|
|
@@ -3011,6 +3048,34 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
3011
3048
|
}
|
|
3012
3049
|
};
|
|
3013
3050
|
|
|
3051
|
+
var onFocusTitleHandler = function onFocusTitleHandler() {
|
|
3052
|
+
if (withOptions()) {
|
|
3053
|
+
setLockOpen(true);
|
|
3054
|
+
setOpen(true);
|
|
3055
|
+
setTitleSelected(titleSelected);
|
|
3056
|
+
}
|
|
3057
|
+
};
|
|
3058
|
+
|
|
3059
|
+
var onResetHandler = function onResetHandler() {
|
|
3060
|
+
setOpen(false);
|
|
3061
|
+
setLockOpen(false);
|
|
3062
|
+
setTitleSelected(false);
|
|
3063
|
+
};
|
|
3064
|
+
|
|
3065
|
+
var onBlurHandler = function onBlurHandler(i) {
|
|
3066
|
+
if (i === options.length - 1) {
|
|
3067
|
+
onResetHandler();
|
|
3068
|
+
}
|
|
3069
|
+
};
|
|
3070
|
+
|
|
3071
|
+
var onKeyDownHandler = function onKeyDownHandler(e, link) {
|
|
3072
|
+
if (e.code === 'Enter') {
|
|
3073
|
+
handleChange(link);
|
|
3074
|
+
} else if (e.code === 'Escape') {
|
|
3075
|
+
onResetHandler();
|
|
3076
|
+
}
|
|
3077
|
+
};
|
|
3078
|
+
|
|
3014
3079
|
var renderTab = function renderTab() {
|
|
3015
3080
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
|
|
3016
3081
|
title: title,
|
|
@@ -3022,6 +3087,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
3022
3087
|
onClick: function onClick(value) {
|
|
3023
3088
|
return handleClickTitle(value);
|
|
3024
3089
|
},
|
|
3090
|
+
onFocus: onFocusTitleHandler,
|
|
3091
|
+
onReset: onResetHandler,
|
|
3025
3092
|
colorPrimary: colorPrimary
|
|
3026
3093
|
}), withOptions() && open && /*#__PURE__*/React__default.createElement(OptionsContainer, {
|
|
3027
3094
|
withOptionsInMobile: withOptionsInMobile,
|
|
@@ -3033,7 +3100,14 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
3033
3100
|
onClick: function onClick() {
|
|
3034
3101
|
return handleChange(optionItem.optionLink);
|
|
3035
3102
|
},
|
|
3036
|
-
|
|
3103
|
+
onBlur: function onBlur() {
|
|
3104
|
+
return onBlurHandler(index);
|
|
3105
|
+
},
|
|
3106
|
+
onKeyDown: function onKeyDown(e) {
|
|
3107
|
+
return onKeyDownHandler(e, optionItem.optionLink);
|
|
3108
|
+
},
|
|
3109
|
+
colorPrimary: colorPrimary,
|
|
3110
|
+
tabIndex: 0
|
|
3037
3111
|
}, optionItem.option);
|
|
3038
3112
|
})));
|
|
3039
3113
|
};
|
|
@@ -3136,9 +3210,9 @@ var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$4 || (_t
|
|
|
3136
3210
|
}, devices.mobileAndTablet);
|
|
3137
3211
|
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
3138
3212
|
|
|
3139
|
-
var _templateObject$q, _templateObject2$a, _templateObject3$5;
|
|
3213
|
+
var _templateObject$q, _templateObject2$a, _templateObject3$5, _templateObject4$3;
|
|
3140
3214
|
var ControlledDropdownWrapper = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: fit-content;\n"])));
|
|
3141
|
-
var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.
|
|
3215
|
+
var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.span(_templateObject2$a || (_templateObject2$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n border-bottom: 1px solid transparent;\n height: 24px;\n line-height: 24px;\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 text-transform: uppercase;\n cursor: pointer;\n\n ", "\n"])), function (_ref) {
|
|
3142
3216
|
var active = _ref.active,
|
|
3143
3217
|
activeColor = _ref.activeColor;
|
|
3144
3218
|
|
|
@@ -3148,7 +3222,10 @@ var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.a(_template
|
|
|
3148
3222
|
return '';
|
|
3149
3223
|
}
|
|
3150
3224
|
});
|
|
3151
|
-
var
|
|
3225
|
+
var ControlledDropdownHeaderContainerLink = /*#__PURE__*/styled__default(ControlledDropdownHeaderContainer).attrs({
|
|
3226
|
+
as: 'a'
|
|
3227
|
+
})(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3228
|
+
var IconWrapper$1 = /*#__PURE__*/styled__default.span(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n"])));
|
|
3152
3229
|
|
|
3153
3230
|
var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
3154
3231
|
var text = _ref.text,
|
|
@@ -3156,11 +3233,13 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3156
3233
|
_ref$activeColor = _ref.activeColor,
|
|
3157
3234
|
activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor,
|
|
3158
3235
|
active = _ref.active,
|
|
3159
|
-
|
|
3236
|
+
onClick = _ref.onClick,
|
|
3160
3237
|
onOptionClick = _ref.onOptionClick,
|
|
3161
3238
|
_onMouseEnter = _ref.onMouseEnter,
|
|
3162
3239
|
_onMouseLeave = _ref.onMouseLeave,
|
|
3163
|
-
onReset = _ref.onReset
|
|
3240
|
+
onReset = _ref.onReset,
|
|
3241
|
+
_onFocus = _ref.onFocus,
|
|
3242
|
+
_onBlur = _ref.onBlur;
|
|
3164
3243
|
var ref = React.useRef();
|
|
3165
3244
|
var resetHandler = React.useCallback(function () {
|
|
3166
3245
|
return onReset == null ? void 0 : onReset();
|
|
@@ -3185,6 +3264,30 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3185
3264
|
|
|
3186
3265
|
return;
|
|
3187
3266
|
}, [ref, resetHandler, active]);
|
|
3267
|
+
|
|
3268
|
+
var handleOptionKeyDown = function handleOptionKeyDown(e, link) {
|
|
3269
|
+
if (e.code === 'Enter') {
|
|
3270
|
+
onOptionClick == null ? void 0 : onOptionClick(link);
|
|
3271
|
+
} else if (e.code === 'Escape') {
|
|
3272
|
+
resetHandler();
|
|
3273
|
+
}
|
|
3274
|
+
};
|
|
3275
|
+
|
|
3276
|
+
var handleHeaderKeyDown = function handleHeaderKeyDown(e) {
|
|
3277
|
+
if (e.code === 'Enter') {
|
|
3278
|
+
onClick == null ? void 0 : onClick();
|
|
3279
|
+
} else if (e.code === 'Escape') {
|
|
3280
|
+
resetHandler();
|
|
3281
|
+
}
|
|
3282
|
+
};
|
|
3283
|
+
|
|
3284
|
+
var handleOptionBlur = function handleOptionBlur(i) {
|
|
3285
|
+
if (i === ((options == null ? void 0 : options.length) || 0) - 1) {
|
|
3286
|
+
_onBlur == null ? void 0 : _onBlur();
|
|
3287
|
+
}
|
|
3288
|
+
};
|
|
3289
|
+
|
|
3290
|
+
var isDropdown = !!(options != null && options.length);
|
|
3188
3291
|
var wrapperEvents = {
|
|
3189
3292
|
onMouseEnter: function onMouseEnter() {
|
|
3190
3293
|
return _onMouseEnter == null ? void 0 : _onMouseEnter();
|
|
@@ -3194,20 +3297,31 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3194
3297
|
}
|
|
3195
3298
|
};
|
|
3196
3299
|
var headerEvents = {
|
|
3197
|
-
|
|
3198
|
-
|
|
3199
|
-
|
|
3300
|
+
onMouseDown: function onMouseDown(e) {
|
|
3301
|
+
e.preventDefault();
|
|
3302
|
+
onClick == null ? void 0 : onClick();
|
|
3303
|
+
},
|
|
3304
|
+
onFocus: function onFocus() {
|
|
3305
|
+
return _onFocus == null ? void 0 : _onFocus();
|
|
3306
|
+
},
|
|
3307
|
+
onBlur: function onBlur() {
|
|
3308
|
+
return !isDropdown && (_onBlur == null ? void 0 : _onBlur());
|
|
3309
|
+
},
|
|
3310
|
+
onKeyDown: handleHeaderKeyDown
|
|
3200
3311
|
};
|
|
3201
3312
|
return /*#__PURE__*/React__default.createElement(ControlledDropdownWrapper, Object.assign({
|
|
3202
3313
|
ref: ref
|
|
3203
|
-
}, wrapperEvents), /*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainer, Object.assign({
|
|
3314
|
+
}, wrapperEvents), isDropdown ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainer, Object.assign({
|
|
3204
3315
|
active: active,
|
|
3205
3316
|
activeColor: activeColor
|
|
3206
|
-
}, headerEvents
|
|
3317
|
+
}, headerEvents, {
|
|
3318
|
+
tabIndex: 0,
|
|
3319
|
+
"data-testid": "span-container"
|
|
3320
|
+
}), text, /*#__PURE__*/React__default.createElement(IconWrapper$1, {
|
|
3207
3321
|
"data-testid": "dropdown-icon"
|
|
3208
3322
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3209
3323
|
iconName: "DropdownArrow"
|
|
3210
|
-
}))
|
|
3324
|
+
}))), active && options ? /*#__PURE__*/React__default.createElement(OptionsContainer, {
|
|
3211
3325
|
colorPrimary: activeColor,
|
|
3212
3326
|
withOptionsInMobile: true
|
|
3213
3327
|
}, options.map(function (optionItem, index) {
|
|
@@ -3216,9 +3330,22 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3216
3330
|
onClick: function onClick() {
|
|
3217
3331
|
return onOptionClick == null ? void 0 : onOptionClick(optionItem.optionLink);
|
|
3218
3332
|
},
|
|
3219
|
-
|
|
3333
|
+
onKeyDown: function onKeyDown(e) {
|
|
3334
|
+
return handleOptionKeyDown(e, optionItem.optionLink);
|
|
3335
|
+
},
|
|
3336
|
+
colorPrimary: activeColor,
|
|
3337
|
+
tabIndex: 0,
|
|
3338
|
+
onBlur: function onBlur() {
|
|
3339
|
+
return handleOptionBlur(index);
|
|
3340
|
+
}
|
|
3220
3341
|
}, optionItem.option);
|
|
3221
|
-
})) : null)
|
|
3342
|
+
})) : null) : /*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainerLink, Object.assign({
|
|
3343
|
+
active: active,
|
|
3344
|
+
activeColor: activeColor
|
|
3345
|
+
}, headerEvents, {
|
|
3346
|
+
"data-testid": "link-container",
|
|
3347
|
+
tabIndex: 0
|
|
3348
|
+
}), text));
|
|
3222
3349
|
};
|
|
3223
3350
|
|
|
3224
3351
|
var Tabs = function Tabs(_ref) {
|
|
@@ -3289,6 +3416,16 @@ var Tabs = function Tabs(_ref) {
|
|
|
3289
3416
|
}
|
|
3290
3417
|
};
|
|
3291
3418
|
|
|
3419
|
+
var _onFocus = function onFocus(i) {
|
|
3420
|
+
return setActiveDropdown(i);
|
|
3421
|
+
};
|
|
3422
|
+
|
|
3423
|
+
var _onBlur = function onBlur(i) {
|
|
3424
|
+
if (i === (items == null ? void 0 : items.length) - 1) {
|
|
3425
|
+
onResetActive();
|
|
3426
|
+
}
|
|
3427
|
+
};
|
|
3428
|
+
|
|
3292
3429
|
return /*#__PURE__*/React__default.createElement(TabsContainer, null, /*#__PURE__*/React__default.createElement(ItemsContainer, {
|
|
3293
3430
|
showMenu: showMenu
|
|
3294
3431
|
}, items.map(function (item, index) {
|
|
@@ -3306,6 +3443,12 @@ var Tabs = function Tabs(_ref) {
|
|
|
3306
3443
|
onMouseLeave: function onMouseLeave() {
|
|
3307
3444
|
return onDropdownMouseLeave();
|
|
3308
3445
|
},
|
|
3446
|
+
onFocus: function onFocus() {
|
|
3447
|
+
return _onFocus(index);
|
|
3448
|
+
},
|
|
3449
|
+
onBlur: function onBlur() {
|
|
3450
|
+
return _onBlur(index);
|
|
3451
|
+
},
|
|
3309
3452
|
onReset: onResetActive,
|
|
3310
3453
|
active: isActiveDropdown(index),
|
|
3311
3454
|
activeColor: colorPrimary
|
|
@@ -3328,11 +3471,11 @@ var Tabs = function Tabs(_ref) {
|
|
|
3328
3471
|
}, "MENU"))));
|
|
3329
3472
|
};
|
|
3330
3473
|
|
|
3331
|
-
var _templateObject$r, _templateObject2$b, _templateObject3$6, _templateObject4$
|
|
3474
|
+
var _templateObject$r, _templateObject2$b, _templateObject3$6, _templateObject4$4, _templateObject5$1, _templateObject6$1;
|
|
3332
3475
|
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100px;\n background-color: var(--base-color-white);\n\n @media ", " {\n column-gap: 12px;\n height: 80px;\n }\n"])), devices.mobile);
|
|
3333
3476
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
3334
3477
|
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$6 || (_templateObject3$6 = /*#__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"])));
|
|
3335
|
-
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3478
|
+
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
3336
3479
|
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
3337
3480
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
3338
3481
|
|
|
@@ -3380,6 +3523,18 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3380
3523
|
searchValue = _useState2[0],
|
|
3381
3524
|
setSearchValue = _useState2[1];
|
|
3382
3525
|
|
|
3526
|
+
var inputRef = React.useRef(null);
|
|
3527
|
+
React.useEffect(function () {
|
|
3528
|
+
var _inputRef$current;
|
|
3529
|
+
|
|
3530
|
+
inputRef == null ? void 0 : (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
|
|
3531
|
+
return function () {
|
|
3532
|
+
var _inputRef$current2;
|
|
3533
|
+
|
|
3534
|
+
return inputRef == null ? void 0 : (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.blur();
|
|
3535
|
+
};
|
|
3536
|
+
}, [inputRef]);
|
|
3537
|
+
|
|
3383
3538
|
var onSearchHandler = function onSearchHandler(value) {
|
|
3384
3539
|
onClick(value);
|
|
3385
3540
|
};
|
|
@@ -3407,10 +3562,17 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3407
3562
|
}
|
|
3408
3563
|
};
|
|
3409
3564
|
|
|
3565
|
+
var onKeyboardCloseHandler = function onKeyboardCloseHandler(e) {
|
|
3566
|
+
if (e.code === 'Enter') {
|
|
3567
|
+
onCloseHandler();
|
|
3568
|
+
}
|
|
3569
|
+
};
|
|
3570
|
+
|
|
3410
3571
|
return /*#__PURE__*/React__default.createElement(SearchBarContainer, null, /*#__PURE__*/React__default.createElement(SvgContainerSearch, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3411
3572
|
iconName: "Search"
|
|
3412
3573
|
})), /*#__PURE__*/React__default.createElement(InputContainer, null, /*#__PURE__*/React__default.createElement("input", {
|
|
3413
3574
|
"data-testid": "input-html",
|
|
3575
|
+
ref: inputRef,
|
|
3414
3576
|
className: "search-input",
|
|
3415
3577
|
placeholder: "Search for anything ROH...",
|
|
3416
3578
|
type: "text",
|
|
@@ -3426,7 +3588,11 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3426
3588
|
color: exports.Colors.Core,
|
|
3427
3589
|
onClick: function onClick() {
|
|
3428
3590
|
return onSearchHandler(searchValue);
|
|
3429
|
-
}
|
|
3591
|
+
},
|
|
3592
|
+
onKeyDown: function onKeyDown(e) {
|
|
3593
|
+
return handleKeypress(e, searchValue);
|
|
3594
|
+
},
|
|
3595
|
+
tabIndex: 0
|
|
3430
3596
|
}, "SEARCH")), /*#__PURE__*/React__default.createElement(SearchArrowContainer, {
|
|
3431
3597
|
"data-testid": "search-arrow-button",
|
|
3432
3598
|
onClick: function onClick() {
|
|
@@ -3436,7 +3602,9 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3436
3602
|
iconName: "Arrow",
|
|
3437
3603
|
color: exports.Colors.Core
|
|
3438
3604
|
}))), /*#__PURE__*/React__default.createElement(SvgContainerClose, {
|
|
3605
|
+
tabIndex: 0,
|
|
3439
3606
|
onClick: onCloseHandler,
|
|
3607
|
+
onKeyDown: onKeyboardCloseHandler,
|
|
3440
3608
|
"data-testid": "close-icon"
|
|
3441
3609
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3442
3610
|
iconName: "Close"
|
|
@@ -3557,11 +3725,11 @@ var Navigation = function Navigation(_ref) {
|
|
|
3557
3725
|
})))));
|
|
3558
3726
|
};
|
|
3559
3727
|
|
|
3560
|
-
var _templateObject$t, _templateObject2$d, _templateObject3$7, _templateObject4$
|
|
3728
|
+
var _templateObject$t, _templateObject2$d, _templateObject3$7, _templateObject4$5, _templateObject5$2, _templateObject6$2;
|
|
3561
3729
|
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
3562
3730
|
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__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"])));
|
|
3563
3731
|
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$7 || (_templateObject3$7 = /*#__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);
|
|
3564
|
-
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3732
|
+
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
3565
3733
|
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
3566
3734
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$2 || (_templateObject6$2 = /*#__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);
|
|
3567
3735
|
|
|
@@ -3584,11 +3752,11 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
3584
3752
|
}));
|
|
3585
3753
|
};
|
|
3586
3754
|
|
|
3587
|
-
var _templateObject$v, _templateObject2$f, _templateObject3$9, _templateObject4$
|
|
3755
|
+
var _templateObject$v, _templateObject2$f, _templateObject3$9, _templateObject4$6, _templateObject5$3, _templateObject6$3, _templateObject7$1, _templateObject8$1;
|
|
3588
3756
|
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__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);
|
|
3589
3757
|
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__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);
|
|
3590
3758
|
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$9 || (_templateObject3$9 = /*#__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);
|
|
3591
|
-
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
3759
|
+
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$6 || (_templateObject4$6 = /*#__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);
|
|
3592
3760
|
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templateObject5$3 = /*#__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);
|
|
3593
3761
|
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__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);
|
|
3594
3762
|
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
@@ -3658,11 +3826,11 @@ var Footer = function Footer(_ref) {
|
|
|
3658
3826
|
}, additionalInfo)))));
|
|
3659
3827
|
};
|
|
3660
3828
|
|
|
3661
|
-
var _templateObject$w, _templateObject2$g, _templateObject3$a, _templateObject4$
|
|
3829
|
+
var _templateObject$w, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$4, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10, _templateObject11;
|
|
3662
3830
|
var AnchorTapbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), zIndexes.anchor);
|
|
3663
3831
|
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
3664
3832
|
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n height: 50px;\n }\n }\n"])), devices.mobile);
|
|
3665
|
-
var ButtonsDesktopGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject4$
|
|
3833
|
+
var ButtonsDesktopGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
3666
3834
|
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
3667
3835
|
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
3668
3836
|
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: 32px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref) {
|
|
@@ -3825,7 +3993,8 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
3825
3993
|
selected: isSelectedItem(id),
|
|
3826
3994
|
onClick: function onClick(e) {
|
|
3827
3995
|
return onClicktab(e, id);
|
|
3828
|
-
}
|
|
3996
|
+
},
|
|
3997
|
+
tabIndex: 0
|
|
3829
3998
|
}, rest), text));
|
|
3830
3999
|
})), tabsOverflow ? /*#__PURE__*/React__default.createElement(ArrowsContainer, null, !scrollStart ? /*#__PURE__*/React__default.createElement(ArrowWrapper, {
|
|
3831
4000
|
onClick: scrollToLeft
|
|
@@ -3839,22 +4008,20 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
3839
4008
|
})) : null) : null))), links != null && links[0] ? /*#__PURE__*/React__default.createElement(ButtonsMobileWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, primaryButtonProps), primaryButtonText)) : null);
|
|
3840
4009
|
};
|
|
3841
4010
|
|
|
3842
|
-
var CarouselType;
|
|
3843
|
-
|
|
3844
4011
|
(function (CarouselType) {
|
|
3845
4012
|
CarouselType["Image"] = "image";
|
|
3846
4013
|
CarouselType["SmallCard"] = "SmallCard";
|
|
3847
4014
|
CarouselType["LargeCard"] = "LargeCard";
|
|
3848
|
-
})(CarouselType || (CarouselType = {}));
|
|
4015
|
+
})(exports.CarouselType || (exports.CarouselType = {}));
|
|
3849
4016
|
|
|
3850
|
-
var _templateObject$x, _templateObject2$h, _templateObject3$b, _templateObject4$
|
|
3851
|
-
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
4017
|
+
var _templateObject$x, _templateObject2$h, _templateObject3$b, _templateObject4$8;
|
|
4018
|
+
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
3852
4019
|
var type = _ref.type,
|
|
3853
4020
|
imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
3854
4021
|
|
|
3855
|
-
if (type !== CarouselType.Image) {
|
|
3856
|
-
var numberOfGaps = type === CarouselType.LargeCard ? 4 : 3;
|
|
3857
|
-
var numberOfColumns = type === CarouselType.LargeCard ? 5 : 4;
|
|
4022
|
+
if (type !== exports.CarouselType.Image) {
|
|
4023
|
+
var numberOfGaps = type === exports.CarouselType.LargeCard ? 4 : 3;
|
|
4024
|
+
var numberOfColumns = type === exports.CarouselType.LargeCard ? 5 : 4;
|
|
3858
4025
|
var gapsSpace = "calc(var(--grid-column-gap) * " + numberOfGaps + ")";
|
|
3859
4026
|
var gapsInMainGraid = 'calc(11 * var(--grid-column-gap))';
|
|
3860
4027
|
var calcColumns = "calc(calc(80% - " + gapsInMainGraid + ") * " + numberOfColumns + " / 12)";
|
|
@@ -3867,7 +4034,7 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_te
|
|
|
3867
4034
|
type = _ref2.type,
|
|
3868
4035
|
imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
3869
4036
|
|
|
3870
|
-
if (type !== CarouselType.Image) {
|
|
4037
|
+
if (type !== exports.CarouselType.Image) {
|
|
3871
4038
|
var gapsSpace = 'calc(var(--grid-column-gap) * 9)';
|
|
3872
4039
|
var numberOfColumns = 10;
|
|
3873
4040
|
var gapsInMainGraid = 'calc(11 * var(--grid-column-gap))';
|
|
@@ -3881,8 +4048,8 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_te
|
|
|
3881
4048
|
}
|
|
3882
4049
|
});
|
|
3883
4050
|
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
3884
|
-
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n h3 {\n padding: 0;\n margin: 0;\n }\n"])));
|
|
3885
|
-
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4051
|
+
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n user-select: text;\n\n h3 {\n padding: 0;\n margin: 0;\n }\n"])));
|
|
4052
|
+
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
3886
4053
|
|
|
3887
4054
|
var Carousel = function Carousel(_ref) {
|
|
3888
4055
|
var children = _ref.children,
|
|
@@ -3989,12 +4156,233 @@ var Carousel = function Carousel(_ref) {
|
|
|
3989
4156
|
})))));
|
|
3990
4157
|
};
|
|
3991
4158
|
|
|
3992
|
-
var _templateObject$y, _templateObject2$i, _templateObject3$c, _templateObject4$
|
|
3993
|
-
var
|
|
3994
|
-
var
|
|
3995
|
-
var
|
|
3996
|
-
|
|
3997
|
-
|
|
4159
|
+
var _templateObject$y, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$5, _templateObject6$5, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject10$1;
|
|
4160
|
+
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$y || (_templateObject$y = /*#__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);
|
|
4161
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n width: calc(100% + var(--grid-column-gap) - 86px);\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 width: calc(100% - 78px + var(--grid-column-gap));\n grid-area: 1 / 1 / 1 / 6;\n padding-top: 32px;\n padding-right: 28px;\n\n h4 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: calc(100% - 20px);\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) {
|
|
4162
|
+
var theme = _ref.theme;
|
|
4163
|
+
return theme.fonts.mobile.sizes.altHeaders[4];
|
|
4164
|
+
}, function (_ref2) {
|
|
4165
|
+
var theme = _ref2.theme;
|
|
4166
|
+
return theme.fonts.mobile.weights.altHeaders[4];
|
|
4167
|
+
}, function (_ref3) {
|
|
4168
|
+
var theme = _ref3.theme;
|
|
4169
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[4];
|
|
4170
|
+
}, function (_ref4) {
|
|
4171
|
+
var theme = _ref4.theme;
|
|
4172
|
+
return theme.fonts.mobile.lineHeights.altHeaders[4];
|
|
4173
|
+
}, devices.mobile);
|
|
4174
|
+
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n width: calc(100% + var(--grid-column-gap) - 86px);\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 6;\n width: calc(100% + var(--grid-column-gap) - 78px);\n padding: 28px 28px 28px 50px;\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: calc(100% - 40px);\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4175
|
+
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.mobile);
|
|
4176
|
+
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__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 (_ref5) {
|
|
4177
|
+
var theme = _ref5.theme;
|
|
4178
|
+
return theme.fonts.mobile.sizes.headers[3];
|
|
4179
|
+
}, function (_ref6) {
|
|
4180
|
+
var theme = _ref6.theme;
|
|
4181
|
+
return theme.fonts.mobile.weights.headers[3];
|
|
4182
|
+
}, function (_ref7) {
|
|
4183
|
+
var theme = _ref7.theme;
|
|
4184
|
+
return theme.fonts.mobile.letterSpacing.headers[3];
|
|
4185
|
+
}, function (_ref8) {
|
|
4186
|
+
var theme = _ref8.theme;
|
|
4187
|
+
return theme.fonts.mobile.lineHeights.headers[3];
|
|
4188
|
+
}, function (_ref9) {
|
|
4189
|
+
var theme = _ref9.theme;
|
|
4190
|
+
return theme.fonts.mobile.sizes.subtitles[2];
|
|
4191
|
+
}, function (_ref10) {
|
|
4192
|
+
var theme = _ref10.theme;
|
|
4193
|
+
return theme.fonts.mobile.weights.subtitles[2];
|
|
4194
|
+
}, function (_ref11) {
|
|
4195
|
+
var theme = _ref11.theme;
|
|
4196
|
+
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
4197
|
+
}, function (_ref12) {
|
|
4198
|
+
var theme = _ref12.theme;
|
|
4199
|
+
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
4200
|
+
});
|
|
4201
|
+
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_templateObject6$5 = /*#__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 (_ref13) {
|
|
4202
|
+
var theme = _ref13.theme;
|
|
4203
|
+
return theme.fonts.mobile.sizes.subtitles[2];
|
|
4204
|
+
}, function (_ref14) {
|
|
4205
|
+
var theme = _ref14.theme;
|
|
4206
|
+
return theme.fonts.mobile.weights.subtitles[2];
|
|
4207
|
+
}, function (_ref15) {
|
|
4208
|
+
var theme = _ref15.theme;
|
|
4209
|
+
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
4210
|
+
}, function (_ref16) {
|
|
4211
|
+
var theme = _ref16.theme;
|
|
4212
|
+
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
4213
|
+
}, function (_ref17) {
|
|
4214
|
+
var theme = _ref17.theme;
|
|
4215
|
+
return theme.fonts.mobile.sizes.body[1];
|
|
4216
|
+
}, function (_ref18) {
|
|
4217
|
+
var theme = _ref18.theme;
|
|
4218
|
+
return theme.fonts.mobile.weights.body[1];
|
|
4219
|
+
}, function (_ref19) {
|
|
4220
|
+
var theme = _ref19.theme;
|
|
4221
|
+
return theme.fonts.mobile.letterSpacing.body[1];
|
|
4222
|
+
}, function (_ref20) {
|
|
4223
|
+
var theme = _ref20.theme;
|
|
4224
|
+
return theme.fonts.mobile.lineHeights.body[1];
|
|
4225
|
+
}, devices.mobile);
|
|
4226
|
+
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
4227
|
+
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: 1 / 6 / 3 / 15;\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);
|
|
4228
|
+
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject9$2 || (_templateObject9$2 = /*#__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.mobile);
|
|
4229
|
+
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 / 11 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.mobile);
|
|
4230
|
+
|
|
4231
|
+
var _excluded$8 = ["text"];
|
|
4232
|
+
|
|
4233
|
+
var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
4234
|
+
var logo = _ref.logo,
|
|
4235
|
+
carouselTitle = _ref.carouselTitle,
|
|
4236
|
+
slides = _ref.slides;
|
|
4237
|
+
var images = React.useMemo(function () {
|
|
4238
|
+
return slides.map(function (_ref2) {
|
|
4239
|
+
var image = _ref2.image;
|
|
4240
|
+
return image;
|
|
4241
|
+
});
|
|
4242
|
+
}, []);
|
|
4243
|
+
|
|
4244
|
+
var _useState = React.useState(),
|
|
4245
|
+
swiper = _useState[0],
|
|
4246
|
+
setSwiper = _useState[1];
|
|
4247
|
+
|
|
4248
|
+
var _useState2 = React.useState(0),
|
|
4249
|
+
currentSlide = _useState2[0],
|
|
4250
|
+
setCurrentSlide = _useState2[1];
|
|
4251
|
+
|
|
4252
|
+
var _slides$currentSlide = slides[currentSlide],
|
|
4253
|
+
link = _slides$currentSlide.link,
|
|
4254
|
+
infoText = _slides$currentSlide.infoText,
|
|
4255
|
+
infoTitle = _slides$currentSlide.infoTitle,
|
|
4256
|
+
infoTimeframe = _slides$currentSlide.infoTimeframe,
|
|
4257
|
+
infoSubtitle = _slides$currentSlide.infoSubtitle;
|
|
4258
|
+
|
|
4259
|
+
var linkText = link.text,
|
|
4260
|
+
restLink = _objectWithoutPropertiesLoose(link, _excluded$8);
|
|
4261
|
+
|
|
4262
|
+
var description = infoText == null ? void 0 : infoText.substring(0, 130);
|
|
4263
|
+
|
|
4264
|
+
var onSwiper = function onSwiper(s) {
|
|
4265
|
+
setSwiper(s);
|
|
4266
|
+
};
|
|
4267
|
+
|
|
4268
|
+
var onNext = function onNext() {
|
|
4269
|
+
if (swiper && !swiper.animating) {
|
|
4270
|
+
swiper.slideNext();
|
|
4271
|
+
setCurrentSlide(swiper.realIndex);
|
|
4272
|
+
}
|
|
4273
|
+
};
|
|
4274
|
+
|
|
4275
|
+
var onPrev = function onPrev() {
|
|
4276
|
+
if (swiper && !swiper.animating) {
|
|
4277
|
+
swiper.slidePrev();
|
|
4278
|
+
setCurrentSlide(swiper.realIndex);
|
|
4279
|
+
}
|
|
4280
|
+
};
|
|
4281
|
+
|
|
4282
|
+
return /*#__PURE__*/React__default.createElement(HighlightsGrid, {
|
|
4283
|
+
onClick: function onClick(e) {
|
|
4284
|
+
return e.stopPropagation();
|
|
4285
|
+
}
|
|
4286
|
+
}, /*#__PURE__*/React__default.createElement(CarouselTitleWrapper, {
|
|
4287
|
+
"data-testid": "carousel-title"
|
|
4288
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
4289
|
+
level: 4
|
|
4290
|
+
}, carouselTitle), /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
4291
|
+
level: 5
|
|
4292
|
+
}, carouselTitle)), /*#__PURE__*/React__default.createElement(RotatorButtonsWrapperMobile, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
4293
|
+
onClickNext: onNext,
|
|
4294
|
+
onClickPrev: onPrev
|
|
4295
|
+
})), /*#__PURE__*/React__default.createElement(InfoWrapper, {
|
|
4296
|
+
"data-testid": "info-wrapper"
|
|
4297
|
+
}, logo ? /*#__PURE__*/React__default.createElement(InfoLogoWrapper, null, logo) : null, /*#__PURE__*/React__default.createElement(InfoTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
4298
|
+
level: 3
|
|
4299
|
+
}, infoTitle), /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
4300
|
+
level: 2,
|
|
4301
|
+
tag: "h6"
|
|
4302
|
+
}, infoTimeframe)), /*#__PURE__*/React__default.createElement(InfoTextWrapper, null, /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
4303
|
+
level: 2,
|
|
4304
|
+
tag: "h6"
|
|
4305
|
+
}, infoSubtitle), /*#__PURE__*/React__default.createElement(BodyText, {
|
|
4306
|
+
level: 1
|
|
4307
|
+
}, description)), /*#__PURE__*/React__default.createElement(InfoLinkWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText))), /*#__PURE__*/React__default.createElement(CarouselWrapper$1, {
|
|
4308
|
+
"data-testid": "carousel-wrapper"
|
|
4309
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtonsWrapper, {
|
|
4310
|
+
"data-testid": "rotator-buttons"
|
|
4311
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
4312
|
+
onClickNext: onNext,
|
|
4313
|
+
onClickPrev: onPrev
|
|
4314
|
+
})), /*#__PURE__*/React__default.createElement(swiperReact_js.Swiper, {
|
|
4315
|
+
slidesPerView: "auto",
|
|
4316
|
+
loop: true,
|
|
4317
|
+
loopedSlides: images.length,
|
|
4318
|
+
onSwiper: onSwiper
|
|
4319
|
+
}, images.map(function (image) {
|
|
4320
|
+
return /*#__PURE__*/React__default.createElement(swiperReact_js.SwiperSlide, {
|
|
4321
|
+
key: image.key
|
|
4322
|
+
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
4323
|
+
aspectRatio: AspectRatio['4:3']
|
|
4324
|
+
}, /*#__PURE__*/React__default.createElement("img", Object.assign({}, image))));
|
|
4325
|
+
}))));
|
|
4326
|
+
};
|
|
4327
|
+
|
|
4328
|
+
var Theme = function Theme(_ref) {
|
|
4329
|
+
var children = _ref.children,
|
|
4330
|
+
theme = _ref.theme;
|
|
4331
|
+
var chosenTheme = themes[theme];
|
|
4332
|
+
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
4333
|
+
theme: chosenTheme
|
|
4334
|
+
}, children);
|
|
4335
|
+
};
|
|
4336
|
+
|
|
4337
|
+
var _excluded$9 = ["logo", "slides"];
|
|
4338
|
+
|
|
4339
|
+
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
4340
|
+
var logo = _ref.logo,
|
|
4341
|
+
slides = _ref.slides,
|
|
4342
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
|
|
4343
|
+
|
|
4344
|
+
var cinemaLink = {
|
|
4345
|
+
color: exports.Colors.Cinema,
|
|
4346
|
+
bgColor: exports.Colors.White
|
|
4347
|
+
};
|
|
4348
|
+
var newSlides = slides.map(function (slide) {
|
|
4349
|
+
return _extends({}, slide, {
|
|
4350
|
+
link: _extends({}, slide.link, cinemaLink)
|
|
4351
|
+
});
|
|
4352
|
+
});
|
|
4353
|
+
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
4354
|
+
theme: exports.ThemeType.Cinema
|
|
4355
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
4356
|
+
slides: newSlides,
|
|
4357
|
+
logo: logo ? /*#__PURE__*/React__default.createElement(CinemaBadge, null) : null
|
|
4358
|
+
})));
|
|
4359
|
+
};
|
|
4360
|
+
|
|
4361
|
+
var HighlightsCore = function HighlightsCore(props) {
|
|
4362
|
+
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
4363
|
+
theme: exports.ThemeType.Core
|
|
4364
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, props)));
|
|
4365
|
+
};
|
|
4366
|
+
|
|
4367
|
+
var _excluded$a = ["logo"];
|
|
4368
|
+
|
|
4369
|
+
var HighlightsStream = function HighlightsStream(_ref) {
|
|
4370
|
+
var logo = _ref.logo,
|
|
4371
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
|
|
4372
|
+
|
|
4373
|
+
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
4374
|
+
theme: exports.ThemeType.Stream
|
|
4375
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
4376
|
+
logo: logo ? /*#__PURE__*/React__default.createElement(StreamBadge, null) : null
|
|
4377
|
+
})));
|
|
4378
|
+
};
|
|
4379
|
+
|
|
4380
|
+
var _templateObject$z, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$6;
|
|
4381
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4382
|
+
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
4383
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
4384
|
+
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__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);
|
|
4385
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__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"])));
|
|
3998
4386
|
|
|
3999
4387
|
var Accordion = function Accordion(_ref) {
|
|
4000
4388
|
var _ref$title = _ref.title,
|
|
@@ -4036,8 +4424,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
4036
4424
|
}, /*#__PURE__*/React__default.createElement(ChildrenContainer, null, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
4037
4425
|
};
|
|
4038
4426
|
|
|
4039
|
-
var _templateObject$
|
|
4040
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4427
|
+
var _templateObject$A;
|
|
4428
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4041
4429
|
|
|
4042
4430
|
var Accordions = function Accordions(_ref) {
|
|
4043
4431
|
var _ref$items = _ref.items,
|
|
@@ -4056,24 +4444,24 @@ var Accordions = function Accordions(_ref) {
|
|
|
4056
4444
|
}));
|
|
4057
4445
|
};
|
|
4058
4446
|
|
|
4059
|
-
var _templateObject$
|
|
4447
|
+
var _templateObject$B, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$7, _templateObject6$6, _templateObject7$4, _templateObject8$4;
|
|
4060
4448
|
var LENGTH_LARGE_TEXT = 28;
|
|
4061
4449
|
var LENGTH_SMALL_TEXT = 19;
|
|
4062
4450
|
var LENGTH_TEXT_TABLET = 10;
|
|
4063
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4064
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4065
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4066
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4451
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
4452
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: var(--base-color-primary);\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), zIndexes.contentOverlay);
|
|
4453
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
4454
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__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 (_ref) {
|
|
4067
4455
|
var fullWidth = _ref.fullWidth;
|
|
4068
4456
|
return fullWidth ? '0' : '20px';
|
|
4069
4457
|
}, function (_ref2) {
|
|
4070
4458
|
var fullWidth = _ref2.fullWidth;
|
|
4071
4459
|
return fullWidth ? '0' : '20px';
|
|
4072
4460
|
});
|
|
4073
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4074
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4075
|
-
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
4076
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
4461
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n"])));
|
|
4462
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$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"])));
|
|
4463
|
+
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject7$4 || (_templateObject7$4 = /*#__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"])));
|
|
4464
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n opacity: 0;\n display: flex;\n gap: 16px;\n margin-top: var(--editorial-margin-between);\n\n ", "\n\n @media ", " {\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref3) {
|
|
4077
4465
|
var size = _ref3.size,
|
|
4078
4466
|
primaryButtonTextLength = _ref3.primaryButtonTextLength,
|
|
4079
4467
|
tertiaryButtonTextLength = _ref3.tertiaryButtonTextLength;
|
|
@@ -4096,13 +4484,13 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject8$3 ||
|
|
|
4096
4484
|
return '';
|
|
4097
4485
|
});
|
|
4098
4486
|
|
|
4099
|
-
var _templateObject$
|
|
4100
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4101
|
-
var ElapsedProgressView = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4487
|
+
var _templateObject$C, _templateObject2$l, _templateObject3$f;
|
|
4488
|
+
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 100%;\n display: flex;\n flex-direction: row;\n"])));
|
|
4489
|
+
var ElapsedProgressView = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-progress);\n flex: ", ";\n"])), function (_ref) {
|
|
4102
4490
|
var progress = _ref.progress;
|
|
4103
4491
|
return progress;
|
|
4104
4492
|
});
|
|
4105
|
-
var PendingProgressView = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4493
|
+
var PendingProgressView = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-white);\n opacity: 0.5;\n flex: ", ";\n"])), function (_ref2) {
|
|
4106
4494
|
var progress = _ref2.progress;
|
|
4107
4495
|
return progress;
|
|
4108
4496
|
});
|
|
@@ -4119,7 +4507,7 @@ var Progress = function Progress(_ref) {
|
|
|
4119
4507
|
}));
|
|
4120
4508
|
};
|
|
4121
4509
|
|
|
4122
|
-
var _excluded$
|
|
4510
|
+
var _excluded$b = ["text"],
|
|
4123
4511
|
_excluded2$1 = ["text"];
|
|
4124
4512
|
var LENGTH_LARGE_TEXT$1 = 28;
|
|
4125
4513
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
@@ -4158,7 +4546,7 @@ var Card = function Card(_ref) {
|
|
|
4158
4546
|
var _ref2 = primaryButton || {},
|
|
4159
4547
|
_ref2$text = _ref2.text,
|
|
4160
4548
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
4161
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4549
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$b);
|
|
4162
4550
|
|
|
4163
4551
|
var primaryButtonTextTruncate = size === 'small' ? truncate(primaryButtonText, LENGTH_SMALL_TEXT$1) : truncate(primaryButtonText, LENGTH_LARGE_TEXT$1);
|
|
4164
4552
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -4226,9 +4614,9 @@ var Card = function Card(_ref) {
|
|
|
4226
4614
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
4227
4615
|
};
|
|
4228
4616
|
|
|
4229
|
-
var _templateObject$
|
|
4230
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
4231
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
4617
|
+
var _templateObject$D, _templateObject2$m;
|
|
4618
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$D || (_templateObject$D = /*#__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);
|
|
4619
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n {\n grid-column: 1 / span 14;\n }\n }\n"])), devices.mobile);
|
|
4232
4620
|
|
|
4233
4621
|
var Cards = function Cards(_ref) {
|
|
4234
4622
|
var cards = _ref.cards,
|
|
@@ -4265,21 +4653,21 @@ var Cards = function Cards(_ref) {
|
|
|
4265
4653
|
}));
|
|
4266
4654
|
};
|
|
4267
4655
|
|
|
4268
|
-
var _templateObject$
|
|
4269
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4656
|
+
var _templateObject$E, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$8;
|
|
4657
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__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) {
|
|
4270
4658
|
var imageToLeft = _ref.imageToLeft;
|
|
4271
4659
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
4272
4660
|
}, devices.mobile);
|
|
4273
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4661
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
4274
4662
|
var imageToLeft = _ref2.imageToLeft;
|
|
4275
4663
|
return imageToLeft ? 'left' : 'right';
|
|
4276
4664
|
}, devices.mobile);
|
|
4277
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4665
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
4278
4666
|
var imageToLeft = _ref3.imageToLeft;
|
|
4279
4667
|
return imageToLeft ? 'right' : 'left';
|
|
4280
4668
|
}, devices.mobile);
|
|
4281
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
4282
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4669
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$c || (_templateObject4$c = /*#__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"])));
|
|
4670
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 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"])));
|
|
4283
4671
|
|
|
4284
4672
|
var Editorial = function Editorial(_ref) {
|
|
4285
4673
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -4310,28 +4698,19 @@ var Editorial = function Editorial(_ref) {
|
|
|
4310
4698
|
})))));
|
|
4311
4699
|
};
|
|
4312
4700
|
|
|
4313
|
-
var
|
|
4314
|
-
|
|
4315
|
-
theme = _ref.theme;
|
|
4316
|
-
var chosenTheme = themes[theme];
|
|
4317
|
-
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
4318
|
-
theme: chosenTheme
|
|
4319
|
-
}, children);
|
|
4320
|
-
};
|
|
4321
|
-
|
|
4322
|
-
var _templateObject$E, _templateObject2$n, _templateObject3$g, _templateObject4$b, _templateObject5$8, _templateObject6$6, _templateObject7$4;
|
|
4323
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
4701
|
+
var _templateObject$F, _templateObject2$o, _templateObject3$h, _templateObject4$d, _templateObject5$9, _templateObject6$7, _templateObject7$5;
|
|
4702
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
4324
4703
|
var theme = _ref.theme;
|
|
4325
4704
|
return theme.colors.primary;
|
|
4326
4705
|
}, devices.mobile);
|
|
4327
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4328
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4329
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4330
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4331
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4332
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4706
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$o || (_templateObject2$o = /*#__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);
|
|
4707
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
4708
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 36px;\n\n @media ", " {\n & {\n height: 30px;\n }\n }\n"])), devices.mobile);
|
|
4709
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n font-family: var(--font-family-alt-header);\n font-size: var(--font-size-alt-header-6);\n font-weight: var(--font-weight-alt-header-6);\n line-height: var(--line-height-alt-header-6);\n letter-spacing: var(--letter-spacing-alt-header-6);\n text-transform: var(--text-transform-alt-header-6);\n margin-top: 12px;\n"])));
|
|
4710
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__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);
|
|
4711
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__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);
|
|
4333
4712
|
|
|
4334
|
-
var _excluded$
|
|
4713
|
+
var _excluded$c = ["text"];
|
|
4335
4714
|
|
|
4336
4715
|
var PageHeading = function PageHeading(_ref) {
|
|
4337
4716
|
var title = _ref.title,
|
|
@@ -4343,7 +4722,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
4343
4722
|
|
|
4344
4723
|
var _ref2 = link || {},
|
|
4345
4724
|
linkText = _ref2.text,
|
|
4346
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4725
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$c);
|
|
4347
4726
|
|
|
4348
4727
|
var truncatedText = text == null ? void 0 : text.substring(0, 250);
|
|
4349
4728
|
var truncatedTitle = title.substring(0, 40);
|
|
@@ -4362,11 +4741,11 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
4362
4741
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
|
|
4363
4742
|
};
|
|
4364
4743
|
|
|
4365
|
-
var _excluded$
|
|
4744
|
+
var _excluded$d = ["link"];
|
|
4366
4745
|
|
|
4367
4746
|
var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
4368
4747
|
var link = _ref.link,
|
|
4369
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4748
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
4370
4749
|
|
|
4371
4750
|
var coreLink = link && _extends({}, link, {
|
|
4372
4751
|
color: exports.Colors.White,
|
|
@@ -4380,11 +4759,11 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
|
4380
4759
|
})));
|
|
4381
4760
|
};
|
|
4382
4761
|
|
|
4383
|
-
var _excluded$
|
|
4762
|
+
var _excluded$e = ["link"];
|
|
4384
4763
|
|
|
4385
4764
|
var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
4386
4765
|
var link = _ref.link,
|
|
4387
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4766
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
|
|
4388
4767
|
|
|
4389
4768
|
var cinemaLink = link && _extends({}, link, {
|
|
4390
4769
|
color: exports.Colors.Black,
|
|
@@ -4398,8 +4777,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
4398
4777
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
4399
4778
|
};
|
|
4400
4779
|
|
|
4401
|
-
var _templateObject$
|
|
4402
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4780
|
+
var _templateObject$G, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$8, _templateObject7$6;
|
|
4781
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n background-image: url('", "');\n background-repeat: no-repeat;\n background-size: cover;\n position: relative;\n display: flex;\n align-items: center;\n\n ::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--base-color-black);\n filter: opacity(40%);\n z-index: ", ";\n }\n\n @media ", " {\n & {\n aspect-ratio: 1 / 1;\n background-image: url('", "');\n background-position: center;\n display: flex;\n align-items: start;\n }\n }\n"])), function (_ref) {
|
|
4403
4782
|
var bgUrlDesktop = _ref.bgUrlDesktop;
|
|
4404
4783
|
return bgUrlDesktop;
|
|
4405
4784
|
}, zIndexes.content, devices.mobile, function (_ref2) {
|
|
@@ -4407,14 +4786,14 @@ var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_temp
|
|
|
4407
4786
|
bgUrlDevice = _ref2.bgUrlDevice;
|
|
4408
4787
|
return bgUrlDevice ? bgUrlDevice : bgUrlDesktop;
|
|
4409
4788
|
});
|
|
4410
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4411
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4412
|
-
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4413
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4414
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4415
|
-
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4789
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 . . . . . .'\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 . . . .'\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 & {\n grid-template-areas:\n '. . . . . 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 . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
4790
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__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.contentOverlay, devices.mobile);
|
|
4791
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
4792
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__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(3 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(3 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-5);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4793
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__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: 0;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
4794
|
+
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__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 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);
|
|
4416
4795
|
|
|
4417
|
-
var _excluded$
|
|
4796
|
+
var _excluded$f = ["text"];
|
|
4418
4797
|
|
|
4419
4798
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
4420
4799
|
var children = _ref.children,
|
|
@@ -4429,7 +4808,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
4429
4808
|
|
|
4430
4809
|
var _ref2 = link || {},
|
|
4431
4810
|
linkText = _ref2.text,
|
|
4432
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4811
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
|
|
4433
4812
|
|
|
4434
4813
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
4435
4814
|
bgUrlDesktop: bgUrlDesktop,
|
|
@@ -4456,11 +4835,11 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
4456
4835
|
}, "Scroll Down")) : null);
|
|
4457
4836
|
};
|
|
4458
4837
|
|
|
4459
|
-
var _excluded$
|
|
4838
|
+
var _excluded$g = ["link"];
|
|
4460
4839
|
|
|
4461
4840
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
4462
4841
|
var link = _ref.link,
|
|
4463
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4842
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
|
|
4464
4843
|
|
|
4465
4844
|
var streamLink = link && _extends({}, link, {
|
|
4466
4845
|
color: exports.Colors.Black,
|
|
@@ -4474,9 +4853,9 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
4474
4853
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null)));
|
|
4475
4854
|
};
|
|
4476
4855
|
|
|
4477
|
-
var _templateObject$
|
|
4478
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4479
|
-
var NameWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4856
|
+
var _templateObject$H, _templateObject2$q;
|
|
4857
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-people-listing-role);\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 color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
4858
|
+
var NameWrapper = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-people-listing-name);\n font-size: var(--font-size-individual-listing-name);\n font-weight: var(--font-weight-listing-name);\n line-height: var(--line-height-individual-listing-name);\n letter-spacing: var(--letter-spacing-body-1);\n overflow-wrap: break-word;\n\n & a {\n color: var(--base-color-black);\n\n :hover {\n color: var(--base-color-primary);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
4480
4859
|
|
|
4481
4860
|
var IndividualListing = function IndividualListing(_ref) {
|
|
4482
4861
|
var role = _ref.role,
|
|
@@ -4493,8 +4872,8 @@ var IndividualListing = function IndividualListing(_ref) {
|
|
|
4493
4872
|
}, name) : name));
|
|
4494
4873
|
};
|
|
4495
4874
|
|
|
4496
|
-
var _templateObject$
|
|
4497
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
4875
|
+
var _templateObject$I;
|
|
4876
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n"])));
|
|
4498
4877
|
|
|
4499
4878
|
var PeopleListing = function PeopleListing(_ref) {
|
|
4500
4879
|
var people = _ref.people;
|
|
@@ -4514,28 +4893,28 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
4514
4893
|
}));
|
|
4515
4894
|
};
|
|
4516
4895
|
|
|
4517
|
-
var _templateObject$
|
|
4896
|
+
var _templateObject$J, _templateObject2$r, _templateObject3$j, _templateObject4$f, _templateObject5$b, _templateObject6$9, _templateObject7$7;
|
|
4518
4897
|
var LENGTH_TEXT = 28;
|
|
4519
4898
|
var LENGTH_TEXT_TABLET$1 = 10;
|
|
4520
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
4899
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$J || (_templateObject$J = /*#__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) {
|
|
4521
4900
|
var imageToLeft = _ref.imageToLeft;
|
|
4522
4901
|
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'";
|
|
4523
4902
|
}, devices.tablet, function (_ref2) {
|
|
4524
4903
|
var imageToLeft = _ref2.imageToLeft;
|
|
4525
4904
|
return imageToLeft ? "'left left left left left left left . right right right right right .'" : "'. left left left left left . right right right right right right right'";
|
|
4526
4905
|
}, devices.mobile);
|
|
4527
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4906
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref3) {
|
|
4528
4907
|
var imageToLeft = _ref3.imageToLeft;
|
|
4529
4908
|
return imageToLeft ? 'left' : 'right';
|
|
4530
4909
|
}, devices.mobile);
|
|
4531
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4910
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref4) {
|
|
4532
4911
|
var imageToLeft = _ref4.imageToLeft;
|
|
4533
4912
|
return imageToLeft ? 'right' : 'left';
|
|
4534
4913
|
}, devices.mobile);
|
|
4535
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4536
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
4537
|
-
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4538
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4914
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 32px 0;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n & {\n margin: 0 0 24px 0;\n }\n }\n"])), devices.mobile);
|
|
4915
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$b || (_templateObject5$b = /*#__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"])));
|
|
4916
|
+
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__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"])));
|
|
4917
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref5) {
|
|
4539
4918
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
4540
4919
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
4541
4920
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -4561,7 +4940,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$6 ||
|
|
|
4561
4940
|
return '';
|
|
4562
4941
|
});
|
|
4563
4942
|
|
|
4564
|
-
var _excluded$
|
|
4943
|
+
var _excluded$h = ["text"],
|
|
4565
4944
|
_excluded2$2 = ["text"];
|
|
4566
4945
|
var LENGTH_TEXT$1 = 28;
|
|
4567
4946
|
|
|
@@ -4588,7 +4967,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
4588
4967
|
var _ref2 = primaryButton || {},
|
|
4589
4968
|
_ref2$text = _ref2.text,
|
|
4590
4969
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
4591
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4970
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$h);
|
|
4592
4971
|
|
|
4593
4972
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$1);
|
|
4594
4973
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -4622,8 +5001,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
4622
5001
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
4623
5002
|
};
|
|
4624
5003
|
|
|
4625
|
-
var _templateObject$
|
|
4626
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5004
|
+
var _templateObject$K;
|
|
5005
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__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);
|
|
4627
5006
|
|
|
4628
5007
|
var SectionTitle = function SectionTitle(_ref) {
|
|
4629
5008
|
var title = _ref.title,
|
|
@@ -4649,8 +5028,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
4649
5028
|
}, description))));
|
|
4650
5029
|
};
|
|
4651
5030
|
|
|
4652
|
-
var _templateObject$
|
|
4653
|
-
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5031
|
+
var _templateObject$L;
|
|
5032
|
+
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__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 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\n & ul {\n padding: 0;\n list-style: none;\n margin-left: 20px;\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 20px;\n }\n\n & li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n"])));
|
|
4654
5033
|
|
|
4655
5034
|
var TextOnly = function TextOnly(_ref) {
|
|
4656
5035
|
var _ref$text = _ref.text,
|
|
@@ -4675,9 +5054,9 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
4675
5054
|
})));
|
|
4676
5055
|
};
|
|
4677
5056
|
|
|
4678
|
-
var _templateObject$
|
|
4679
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4680
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5057
|
+
var _templateObject$M, _templateObject2$s;
|
|
5058
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__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 }\n"])), ImageAspectRatioWrapper);
|
|
5059
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__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"])));
|
|
4681
5060
|
|
|
4682
5061
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
4683
5062
|
var caption = _ref.caption,
|
|
@@ -4688,8 +5067,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
4688
5067
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
4689
5068
|
};
|
|
4690
5069
|
|
|
4691
|
-
var _templateObject$
|
|
4692
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$M || (_templateObject$M = /*#__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\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-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 --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 }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
5070
|
+
var _templateObject$N;
|
|
5071
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$N || (_templateObject$N = /*#__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\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-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 }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
4693
5072
|
var theme = _ref.theme;
|
|
4694
5073
|
return theme.colors.primary;
|
|
4695
5074
|
}, function (_ref2) {
|
|
@@ -5111,40 +5490,40 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$M || (_
|
|
|
5111
5490
|
return theme.spacing[15];
|
|
5112
5491
|
}, function (_ref141) {
|
|
5113
5492
|
var theme = _ref141.theme;
|
|
5114
|
-
return theme.
|
|
5493
|
+
return theme.spacing[15];
|
|
5115
5494
|
}, function (_ref142) {
|
|
5116
5495
|
var theme = _ref142.theme;
|
|
5117
|
-
return theme.
|
|
5496
|
+
return theme.spacing[9];
|
|
5118
5497
|
}, function (_ref143) {
|
|
5119
5498
|
var theme = _ref143.theme;
|
|
5120
|
-
return theme.
|
|
5499
|
+
return theme.fonts.desktop.sizes.search;
|
|
5121
5500
|
}, function (_ref144) {
|
|
5122
5501
|
var theme = _ref144.theme;
|
|
5123
|
-
return theme.
|
|
5502
|
+
return theme.fonts.desktop.families.search;
|
|
5124
5503
|
}, function (_ref145) {
|
|
5125
5504
|
var theme = _ref145.theme;
|
|
5126
|
-
return theme.grid.desktop.
|
|
5505
|
+
return theme.grid.desktop.margin;
|
|
5127
5506
|
}, function (_ref146) {
|
|
5128
5507
|
var theme = _ref146.theme;
|
|
5129
|
-
return theme.grid.desktop.
|
|
5508
|
+
return theme.grid.desktop.outerMargin;
|
|
5130
5509
|
}, function (_ref147) {
|
|
5131
5510
|
var theme = _ref147.theme;
|
|
5132
|
-
return theme.grid.desktop.
|
|
5511
|
+
return theme.grid.desktop.outerMargin;
|
|
5133
5512
|
}, function (_ref148) {
|
|
5134
5513
|
var theme = _ref148.theme;
|
|
5135
|
-
return theme.grid.desktop.
|
|
5514
|
+
return theme.grid.desktop.gap;
|
|
5136
5515
|
}, function (_ref149) {
|
|
5137
5516
|
var theme = _ref149.theme;
|
|
5138
|
-
return theme.grid.desktop.
|
|
5517
|
+
return theme.grid.desktop.margin;
|
|
5139
5518
|
}, function (_ref150) {
|
|
5140
5519
|
var theme = _ref150.theme;
|
|
5141
|
-
return theme.grid.desktop.
|
|
5520
|
+
return theme.grid.desktop.outerMargin;
|
|
5142
5521
|
}, function (_ref151) {
|
|
5143
5522
|
var theme = _ref151.theme;
|
|
5144
|
-
return theme.grid.desktop.
|
|
5523
|
+
return theme.grid.desktop.gap;
|
|
5145
5524
|
}, function (_ref152) {
|
|
5146
5525
|
var theme = _ref152.theme;
|
|
5147
|
-
return theme.grid.desktop.
|
|
5526
|
+
return theme.grid.desktop.margin;
|
|
5148
5527
|
}, function (_ref153) {
|
|
5149
5528
|
var theme = _ref153.theme;
|
|
5150
5529
|
return theme.grid.desktop.outerMargin;
|
|
@@ -5153,349 +5532,349 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$M || (_
|
|
|
5153
5532
|
return theme.grid.desktop.gap;
|
|
5154
5533
|
}, function (_ref155) {
|
|
5155
5534
|
var theme = _ref155.theme;
|
|
5156
|
-
return theme.grid.desktop.
|
|
5535
|
+
return theme.grid.desktop.outerMargin;
|
|
5157
5536
|
}, function (_ref156) {
|
|
5158
5537
|
var theme = _ref156.theme;
|
|
5159
|
-
return theme.
|
|
5538
|
+
return theme.grid.desktop.gap;
|
|
5160
5539
|
}, function (_ref157) {
|
|
5161
5540
|
var theme = _ref157.theme;
|
|
5162
|
-
return theme.
|
|
5541
|
+
return theme.grid.desktop.gap;
|
|
5163
5542
|
}, function (_ref158) {
|
|
5164
5543
|
var theme = _ref158.theme;
|
|
5165
|
-
return theme.footer.desktop.
|
|
5544
|
+
return theme.footer.desktop.height;
|
|
5166
5545
|
}, function (_ref159) {
|
|
5167
5546
|
var theme = _ref159.theme;
|
|
5168
|
-
return theme.footer.desktop.
|
|
5547
|
+
return theme.footer.desktop.paddingTop;
|
|
5169
5548
|
}, function (_ref160) {
|
|
5170
5549
|
var theme = _ref160.theme;
|
|
5171
|
-
return theme.footer.desktop.
|
|
5550
|
+
return theme.footer.desktop.paddingBottom;
|
|
5172
5551
|
}, function (_ref161) {
|
|
5173
5552
|
var theme = _ref161.theme;
|
|
5174
|
-
return theme.footer.desktop.
|
|
5553
|
+
return theme.footer.desktop.itemsGap;
|
|
5175
5554
|
}, function (_ref162) {
|
|
5176
5555
|
var theme = _ref162.theme;
|
|
5177
|
-
return theme.footer.desktop.
|
|
5556
|
+
return theme.footer.desktop.mediaGap;
|
|
5178
5557
|
}, function (_ref163) {
|
|
5179
5558
|
var theme = _ref163.theme;
|
|
5180
|
-
return theme.footer.desktop.
|
|
5559
|
+
return theme.footer.desktop.mediaIconWidth;
|
|
5181
5560
|
}, function (_ref164) {
|
|
5182
5561
|
var theme = _ref164.theme;
|
|
5183
|
-
return theme.footer.desktop.
|
|
5562
|
+
return theme.footer.desktop.mediaIconHeight;
|
|
5184
5563
|
}, function (_ref165) {
|
|
5185
5564
|
var theme = _ref165.theme;
|
|
5186
|
-
return theme.
|
|
5565
|
+
return theme.footer.desktop.verticalSpacingLarge;
|
|
5187
5566
|
}, function (_ref166) {
|
|
5188
5567
|
var theme = _ref166.theme;
|
|
5189
|
-
return theme.
|
|
5568
|
+
return theme.footer.desktop.verticalSpacingSmall;
|
|
5190
5569
|
}, function (_ref167) {
|
|
5191
5570
|
var theme = _ref167.theme;
|
|
5192
|
-
return theme.spacing[
|
|
5571
|
+
return theme.spacing[2];
|
|
5193
5572
|
}, function (_ref168) {
|
|
5194
5573
|
var theme = _ref168.theme;
|
|
5195
|
-
return theme.spacing[
|
|
5574
|
+
return theme.spacing[10];
|
|
5196
5575
|
}, function (_ref169) {
|
|
5197
5576
|
var theme = _ref169.theme;
|
|
5198
|
-
return theme.spacing[
|
|
5199
|
-
},
|
|
5577
|
+
return theme.spacing[4];
|
|
5578
|
+
}, function (_ref170) {
|
|
5200
5579
|
var theme = _ref170.theme;
|
|
5201
|
-
return theme.
|
|
5580
|
+
return theme.spacing[6];
|
|
5202
5581
|
}, function (_ref171) {
|
|
5203
5582
|
var theme = _ref171.theme;
|
|
5204
|
-
return theme.
|
|
5205
|
-
}, function (_ref172) {
|
|
5583
|
+
return theme.spacing[1];
|
|
5584
|
+
}, devices.mobile, function (_ref172) {
|
|
5206
5585
|
var theme = _ref172.theme;
|
|
5207
|
-
return theme.fonts.mobile.
|
|
5586
|
+
return theme.fonts.mobile.sizes.headers[1];
|
|
5208
5587
|
}, function (_ref173) {
|
|
5209
5588
|
var theme = _ref173.theme;
|
|
5210
|
-
return theme.fonts.mobile.
|
|
5589
|
+
return theme.fonts.mobile.weights.headers[1];
|
|
5211
5590
|
}, function (_ref174) {
|
|
5212
5591
|
var theme = _ref174.theme;
|
|
5213
|
-
return theme.fonts.mobile.
|
|
5592
|
+
return theme.fonts.mobile.letterSpacing.headers[1];
|
|
5214
5593
|
}, function (_ref175) {
|
|
5215
5594
|
var theme = _ref175.theme;
|
|
5216
|
-
return theme.fonts.mobile.
|
|
5595
|
+
return theme.fonts.mobile.lineHeights.headers[1];
|
|
5217
5596
|
}, function (_ref176) {
|
|
5218
5597
|
var theme = _ref176.theme;
|
|
5219
|
-
return theme.fonts.mobile.
|
|
5598
|
+
return theme.fonts.mobile.sizes.headers[2];
|
|
5220
5599
|
}, function (_ref177) {
|
|
5221
5600
|
var theme = _ref177.theme;
|
|
5222
|
-
return theme.fonts.mobile.
|
|
5601
|
+
return theme.fonts.mobile.weights.headers[2];
|
|
5223
5602
|
}, function (_ref178) {
|
|
5224
5603
|
var theme = _ref178.theme;
|
|
5225
|
-
return theme.fonts.mobile.
|
|
5604
|
+
return theme.fonts.mobile.letterSpacing.headers[2];
|
|
5226
5605
|
}, function (_ref179) {
|
|
5227
5606
|
var theme = _ref179.theme;
|
|
5228
|
-
return theme.fonts.mobile.
|
|
5607
|
+
return theme.fonts.mobile.lineHeights.headers[2];
|
|
5229
5608
|
}, function (_ref180) {
|
|
5230
5609
|
var theme = _ref180.theme;
|
|
5231
|
-
return theme.fonts.mobile.
|
|
5610
|
+
return theme.fonts.mobile.sizes.headers[3];
|
|
5232
5611
|
}, function (_ref181) {
|
|
5233
5612
|
var theme = _ref181.theme;
|
|
5234
|
-
return theme.fonts.mobile.
|
|
5613
|
+
return theme.fonts.mobile.weights.headers[3];
|
|
5235
5614
|
}, function (_ref182) {
|
|
5236
5615
|
var theme = _ref182.theme;
|
|
5237
|
-
return theme.fonts.mobile.
|
|
5616
|
+
return theme.fonts.mobile.letterSpacing.headers[3];
|
|
5238
5617
|
}, function (_ref183) {
|
|
5239
5618
|
var theme = _ref183.theme;
|
|
5240
|
-
return theme.fonts.mobile.
|
|
5619
|
+
return theme.fonts.mobile.lineHeights.headers[3];
|
|
5241
5620
|
}, function (_ref184) {
|
|
5242
5621
|
var theme = _ref184.theme;
|
|
5243
|
-
return theme.fonts.mobile.
|
|
5622
|
+
return theme.fonts.mobile.sizes.headers[4];
|
|
5244
5623
|
}, function (_ref185) {
|
|
5245
5624
|
var theme = _ref185.theme;
|
|
5246
|
-
return theme.fonts.mobile.
|
|
5625
|
+
return theme.fonts.mobile.weights.headers[4];
|
|
5247
5626
|
}, function (_ref186) {
|
|
5248
5627
|
var theme = _ref186.theme;
|
|
5249
|
-
return theme.fonts.mobile.
|
|
5628
|
+
return theme.fonts.mobile.letterSpacing.headers[4];
|
|
5250
5629
|
}, function (_ref187) {
|
|
5251
5630
|
var theme = _ref187.theme;
|
|
5252
|
-
return theme.fonts.mobile.
|
|
5631
|
+
return theme.fonts.mobile.lineHeights.headers[4];
|
|
5253
5632
|
}, function (_ref188) {
|
|
5254
5633
|
var theme = _ref188.theme;
|
|
5255
|
-
return theme.fonts.mobile.
|
|
5634
|
+
return theme.fonts.mobile.sizes.headers[5];
|
|
5256
5635
|
}, function (_ref189) {
|
|
5257
5636
|
var theme = _ref189.theme;
|
|
5258
|
-
return theme.fonts.mobile.
|
|
5637
|
+
return theme.fonts.mobile.weights.headers[5];
|
|
5259
5638
|
}, function (_ref190) {
|
|
5260
5639
|
var theme = _ref190.theme;
|
|
5261
|
-
return theme.fonts.mobile.
|
|
5640
|
+
return theme.fonts.mobile.letterSpacing.headers[5];
|
|
5262
5641
|
}, function (_ref191) {
|
|
5263
5642
|
var theme = _ref191.theme;
|
|
5264
|
-
return theme.fonts.mobile.
|
|
5643
|
+
return theme.fonts.mobile.lineHeights.headers[5];
|
|
5265
5644
|
}, function (_ref192) {
|
|
5266
5645
|
var theme = _ref192.theme;
|
|
5267
|
-
return theme.fonts.mobile.
|
|
5646
|
+
return theme.fonts.mobile.sizes.headers[6];
|
|
5268
5647
|
}, function (_ref193) {
|
|
5269
5648
|
var theme = _ref193.theme;
|
|
5270
|
-
return theme.fonts.mobile.
|
|
5649
|
+
return theme.fonts.mobile.weights.headers[6];
|
|
5271
5650
|
}, function (_ref194) {
|
|
5272
5651
|
var theme = _ref194.theme;
|
|
5273
|
-
return theme.fonts.mobile.
|
|
5652
|
+
return theme.fonts.mobile.letterSpacing.headers[6];
|
|
5274
5653
|
}, function (_ref195) {
|
|
5275
5654
|
var theme = _ref195.theme;
|
|
5276
|
-
return theme.fonts.mobile.
|
|
5655
|
+
return theme.fonts.mobile.lineHeights.headers[6];
|
|
5277
5656
|
}, function (_ref196) {
|
|
5278
5657
|
var theme = _ref196.theme;
|
|
5279
|
-
return theme.fonts.mobile.
|
|
5658
|
+
return theme.fonts.mobile.sizes.altHeaders[3];
|
|
5280
5659
|
}, function (_ref197) {
|
|
5281
5660
|
var theme = _ref197.theme;
|
|
5282
|
-
return theme.fonts.mobile.
|
|
5661
|
+
return theme.fonts.mobile.weights.altHeaders[3];
|
|
5283
5662
|
}, function (_ref198) {
|
|
5284
5663
|
var theme = _ref198.theme;
|
|
5285
|
-
return theme.fonts.mobile.
|
|
5664
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[3];
|
|
5286
5665
|
}, function (_ref199) {
|
|
5287
5666
|
var theme = _ref199.theme;
|
|
5288
|
-
return theme.fonts.mobile.
|
|
5667
|
+
return theme.fonts.mobile.lineHeights.altHeaders[3];
|
|
5289
5668
|
}, function (_ref200) {
|
|
5290
5669
|
var theme = _ref200.theme;
|
|
5291
|
-
return theme.fonts.mobile.
|
|
5670
|
+
return theme.fonts.mobile.sizes.altHeaders[4];
|
|
5292
5671
|
}, function (_ref201) {
|
|
5293
5672
|
var theme = _ref201.theme;
|
|
5294
|
-
return theme.fonts.mobile.
|
|
5673
|
+
return theme.fonts.mobile.weights.altHeaders[4];
|
|
5295
5674
|
}, function (_ref202) {
|
|
5296
5675
|
var theme = _ref202.theme;
|
|
5297
|
-
return theme.fonts.mobile.
|
|
5676
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[4];
|
|
5298
5677
|
}, function (_ref203) {
|
|
5299
5678
|
var theme = _ref203.theme;
|
|
5300
|
-
return theme.fonts.mobile.
|
|
5679
|
+
return theme.fonts.mobile.lineHeights.altHeaders[4];
|
|
5301
5680
|
}, function (_ref204) {
|
|
5302
5681
|
var theme = _ref204.theme;
|
|
5303
|
-
return theme.fonts.mobile.
|
|
5682
|
+
return theme.fonts.mobile.sizes.altHeaders[5];
|
|
5304
5683
|
}, function (_ref205) {
|
|
5305
5684
|
var theme = _ref205.theme;
|
|
5306
|
-
return theme.fonts.mobile.
|
|
5685
|
+
return theme.fonts.mobile.weights.altHeaders[5];
|
|
5307
5686
|
}, function (_ref206) {
|
|
5308
5687
|
var theme = _ref206.theme;
|
|
5309
|
-
return theme.fonts.mobile.
|
|
5688
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[5];
|
|
5310
5689
|
}, function (_ref207) {
|
|
5311
5690
|
var theme = _ref207.theme;
|
|
5312
|
-
return theme.fonts.mobile.
|
|
5691
|
+
return theme.fonts.mobile.lineHeights.altHeaders[5];
|
|
5313
5692
|
}, function (_ref208) {
|
|
5314
5693
|
var theme = _ref208.theme;
|
|
5315
|
-
return theme.fonts.mobile.
|
|
5694
|
+
return theme.fonts.mobile.sizes.altHeaders[6];
|
|
5316
5695
|
}, function (_ref209) {
|
|
5317
5696
|
var theme = _ref209.theme;
|
|
5318
|
-
return theme.fonts.mobile.
|
|
5697
|
+
return theme.fonts.mobile.weights.altHeaders[6];
|
|
5319
5698
|
}, function (_ref210) {
|
|
5320
5699
|
var theme = _ref210.theme;
|
|
5321
|
-
return theme.fonts.mobile.
|
|
5700
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[6];
|
|
5322
5701
|
}, function (_ref211) {
|
|
5323
5702
|
var theme = _ref211.theme;
|
|
5324
|
-
return theme.fonts.mobile.
|
|
5703
|
+
return theme.fonts.mobile.lineHeights.altHeaders[6];
|
|
5325
5704
|
}, function (_ref212) {
|
|
5326
5705
|
var theme = _ref212.theme;
|
|
5327
|
-
return theme.fonts.mobile.
|
|
5706
|
+
return theme.fonts.mobile.sizes.overline[1];
|
|
5328
5707
|
}, function (_ref213) {
|
|
5329
5708
|
var theme = _ref213.theme;
|
|
5330
|
-
return theme.fonts.mobile.
|
|
5709
|
+
return theme.fonts.mobile.weights.overline[1];
|
|
5331
5710
|
}, function (_ref214) {
|
|
5332
5711
|
var theme = _ref214.theme;
|
|
5333
|
-
return theme.fonts.mobile.
|
|
5712
|
+
return theme.fonts.mobile.letterSpacing.overline[1];
|
|
5334
5713
|
}, function (_ref215) {
|
|
5335
5714
|
var theme = _ref215.theme;
|
|
5336
|
-
return theme.fonts.mobile.
|
|
5715
|
+
return theme.fonts.mobile.lineHeights.overline[1];
|
|
5337
5716
|
}, function (_ref216) {
|
|
5338
5717
|
var theme = _ref216.theme;
|
|
5339
|
-
return theme.fonts.mobile.
|
|
5718
|
+
return theme.fonts.mobile.sizes.overline[2];
|
|
5340
5719
|
}, function (_ref217) {
|
|
5341
5720
|
var theme = _ref217.theme;
|
|
5342
|
-
return theme.fonts.mobile.
|
|
5721
|
+
return theme.fonts.mobile.weights.overline[2];
|
|
5343
5722
|
}, function (_ref218) {
|
|
5344
5723
|
var theme = _ref218.theme;
|
|
5345
|
-
return theme.fonts.mobile.
|
|
5724
|
+
return theme.fonts.mobile.letterSpacing.overline[2];
|
|
5346
5725
|
}, function (_ref219) {
|
|
5347
5726
|
var theme = _ref219.theme;
|
|
5348
|
-
return theme.fonts.mobile.
|
|
5727
|
+
return theme.fonts.mobile.lineHeights.overline[2];
|
|
5349
5728
|
}, function (_ref220) {
|
|
5350
5729
|
var theme = _ref220.theme;
|
|
5351
|
-
return theme.fonts.mobile.
|
|
5730
|
+
return theme.fonts.mobile.sizes.body[1];
|
|
5352
5731
|
}, function (_ref221) {
|
|
5353
5732
|
var theme = _ref221.theme;
|
|
5354
|
-
return theme.fonts.mobile.
|
|
5733
|
+
return theme.fonts.mobile.weights.body[1];
|
|
5355
5734
|
}, function (_ref222) {
|
|
5356
5735
|
var theme = _ref222.theme;
|
|
5357
|
-
return theme.fonts.mobile.
|
|
5736
|
+
return theme.fonts.mobile.letterSpacing.body[1];
|
|
5358
5737
|
}, function (_ref223) {
|
|
5359
5738
|
var theme = _ref223.theme;
|
|
5360
|
-
return theme.fonts.mobile.
|
|
5739
|
+
return theme.fonts.mobile.lineHeights.body[1];
|
|
5361
5740
|
}, function (_ref224) {
|
|
5362
5741
|
var theme = _ref224.theme;
|
|
5363
|
-
return theme.fonts.mobile.
|
|
5742
|
+
return theme.fonts.mobile.sizes.body[2];
|
|
5364
5743
|
}, function (_ref225) {
|
|
5365
5744
|
var theme = _ref225.theme;
|
|
5366
|
-
return theme.fonts.mobile.
|
|
5745
|
+
return theme.fonts.mobile.weights.body[2];
|
|
5367
5746
|
}, function (_ref226) {
|
|
5368
5747
|
var theme = _ref226.theme;
|
|
5369
|
-
return theme.fonts.mobile.
|
|
5748
|
+
return theme.fonts.mobile.letterSpacing.body[2];
|
|
5370
5749
|
}, function (_ref227) {
|
|
5371
5750
|
var theme = _ref227.theme;
|
|
5372
|
-
return theme.fonts.mobile.
|
|
5751
|
+
return theme.fonts.mobile.lineHeights.body[2];
|
|
5373
5752
|
}, function (_ref228) {
|
|
5374
5753
|
var theme = _ref228.theme;
|
|
5375
|
-
return theme.fonts.mobile.
|
|
5754
|
+
return theme.fonts.mobile.sizes.body[3];
|
|
5376
5755
|
}, function (_ref229) {
|
|
5377
5756
|
var theme = _ref229.theme;
|
|
5378
|
-
return theme.fonts.mobile.
|
|
5757
|
+
return theme.fonts.mobile.weights.body[3];
|
|
5379
5758
|
}, function (_ref230) {
|
|
5380
5759
|
var theme = _ref230.theme;
|
|
5381
|
-
return theme.fonts.mobile.
|
|
5760
|
+
return theme.fonts.mobile.letterSpacing.body[3];
|
|
5382
5761
|
}, function (_ref231) {
|
|
5383
5762
|
var theme = _ref231.theme;
|
|
5384
|
-
return theme.fonts.mobile.
|
|
5763
|
+
return theme.fonts.mobile.lineHeights.body[3];
|
|
5385
5764
|
}, function (_ref232) {
|
|
5386
5765
|
var theme = _ref232.theme;
|
|
5387
|
-
return theme.fonts.mobile.
|
|
5766
|
+
return theme.fonts.mobile.sizes.subtitles[1];
|
|
5388
5767
|
}, function (_ref233) {
|
|
5389
5768
|
var theme = _ref233.theme;
|
|
5390
|
-
return theme.fonts.mobile.
|
|
5769
|
+
return theme.fonts.mobile.weights.subtitles[1];
|
|
5391
5770
|
}, function (_ref234) {
|
|
5392
5771
|
var theme = _ref234.theme;
|
|
5393
|
-
return theme.fonts.mobile.
|
|
5772
|
+
return theme.fonts.mobile.letterSpacing.subtitles[1];
|
|
5394
5773
|
}, function (_ref235) {
|
|
5395
5774
|
var theme = _ref235.theme;
|
|
5396
|
-
return theme.fonts.mobile.
|
|
5775
|
+
return theme.fonts.mobile.lineHeights.subtitles[1];
|
|
5397
5776
|
}, function (_ref236) {
|
|
5398
5777
|
var theme = _ref236.theme;
|
|
5399
|
-
return theme.fonts.mobile.
|
|
5778
|
+
return theme.fonts.mobile.sizes.subtitles[2];
|
|
5400
5779
|
}, function (_ref237) {
|
|
5401
5780
|
var theme = _ref237.theme;
|
|
5402
|
-
return theme.fonts.mobile.
|
|
5781
|
+
return theme.fonts.mobile.weights.subtitles[2];
|
|
5403
5782
|
}, function (_ref238) {
|
|
5404
5783
|
var theme = _ref238.theme;
|
|
5405
|
-
return theme.fonts.mobile.
|
|
5784
|
+
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
5406
5785
|
}, function (_ref239) {
|
|
5407
5786
|
var theme = _ref239.theme;
|
|
5408
|
-
return theme.fonts.mobile.lineHeights.
|
|
5787
|
+
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
5409
5788
|
}, function (_ref240) {
|
|
5410
5789
|
var theme = _ref240.theme;
|
|
5411
|
-
return theme.
|
|
5790
|
+
return theme.fonts.mobile.sizes.titleDescription;
|
|
5412
5791
|
}, function (_ref241) {
|
|
5413
5792
|
var theme = _ref241.theme;
|
|
5414
|
-
return theme.fonts.mobile.
|
|
5793
|
+
return theme.fonts.mobile.lineHeights.titleDescription;
|
|
5415
5794
|
}, function (_ref242) {
|
|
5416
5795
|
var theme = _ref242.theme;
|
|
5417
|
-
return theme.
|
|
5796
|
+
return theme.spacing[4];
|
|
5418
5797
|
}, function (_ref243) {
|
|
5419
5798
|
var theme = _ref243.theme;
|
|
5420
|
-
return theme.fonts.mobile.
|
|
5799
|
+
return theme.fonts.mobile.sizes.search;
|
|
5421
5800
|
}, function (_ref244) {
|
|
5422
5801
|
var theme = _ref244.theme;
|
|
5423
|
-
return theme.fonts.mobile.families.
|
|
5802
|
+
return theme.fonts.mobile.families.search;
|
|
5424
5803
|
}, function (_ref245) {
|
|
5425
5804
|
var theme = _ref245.theme;
|
|
5426
|
-
return theme.fonts.mobile.families.
|
|
5805
|
+
return theme.fonts.mobile.families.headers;
|
|
5427
5806
|
}, function (_ref246) {
|
|
5428
5807
|
var theme = _ref246.theme;
|
|
5429
|
-
return theme.fonts.mobile.families.
|
|
5808
|
+
return theme.fonts.mobile.families.altHeaders;
|
|
5430
5809
|
}, function (_ref247) {
|
|
5431
5810
|
var theme = _ref247.theme;
|
|
5432
|
-
return theme.fonts.mobile.families.
|
|
5811
|
+
return theme.fonts.mobile.families.body;
|
|
5433
5812
|
}, function (_ref248) {
|
|
5434
5813
|
var theme = _ref248.theme;
|
|
5435
|
-
return theme.fonts.mobile.families.
|
|
5814
|
+
return theme.fonts.mobile.families.bodyItalics;
|
|
5436
5815
|
}, function (_ref249) {
|
|
5437
5816
|
var theme = _ref249.theme;
|
|
5438
|
-
return theme.fonts.mobile.families.
|
|
5817
|
+
return theme.fonts.mobile.families.buttons;
|
|
5439
5818
|
}, function (_ref250) {
|
|
5440
5819
|
var theme = _ref250.theme;
|
|
5441
|
-
return theme.fonts.mobile.families.
|
|
5820
|
+
return theme.fonts.mobile.families.overline;
|
|
5442
5821
|
}, function (_ref251) {
|
|
5443
5822
|
var theme = _ref251.theme;
|
|
5444
|
-
return theme.fonts.mobile.families.
|
|
5823
|
+
return theme.fonts.mobile.families.subtitles;
|
|
5445
5824
|
}, function (_ref252) {
|
|
5446
5825
|
var theme = _ref252.theme;
|
|
5447
|
-
return theme.fonts.mobile.
|
|
5826
|
+
return theme.fonts.mobile.families.peopleListingRole;
|
|
5448
5827
|
}, function (_ref253) {
|
|
5449
5828
|
var theme = _ref253.theme;
|
|
5450
|
-
return theme.fonts.mobile.
|
|
5829
|
+
return theme.fonts.mobile.families.body;
|
|
5451
5830
|
}, function (_ref254) {
|
|
5452
5831
|
var theme = _ref254.theme;
|
|
5453
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5832
|
+
return theme.fonts.mobile.fontFeatureSettings.headers;
|
|
5454
5833
|
}, function (_ref255) {
|
|
5455
5834
|
var theme = _ref255.theme;
|
|
5456
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5835
|
+
return theme.fonts.mobile.fontFeatureSettings.altHeaders;
|
|
5457
5836
|
}, function (_ref256) {
|
|
5458
5837
|
var theme = _ref256.theme;
|
|
5459
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5838
|
+
return theme.fonts.mobile.fontFeatureSettings.overline;
|
|
5460
5839
|
}, function (_ref257) {
|
|
5461
5840
|
var theme = _ref257.theme;
|
|
5462
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5841
|
+
return theme.fonts.mobile.fontFeatureSettings.subtitles;
|
|
5463
5842
|
}, function (_ref258) {
|
|
5464
5843
|
var theme = _ref258.theme;
|
|
5465
|
-
return theme.fonts.mobile.
|
|
5844
|
+
return theme.fonts.mobile.fontFeatureSettings.body;
|
|
5466
5845
|
}, function (_ref259) {
|
|
5467
5846
|
var theme = _ref259.theme;
|
|
5468
|
-
return theme.fonts.mobile.
|
|
5847
|
+
return theme.fonts.mobile.fontFeatureSettings.navigation;
|
|
5469
5848
|
}, function (_ref260) {
|
|
5470
5849
|
var theme = _ref260.theme;
|
|
5471
|
-
return theme.fonts.mobile.transforms.
|
|
5850
|
+
return theme.fonts.mobile.transforms.headers;
|
|
5472
5851
|
}, function (_ref261) {
|
|
5473
5852
|
var theme = _ref261.theme;
|
|
5474
|
-
return theme.fonts.mobile.transforms.
|
|
5853
|
+
return theme.fonts.mobile.transforms.altHeaders;
|
|
5475
5854
|
}, function (_ref262) {
|
|
5476
5855
|
var theme = _ref262.theme;
|
|
5477
|
-
return theme.fonts.mobile.transforms.
|
|
5856
|
+
return theme.fonts.mobile.transforms.body;
|
|
5478
5857
|
}, function (_ref263) {
|
|
5479
5858
|
var theme = _ref263.theme;
|
|
5480
|
-
return theme.fonts.mobile.
|
|
5859
|
+
return theme.fonts.mobile.transforms.overline;
|
|
5481
5860
|
}, function (_ref264) {
|
|
5482
5861
|
var theme = _ref264.theme;
|
|
5483
|
-
return theme.fonts.mobile.
|
|
5862
|
+
return theme.fonts.mobile.transforms.subtitles;
|
|
5484
5863
|
}, function (_ref265) {
|
|
5485
5864
|
var theme = _ref265.theme;
|
|
5486
|
-
return theme.fonts.mobile.wordBreak.
|
|
5865
|
+
return theme.fonts.mobile.wordBreak.headers;
|
|
5487
5866
|
}, function (_ref266) {
|
|
5488
5867
|
var theme = _ref266.theme;
|
|
5489
|
-
return theme.fonts.mobile.wordBreak.
|
|
5868
|
+
return theme.fonts.mobile.wordBreak.altHeaders;
|
|
5490
5869
|
}, function (_ref267) {
|
|
5491
5870
|
var theme = _ref267.theme;
|
|
5492
|
-
return theme.fonts.mobile.wordBreak.
|
|
5871
|
+
return theme.fonts.mobile.wordBreak.body;
|
|
5493
5872
|
}, function (_ref268) {
|
|
5494
5873
|
var theme = _ref268.theme;
|
|
5495
|
-
return theme.
|
|
5874
|
+
return theme.fonts.mobile.wordBreak.overline;
|
|
5496
5875
|
}, function (_ref269) {
|
|
5497
5876
|
var theme = _ref269.theme;
|
|
5498
|
-
return theme.
|
|
5877
|
+
return theme.fonts.mobile.wordBreak.subtitles;
|
|
5499
5878
|
}, function (_ref270) {
|
|
5500
5879
|
var theme = _ref270.theme;
|
|
5501
5880
|
return theme.grid.mobile.margin;
|
|
@@ -5504,54 +5883,66 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$M || (_
|
|
|
5504
5883
|
return theme.grid.mobile.gap;
|
|
5505
5884
|
}, function (_ref272) {
|
|
5506
5885
|
var theme = _ref272.theme;
|
|
5507
|
-
return theme.grid.mobile.
|
|
5886
|
+
return theme.grid.mobile.margin;
|
|
5508
5887
|
}, function (_ref273) {
|
|
5509
5888
|
var theme = _ref273.theme;
|
|
5510
|
-
return theme.grid.mobile.
|
|
5889
|
+
return theme.grid.mobile.gap;
|
|
5511
5890
|
}, function (_ref274) {
|
|
5512
5891
|
var theme = _ref274.theme;
|
|
5513
|
-
return theme.
|
|
5892
|
+
return theme.grid.mobile.gap;
|
|
5514
5893
|
}, function (_ref275) {
|
|
5515
5894
|
var theme = _ref275.theme;
|
|
5516
|
-
return theme.
|
|
5895
|
+
return theme.grid.mobile.margin;
|
|
5517
5896
|
}, function (_ref276) {
|
|
5518
5897
|
var theme = _ref276.theme;
|
|
5519
|
-
return theme.footer.mobile.
|
|
5898
|
+
return theme.footer.mobile.height;
|
|
5520
5899
|
}, function (_ref277) {
|
|
5521
5900
|
var theme = _ref277.theme;
|
|
5522
|
-
return theme.footer.mobile.
|
|
5901
|
+
return theme.footer.mobile.paddingTop;
|
|
5523
5902
|
}, function (_ref278) {
|
|
5524
5903
|
var theme = _ref278.theme;
|
|
5525
|
-
return theme.footer.mobile.
|
|
5904
|
+
return theme.footer.mobile.paddingBottom;
|
|
5526
5905
|
}, function (_ref279) {
|
|
5527
5906
|
var theme = _ref279.theme;
|
|
5528
|
-
return theme.footer.mobile.
|
|
5907
|
+
return theme.footer.mobile.itemsGap;
|
|
5529
5908
|
}, function (_ref280) {
|
|
5530
5909
|
var theme = _ref280.theme;
|
|
5531
|
-
return theme.footer.mobile.
|
|
5910
|
+
return theme.footer.mobile.mediaGap;
|
|
5532
5911
|
}, function (_ref281) {
|
|
5533
5912
|
var theme = _ref281.theme;
|
|
5534
|
-
return theme.footer.mobile.
|
|
5913
|
+
return theme.footer.mobile.mediaIconWidth;
|
|
5535
5914
|
}, function (_ref282) {
|
|
5536
5915
|
var theme = _ref282.theme;
|
|
5537
|
-
return theme.footer.mobile.
|
|
5538
|
-
},
|
|
5916
|
+
return theme.footer.mobile.mediaIconHeight;
|
|
5917
|
+
}, function (_ref283) {
|
|
5539
5918
|
var theme = _ref283.theme;
|
|
5540
|
-
return theme.
|
|
5919
|
+
return theme.footer.mobile.verticalSpacingLarge;
|
|
5541
5920
|
}, function (_ref284) {
|
|
5542
5921
|
var theme = _ref284.theme;
|
|
5543
|
-
return theme.
|
|
5922
|
+
return theme.footer.mobile.verticalSpacingSmall;
|
|
5544
5923
|
}, function (_ref285) {
|
|
5545
5924
|
var theme = _ref285.theme;
|
|
5546
|
-
return theme.
|
|
5925
|
+
return theme.spacing[10];
|
|
5547
5926
|
}, function (_ref286) {
|
|
5548
5927
|
var theme = _ref286.theme;
|
|
5549
|
-
return theme.
|
|
5550
|
-
}, function (_ref287) {
|
|
5928
|
+
return theme.spacing[6];
|
|
5929
|
+
}, devices.tablet, function (_ref287) {
|
|
5551
5930
|
var theme = _ref287.theme;
|
|
5552
|
-
return theme.grid.tablet.
|
|
5931
|
+
return theme.grid.tablet.margin;
|
|
5553
5932
|
}, function (_ref288) {
|
|
5554
5933
|
var theme = _ref288.theme;
|
|
5934
|
+
return theme.grid.tablet.gap;
|
|
5935
|
+
}, function (_ref289) {
|
|
5936
|
+
var theme = _ref289.theme;
|
|
5937
|
+
return theme.grid.tablet.margin;
|
|
5938
|
+
}, function (_ref290) {
|
|
5939
|
+
var theme = _ref290.theme;
|
|
5940
|
+
return theme.grid.tablet.gap;
|
|
5941
|
+
}, function (_ref291) {
|
|
5942
|
+
var theme = _ref291.theme;
|
|
5943
|
+
return theme.grid.tablet.gap;
|
|
5944
|
+
}, function (_ref292) {
|
|
5945
|
+
var theme = _ref292.theme;
|
|
5555
5946
|
return theme.grid.tablet.margin;
|
|
5556
5947
|
}, devices.desktop, devices.largeDesktop);
|
|
5557
5948
|
|
|
@@ -5570,6 +5961,10 @@ exports.GlobalStyles = GlobalStyles;
|
|
|
5570
5961
|
exports.Grid = Grid;
|
|
5571
5962
|
exports.GridItem = GridItem;
|
|
5572
5963
|
exports.Header = Header;
|
|
5964
|
+
exports.HighlightsCarousel = HighlightsCarousel;
|
|
5965
|
+
exports.HighlightsCarouselCinema = HighlightsCinema;
|
|
5966
|
+
exports.HighlightsCarouselCore = HighlightsCore;
|
|
5967
|
+
exports.HighlightsCarouselStream = HighlightsStream;
|
|
5573
5968
|
exports.Icon = Icon;
|
|
5574
5969
|
exports.ImageWithCaption = ImageWithCaption;
|
|
5575
5970
|
exports.Navigation = Navigation;
|