@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
package/dist/chord.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default, { createElement, memo, useRef, useState, useEffect, useCallback } from 'react';
|
|
1
|
+
import React__default, { createElement, memo, useRef, useState, useEffect, useCallback, useMemo } from 'react';
|
|
2
2
|
import styled, { ThemeProvider, createGlobalStyle } from 'styled-components';
|
|
3
3
|
import { Swiper, SwiperSlide } from 'swiper/react/swiper-react.js';
|
|
4
4
|
import 'swiper/swiper-bundle.css';
|
|
@@ -1982,6 +1982,17 @@ var Button = function Button(_ref) {
|
|
|
1982
1982
|
})) : null, truncatedString);
|
|
1983
1983
|
};
|
|
1984
1984
|
|
|
1985
|
+
var _templateObject$3;
|
|
1986
|
+
var PrimaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n"])), function (_ref) {
|
|
1987
|
+
var bgColor = _ref.bgColor,
|
|
1988
|
+
theme = _ref.theme;
|
|
1989
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
1990
|
+
}, function (_ref2) {
|
|
1991
|
+
var bgColor = _ref2.bgColor,
|
|
1992
|
+
theme = _ref2.theme;
|
|
1993
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
1994
|
+
});
|
|
1995
|
+
|
|
1985
1996
|
var Colors;
|
|
1986
1997
|
|
|
1987
1998
|
(function (Colors) {
|
|
@@ -2008,17 +2019,6 @@ var ThemeType;
|
|
|
2008
2019
|
ThemeType["Cinema"] = "cinema";
|
|
2009
2020
|
})(ThemeType || (ThemeType = {}));
|
|
2010
2021
|
|
|
2011
|
-
var _templateObject$3;
|
|
2012
|
-
var PrimaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-", ");\n border-color: var(--base-color-", ");\n"])), function (_ref) {
|
|
2013
|
-
var _ref$bgColor = _ref.bgColor,
|
|
2014
|
-
bgColor = _ref$bgColor === void 0 ? Colors.Primary : _ref$bgColor;
|
|
2015
|
-
return bgColor;
|
|
2016
|
-
}, function (_ref2) {
|
|
2017
|
-
var _ref2$bgColor = _ref2.bgColor,
|
|
2018
|
-
bgColor = _ref2$bgColor === void 0 ? Colors.Primary : _ref2$bgColor;
|
|
2019
|
-
return bgColor;
|
|
2020
|
-
});
|
|
2021
|
-
|
|
2022
2022
|
var _excluded$1 = ["children"];
|
|
2023
2023
|
|
|
2024
2024
|
var PrimaryButton = function PrimaryButton(_ref) {
|
|
@@ -2031,10 +2031,10 @@ var PrimaryButton = function PrimaryButton(_ref) {
|
|
|
2031
2031
|
};
|
|
2032
2032
|
|
|
2033
2033
|
var _templateObject$4;
|
|
2034
|
-
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-transparent);\n border-color:
|
|
2035
|
-
var
|
|
2036
|
-
|
|
2037
|
-
return color;
|
|
2034
|
+
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-transparent);\n border-color: ", ";\n"])), function (_ref) {
|
|
2035
|
+
var color = _ref.color,
|
|
2036
|
+
theme = _ref.theme;
|
|
2037
|
+
return color ? "var(--base-color-" + color + ")" : theme.colors.primary;
|
|
2038
2038
|
});
|
|
2039
2039
|
|
|
2040
2040
|
var _excluded$2 = ["children"];
|
|
@@ -2487,6 +2487,8 @@ var Tab = function Tab(_ref) {
|
|
|
2487
2487
|
_ref$titleLink = _ref.titleLink,
|
|
2488
2488
|
titleLink = _ref$titleLink === void 0 ? '' : _ref$titleLink,
|
|
2489
2489
|
onClick = _ref.onClick,
|
|
2490
|
+
onFocus = _ref.onFocus,
|
|
2491
|
+
onReset = _ref.onReset,
|
|
2490
2492
|
_ref$selected = _ref.selected,
|
|
2491
2493
|
selected = _ref$selected === void 0 ? false : _ref$selected,
|
|
2492
2494
|
_ref$iconName = _ref.iconName,
|
|
@@ -2504,6 +2506,18 @@ var Tab = function Tab(_ref) {
|
|
|
2504
2506
|
}
|
|
2505
2507
|
};
|
|
2506
2508
|
|
|
2509
|
+
var onFocusHandler = function onFocusHandler() {
|
|
2510
|
+
return onFocus == null ? void 0 : onFocus();
|
|
2511
|
+
};
|
|
2512
|
+
|
|
2513
|
+
var onKeyDownHandler = function onKeyDownHandler(e) {
|
|
2514
|
+
if (e.code === 'Enter') {
|
|
2515
|
+
clickHandler();
|
|
2516
|
+
} else if (e.code === 'Escape') {
|
|
2517
|
+
onReset == null ? void 0 : onReset();
|
|
2518
|
+
}
|
|
2519
|
+
};
|
|
2520
|
+
|
|
2507
2521
|
return /*#__PURE__*/React__default.createElement(TitleContainer, {
|
|
2508
2522
|
colorPrimary: colorPrimary,
|
|
2509
2523
|
withTextInMobile: withTextInMobile,
|
|
@@ -2511,7 +2525,10 @@ var Tab = function Tab(_ref) {
|
|
|
2511
2525
|
selected: selected,
|
|
2512
2526
|
onClick: function onClick() {
|
|
2513
2527
|
return clickHandler();
|
|
2514
|
-
}
|
|
2528
|
+
},
|
|
2529
|
+
onFocus: onFocusHandler,
|
|
2530
|
+
onKeyDown: onKeyDownHandler,
|
|
2531
|
+
tabIndex: 0
|
|
2515
2532
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
2516
2533
|
withTextInMobile: withTextInMobile
|
|
2517
2534
|
}, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -2589,7 +2606,10 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
2589
2606
|
|
|
2590
2607
|
var _templateObject$h, _templateObject2$4, _templateObject3;
|
|
2591
2608
|
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
2592
|
-
var IconWrapper = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--
|
|
2609
|
+
var IconWrapper = /*#__PURE__*/styled.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) {
|
|
2610
|
+
var theme = _ref.theme;
|
|
2611
|
+
return theme.colors.primary;
|
|
2612
|
+
}, devices.mobile);
|
|
2593
2613
|
var IconUnavailableWrapper = /*#__PURE__*/styled.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);
|
|
2594
2614
|
|
|
2595
2615
|
var RotatorButtons = function RotatorButtons(_ref) {
|
|
@@ -2835,11 +2855,19 @@ var Basket$1 = function Basket(_ref) {
|
|
|
2835
2855
|
}
|
|
2836
2856
|
};
|
|
2837
2857
|
|
|
2858
|
+
var onKeyDownHandler = function onKeyDownHandler(e) {
|
|
2859
|
+
if (e.code === 'Enter') {
|
|
2860
|
+
onClickHandler();
|
|
2861
|
+
}
|
|
2862
|
+
};
|
|
2863
|
+
|
|
2838
2864
|
var empty = numItems <= 0;
|
|
2839
2865
|
return /*#__PURE__*/React__default.createElement(BasketContainer, {
|
|
2840
2866
|
selected: selected,
|
|
2841
2867
|
onClick: onClickHandler,
|
|
2842
|
-
|
|
2868
|
+
onKeyDown: onKeyDownHandler,
|
|
2869
|
+
colorPrimary: colorPrimary,
|
|
2870
|
+
tabIndex: 0
|
|
2843
2871
|
}, /*#__PURE__*/React__default.createElement(SvgContainer, null, empty ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
2844
2872
|
iconName: "Basket"
|
|
2845
2873
|
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -2876,11 +2904,20 @@ var Search$1 = function Search(_ref) {
|
|
|
2876
2904
|
onClick = _ref.onClick,
|
|
2877
2905
|
_ref$colorPrimary = _ref.colorPrimary,
|
|
2878
2906
|
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary;
|
|
2907
|
+
|
|
2908
|
+
var onKeyDownHandler = function onKeyDownHandler(e) {
|
|
2909
|
+
if (e.code === 'Enter') {
|
|
2910
|
+
onClick == null ? void 0 : onClick();
|
|
2911
|
+
}
|
|
2912
|
+
};
|
|
2913
|
+
|
|
2879
2914
|
return /*#__PURE__*/React__default.createElement(SearchContainer, {
|
|
2880
2915
|
selected: selected,
|
|
2881
2916
|
onClick: onClick,
|
|
2917
|
+
onKeyDown: onKeyDownHandler,
|
|
2882
2918
|
"data-testid": "search-icon",
|
|
2883
|
-
colorPrimary: colorPrimary
|
|
2919
|
+
colorPrimary: colorPrimary,
|
|
2920
|
+
tabIndex: 0
|
|
2884
2921
|
}, /*#__PURE__*/React__default.createElement(SvgContainer$1, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
2885
2922
|
iconName: "Search"
|
|
2886
2923
|
})));
|
|
@@ -2888,7 +2925,7 @@ var Search$1 = function Search(_ref) {
|
|
|
2888
2925
|
|
|
2889
2926
|
var _templateObject$o, _templateObject2$8, _templateObject3$3;
|
|
2890
2927
|
var TabContainer = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: column;\n position: relative;\n"])));
|
|
2891
|
-
var OptionItem = /*#__PURE__*/styled.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) {
|
|
2928
|
+
var OptionItem = /*#__PURE__*/styled.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) {
|
|
2892
2929
|
var colorPrimary = _ref.colorPrimary;
|
|
2893
2930
|
return colorPrimary;
|
|
2894
2931
|
});
|
|
@@ -3007,6 +3044,34 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
3007
3044
|
}
|
|
3008
3045
|
};
|
|
3009
3046
|
|
|
3047
|
+
var onFocusTitleHandler = function onFocusTitleHandler() {
|
|
3048
|
+
if (withOptions()) {
|
|
3049
|
+
setLockOpen(true);
|
|
3050
|
+
setOpen(true);
|
|
3051
|
+
setTitleSelected(titleSelected);
|
|
3052
|
+
}
|
|
3053
|
+
};
|
|
3054
|
+
|
|
3055
|
+
var onResetHandler = function onResetHandler() {
|
|
3056
|
+
setOpen(false);
|
|
3057
|
+
setLockOpen(false);
|
|
3058
|
+
setTitleSelected(false);
|
|
3059
|
+
};
|
|
3060
|
+
|
|
3061
|
+
var onBlurHandler = function onBlurHandler(i) {
|
|
3062
|
+
if (i === options.length - 1) {
|
|
3063
|
+
onResetHandler();
|
|
3064
|
+
}
|
|
3065
|
+
};
|
|
3066
|
+
|
|
3067
|
+
var onKeyDownHandler = function onKeyDownHandler(e, link) {
|
|
3068
|
+
if (e.code === 'Enter') {
|
|
3069
|
+
handleChange(link);
|
|
3070
|
+
} else if (e.code === 'Escape') {
|
|
3071
|
+
onResetHandler();
|
|
3072
|
+
}
|
|
3073
|
+
};
|
|
3074
|
+
|
|
3010
3075
|
var renderTab = function renderTab() {
|
|
3011
3076
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
|
|
3012
3077
|
title: title,
|
|
@@ -3018,6 +3083,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
3018
3083
|
onClick: function onClick(value) {
|
|
3019
3084
|
return handleClickTitle(value);
|
|
3020
3085
|
},
|
|
3086
|
+
onFocus: onFocusTitleHandler,
|
|
3087
|
+
onReset: onResetHandler,
|
|
3021
3088
|
colorPrimary: colorPrimary
|
|
3022
3089
|
}), withOptions() && open && /*#__PURE__*/React__default.createElement(OptionsContainer, {
|
|
3023
3090
|
withOptionsInMobile: withOptionsInMobile,
|
|
@@ -3029,7 +3096,14 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
3029
3096
|
onClick: function onClick() {
|
|
3030
3097
|
return handleChange(optionItem.optionLink);
|
|
3031
3098
|
},
|
|
3032
|
-
|
|
3099
|
+
onBlur: function onBlur() {
|
|
3100
|
+
return onBlurHandler(index);
|
|
3101
|
+
},
|
|
3102
|
+
onKeyDown: function onKeyDown(e) {
|
|
3103
|
+
return onKeyDownHandler(e, optionItem.optionLink);
|
|
3104
|
+
},
|
|
3105
|
+
colorPrimary: colorPrimary,
|
|
3106
|
+
tabIndex: 0
|
|
3033
3107
|
}, optionItem.option);
|
|
3034
3108
|
})));
|
|
3035
3109
|
};
|
|
@@ -3132,9 +3206,9 @@ var MenuContainer$1 = /*#__PURE__*/styled.div(_templateObject3$4 || (_templateOb
|
|
|
3132
3206
|
}, devices.mobileAndTablet);
|
|
3133
3207
|
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
3134
3208
|
|
|
3135
|
-
var _templateObject$q, _templateObject2$a, _templateObject3$5;
|
|
3209
|
+
var _templateObject$q, _templateObject2$a, _templateObject3$5, _templateObject4$3;
|
|
3136
3210
|
var ControlledDropdownWrapper = /*#__PURE__*/styled.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: fit-content;\n"])));
|
|
3137
|
-
var ControlledDropdownHeaderContainer = /*#__PURE__*/styled.
|
|
3211
|
+
var ControlledDropdownHeaderContainer = /*#__PURE__*/styled.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) {
|
|
3138
3212
|
var active = _ref.active,
|
|
3139
3213
|
activeColor = _ref.activeColor;
|
|
3140
3214
|
|
|
@@ -3144,7 +3218,10 @@ var ControlledDropdownHeaderContainer = /*#__PURE__*/styled.a(_templateObject2$a
|
|
|
3144
3218
|
return '';
|
|
3145
3219
|
}
|
|
3146
3220
|
});
|
|
3147
|
-
var
|
|
3221
|
+
var ControlledDropdownHeaderContainerLink = /*#__PURE__*/styled(ControlledDropdownHeaderContainer).attrs({
|
|
3222
|
+
as: 'a'
|
|
3223
|
+
})(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3224
|
+
var IconWrapper$1 = /*#__PURE__*/styled.span(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n"])));
|
|
3148
3225
|
|
|
3149
3226
|
var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
3150
3227
|
var text = _ref.text,
|
|
@@ -3152,11 +3229,13 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3152
3229
|
_ref$activeColor = _ref.activeColor,
|
|
3153
3230
|
activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor,
|
|
3154
3231
|
active = _ref.active,
|
|
3155
|
-
|
|
3232
|
+
onClick = _ref.onClick,
|
|
3156
3233
|
onOptionClick = _ref.onOptionClick,
|
|
3157
3234
|
_onMouseEnter = _ref.onMouseEnter,
|
|
3158
3235
|
_onMouseLeave = _ref.onMouseLeave,
|
|
3159
|
-
onReset = _ref.onReset
|
|
3236
|
+
onReset = _ref.onReset,
|
|
3237
|
+
_onFocus = _ref.onFocus,
|
|
3238
|
+
_onBlur = _ref.onBlur;
|
|
3160
3239
|
var ref = useRef();
|
|
3161
3240
|
var resetHandler = useCallback(function () {
|
|
3162
3241
|
return onReset == null ? void 0 : onReset();
|
|
@@ -3181,6 +3260,30 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3181
3260
|
|
|
3182
3261
|
return;
|
|
3183
3262
|
}, [ref, resetHandler, active]);
|
|
3263
|
+
|
|
3264
|
+
var handleOptionKeyDown = function handleOptionKeyDown(e, link) {
|
|
3265
|
+
if (e.code === 'Enter') {
|
|
3266
|
+
onOptionClick == null ? void 0 : onOptionClick(link);
|
|
3267
|
+
} else if (e.code === 'Escape') {
|
|
3268
|
+
resetHandler();
|
|
3269
|
+
}
|
|
3270
|
+
};
|
|
3271
|
+
|
|
3272
|
+
var handleHeaderKeyDown = function handleHeaderKeyDown(e) {
|
|
3273
|
+
if (e.code === 'Enter') {
|
|
3274
|
+
onClick == null ? void 0 : onClick();
|
|
3275
|
+
} else if (e.code === 'Escape') {
|
|
3276
|
+
resetHandler();
|
|
3277
|
+
}
|
|
3278
|
+
};
|
|
3279
|
+
|
|
3280
|
+
var handleOptionBlur = function handleOptionBlur(i) {
|
|
3281
|
+
if (i === ((options == null ? void 0 : options.length) || 0) - 1) {
|
|
3282
|
+
_onBlur == null ? void 0 : _onBlur();
|
|
3283
|
+
}
|
|
3284
|
+
};
|
|
3285
|
+
|
|
3286
|
+
var isDropdown = !!(options != null && options.length);
|
|
3184
3287
|
var wrapperEvents = {
|
|
3185
3288
|
onMouseEnter: function onMouseEnter() {
|
|
3186
3289
|
return _onMouseEnter == null ? void 0 : _onMouseEnter();
|
|
@@ -3190,20 +3293,31 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3190
3293
|
}
|
|
3191
3294
|
};
|
|
3192
3295
|
var headerEvents = {
|
|
3193
|
-
|
|
3194
|
-
|
|
3195
|
-
|
|
3296
|
+
onMouseDown: function onMouseDown(e) {
|
|
3297
|
+
e.preventDefault();
|
|
3298
|
+
onClick == null ? void 0 : onClick();
|
|
3299
|
+
},
|
|
3300
|
+
onFocus: function onFocus() {
|
|
3301
|
+
return _onFocus == null ? void 0 : _onFocus();
|
|
3302
|
+
},
|
|
3303
|
+
onBlur: function onBlur() {
|
|
3304
|
+
return !isDropdown && (_onBlur == null ? void 0 : _onBlur());
|
|
3305
|
+
},
|
|
3306
|
+
onKeyDown: handleHeaderKeyDown
|
|
3196
3307
|
};
|
|
3197
3308
|
return /*#__PURE__*/React__default.createElement(ControlledDropdownWrapper, Object.assign({
|
|
3198
3309
|
ref: ref
|
|
3199
|
-
}, wrapperEvents), /*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainer, Object.assign({
|
|
3310
|
+
}, wrapperEvents), isDropdown ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainer, Object.assign({
|
|
3200
3311
|
active: active,
|
|
3201
3312
|
activeColor: activeColor
|
|
3202
|
-
}, headerEvents
|
|
3313
|
+
}, headerEvents, {
|
|
3314
|
+
tabIndex: 0,
|
|
3315
|
+
"data-testid": "span-container"
|
|
3316
|
+
}), text, /*#__PURE__*/React__default.createElement(IconWrapper$1, {
|
|
3203
3317
|
"data-testid": "dropdown-icon"
|
|
3204
3318
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3205
3319
|
iconName: "DropdownArrow"
|
|
3206
|
-
}))
|
|
3320
|
+
}))), active && options ? /*#__PURE__*/React__default.createElement(OptionsContainer, {
|
|
3207
3321
|
colorPrimary: activeColor,
|
|
3208
3322
|
withOptionsInMobile: true
|
|
3209
3323
|
}, options.map(function (optionItem, index) {
|
|
@@ -3212,9 +3326,22 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3212
3326
|
onClick: function onClick() {
|
|
3213
3327
|
return onOptionClick == null ? void 0 : onOptionClick(optionItem.optionLink);
|
|
3214
3328
|
},
|
|
3215
|
-
|
|
3329
|
+
onKeyDown: function onKeyDown(e) {
|
|
3330
|
+
return handleOptionKeyDown(e, optionItem.optionLink);
|
|
3331
|
+
},
|
|
3332
|
+
colorPrimary: activeColor,
|
|
3333
|
+
tabIndex: 0,
|
|
3334
|
+
onBlur: function onBlur() {
|
|
3335
|
+
return handleOptionBlur(index);
|
|
3336
|
+
}
|
|
3216
3337
|
}, optionItem.option);
|
|
3217
|
-
})) : null)
|
|
3338
|
+
})) : null) : /*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainerLink, Object.assign({
|
|
3339
|
+
active: active,
|
|
3340
|
+
activeColor: activeColor
|
|
3341
|
+
}, headerEvents, {
|
|
3342
|
+
"data-testid": "link-container",
|
|
3343
|
+
tabIndex: 0
|
|
3344
|
+
}), text));
|
|
3218
3345
|
};
|
|
3219
3346
|
|
|
3220
3347
|
var Tabs = function Tabs(_ref) {
|
|
@@ -3285,6 +3412,16 @@ var Tabs = function Tabs(_ref) {
|
|
|
3285
3412
|
}
|
|
3286
3413
|
};
|
|
3287
3414
|
|
|
3415
|
+
var _onFocus = function onFocus(i) {
|
|
3416
|
+
return setActiveDropdown(i);
|
|
3417
|
+
};
|
|
3418
|
+
|
|
3419
|
+
var _onBlur = function onBlur(i) {
|
|
3420
|
+
if (i === (items == null ? void 0 : items.length) - 1) {
|
|
3421
|
+
onResetActive();
|
|
3422
|
+
}
|
|
3423
|
+
};
|
|
3424
|
+
|
|
3288
3425
|
return /*#__PURE__*/React__default.createElement(TabsContainer, null, /*#__PURE__*/React__default.createElement(ItemsContainer, {
|
|
3289
3426
|
showMenu: showMenu
|
|
3290
3427
|
}, items.map(function (item, index) {
|
|
@@ -3302,6 +3439,12 @@ var Tabs = function Tabs(_ref) {
|
|
|
3302
3439
|
onMouseLeave: function onMouseLeave() {
|
|
3303
3440
|
return onDropdownMouseLeave();
|
|
3304
3441
|
},
|
|
3442
|
+
onFocus: function onFocus() {
|
|
3443
|
+
return _onFocus(index);
|
|
3444
|
+
},
|
|
3445
|
+
onBlur: function onBlur() {
|
|
3446
|
+
return _onBlur(index);
|
|
3447
|
+
},
|
|
3305
3448
|
onReset: onResetActive,
|
|
3306
3449
|
active: isActiveDropdown(index),
|
|
3307
3450
|
activeColor: colorPrimary
|
|
@@ -3324,11 +3467,11 @@ var Tabs = function Tabs(_ref) {
|
|
|
3324
3467
|
}, "MENU"))));
|
|
3325
3468
|
};
|
|
3326
3469
|
|
|
3327
|
-
var _templateObject$r, _templateObject2$b, _templateObject3$6, _templateObject4$
|
|
3470
|
+
var _templateObject$r, _templateObject2$b, _templateObject3$6, _templateObject4$4, _templateObject5$1, _templateObject6$1;
|
|
3328
3471
|
var SearchBarContainer = /*#__PURE__*/styled.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);
|
|
3329
3472
|
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
3330
3473
|
var SvgContainerClose = /*#__PURE__*/styled.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"])));
|
|
3331
|
-
var InputContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
3474
|
+
var InputContainer = /*#__PURE__*/styled.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);
|
|
3332
3475
|
var SearchLinkContainer = /*#__PURE__*/styled.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
3333
3476
|
var SearchArrowContainer = /*#__PURE__*/styled.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);
|
|
3334
3477
|
|
|
@@ -3376,6 +3519,18 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3376
3519
|
searchValue = _useState2[0],
|
|
3377
3520
|
setSearchValue = _useState2[1];
|
|
3378
3521
|
|
|
3522
|
+
var inputRef = useRef(null);
|
|
3523
|
+
useEffect(function () {
|
|
3524
|
+
var _inputRef$current;
|
|
3525
|
+
|
|
3526
|
+
inputRef == null ? void 0 : (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
|
|
3527
|
+
return function () {
|
|
3528
|
+
var _inputRef$current2;
|
|
3529
|
+
|
|
3530
|
+
return inputRef == null ? void 0 : (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.blur();
|
|
3531
|
+
};
|
|
3532
|
+
}, [inputRef]);
|
|
3533
|
+
|
|
3379
3534
|
var onSearchHandler = function onSearchHandler(value) {
|
|
3380
3535
|
onClick(value);
|
|
3381
3536
|
};
|
|
@@ -3403,10 +3558,17 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3403
3558
|
}
|
|
3404
3559
|
};
|
|
3405
3560
|
|
|
3561
|
+
var onKeyboardCloseHandler = function onKeyboardCloseHandler(e) {
|
|
3562
|
+
if (e.code === 'Enter') {
|
|
3563
|
+
onCloseHandler();
|
|
3564
|
+
}
|
|
3565
|
+
};
|
|
3566
|
+
|
|
3406
3567
|
return /*#__PURE__*/React__default.createElement(SearchBarContainer, null, /*#__PURE__*/React__default.createElement(SvgContainerSearch, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3407
3568
|
iconName: "Search"
|
|
3408
3569
|
})), /*#__PURE__*/React__default.createElement(InputContainer, null, /*#__PURE__*/React__default.createElement("input", {
|
|
3409
3570
|
"data-testid": "input-html",
|
|
3571
|
+
ref: inputRef,
|
|
3410
3572
|
className: "search-input",
|
|
3411
3573
|
placeholder: "Search for anything ROH...",
|
|
3412
3574
|
type: "text",
|
|
@@ -3422,7 +3584,11 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3422
3584
|
color: Colors.Core,
|
|
3423
3585
|
onClick: function onClick() {
|
|
3424
3586
|
return onSearchHandler(searchValue);
|
|
3425
|
-
}
|
|
3587
|
+
},
|
|
3588
|
+
onKeyDown: function onKeyDown(e) {
|
|
3589
|
+
return handleKeypress(e, searchValue);
|
|
3590
|
+
},
|
|
3591
|
+
tabIndex: 0
|
|
3426
3592
|
}, "SEARCH")), /*#__PURE__*/React__default.createElement(SearchArrowContainer, {
|
|
3427
3593
|
"data-testid": "search-arrow-button",
|
|
3428
3594
|
onClick: function onClick() {
|
|
@@ -3432,7 +3598,9 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3432
3598
|
iconName: "Arrow",
|
|
3433
3599
|
color: Colors.Core
|
|
3434
3600
|
}))), /*#__PURE__*/React__default.createElement(SvgContainerClose, {
|
|
3601
|
+
tabIndex: 0,
|
|
3435
3602
|
onClick: onCloseHandler,
|
|
3603
|
+
onKeyDown: onKeyboardCloseHandler,
|
|
3436
3604
|
"data-testid": "close-icon"
|
|
3437
3605
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3438
3606
|
iconName: "Close"
|
|
@@ -3553,11 +3721,11 @@ var Navigation = function Navigation(_ref) {
|
|
|
3553
3721
|
})))));
|
|
3554
3722
|
};
|
|
3555
3723
|
|
|
3556
|
-
var _templateObject$t, _templateObject2$d, _templateObject3$7, _templateObject4$
|
|
3724
|
+
var _templateObject$t, _templateObject2$d, _templateObject3$7, _templateObject4$5, _templateObject5$2, _templateObject6$2;
|
|
3557
3725
|
var FooterSection = /*#__PURE__*/styled.section(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
3558
3726
|
var FooterContainer = /*#__PURE__*/styled.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"])));
|
|
3559
3727
|
var PolicyLinksRow = /*#__PURE__*/styled.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);
|
|
3560
|
-
var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$
|
|
3728
|
+
var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
3561
3729
|
var ArtsLogoRow = /*#__PURE__*/styled.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);
|
|
3562
3730
|
var AdditionalInfo = /*#__PURE__*/styled.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);
|
|
3563
3731
|
|
|
@@ -3580,11 +3748,11 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
3580
3748
|
}));
|
|
3581
3749
|
};
|
|
3582
3750
|
|
|
3583
|
-
var _templateObject$v, _templateObject2$f, _templateObject3$9, _templateObject4$
|
|
3751
|
+
var _templateObject$v, _templateObject2$f, _templateObject3$9, _templateObject4$6, _templateObject5$3, _templateObject6$3, _templateObject7$1, _templateObject8$1;
|
|
3584
3752
|
var ContactNewsletterWrapper = /*#__PURE__*/styled.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);
|
|
3585
3753
|
var ContactNewsletterSeparator = /*#__PURE__*/styled.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);
|
|
3586
3754
|
var SignUpWrapper = /*#__PURE__*/styled.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);
|
|
3587
|
-
var SignUpText = /*#__PURE__*/styled.p(_templateObject4$
|
|
3755
|
+
var SignUpText = /*#__PURE__*/styled.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);
|
|
3588
3756
|
var ContactWrapper = /*#__PURE__*/styled.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);
|
|
3589
3757
|
var MediaLinksWrapper = /*#__PURE__*/styled.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);
|
|
3590
3758
|
var MediaIconWrapper = /*#__PURE__*/styled.a(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
@@ -3654,11 +3822,11 @@ var Footer = function Footer(_ref) {
|
|
|
3654
3822
|
}, additionalInfo)))));
|
|
3655
3823
|
};
|
|
3656
3824
|
|
|
3657
|
-
var _templateObject$w, _templateObject2$g, _templateObject3$a, _templateObject4$
|
|
3825
|
+
var _templateObject$w, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$4, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10, _templateObject11;
|
|
3658
3826
|
var AnchorTapbarWrapper = /*#__PURE__*/styled.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);
|
|
3659
3827
|
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
3660
3828
|
var AnchorTitle = /*#__PURE__*/styled.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);
|
|
3661
|
-
var ButtonsDesktopGridItem = /*#__PURE__*/styled(GridItem)(_templateObject4$
|
|
3829
|
+
var ButtonsDesktopGridItem = /*#__PURE__*/styled(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);
|
|
3662
3830
|
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
3663
3831
|
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
3664
3832
|
var TabsList = /*#__PURE__*/styled.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) {
|
|
@@ -3821,7 +3989,8 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
3821
3989
|
selected: isSelectedItem(id),
|
|
3822
3990
|
onClick: function onClick(e) {
|
|
3823
3991
|
return onClicktab(e, id);
|
|
3824
|
-
}
|
|
3992
|
+
},
|
|
3993
|
+
tabIndex: 0
|
|
3825
3994
|
}, rest), text));
|
|
3826
3995
|
})), tabsOverflow ? /*#__PURE__*/React__default.createElement(ArrowsContainer, null, !scrollStart ? /*#__PURE__*/React__default.createElement(ArrowWrapper, {
|
|
3827
3996
|
onClick: scrollToLeft
|
|
@@ -3843,8 +4012,8 @@ var CarouselType;
|
|
|
3843
4012
|
CarouselType["LargeCard"] = "LargeCard";
|
|
3844
4013
|
})(CarouselType || (CarouselType = {}));
|
|
3845
4014
|
|
|
3846
|
-
var _templateObject$x, _templateObject2$h, _templateObject3$b, _templateObject4$
|
|
3847
|
-
var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
4015
|
+
var _templateObject$x, _templateObject2$h, _templateObject3$b, _templateObject4$8;
|
|
4016
|
+
var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
3848
4017
|
var type = _ref.type,
|
|
3849
4018
|
imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
3850
4019
|
|
|
@@ -3877,8 +4046,8 @@ var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject$x || (_templateObj
|
|
|
3877
4046
|
}
|
|
3878
4047
|
});
|
|
3879
4048
|
var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
3880
|
-
var TitleWrapper = /*#__PURE__*/styled.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"])));
|
|
3881
|
-
var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
4049
|
+
var TitleWrapper = /*#__PURE__*/styled.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"])));
|
|
4050
|
+
var ButtonsWrapper = /*#__PURE__*/styled.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);
|
|
3882
4051
|
|
|
3883
4052
|
var Carousel = function Carousel(_ref) {
|
|
3884
4053
|
var children = _ref.children,
|
|
@@ -3985,12 +4154,233 @@ var Carousel = function Carousel(_ref) {
|
|
|
3985
4154
|
})))));
|
|
3986
4155
|
};
|
|
3987
4156
|
|
|
3988
|
-
var _templateObject$y, _templateObject2$i, _templateObject3$c, _templateObject4$
|
|
3989
|
-
var
|
|
3990
|
-
var
|
|
3991
|
-
var
|
|
3992
|
-
|
|
3993
|
-
|
|
4157
|
+
var _templateObject$y, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$5, _templateObject6$5, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject10$1;
|
|
4158
|
+
var HighlightsGrid = /*#__PURE__*/styled(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);
|
|
4159
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled.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) {
|
|
4160
|
+
var theme = _ref.theme;
|
|
4161
|
+
return theme.fonts.mobile.sizes.altHeaders[4];
|
|
4162
|
+
}, function (_ref2) {
|
|
4163
|
+
var theme = _ref2.theme;
|
|
4164
|
+
return theme.fonts.mobile.weights.altHeaders[4];
|
|
4165
|
+
}, function (_ref3) {
|
|
4166
|
+
var theme = _ref3.theme;
|
|
4167
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[4];
|
|
4168
|
+
}, function (_ref4) {
|
|
4169
|
+
var theme = _ref4.theme;
|
|
4170
|
+
return theme.fonts.mobile.lineHeights.altHeaders[4];
|
|
4171
|
+
}, devices.mobile);
|
|
4172
|
+
var InfoWrapper = /*#__PURE__*/styled.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);
|
|
4173
|
+
var InfoLogoWrapper = /*#__PURE__*/styled.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);
|
|
4174
|
+
var InfoTitleWrapper = /*#__PURE__*/styled.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) {
|
|
4175
|
+
var theme = _ref5.theme;
|
|
4176
|
+
return theme.fonts.mobile.sizes.headers[3];
|
|
4177
|
+
}, function (_ref6) {
|
|
4178
|
+
var theme = _ref6.theme;
|
|
4179
|
+
return theme.fonts.mobile.weights.headers[3];
|
|
4180
|
+
}, function (_ref7) {
|
|
4181
|
+
var theme = _ref7.theme;
|
|
4182
|
+
return theme.fonts.mobile.letterSpacing.headers[3];
|
|
4183
|
+
}, function (_ref8) {
|
|
4184
|
+
var theme = _ref8.theme;
|
|
4185
|
+
return theme.fonts.mobile.lineHeights.headers[3];
|
|
4186
|
+
}, function (_ref9) {
|
|
4187
|
+
var theme = _ref9.theme;
|
|
4188
|
+
return theme.fonts.mobile.sizes.subtitles[2];
|
|
4189
|
+
}, function (_ref10) {
|
|
4190
|
+
var theme = _ref10.theme;
|
|
4191
|
+
return theme.fonts.mobile.weights.subtitles[2];
|
|
4192
|
+
}, function (_ref11) {
|
|
4193
|
+
var theme = _ref11.theme;
|
|
4194
|
+
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
4195
|
+
}, function (_ref12) {
|
|
4196
|
+
var theme = _ref12.theme;
|
|
4197
|
+
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
4198
|
+
});
|
|
4199
|
+
var InfoTextWrapper = /*#__PURE__*/styled.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) {
|
|
4200
|
+
var theme = _ref13.theme;
|
|
4201
|
+
return theme.fonts.mobile.sizes.subtitles[2];
|
|
4202
|
+
}, function (_ref14) {
|
|
4203
|
+
var theme = _ref14.theme;
|
|
4204
|
+
return theme.fonts.mobile.weights.subtitles[2];
|
|
4205
|
+
}, function (_ref15) {
|
|
4206
|
+
var theme = _ref15.theme;
|
|
4207
|
+
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
4208
|
+
}, function (_ref16) {
|
|
4209
|
+
var theme = _ref16.theme;
|
|
4210
|
+
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
4211
|
+
}, function (_ref17) {
|
|
4212
|
+
var theme = _ref17.theme;
|
|
4213
|
+
return theme.fonts.mobile.sizes.body[1];
|
|
4214
|
+
}, function (_ref18) {
|
|
4215
|
+
var theme = _ref18.theme;
|
|
4216
|
+
return theme.fonts.mobile.weights.body[1];
|
|
4217
|
+
}, function (_ref19) {
|
|
4218
|
+
var theme = _ref19.theme;
|
|
4219
|
+
return theme.fonts.mobile.letterSpacing.body[1];
|
|
4220
|
+
}, function (_ref20) {
|
|
4221
|
+
var theme = _ref20.theme;
|
|
4222
|
+
return theme.fonts.mobile.lineHeights.body[1];
|
|
4223
|
+
}, devices.mobile);
|
|
4224
|
+
var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
4225
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swiper-slide {\n width: calc(100% - 50px - var(--rotator-button-width));\n -webkit-transform: translate3d(0, 0, 0);\n }\n\n @media ", " {\n & {\n grid-area: 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);
|
|
4226
|
+
var RotatorButtonsWrapper = /*#__PURE__*/styled.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);
|
|
4227
|
+
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: flex;\n grid-area: 1 / 11 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.mobile);
|
|
4228
|
+
|
|
4229
|
+
var _excluded$8 = ["text"];
|
|
4230
|
+
|
|
4231
|
+
var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
4232
|
+
var logo = _ref.logo,
|
|
4233
|
+
carouselTitle = _ref.carouselTitle,
|
|
4234
|
+
slides = _ref.slides;
|
|
4235
|
+
var images = useMemo(function () {
|
|
4236
|
+
return slides.map(function (_ref2) {
|
|
4237
|
+
var image = _ref2.image;
|
|
4238
|
+
return image;
|
|
4239
|
+
});
|
|
4240
|
+
}, []);
|
|
4241
|
+
|
|
4242
|
+
var _useState = useState(),
|
|
4243
|
+
swiper = _useState[0],
|
|
4244
|
+
setSwiper = _useState[1];
|
|
4245
|
+
|
|
4246
|
+
var _useState2 = useState(0),
|
|
4247
|
+
currentSlide = _useState2[0],
|
|
4248
|
+
setCurrentSlide = _useState2[1];
|
|
4249
|
+
|
|
4250
|
+
var _slides$currentSlide = slides[currentSlide],
|
|
4251
|
+
link = _slides$currentSlide.link,
|
|
4252
|
+
infoText = _slides$currentSlide.infoText,
|
|
4253
|
+
infoTitle = _slides$currentSlide.infoTitle,
|
|
4254
|
+
infoTimeframe = _slides$currentSlide.infoTimeframe,
|
|
4255
|
+
infoSubtitle = _slides$currentSlide.infoSubtitle;
|
|
4256
|
+
|
|
4257
|
+
var linkText = link.text,
|
|
4258
|
+
restLink = _objectWithoutPropertiesLoose(link, _excluded$8);
|
|
4259
|
+
|
|
4260
|
+
var description = infoText == null ? void 0 : infoText.substring(0, 130);
|
|
4261
|
+
|
|
4262
|
+
var onSwiper = function onSwiper(s) {
|
|
4263
|
+
setSwiper(s);
|
|
4264
|
+
};
|
|
4265
|
+
|
|
4266
|
+
var onNext = function onNext() {
|
|
4267
|
+
if (swiper && !swiper.animating) {
|
|
4268
|
+
swiper.slideNext();
|
|
4269
|
+
setCurrentSlide(swiper.realIndex);
|
|
4270
|
+
}
|
|
4271
|
+
};
|
|
4272
|
+
|
|
4273
|
+
var onPrev = function onPrev() {
|
|
4274
|
+
if (swiper && !swiper.animating) {
|
|
4275
|
+
swiper.slidePrev();
|
|
4276
|
+
setCurrentSlide(swiper.realIndex);
|
|
4277
|
+
}
|
|
4278
|
+
};
|
|
4279
|
+
|
|
4280
|
+
return /*#__PURE__*/React__default.createElement(HighlightsGrid, {
|
|
4281
|
+
onClick: function onClick(e) {
|
|
4282
|
+
return e.stopPropagation();
|
|
4283
|
+
}
|
|
4284
|
+
}, /*#__PURE__*/React__default.createElement(CarouselTitleWrapper, {
|
|
4285
|
+
"data-testid": "carousel-title"
|
|
4286
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
4287
|
+
level: 4
|
|
4288
|
+
}, carouselTitle), /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
4289
|
+
level: 5
|
|
4290
|
+
}, carouselTitle)), /*#__PURE__*/React__default.createElement(RotatorButtonsWrapperMobile, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
4291
|
+
onClickNext: onNext,
|
|
4292
|
+
onClickPrev: onPrev
|
|
4293
|
+
})), /*#__PURE__*/React__default.createElement(InfoWrapper, {
|
|
4294
|
+
"data-testid": "info-wrapper"
|
|
4295
|
+
}, logo ? /*#__PURE__*/React__default.createElement(InfoLogoWrapper, null, logo) : null, /*#__PURE__*/React__default.createElement(InfoTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
4296
|
+
level: 3
|
|
4297
|
+
}, infoTitle), /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
4298
|
+
level: 2,
|
|
4299
|
+
tag: "h6"
|
|
4300
|
+
}, infoTimeframe)), /*#__PURE__*/React__default.createElement(InfoTextWrapper, null, /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
4301
|
+
level: 2,
|
|
4302
|
+
tag: "h6"
|
|
4303
|
+
}, infoSubtitle), /*#__PURE__*/React__default.createElement(BodyText, {
|
|
4304
|
+
level: 1
|
|
4305
|
+
}, description)), /*#__PURE__*/React__default.createElement(InfoLinkWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText))), /*#__PURE__*/React__default.createElement(CarouselWrapper$1, {
|
|
4306
|
+
"data-testid": "carousel-wrapper"
|
|
4307
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtonsWrapper, {
|
|
4308
|
+
"data-testid": "rotator-buttons"
|
|
4309
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
4310
|
+
onClickNext: onNext,
|
|
4311
|
+
onClickPrev: onPrev
|
|
4312
|
+
})), /*#__PURE__*/React__default.createElement(Swiper, {
|
|
4313
|
+
slidesPerView: "auto",
|
|
4314
|
+
loop: true,
|
|
4315
|
+
loopedSlides: images.length,
|
|
4316
|
+
onSwiper: onSwiper
|
|
4317
|
+
}, images.map(function (image) {
|
|
4318
|
+
return /*#__PURE__*/React__default.createElement(SwiperSlide, {
|
|
4319
|
+
key: image.key
|
|
4320
|
+
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
4321
|
+
aspectRatio: AspectRatio['4:3']
|
|
4322
|
+
}, /*#__PURE__*/React__default.createElement("img", Object.assign({}, image))));
|
|
4323
|
+
}))));
|
|
4324
|
+
};
|
|
4325
|
+
|
|
4326
|
+
var Theme = function Theme(_ref) {
|
|
4327
|
+
var children = _ref.children,
|
|
4328
|
+
theme = _ref.theme;
|
|
4329
|
+
var chosenTheme = themes[theme];
|
|
4330
|
+
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
4331
|
+
theme: chosenTheme
|
|
4332
|
+
}, children);
|
|
4333
|
+
};
|
|
4334
|
+
|
|
4335
|
+
var _excluded$9 = ["logo", "slides"];
|
|
4336
|
+
|
|
4337
|
+
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
4338
|
+
var logo = _ref.logo,
|
|
4339
|
+
slides = _ref.slides,
|
|
4340
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
|
|
4341
|
+
|
|
4342
|
+
var cinemaLink = {
|
|
4343
|
+
color: Colors.Cinema,
|
|
4344
|
+
bgColor: Colors.White
|
|
4345
|
+
};
|
|
4346
|
+
var newSlides = slides.map(function (slide) {
|
|
4347
|
+
return _extends({}, slide, {
|
|
4348
|
+
link: _extends({}, slide.link, cinemaLink)
|
|
4349
|
+
});
|
|
4350
|
+
});
|
|
4351
|
+
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
4352
|
+
theme: ThemeType.Cinema
|
|
4353
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
4354
|
+
slides: newSlides,
|
|
4355
|
+
logo: logo ? /*#__PURE__*/React__default.createElement(CinemaBadge, null) : null
|
|
4356
|
+
})));
|
|
4357
|
+
};
|
|
4358
|
+
|
|
4359
|
+
var HighlightsCore = function HighlightsCore(props) {
|
|
4360
|
+
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
4361
|
+
theme: ThemeType.Core
|
|
4362
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, props)));
|
|
4363
|
+
};
|
|
4364
|
+
|
|
4365
|
+
var _excluded$a = ["logo"];
|
|
4366
|
+
|
|
4367
|
+
var HighlightsStream = function HighlightsStream(_ref) {
|
|
4368
|
+
var logo = _ref.logo,
|
|
4369
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
|
|
4370
|
+
|
|
4371
|
+
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
4372
|
+
theme: ThemeType.Stream
|
|
4373
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
4374
|
+
logo: logo ? /*#__PURE__*/React__default.createElement(StreamBadge, null) : null
|
|
4375
|
+
})));
|
|
4376
|
+
};
|
|
4377
|
+
|
|
4378
|
+
var _templateObject$z, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$6;
|
|
4379
|
+
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4380
|
+
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
4381
|
+
var ChildrenContainer = /*#__PURE__*/styled.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);
|
|
4382
|
+
var TitleContainer$1 = /*#__PURE__*/styled.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);
|
|
4383
|
+
var ContentContainer = /*#__PURE__*/styled.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"])));
|
|
3994
4384
|
|
|
3995
4385
|
var Accordion = function Accordion(_ref) {
|
|
3996
4386
|
var _ref$title = _ref.title,
|
|
@@ -4032,8 +4422,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
4032
4422
|
}, /*#__PURE__*/React__default.createElement(ChildrenContainer, null, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
4033
4423
|
};
|
|
4034
4424
|
|
|
4035
|
-
var _templateObject$
|
|
4036
|
-
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4425
|
+
var _templateObject$A;
|
|
4426
|
+
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4037
4427
|
|
|
4038
4428
|
var Accordions = function Accordions(_ref) {
|
|
4039
4429
|
var _ref$items = _ref.items,
|
|
@@ -4052,24 +4442,24 @@ var Accordions = function Accordions(_ref) {
|
|
|
4052
4442
|
}));
|
|
4053
4443
|
};
|
|
4054
4444
|
|
|
4055
|
-
var _templateObject$
|
|
4445
|
+
var _templateObject$B, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$7, _templateObject6$6, _templateObject7$4, _templateObject8$4;
|
|
4056
4446
|
var LENGTH_LARGE_TEXT = 28;
|
|
4057
4447
|
var LENGTH_SMALL_TEXT = 19;
|
|
4058
4448
|
var LENGTH_TEXT_TABLET = 10;
|
|
4059
|
-
var CardContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4060
|
-
var HoverContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
4061
|
-
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
4062
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
4449
|
+
var CardContainer = /*#__PURE__*/styled.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"])));
|
|
4450
|
+
var HoverContainer = /*#__PURE__*/styled.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);
|
|
4451
|
+
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
4452
|
+
var ContentContainer$1 = /*#__PURE__*/styled.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) {
|
|
4063
4453
|
var fullWidth = _ref.fullWidth;
|
|
4064
4454
|
return fullWidth ? '0' : '20px';
|
|
4065
4455
|
}, function (_ref2) {
|
|
4066
4456
|
var fullWidth = _ref2.fullWidth;
|
|
4067
4457
|
return fullWidth ? '0' : '20px';
|
|
4068
4458
|
});
|
|
4069
|
-
var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject5$
|
|
4070
|
-
var TextContainer = /*#__PURE__*/styled.div(_templateObject6$
|
|
4071
|
-
var SubtitleContainer = /*#__PURE__*/styled.span(_templateObject7$
|
|
4072
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled.div(_templateObject8$
|
|
4459
|
+
var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n"])));
|
|
4460
|
+
var TextContainer = /*#__PURE__*/styled.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"])));
|
|
4461
|
+
var SubtitleContainer = /*#__PURE__*/styled.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"])));
|
|
4462
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled.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) {
|
|
4073
4463
|
var size = _ref3.size,
|
|
4074
4464
|
primaryButtonTextLength = _ref3.primaryButtonTextLength,
|
|
4075
4465
|
tertiaryButtonTextLength = _ref3.tertiaryButtonTextLength;
|
|
@@ -4092,13 +4482,13 @@ var ButtonsContainer$1 = /*#__PURE__*/styled.div(_templateObject8$3 || (_templat
|
|
|
4092
4482
|
return '';
|
|
4093
4483
|
});
|
|
4094
4484
|
|
|
4095
|
-
var _templateObject$
|
|
4096
|
-
var ProgressView = /*#__PURE__*/styled.div(_templateObject$
|
|
4097
|
-
var ElapsedProgressView = /*#__PURE__*/styled.div(_templateObject2$
|
|
4485
|
+
var _templateObject$C, _templateObject2$l, _templateObject3$f;
|
|
4486
|
+
var ProgressView = /*#__PURE__*/styled.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 100%;\n display: flex;\n flex-direction: row;\n"])));
|
|
4487
|
+
var ElapsedProgressView = /*#__PURE__*/styled.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-progress);\n flex: ", ";\n"])), function (_ref) {
|
|
4098
4488
|
var progress = _ref.progress;
|
|
4099
4489
|
return progress;
|
|
4100
4490
|
});
|
|
4101
|
-
var PendingProgressView = /*#__PURE__*/styled.div(_templateObject3$
|
|
4491
|
+
var PendingProgressView = /*#__PURE__*/styled.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-white);\n opacity: 0.5;\n flex: ", ";\n"])), function (_ref2) {
|
|
4102
4492
|
var progress = _ref2.progress;
|
|
4103
4493
|
return progress;
|
|
4104
4494
|
});
|
|
@@ -4115,7 +4505,7 @@ var Progress = function Progress(_ref) {
|
|
|
4115
4505
|
}));
|
|
4116
4506
|
};
|
|
4117
4507
|
|
|
4118
|
-
var _excluded$
|
|
4508
|
+
var _excluded$b = ["text"],
|
|
4119
4509
|
_excluded2$1 = ["text"];
|
|
4120
4510
|
var LENGTH_LARGE_TEXT$1 = 28;
|
|
4121
4511
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
@@ -4154,7 +4544,7 @@ var Card = function Card(_ref) {
|
|
|
4154
4544
|
var _ref2 = primaryButton || {},
|
|
4155
4545
|
_ref2$text = _ref2.text,
|
|
4156
4546
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
4157
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4547
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$b);
|
|
4158
4548
|
|
|
4159
4549
|
var primaryButtonTextTruncate = size === 'small' ? truncate(primaryButtonText, LENGTH_SMALL_TEXT$1) : truncate(primaryButtonText, LENGTH_LARGE_TEXT$1);
|
|
4160
4550
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -4222,9 +4612,9 @@ var Card = function Card(_ref) {
|
|
|
4222
4612
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
4223
4613
|
};
|
|
4224
4614
|
|
|
4225
|
-
var _templateObject$
|
|
4226
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
4227
|
-
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$
|
|
4615
|
+
var _templateObject$D, _templateObject2$m;
|
|
4616
|
+
var CardsContainer = /*#__PURE__*/styled(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);
|
|
4617
|
+
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n {\n grid-column: 1 / span 14;\n }\n }\n"])), devices.mobile);
|
|
4228
4618
|
|
|
4229
4619
|
var Cards = function Cards(_ref) {
|
|
4230
4620
|
var cards = _ref.cards,
|
|
@@ -4261,21 +4651,21 @@ var Cards = function Cards(_ref) {
|
|
|
4261
4651
|
}));
|
|
4262
4652
|
};
|
|
4263
4653
|
|
|
4264
|
-
var _templateObject$
|
|
4265
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
4654
|
+
var _templateObject$E, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$8;
|
|
4655
|
+
var EditorialGrid = /*#__PURE__*/styled.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) {
|
|
4266
4656
|
var imageToLeft = _ref.imageToLeft;
|
|
4267
4657
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
4268
4658
|
}, devices.mobile);
|
|
4269
|
-
var EditorialImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
4659
|
+
var EditorialImageWrapper = /*#__PURE__*/styled.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
4270
4660
|
var imageToLeft = _ref2.imageToLeft;
|
|
4271
4661
|
return imageToLeft ? 'left' : 'right';
|
|
4272
4662
|
}, devices.mobile);
|
|
4273
|
-
var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
4663
|
+
var EditorialTextWrapper = /*#__PURE__*/styled.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) {
|
|
4274
4664
|
var imageToLeft = _ref3.imageToLeft;
|
|
4275
4665
|
return imageToLeft ? 'right' : 'left';
|
|
4276
4666
|
}, devices.mobile);
|
|
4277
|
-
var EditorialSubtitle = /*#__PURE__*/styled.span(_templateObject4$
|
|
4278
|
-
var EditorialText = /*#__PURE__*/styled.div(_templateObject5$
|
|
4667
|
+
var EditorialSubtitle = /*#__PURE__*/styled.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"])));
|
|
4668
|
+
var EditorialText = /*#__PURE__*/styled.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"])));
|
|
4279
4669
|
|
|
4280
4670
|
var Editorial = function Editorial(_ref) {
|
|
4281
4671
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -4306,28 +4696,19 @@ var Editorial = function Editorial(_ref) {
|
|
|
4306
4696
|
})))));
|
|
4307
4697
|
};
|
|
4308
4698
|
|
|
4309
|
-
var
|
|
4310
|
-
|
|
4311
|
-
theme = _ref.theme;
|
|
4312
|
-
var chosenTheme = themes[theme];
|
|
4313
|
-
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
4314
|
-
theme: chosenTheme
|
|
4315
|
-
}, children);
|
|
4316
|
-
};
|
|
4317
|
-
|
|
4318
|
-
var _templateObject$E, _templateObject2$n, _templateObject3$g, _templateObject4$b, _templateObject5$8, _templateObject6$6, _templateObject7$4;
|
|
4319
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.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) {
|
|
4699
|
+
var _templateObject$F, _templateObject2$o, _templateObject3$h, _templateObject4$d, _templateObject5$9, _templateObject6$7, _templateObject7$5;
|
|
4700
|
+
var PageHeadingWrapper = /*#__PURE__*/styled.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) {
|
|
4320
4701
|
var theme = _ref.theme;
|
|
4321
4702
|
return theme.colors.primary;
|
|
4322
4703
|
}, devices.mobile);
|
|
4323
|
-
var PageHeadingGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
4324
|
-
var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4325
|
-
var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
4326
|
-
var TextWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
4327
|
-
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
4328
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$
|
|
4704
|
+
var PageHeadingGrid = /*#__PURE__*/styled(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);
|
|
4705
|
+
var TitleWrapper$1 = /*#__PURE__*/styled.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);
|
|
4706
|
+
var ChildrenWrapper = /*#__PURE__*/styled.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);
|
|
4707
|
+
var TextWrapper = /*#__PURE__*/styled.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"])));
|
|
4708
|
+
var LogoWrapper$1 = /*#__PURE__*/styled.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);
|
|
4709
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.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);
|
|
4329
4710
|
|
|
4330
|
-
var _excluded$
|
|
4711
|
+
var _excluded$c = ["text"];
|
|
4331
4712
|
|
|
4332
4713
|
var PageHeading = function PageHeading(_ref) {
|
|
4333
4714
|
var title = _ref.title,
|
|
@@ -4339,7 +4720,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
4339
4720
|
|
|
4340
4721
|
var _ref2 = link || {},
|
|
4341
4722
|
linkText = _ref2.text,
|
|
4342
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4723
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$c);
|
|
4343
4724
|
|
|
4344
4725
|
var truncatedText = text == null ? void 0 : text.substring(0, 250);
|
|
4345
4726
|
var truncatedTitle = title.substring(0, 40);
|
|
@@ -4358,11 +4739,11 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
4358
4739
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
|
|
4359
4740
|
};
|
|
4360
4741
|
|
|
4361
|
-
var _excluded$
|
|
4742
|
+
var _excluded$d = ["link"];
|
|
4362
4743
|
|
|
4363
4744
|
var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
4364
4745
|
var link = _ref.link,
|
|
4365
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4746
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
4366
4747
|
|
|
4367
4748
|
var coreLink = link && _extends({}, link, {
|
|
4368
4749
|
color: Colors.White,
|
|
@@ -4376,11 +4757,11 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
|
4376
4757
|
})));
|
|
4377
4758
|
};
|
|
4378
4759
|
|
|
4379
|
-
var _excluded$
|
|
4760
|
+
var _excluded$e = ["link"];
|
|
4380
4761
|
|
|
4381
4762
|
var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
4382
4763
|
var link = _ref.link,
|
|
4383
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4764
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
|
|
4384
4765
|
|
|
4385
4766
|
var cinemaLink = link && _extends({}, link, {
|
|
4386
4767
|
color: Colors.Black,
|
|
@@ -4394,8 +4775,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
4394
4775
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
4395
4776
|
};
|
|
4396
4777
|
|
|
4397
|
-
var _templateObject$
|
|
4398
|
-
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4778
|
+
var _templateObject$G, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$8, _templateObject7$6;
|
|
4779
|
+
var ImpactWrapper = /*#__PURE__*/styled.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) {
|
|
4399
4780
|
var bgUrlDesktop = _ref.bgUrlDesktop;
|
|
4400
4781
|
return bgUrlDesktop;
|
|
4401
4782
|
}, zIndexes.content, devices.mobile, function (_ref2) {
|
|
@@ -4403,14 +4784,14 @@ var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$F || (_templateObjec
|
|
|
4403
4784
|
bgUrlDevice = _ref2.bgUrlDevice;
|
|
4404
4785
|
return bgUrlDevice ? bgUrlDevice : bgUrlDesktop;
|
|
4405
4786
|
});
|
|
4406
|
-
var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
4407
|
-
var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
4408
|
-
var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
4409
|
-
var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
4410
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
4411
|
-
var ScrollDownWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
4787
|
+
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
4788
|
+
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
4789
|
+
var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
4790
|
+
var TextWrapper$1 = /*#__PURE__*/styled.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);
|
|
4791
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled.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);
|
|
4792
|
+
var ScrollDownWrapper = /*#__PURE__*/styled.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);
|
|
4412
4793
|
|
|
4413
|
-
var _excluded$
|
|
4794
|
+
var _excluded$f = ["text"];
|
|
4414
4795
|
|
|
4415
4796
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
4416
4797
|
var children = _ref.children,
|
|
@@ -4425,7 +4806,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
4425
4806
|
|
|
4426
4807
|
var _ref2 = link || {},
|
|
4427
4808
|
linkText = _ref2.text,
|
|
4428
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4809
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
|
|
4429
4810
|
|
|
4430
4811
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
4431
4812
|
bgUrlDesktop: bgUrlDesktop,
|
|
@@ -4452,11 +4833,11 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
4452
4833
|
}, "Scroll Down")) : null);
|
|
4453
4834
|
};
|
|
4454
4835
|
|
|
4455
|
-
var _excluded$
|
|
4836
|
+
var _excluded$g = ["link"];
|
|
4456
4837
|
|
|
4457
4838
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
4458
4839
|
var link = _ref.link,
|
|
4459
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4840
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
|
|
4460
4841
|
|
|
4461
4842
|
var streamLink = link && _extends({}, link, {
|
|
4462
4843
|
color: Colors.Black,
|
|
@@ -4470,9 +4851,9 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
4470
4851
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null)));
|
|
4471
4852
|
};
|
|
4472
4853
|
|
|
4473
|
-
var _templateObject$
|
|
4474
|
-
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4475
|
-
var NameWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
4854
|
+
var _templateObject$H, _templateObject2$q;
|
|
4855
|
+
var RoleWrapper = /*#__PURE__*/styled.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"])));
|
|
4856
|
+
var NameWrapper = /*#__PURE__*/styled.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"])));
|
|
4476
4857
|
|
|
4477
4858
|
var IndividualListing = function IndividualListing(_ref) {
|
|
4478
4859
|
var role = _ref.role,
|
|
@@ -4489,8 +4870,8 @@ var IndividualListing = function IndividualListing(_ref) {
|
|
|
4489
4870
|
}, name) : name));
|
|
4490
4871
|
};
|
|
4491
4872
|
|
|
4492
|
-
var _templateObject$
|
|
4493
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
4873
|
+
var _templateObject$I;
|
|
4874
|
+
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n"])));
|
|
4494
4875
|
|
|
4495
4876
|
var PeopleListing = function PeopleListing(_ref) {
|
|
4496
4877
|
var people = _ref.people;
|
|
@@ -4510,28 +4891,28 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
4510
4891
|
}));
|
|
4511
4892
|
};
|
|
4512
4893
|
|
|
4513
|
-
var _templateObject$
|
|
4894
|
+
var _templateObject$J, _templateObject2$r, _templateObject3$j, _templateObject4$f, _templateObject5$b, _templateObject6$9, _templateObject7$7;
|
|
4514
4895
|
var LENGTH_TEXT = 28;
|
|
4515
4896
|
var LENGTH_TEXT_TABLET$1 = 10;
|
|
4516
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
4897
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
4517
4898
|
var imageToLeft = _ref.imageToLeft;
|
|
4518
4899
|
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'";
|
|
4519
4900
|
}, devices.tablet, function (_ref2) {
|
|
4520
4901
|
var imageToLeft = _ref2.imageToLeft;
|
|
4521
4902
|
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'";
|
|
4522
4903
|
}, devices.mobile);
|
|
4523
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
4904
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref3) {
|
|
4524
4905
|
var imageToLeft = _ref3.imageToLeft;
|
|
4525
4906
|
return imageToLeft ? 'left' : 'right';
|
|
4526
4907
|
}, devices.mobile);
|
|
4527
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
4908
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.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) {
|
|
4528
4909
|
var imageToLeft = _ref4.imageToLeft;
|
|
4529
4910
|
return imageToLeft ? 'right' : 'left';
|
|
4530
4911
|
}, devices.mobile);
|
|
4531
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
4532
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled.span(_templateObject5$
|
|
4533
|
-
var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$
|
|
4534
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject7$
|
|
4912
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled.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);
|
|
4913
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled.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"])));
|
|
4914
|
+
var PromoWithTitleText = /*#__PURE__*/styled.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"])));
|
|
4915
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled.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) {
|
|
4535
4916
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
4536
4917
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
4537
4918
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -4557,7 +4938,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject7$6 || (_templat
|
|
|
4557
4938
|
return '';
|
|
4558
4939
|
});
|
|
4559
4940
|
|
|
4560
|
-
var _excluded$
|
|
4941
|
+
var _excluded$h = ["text"],
|
|
4561
4942
|
_excluded2$2 = ["text"];
|
|
4562
4943
|
var LENGTH_TEXT$1 = 28;
|
|
4563
4944
|
|
|
@@ -4584,7 +4965,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
4584
4965
|
var _ref2 = primaryButton || {},
|
|
4585
4966
|
_ref2$text = _ref2.text,
|
|
4586
4967
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
4587
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4968
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$h);
|
|
4588
4969
|
|
|
4589
4970
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$1);
|
|
4590
4971
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -4618,8 +4999,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
4618
4999
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
4619
5000
|
};
|
|
4620
5001
|
|
|
4621
|
-
var _templateObject$
|
|
4622
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5002
|
+
var _templateObject$K;
|
|
5003
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.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);
|
|
4623
5004
|
|
|
4624
5005
|
var SectionTitle = function SectionTitle(_ref) {
|
|
4625
5006
|
var title = _ref.title,
|
|
@@ -4645,8 +5026,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
4645
5026
|
}, description))));
|
|
4646
5027
|
};
|
|
4647
5028
|
|
|
4648
|
-
var _templateObject$
|
|
4649
|
-
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
5029
|
+
var _templateObject$L;
|
|
5030
|
+
var TextContainer$1 = /*#__PURE__*/styled.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"])));
|
|
4650
5031
|
|
|
4651
5032
|
var TextOnly = function TextOnly(_ref) {
|
|
4652
5033
|
var _ref$text = _ref.text,
|
|
@@ -4671,9 +5052,9 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
4671
5052
|
})));
|
|
4672
5053
|
};
|
|
4673
5054
|
|
|
4674
|
-
var _templateObject$
|
|
4675
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
4676
|
-
var CaptionWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
5055
|
+
var _templateObject$M, _templateObject2$s;
|
|
5056
|
+
var Wrapper$2 = /*#__PURE__*/styled.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);
|
|
5057
|
+
var CaptionWrapper = /*#__PURE__*/styled.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"])));
|
|
4677
5058
|
|
|
4678
5059
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
4679
5060
|
var caption = _ref.caption,
|
|
@@ -4684,8 +5065,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
4684
5065
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
4685
5066
|
};
|
|
4686
5067
|
|
|
4687
|
-
var _templateObject$
|
|
4688
|
-
var GlobalStyles = /*#__PURE__*/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) {
|
|
5068
|
+
var _templateObject$N;
|
|
5069
|
+
var GlobalStyles = /*#__PURE__*/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) {
|
|
4689
5070
|
var theme = _ref.theme;
|
|
4690
5071
|
return theme.colors.primary;
|
|
4691
5072
|
}, function (_ref2) {
|
|
@@ -5107,40 +5488,40 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$M || (_templat
|
|
|
5107
5488
|
return theme.spacing[15];
|
|
5108
5489
|
}, function (_ref141) {
|
|
5109
5490
|
var theme = _ref141.theme;
|
|
5110
|
-
return theme.
|
|
5491
|
+
return theme.spacing[15];
|
|
5111
5492
|
}, function (_ref142) {
|
|
5112
5493
|
var theme = _ref142.theme;
|
|
5113
|
-
return theme.
|
|
5494
|
+
return theme.spacing[9];
|
|
5114
5495
|
}, function (_ref143) {
|
|
5115
5496
|
var theme = _ref143.theme;
|
|
5116
|
-
return theme.
|
|
5497
|
+
return theme.fonts.desktop.sizes.search;
|
|
5117
5498
|
}, function (_ref144) {
|
|
5118
5499
|
var theme = _ref144.theme;
|
|
5119
|
-
return theme.
|
|
5500
|
+
return theme.fonts.desktop.families.search;
|
|
5120
5501
|
}, function (_ref145) {
|
|
5121
5502
|
var theme = _ref145.theme;
|
|
5122
|
-
return theme.grid.desktop.
|
|
5503
|
+
return theme.grid.desktop.margin;
|
|
5123
5504
|
}, function (_ref146) {
|
|
5124
5505
|
var theme = _ref146.theme;
|
|
5125
|
-
return theme.grid.desktop.
|
|
5506
|
+
return theme.grid.desktop.outerMargin;
|
|
5126
5507
|
}, function (_ref147) {
|
|
5127
5508
|
var theme = _ref147.theme;
|
|
5128
|
-
return theme.grid.desktop.
|
|
5509
|
+
return theme.grid.desktop.outerMargin;
|
|
5129
5510
|
}, function (_ref148) {
|
|
5130
5511
|
var theme = _ref148.theme;
|
|
5131
|
-
return theme.grid.desktop.
|
|
5512
|
+
return theme.grid.desktop.gap;
|
|
5132
5513
|
}, function (_ref149) {
|
|
5133
5514
|
var theme = _ref149.theme;
|
|
5134
|
-
return theme.grid.desktop.
|
|
5515
|
+
return theme.grid.desktop.margin;
|
|
5135
5516
|
}, function (_ref150) {
|
|
5136
5517
|
var theme = _ref150.theme;
|
|
5137
|
-
return theme.grid.desktop.
|
|
5518
|
+
return theme.grid.desktop.outerMargin;
|
|
5138
5519
|
}, function (_ref151) {
|
|
5139
5520
|
var theme = _ref151.theme;
|
|
5140
|
-
return theme.grid.desktop.
|
|
5521
|
+
return theme.grid.desktop.gap;
|
|
5141
5522
|
}, function (_ref152) {
|
|
5142
5523
|
var theme = _ref152.theme;
|
|
5143
|
-
return theme.grid.desktop.
|
|
5524
|
+
return theme.grid.desktop.margin;
|
|
5144
5525
|
}, function (_ref153) {
|
|
5145
5526
|
var theme = _ref153.theme;
|
|
5146
5527
|
return theme.grid.desktop.outerMargin;
|
|
@@ -5149,349 +5530,349 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$M || (_templat
|
|
|
5149
5530
|
return theme.grid.desktop.gap;
|
|
5150
5531
|
}, function (_ref155) {
|
|
5151
5532
|
var theme = _ref155.theme;
|
|
5152
|
-
return theme.grid.desktop.
|
|
5533
|
+
return theme.grid.desktop.outerMargin;
|
|
5153
5534
|
}, function (_ref156) {
|
|
5154
5535
|
var theme = _ref156.theme;
|
|
5155
|
-
return theme.
|
|
5536
|
+
return theme.grid.desktop.gap;
|
|
5156
5537
|
}, function (_ref157) {
|
|
5157
5538
|
var theme = _ref157.theme;
|
|
5158
|
-
return theme.
|
|
5539
|
+
return theme.grid.desktop.gap;
|
|
5159
5540
|
}, function (_ref158) {
|
|
5160
5541
|
var theme = _ref158.theme;
|
|
5161
|
-
return theme.footer.desktop.
|
|
5542
|
+
return theme.footer.desktop.height;
|
|
5162
5543
|
}, function (_ref159) {
|
|
5163
5544
|
var theme = _ref159.theme;
|
|
5164
|
-
return theme.footer.desktop.
|
|
5545
|
+
return theme.footer.desktop.paddingTop;
|
|
5165
5546
|
}, function (_ref160) {
|
|
5166
5547
|
var theme = _ref160.theme;
|
|
5167
|
-
return theme.footer.desktop.
|
|
5548
|
+
return theme.footer.desktop.paddingBottom;
|
|
5168
5549
|
}, function (_ref161) {
|
|
5169
5550
|
var theme = _ref161.theme;
|
|
5170
|
-
return theme.footer.desktop.
|
|
5551
|
+
return theme.footer.desktop.itemsGap;
|
|
5171
5552
|
}, function (_ref162) {
|
|
5172
5553
|
var theme = _ref162.theme;
|
|
5173
|
-
return theme.footer.desktop.
|
|
5554
|
+
return theme.footer.desktop.mediaGap;
|
|
5174
5555
|
}, function (_ref163) {
|
|
5175
5556
|
var theme = _ref163.theme;
|
|
5176
|
-
return theme.footer.desktop.
|
|
5557
|
+
return theme.footer.desktop.mediaIconWidth;
|
|
5177
5558
|
}, function (_ref164) {
|
|
5178
5559
|
var theme = _ref164.theme;
|
|
5179
|
-
return theme.footer.desktop.
|
|
5560
|
+
return theme.footer.desktop.mediaIconHeight;
|
|
5180
5561
|
}, function (_ref165) {
|
|
5181
5562
|
var theme = _ref165.theme;
|
|
5182
|
-
return theme.
|
|
5563
|
+
return theme.footer.desktop.verticalSpacingLarge;
|
|
5183
5564
|
}, function (_ref166) {
|
|
5184
5565
|
var theme = _ref166.theme;
|
|
5185
|
-
return theme.
|
|
5566
|
+
return theme.footer.desktop.verticalSpacingSmall;
|
|
5186
5567
|
}, function (_ref167) {
|
|
5187
5568
|
var theme = _ref167.theme;
|
|
5188
|
-
return theme.spacing[
|
|
5569
|
+
return theme.spacing[2];
|
|
5189
5570
|
}, function (_ref168) {
|
|
5190
5571
|
var theme = _ref168.theme;
|
|
5191
|
-
return theme.spacing[
|
|
5572
|
+
return theme.spacing[10];
|
|
5192
5573
|
}, function (_ref169) {
|
|
5193
5574
|
var theme = _ref169.theme;
|
|
5194
|
-
return theme.spacing[
|
|
5195
|
-
},
|
|
5575
|
+
return theme.spacing[4];
|
|
5576
|
+
}, function (_ref170) {
|
|
5196
5577
|
var theme = _ref170.theme;
|
|
5197
|
-
return theme.
|
|
5578
|
+
return theme.spacing[6];
|
|
5198
5579
|
}, function (_ref171) {
|
|
5199
5580
|
var theme = _ref171.theme;
|
|
5200
|
-
return theme.
|
|
5201
|
-
}, function (_ref172) {
|
|
5581
|
+
return theme.spacing[1];
|
|
5582
|
+
}, devices.mobile, function (_ref172) {
|
|
5202
5583
|
var theme = _ref172.theme;
|
|
5203
|
-
return theme.fonts.mobile.
|
|
5584
|
+
return theme.fonts.mobile.sizes.headers[1];
|
|
5204
5585
|
}, function (_ref173) {
|
|
5205
5586
|
var theme = _ref173.theme;
|
|
5206
|
-
return theme.fonts.mobile.
|
|
5587
|
+
return theme.fonts.mobile.weights.headers[1];
|
|
5207
5588
|
}, function (_ref174) {
|
|
5208
5589
|
var theme = _ref174.theme;
|
|
5209
|
-
return theme.fonts.mobile.
|
|
5590
|
+
return theme.fonts.mobile.letterSpacing.headers[1];
|
|
5210
5591
|
}, function (_ref175) {
|
|
5211
5592
|
var theme = _ref175.theme;
|
|
5212
|
-
return theme.fonts.mobile.
|
|
5593
|
+
return theme.fonts.mobile.lineHeights.headers[1];
|
|
5213
5594
|
}, function (_ref176) {
|
|
5214
5595
|
var theme = _ref176.theme;
|
|
5215
|
-
return theme.fonts.mobile.
|
|
5596
|
+
return theme.fonts.mobile.sizes.headers[2];
|
|
5216
5597
|
}, function (_ref177) {
|
|
5217
5598
|
var theme = _ref177.theme;
|
|
5218
|
-
return theme.fonts.mobile.
|
|
5599
|
+
return theme.fonts.mobile.weights.headers[2];
|
|
5219
5600
|
}, function (_ref178) {
|
|
5220
5601
|
var theme = _ref178.theme;
|
|
5221
|
-
return theme.fonts.mobile.
|
|
5602
|
+
return theme.fonts.mobile.letterSpacing.headers[2];
|
|
5222
5603
|
}, function (_ref179) {
|
|
5223
5604
|
var theme = _ref179.theme;
|
|
5224
|
-
return theme.fonts.mobile.
|
|
5605
|
+
return theme.fonts.mobile.lineHeights.headers[2];
|
|
5225
5606
|
}, function (_ref180) {
|
|
5226
5607
|
var theme = _ref180.theme;
|
|
5227
|
-
return theme.fonts.mobile.
|
|
5608
|
+
return theme.fonts.mobile.sizes.headers[3];
|
|
5228
5609
|
}, function (_ref181) {
|
|
5229
5610
|
var theme = _ref181.theme;
|
|
5230
|
-
return theme.fonts.mobile.
|
|
5611
|
+
return theme.fonts.mobile.weights.headers[3];
|
|
5231
5612
|
}, function (_ref182) {
|
|
5232
5613
|
var theme = _ref182.theme;
|
|
5233
|
-
return theme.fonts.mobile.
|
|
5614
|
+
return theme.fonts.mobile.letterSpacing.headers[3];
|
|
5234
5615
|
}, function (_ref183) {
|
|
5235
5616
|
var theme = _ref183.theme;
|
|
5236
|
-
return theme.fonts.mobile.
|
|
5617
|
+
return theme.fonts.mobile.lineHeights.headers[3];
|
|
5237
5618
|
}, function (_ref184) {
|
|
5238
5619
|
var theme = _ref184.theme;
|
|
5239
|
-
return theme.fonts.mobile.
|
|
5620
|
+
return theme.fonts.mobile.sizes.headers[4];
|
|
5240
5621
|
}, function (_ref185) {
|
|
5241
5622
|
var theme = _ref185.theme;
|
|
5242
|
-
return theme.fonts.mobile.
|
|
5623
|
+
return theme.fonts.mobile.weights.headers[4];
|
|
5243
5624
|
}, function (_ref186) {
|
|
5244
5625
|
var theme = _ref186.theme;
|
|
5245
|
-
return theme.fonts.mobile.
|
|
5626
|
+
return theme.fonts.mobile.letterSpacing.headers[4];
|
|
5246
5627
|
}, function (_ref187) {
|
|
5247
5628
|
var theme = _ref187.theme;
|
|
5248
|
-
return theme.fonts.mobile.
|
|
5629
|
+
return theme.fonts.mobile.lineHeights.headers[4];
|
|
5249
5630
|
}, function (_ref188) {
|
|
5250
5631
|
var theme = _ref188.theme;
|
|
5251
|
-
return theme.fonts.mobile.
|
|
5632
|
+
return theme.fonts.mobile.sizes.headers[5];
|
|
5252
5633
|
}, function (_ref189) {
|
|
5253
5634
|
var theme = _ref189.theme;
|
|
5254
|
-
return theme.fonts.mobile.
|
|
5635
|
+
return theme.fonts.mobile.weights.headers[5];
|
|
5255
5636
|
}, function (_ref190) {
|
|
5256
5637
|
var theme = _ref190.theme;
|
|
5257
|
-
return theme.fonts.mobile.
|
|
5638
|
+
return theme.fonts.mobile.letterSpacing.headers[5];
|
|
5258
5639
|
}, function (_ref191) {
|
|
5259
5640
|
var theme = _ref191.theme;
|
|
5260
|
-
return theme.fonts.mobile.
|
|
5641
|
+
return theme.fonts.mobile.lineHeights.headers[5];
|
|
5261
5642
|
}, function (_ref192) {
|
|
5262
5643
|
var theme = _ref192.theme;
|
|
5263
|
-
return theme.fonts.mobile.
|
|
5644
|
+
return theme.fonts.mobile.sizes.headers[6];
|
|
5264
5645
|
}, function (_ref193) {
|
|
5265
5646
|
var theme = _ref193.theme;
|
|
5266
|
-
return theme.fonts.mobile.
|
|
5647
|
+
return theme.fonts.mobile.weights.headers[6];
|
|
5267
5648
|
}, function (_ref194) {
|
|
5268
5649
|
var theme = _ref194.theme;
|
|
5269
|
-
return theme.fonts.mobile.
|
|
5650
|
+
return theme.fonts.mobile.letterSpacing.headers[6];
|
|
5270
5651
|
}, function (_ref195) {
|
|
5271
5652
|
var theme = _ref195.theme;
|
|
5272
|
-
return theme.fonts.mobile.
|
|
5653
|
+
return theme.fonts.mobile.lineHeights.headers[6];
|
|
5273
5654
|
}, function (_ref196) {
|
|
5274
5655
|
var theme = _ref196.theme;
|
|
5275
|
-
return theme.fonts.mobile.
|
|
5656
|
+
return theme.fonts.mobile.sizes.altHeaders[3];
|
|
5276
5657
|
}, function (_ref197) {
|
|
5277
5658
|
var theme = _ref197.theme;
|
|
5278
|
-
return theme.fonts.mobile.
|
|
5659
|
+
return theme.fonts.mobile.weights.altHeaders[3];
|
|
5279
5660
|
}, function (_ref198) {
|
|
5280
5661
|
var theme = _ref198.theme;
|
|
5281
|
-
return theme.fonts.mobile.
|
|
5662
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[3];
|
|
5282
5663
|
}, function (_ref199) {
|
|
5283
5664
|
var theme = _ref199.theme;
|
|
5284
|
-
return theme.fonts.mobile.
|
|
5665
|
+
return theme.fonts.mobile.lineHeights.altHeaders[3];
|
|
5285
5666
|
}, function (_ref200) {
|
|
5286
5667
|
var theme = _ref200.theme;
|
|
5287
|
-
return theme.fonts.mobile.
|
|
5668
|
+
return theme.fonts.mobile.sizes.altHeaders[4];
|
|
5288
5669
|
}, function (_ref201) {
|
|
5289
5670
|
var theme = _ref201.theme;
|
|
5290
|
-
return theme.fonts.mobile.
|
|
5671
|
+
return theme.fonts.mobile.weights.altHeaders[4];
|
|
5291
5672
|
}, function (_ref202) {
|
|
5292
5673
|
var theme = _ref202.theme;
|
|
5293
|
-
return theme.fonts.mobile.
|
|
5674
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[4];
|
|
5294
5675
|
}, function (_ref203) {
|
|
5295
5676
|
var theme = _ref203.theme;
|
|
5296
|
-
return theme.fonts.mobile.
|
|
5677
|
+
return theme.fonts.mobile.lineHeights.altHeaders[4];
|
|
5297
5678
|
}, function (_ref204) {
|
|
5298
5679
|
var theme = _ref204.theme;
|
|
5299
|
-
return theme.fonts.mobile.
|
|
5680
|
+
return theme.fonts.mobile.sizes.altHeaders[5];
|
|
5300
5681
|
}, function (_ref205) {
|
|
5301
5682
|
var theme = _ref205.theme;
|
|
5302
|
-
return theme.fonts.mobile.
|
|
5683
|
+
return theme.fonts.mobile.weights.altHeaders[5];
|
|
5303
5684
|
}, function (_ref206) {
|
|
5304
5685
|
var theme = _ref206.theme;
|
|
5305
|
-
return theme.fonts.mobile.
|
|
5686
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[5];
|
|
5306
5687
|
}, function (_ref207) {
|
|
5307
5688
|
var theme = _ref207.theme;
|
|
5308
|
-
return theme.fonts.mobile.
|
|
5689
|
+
return theme.fonts.mobile.lineHeights.altHeaders[5];
|
|
5309
5690
|
}, function (_ref208) {
|
|
5310
5691
|
var theme = _ref208.theme;
|
|
5311
|
-
return theme.fonts.mobile.
|
|
5692
|
+
return theme.fonts.mobile.sizes.altHeaders[6];
|
|
5312
5693
|
}, function (_ref209) {
|
|
5313
5694
|
var theme = _ref209.theme;
|
|
5314
|
-
return theme.fonts.mobile.
|
|
5695
|
+
return theme.fonts.mobile.weights.altHeaders[6];
|
|
5315
5696
|
}, function (_ref210) {
|
|
5316
5697
|
var theme = _ref210.theme;
|
|
5317
|
-
return theme.fonts.mobile.
|
|
5698
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[6];
|
|
5318
5699
|
}, function (_ref211) {
|
|
5319
5700
|
var theme = _ref211.theme;
|
|
5320
|
-
return theme.fonts.mobile.
|
|
5701
|
+
return theme.fonts.mobile.lineHeights.altHeaders[6];
|
|
5321
5702
|
}, function (_ref212) {
|
|
5322
5703
|
var theme = _ref212.theme;
|
|
5323
|
-
return theme.fonts.mobile.
|
|
5704
|
+
return theme.fonts.mobile.sizes.overline[1];
|
|
5324
5705
|
}, function (_ref213) {
|
|
5325
5706
|
var theme = _ref213.theme;
|
|
5326
|
-
return theme.fonts.mobile.
|
|
5707
|
+
return theme.fonts.mobile.weights.overline[1];
|
|
5327
5708
|
}, function (_ref214) {
|
|
5328
5709
|
var theme = _ref214.theme;
|
|
5329
|
-
return theme.fonts.mobile.
|
|
5710
|
+
return theme.fonts.mobile.letterSpacing.overline[1];
|
|
5330
5711
|
}, function (_ref215) {
|
|
5331
5712
|
var theme = _ref215.theme;
|
|
5332
|
-
return theme.fonts.mobile.
|
|
5713
|
+
return theme.fonts.mobile.lineHeights.overline[1];
|
|
5333
5714
|
}, function (_ref216) {
|
|
5334
5715
|
var theme = _ref216.theme;
|
|
5335
|
-
return theme.fonts.mobile.
|
|
5716
|
+
return theme.fonts.mobile.sizes.overline[2];
|
|
5336
5717
|
}, function (_ref217) {
|
|
5337
5718
|
var theme = _ref217.theme;
|
|
5338
|
-
return theme.fonts.mobile.
|
|
5719
|
+
return theme.fonts.mobile.weights.overline[2];
|
|
5339
5720
|
}, function (_ref218) {
|
|
5340
5721
|
var theme = _ref218.theme;
|
|
5341
|
-
return theme.fonts.mobile.
|
|
5722
|
+
return theme.fonts.mobile.letterSpacing.overline[2];
|
|
5342
5723
|
}, function (_ref219) {
|
|
5343
5724
|
var theme = _ref219.theme;
|
|
5344
|
-
return theme.fonts.mobile.
|
|
5725
|
+
return theme.fonts.mobile.lineHeights.overline[2];
|
|
5345
5726
|
}, function (_ref220) {
|
|
5346
5727
|
var theme = _ref220.theme;
|
|
5347
|
-
return theme.fonts.mobile.
|
|
5728
|
+
return theme.fonts.mobile.sizes.body[1];
|
|
5348
5729
|
}, function (_ref221) {
|
|
5349
5730
|
var theme = _ref221.theme;
|
|
5350
|
-
return theme.fonts.mobile.
|
|
5731
|
+
return theme.fonts.mobile.weights.body[1];
|
|
5351
5732
|
}, function (_ref222) {
|
|
5352
5733
|
var theme = _ref222.theme;
|
|
5353
|
-
return theme.fonts.mobile.
|
|
5734
|
+
return theme.fonts.mobile.letterSpacing.body[1];
|
|
5354
5735
|
}, function (_ref223) {
|
|
5355
5736
|
var theme = _ref223.theme;
|
|
5356
|
-
return theme.fonts.mobile.
|
|
5737
|
+
return theme.fonts.mobile.lineHeights.body[1];
|
|
5357
5738
|
}, function (_ref224) {
|
|
5358
5739
|
var theme = _ref224.theme;
|
|
5359
|
-
return theme.fonts.mobile.
|
|
5740
|
+
return theme.fonts.mobile.sizes.body[2];
|
|
5360
5741
|
}, function (_ref225) {
|
|
5361
5742
|
var theme = _ref225.theme;
|
|
5362
|
-
return theme.fonts.mobile.
|
|
5743
|
+
return theme.fonts.mobile.weights.body[2];
|
|
5363
5744
|
}, function (_ref226) {
|
|
5364
5745
|
var theme = _ref226.theme;
|
|
5365
|
-
return theme.fonts.mobile.
|
|
5746
|
+
return theme.fonts.mobile.letterSpacing.body[2];
|
|
5366
5747
|
}, function (_ref227) {
|
|
5367
5748
|
var theme = _ref227.theme;
|
|
5368
|
-
return theme.fonts.mobile.
|
|
5749
|
+
return theme.fonts.mobile.lineHeights.body[2];
|
|
5369
5750
|
}, function (_ref228) {
|
|
5370
5751
|
var theme = _ref228.theme;
|
|
5371
|
-
return theme.fonts.mobile.
|
|
5752
|
+
return theme.fonts.mobile.sizes.body[3];
|
|
5372
5753
|
}, function (_ref229) {
|
|
5373
5754
|
var theme = _ref229.theme;
|
|
5374
|
-
return theme.fonts.mobile.
|
|
5755
|
+
return theme.fonts.mobile.weights.body[3];
|
|
5375
5756
|
}, function (_ref230) {
|
|
5376
5757
|
var theme = _ref230.theme;
|
|
5377
|
-
return theme.fonts.mobile.
|
|
5758
|
+
return theme.fonts.mobile.letterSpacing.body[3];
|
|
5378
5759
|
}, function (_ref231) {
|
|
5379
5760
|
var theme = _ref231.theme;
|
|
5380
|
-
return theme.fonts.mobile.
|
|
5761
|
+
return theme.fonts.mobile.lineHeights.body[3];
|
|
5381
5762
|
}, function (_ref232) {
|
|
5382
5763
|
var theme = _ref232.theme;
|
|
5383
|
-
return theme.fonts.mobile.
|
|
5764
|
+
return theme.fonts.mobile.sizes.subtitles[1];
|
|
5384
5765
|
}, function (_ref233) {
|
|
5385
5766
|
var theme = _ref233.theme;
|
|
5386
|
-
return theme.fonts.mobile.
|
|
5767
|
+
return theme.fonts.mobile.weights.subtitles[1];
|
|
5387
5768
|
}, function (_ref234) {
|
|
5388
5769
|
var theme = _ref234.theme;
|
|
5389
|
-
return theme.fonts.mobile.
|
|
5770
|
+
return theme.fonts.mobile.letterSpacing.subtitles[1];
|
|
5390
5771
|
}, function (_ref235) {
|
|
5391
5772
|
var theme = _ref235.theme;
|
|
5392
|
-
return theme.fonts.mobile.
|
|
5773
|
+
return theme.fonts.mobile.lineHeights.subtitles[1];
|
|
5393
5774
|
}, function (_ref236) {
|
|
5394
5775
|
var theme = _ref236.theme;
|
|
5395
|
-
return theme.fonts.mobile.
|
|
5776
|
+
return theme.fonts.mobile.sizes.subtitles[2];
|
|
5396
5777
|
}, function (_ref237) {
|
|
5397
5778
|
var theme = _ref237.theme;
|
|
5398
|
-
return theme.fonts.mobile.
|
|
5779
|
+
return theme.fonts.mobile.weights.subtitles[2];
|
|
5399
5780
|
}, function (_ref238) {
|
|
5400
5781
|
var theme = _ref238.theme;
|
|
5401
|
-
return theme.fonts.mobile.
|
|
5782
|
+
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
5402
5783
|
}, function (_ref239) {
|
|
5403
5784
|
var theme = _ref239.theme;
|
|
5404
|
-
return theme.fonts.mobile.lineHeights.
|
|
5785
|
+
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
5405
5786
|
}, function (_ref240) {
|
|
5406
5787
|
var theme = _ref240.theme;
|
|
5407
|
-
return theme.
|
|
5788
|
+
return theme.fonts.mobile.sizes.titleDescription;
|
|
5408
5789
|
}, function (_ref241) {
|
|
5409
5790
|
var theme = _ref241.theme;
|
|
5410
|
-
return theme.fonts.mobile.
|
|
5791
|
+
return theme.fonts.mobile.lineHeights.titleDescription;
|
|
5411
5792
|
}, function (_ref242) {
|
|
5412
5793
|
var theme = _ref242.theme;
|
|
5413
|
-
return theme.
|
|
5794
|
+
return theme.spacing[4];
|
|
5414
5795
|
}, function (_ref243) {
|
|
5415
5796
|
var theme = _ref243.theme;
|
|
5416
|
-
return theme.fonts.mobile.
|
|
5797
|
+
return theme.fonts.mobile.sizes.search;
|
|
5417
5798
|
}, function (_ref244) {
|
|
5418
5799
|
var theme = _ref244.theme;
|
|
5419
|
-
return theme.fonts.mobile.families.
|
|
5800
|
+
return theme.fonts.mobile.families.search;
|
|
5420
5801
|
}, function (_ref245) {
|
|
5421
5802
|
var theme = _ref245.theme;
|
|
5422
|
-
return theme.fonts.mobile.families.
|
|
5803
|
+
return theme.fonts.mobile.families.headers;
|
|
5423
5804
|
}, function (_ref246) {
|
|
5424
5805
|
var theme = _ref246.theme;
|
|
5425
|
-
return theme.fonts.mobile.families.
|
|
5806
|
+
return theme.fonts.mobile.families.altHeaders;
|
|
5426
5807
|
}, function (_ref247) {
|
|
5427
5808
|
var theme = _ref247.theme;
|
|
5428
|
-
return theme.fonts.mobile.families.
|
|
5809
|
+
return theme.fonts.mobile.families.body;
|
|
5429
5810
|
}, function (_ref248) {
|
|
5430
5811
|
var theme = _ref248.theme;
|
|
5431
|
-
return theme.fonts.mobile.families.
|
|
5812
|
+
return theme.fonts.mobile.families.bodyItalics;
|
|
5432
5813
|
}, function (_ref249) {
|
|
5433
5814
|
var theme = _ref249.theme;
|
|
5434
|
-
return theme.fonts.mobile.families.
|
|
5815
|
+
return theme.fonts.mobile.families.buttons;
|
|
5435
5816
|
}, function (_ref250) {
|
|
5436
5817
|
var theme = _ref250.theme;
|
|
5437
|
-
return theme.fonts.mobile.families.
|
|
5818
|
+
return theme.fonts.mobile.families.overline;
|
|
5438
5819
|
}, function (_ref251) {
|
|
5439
5820
|
var theme = _ref251.theme;
|
|
5440
|
-
return theme.fonts.mobile.families.
|
|
5821
|
+
return theme.fonts.mobile.families.subtitles;
|
|
5441
5822
|
}, function (_ref252) {
|
|
5442
5823
|
var theme = _ref252.theme;
|
|
5443
|
-
return theme.fonts.mobile.
|
|
5824
|
+
return theme.fonts.mobile.families.peopleListingRole;
|
|
5444
5825
|
}, function (_ref253) {
|
|
5445
5826
|
var theme = _ref253.theme;
|
|
5446
|
-
return theme.fonts.mobile.
|
|
5827
|
+
return theme.fonts.mobile.families.body;
|
|
5447
5828
|
}, function (_ref254) {
|
|
5448
5829
|
var theme = _ref254.theme;
|
|
5449
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5830
|
+
return theme.fonts.mobile.fontFeatureSettings.headers;
|
|
5450
5831
|
}, function (_ref255) {
|
|
5451
5832
|
var theme = _ref255.theme;
|
|
5452
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5833
|
+
return theme.fonts.mobile.fontFeatureSettings.altHeaders;
|
|
5453
5834
|
}, function (_ref256) {
|
|
5454
5835
|
var theme = _ref256.theme;
|
|
5455
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5836
|
+
return theme.fonts.mobile.fontFeatureSettings.overline;
|
|
5456
5837
|
}, function (_ref257) {
|
|
5457
5838
|
var theme = _ref257.theme;
|
|
5458
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5839
|
+
return theme.fonts.mobile.fontFeatureSettings.subtitles;
|
|
5459
5840
|
}, function (_ref258) {
|
|
5460
5841
|
var theme = _ref258.theme;
|
|
5461
|
-
return theme.fonts.mobile.
|
|
5842
|
+
return theme.fonts.mobile.fontFeatureSettings.body;
|
|
5462
5843
|
}, function (_ref259) {
|
|
5463
5844
|
var theme = _ref259.theme;
|
|
5464
|
-
return theme.fonts.mobile.
|
|
5845
|
+
return theme.fonts.mobile.fontFeatureSettings.navigation;
|
|
5465
5846
|
}, function (_ref260) {
|
|
5466
5847
|
var theme = _ref260.theme;
|
|
5467
|
-
return theme.fonts.mobile.transforms.
|
|
5848
|
+
return theme.fonts.mobile.transforms.headers;
|
|
5468
5849
|
}, function (_ref261) {
|
|
5469
5850
|
var theme = _ref261.theme;
|
|
5470
|
-
return theme.fonts.mobile.transforms.
|
|
5851
|
+
return theme.fonts.mobile.transforms.altHeaders;
|
|
5471
5852
|
}, function (_ref262) {
|
|
5472
5853
|
var theme = _ref262.theme;
|
|
5473
|
-
return theme.fonts.mobile.transforms.
|
|
5854
|
+
return theme.fonts.mobile.transforms.body;
|
|
5474
5855
|
}, function (_ref263) {
|
|
5475
5856
|
var theme = _ref263.theme;
|
|
5476
|
-
return theme.fonts.mobile.
|
|
5857
|
+
return theme.fonts.mobile.transforms.overline;
|
|
5477
5858
|
}, function (_ref264) {
|
|
5478
5859
|
var theme = _ref264.theme;
|
|
5479
|
-
return theme.fonts.mobile.
|
|
5860
|
+
return theme.fonts.mobile.transforms.subtitles;
|
|
5480
5861
|
}, function (_ref265) {
|
|
5481
5862
|
var theme = _ref265.theme;
|
|
5482
|
-
return theme.fonts.mobile.wordBreak.
|
|
5863
|
+
return theme.fonts.mobile.wordBreak.headers;
|
|
5483
5864
|
}, function (_ref266) {
|
|
5484
5865
|
var theme = _ref266.theme;
|
|
5485
|
-
return theme.fonts.mobile.wordBreak.
|
|
5866
|
+
return theme.fonts.mobile.wordBreak.altHeaders;
|
|
5486
5867
|
}, function (_ref267) {
|
|
5487
5868
|
var theme = _ref267.theme;
|
|
5488
|
-
return theme.fonts.mobile.wordBreak.
|
|
5869
|
+
return theme.fonts.mobile.wordBreak.body;
|
|
5489
5870
|
}, function (_ref268) {
|
|
5490
5871
|
var theme = _ref268.theme;
|
|
5491
|
-
return theme.
|
|
5872
|
+
return theme.fonts.mobile.wordBreak.overline;
|
|
5492
5873
|
}, function (_ref269) {
|
|
5493
5874
|
var theme = _ref269.theme;
|
|
5494
|
-
return theme.
|
|
5875
|
+
return theme.fonts.mobile.wordBreak.subtitles;
|
|
5495
5876
|
}, function (_ref270) {
|
|
5496
5877
|
var theme = _ref270.theme;
|
|
5497
5878
|
return theme.grid.mobile.margin;
|
|
@@ -5500,56 +5881,68 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$M || (_templat
|
|
|
5500
5881
|
return theme.grid.mobile.gap;
|
|
5501
5882
|
}, function (_ref272) {
|
|
5502
5883
|
var theme = _ref272.theme;
|
|
5503
|
-
return theme.grid.mobile.
|
|
5884
|
+
return theme.grid.mobile.margin;
|
|
5504
5885
|
}, function (_ref273) {
|
|
5505
5886
|
var theme = _ref273.theme;
|
|
5506
|
-
return theme.grid.mobile.
|
|
5887
|
+
return theme.grid.mobile.gap;
|
|
5507
5888
|
}, function (_ref274) {
|
|
5508
5889
|
var theme = _ref274.theme;
|
|
5509
|
-
return theme.
|
|
5890
|
+
return theme.grid.mobile.gap;
|
|
5510
5891
|
}, function (_ref275) {
|
|
5511
5892
|
var theme = _ref275.theme;
|
|
5512
|
-
return theme.
|
|
5893
|
+
return theme.grid.mobile.margin;
|
|
5513
5894
|
}, function (_ref276) {
|
|
5514
5895
|
var theme = _ref276.theme;
|
|
5515
|
-
return theme.footer.mobile.
|
|
5896
|
+
return theme.footer.mobile.height;
|
|
5516
5897
|
}, function (_ref277) {
|
|
5517
5898
|
var theme = _ref277.theme;
|
|
5518
|
-
return theme.footer.mobile.
|
|
5899
|
+
return theme.footer.mobile.paddingTop;
|
|
5519
5900
|
}, function (_ref278) {
|
|
5520
5901
|
var theme = _ref278.theme;
|
|
5521
|
-
return theme.footer.mobile.
|
|
5902
|
+
return theme.footer.mobile.paddingBottom;
|
|
5522
5903
|
}, function (_ref279) {
|
|
5523
5904
|
var theme = _ref279.theme;
|
|
5524
|
-
return theme.footer.mobile.
|
|
5905
|
+
return theme.footer.mobile.itemsGap;
|
|
5525
5906
|
}, function (_ref280) {
|
|
5526
5907
|
var theme = _ref280.theme;
|
|
5527
|
-
return theme.footer.mobile.
|
|
5908
|
+
return theme.footer.mobile.mediaGap;
|
|
5528
5909
|
}, function (_ref281) {
|
|
5529
5910
|
var theme = _ref281.theme;
|
|
5530
|
-
return theme.footer.mobile.
|
|
5911
|
+
return theme.footer.mobile.mediaIconWidth;
|
|
5531
5912
|
}, function (_ref282) {
|
|
5532
5913
|
var theme = _ref282.theme;
|
|
5533
|
-
return theme.footer.mobile.
|
|
5534
|
-
},
|
|
5914
|
+
return theme.footer.mobile.mediaIconHeight;
|
|
5915
|
+
}, function (_ref283) {
|
|
5535
5916
|
var theme = _ref283.theme;
|
|
5536
|
-
return theme.
|
|
5917
|
+
return theme.footer.mobile.verticalSpacingLarge;
|
|
5537
5918
|
}, function (_ref284) {
|
|
5538
5919
|
var theme = _ref284.theme;
|
|
5539
|
-
return theme.
|
|
5920
|
+
return theme.footer.mobile.verticalSpacingSmall;
|
|
5540
5921
|
}, function (_ref285) {
|
|
5541
5922
|
var theme = _ref285.theme;
|
|
5542
|
-
return theme.
|
|
5923
|
+
return theme.spacing[10];
|
|
5543
5924
|
}, function (_ref286) {
|
|
5544
5925
|
var theme = _ref286.theme;
|
|
5545
|
-
return theme.
|
|
5546
|
-
}, function (_ref287) {
|
|
5926
|
+
return theme.spacing[6];
|
|
5927
|
+
}, devices.tablet, function (_ref287) {
|
|
5547
5928
|
var theme = _ref287.theme;
|
|
5548
|
-
return theme.grid.tablet.
|
|
5929
|
+
return theme.grid.tablet.margin;
|
|
5549
5930
|
}, function (_ref288) {
|
|
5550
5931
|
var theme = _ref288.theme;
|
|
5932
|
+
return theme.grid.tablet.gap;
|
|
5933
|
+
}, function (_ref289) {
|
|
5934
|
+
var theme = _ref289.theme;
|
|
5935
|
+
return theme.grid.tablet.margin;
|
|
5936
|
+
}, function (_ref290) {
|
|
5937
|
+
var theme = _ref290.theme;
|
|
5938
|
+
return theme.grid.tablet.gap;
|
|
5939
|
+
}, function (_ref291) {
|
|
5940
|
+
var theme = _ref291.theme;
|
|
5941
|
+
return theme.grid.tablet.gap;
|
|
5942
|
+
}, function (_ref292) {
|
|
5943
|
+
var theme = _ref292.theme;
|
|
5551
5944
|
return theme.grid.tablet.margin;
|
|
5552
5945
|
}, devices.desktop, devices.largeDesktop);
|
|
5553
5946
|
|
|
5554
|
-
export { Accordion, Accordions, AltHeader, AnchorTapBar, BodyText, Card, Cards, Carousel, CinemaBadge, Colors, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, Subtitle, TabLink, Tabs, Button$1 as TertiaryButton, TextOnly, Theme as ThemeProvider, ThemeType, TypeTags, devices };
|
|
5947
|
+
export { Accordion, Accordions, AltHeader, AnchorTapBar, BodyText, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, Subtitle, TabLink, Tabs, Button$1 as TertiaryButton, TextOnly, Theme as ThemeProvider, ThemeType, TypeTags, devices };
|
|
5555
5948
|
//# sourceMappingURL=chord.esm.js.map
|