@royaloperahouse/chord 0.4.0 → 0.4.4
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 +15 -0
- package/README.md +2 -2
- package/dist/chord.cjs.development.js +706 -320
- 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 -295
- 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 +50 -0
- package/dist/types/index.d.ts +2 -1
- package/dist/types/navigation.d.ts +10 -2
- package/dist/types/types.d.ts +22 -0
- package/package.json +4 -2
|
@@ -98,7 +98,7 @@ var commonColors = {
|
|
|
98
98
|
};
|
|
99
99
|
var fontFamilies = {
|
|
100
100
|
adobeGaramondPro: 'adobe-garamond-pro',
|
|
101
|
-
adobeGaramondProItalics: 'adobe-garamond-pro
|
|
101
|
+
adobeGaramondProItalics: 'adobe-garamond-pro',
|
|
102
102
|
gothamSSmMedium: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
|
|
103
103
|
gothamSSm: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
|
|
104
104
|
sabonNextLTProRegular: 'Sabon Next LT Pro Regular',
|
|
@@ -1990,7 +1990,16 @@ var Button = function Button(_ref) {
|
|
|
1990
1990
|
})) : null, truncatedString);
|
|
1991
1991
|
};
|
|
1992
1992
|
|
|
1993
|
-
var
|
|
1993
|
+
var _templateObject$3;
|
|
1994
|
+
var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n"])), function (_ref) {
|
|
1995
|
+
var bgColor = _ref.bgColor,
|
|
1996
|
+
theme = _ref.theme;
|
|
1997
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
1998
|
+
}, function (_ref2) {
|
|
1999
|
+
var bgColor = _ref2.bgColor,
|
|
2000
|
+
theme = _ref2.theme;
|
|
2001
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
2002
|
+
});
|
|
1994
2003
|
|
|
1995
2004
|
(function (Colors) {
|
|
1996
2005
|
Colors["White"] = "white";
|
|
@@ -2006,7 +2015,7 @@ var Colors;
|
|
|
2006
2015
|
Colors["Core"] = "core";
|
|
2007
2016
|
Colors["Stream"] = "stream";
|
|
2008
2017
|
Colors["Cinema"] = "cinema";
|
|
2009
|
-
})(Colors || (Colors = {}));
|
|
2018
|
+
})(exports.Colors || (exports.Colors = {}));
|
|
2010
2019
|
|
|
2011
2020
|
(function (ThemeType) {
|
|
2012
2021
|
ThemeType["Core"] = "core";
|
|
@@ -2014,17 +2023,6 @@ var Colors;
|
|
|
2014
2023
|
ThemeType["Cinema"] = "cinema";
|
|
2015
2024
|
})(exports.ThemeType || (exports.ThemeType = {}));
|
|
2016
2025
|
|
|
2017
|
-
var _templateObject$3;
|
|
2018
|
-
var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-", ");\n border-color: var(--base-color-", ");\n"])), function (_ref) {
|
|
2019
|
-
var _ref$bgColor = _ref.bgColor,
|
|
2020
|
-
bgColor = _ref$bgColor === void 0 ? Colors.Primary : _ref$bgColor;
|
|
2021
|
-
return bgColor;
|
|
2022
|
-
}, function (_ref2) {
|
|
2023
|
-
var _ref2$bgColor = _ref2.bgColor,
|
|
2024
|
-
bgColor = _ref2$bgColor === void 0 ? Colors.Primary : _ref2$bgColor;
|
|
2025
|
-
return bgColor;
|
|
2026
|
-
});
|
|
2027
|
-
|
|
2028
2026
|
var _excluded$1 = ["children"];
|
|
2029
2027
|
|
|
2030
2028
|
var PrimaryButton = function PrimaryButton(_ref) {
|
|
@@ -2032,15 +2030,15 @@ var PrimaryButton = function PrimaryButton(_ref) {
|
|
|
2032
2030
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
|
2033
2031
|
|
|
2034
2032
|
return /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper, Object.assign({
|
|
2035
|
-
color: Colors.White
|
|
2033
|
+
color: exports.Colors.White
|
|
2036
2034
|
}, props), children);
|
|
2037
2035
|
};
|
|
2038
2036
|
|
|
2039
2037
|
var _templateObject$4;
|
|
2040
|
-
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-transparent);\n border-color:
|
|
2041
|
-
var
|
|
2042
|
-
|
|
2043
|
-
return color;
|
|
2038
|
+
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-transparent);\n border-color: ", ";\n"])), function (_ref) {
|
|
2039
|
+
var color = _ref.color,
|
|
2040
|
+
theme = _ref.theme;
|
|
2041
|
+
return color ? "var(--base-color-" + color + ")" : theme.colors.primary;
|
|
2044
2042
|
});
|
|
2045
2043
|
|
|
2046
2044
|
var _excluded$2 = ["children"];
|
|
@@ -2050,7 +2048,7 @@ var SecondaryButton = function SecondaryButton(_ref) {
|
|
|
2050
2048
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
2051
2049
|
|
|
2052
2050
|
return /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper$1, Object.assign({
|
|
2053
|
-
color: Colors.Primary
|
|
2051
|
+
color: exports.Colors.Primary
|
|
2054
2052
|
}, props), children);
|
|
2055
2053
|
};
|
|
2056
2054
|
|
|
@@ -2114,7 +2112,7 @@ var BadgeWrapper = /*#__PURE__*/styled__default.svg(_templateObject$8 || (_templ
|
|
|
2114
2112
|
|
|
2115
2113
|
var StreamBadge = function StreamBadge(_ref) {
|
|
2116
2114
|
var _ref$fillColor = _ref.fillColor,
|
|
2117
|
-
fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor;
|
|
2115
|
+
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor;
|
|
2118
2116
|
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
2119
2117
|
fillColor: fillColor,
|
|
2120
2118
|
width: "100%",
|
|
@@ -2132,7 +2130,7 @@ var StreamBadge = function StreamBadge(_ref) {
|
|
|
2132
2130
|
|
|
2133
2131
|
var CinemaBadge = function CinemaBadge(_ref) {
|
|
2134
2132
|
var _ref$fillColor = _ref.fillColor,
|
|
2135
|
-
fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor;
|
|
2133
|
+
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor;
|
|
2136
2134
|
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
2137
2135
|
fillColor: fillColor,
|
|
2138
2136
|
width: "100%",
|
|
@@ -2156,7 +2154,7 @@ var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$9 ||
|
|
|
2156
2154
|
|
|
2157
2155
|
var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
2158
2156
|
var _ref$fillColor = _ref.fillColor,
|
|
2159
|
-
fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor;
|
|
2157
|
+
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor;
|
|
2160
2158
|
return /*#__PURE__*/React__default.createElement(SecondaryLogoWrapper, {
|
|
2161
2159
|
fillColor: fillColor,
|
|
2162
2160
|
width: "100%",
|
|
@@ -2493,6 +2491,8 @@ var Tab = function Tab(_ref) {
|
|
|
2493
2491
|
_ref$titleLink = _ref.titleLink,
|
|
2494
2492
|
titleLink = _ref$titleLink === void 0 ? '' : _ref$titleLink,
|
|
2495
2493
|
onClick = _ref.onClick,
|
|
2494
|
+
onFocus = _ref.onFocus,
|
|
2495
|
+
onReset = _ref.onReset,
|
|
2496
2496
|
_ref$selected = _ref.selected,
|
|
2497
2497
|
selected = _ref$selected === void 0 ? false : _ref$selected,
|
|
2498
2498
|
_ref$iconName = _ref.iconName,
|
|
@@ -2510,6 +2510,18 @@ var Tab = function Tab(_ref) {
|
|
|
2510
2510
|
}
|
|
2511
2511
|
};
|
|
2512
2512
|
|
|
2513
|
+
var onFocusHandler = function onFocusHandler() {
|
|
2514
|
+
return onFocus == null ? void 0 : onFocus();
|
|
2515
|
+
};
|
|
2516
|
+
|
|
2517
|
+
var onKeyDownHandler = function onKeyDownHandler(e) {
|
|
2518
|
+
if (e.code === 'Enter') {
|
|
2519
|
+
clickHandler();
|
|
2520
|
+
} else if (e.code === 'Escape') {
|
|
2521
|
+
onReset == null ? void 0 : onReset();
|
|
2522
|
+
}
|
|
2523
|
+
};
|
|
2524
|
+
|
|
2513
2525
|
return /*#__PURE__*/React__default.createElement(TitleContainer, {
|
|
2514
2526
|
colorPrimary: colorPrimary,
|
|
2515
2527
|
withTextInMobile: withTextInMobile,
|
|
@@ -2517,7 +2529,10 @@ var Tab = function Tab(_ref) {
|
|
|
2517
2529
|
selected: selected,
|
|
2518
2530
|
onClick: function onClick() {
|
|
2519
2531
|
return clickHandler();
|
|
2520
|
-
}
|
|
2532
|
+
},
|
|
2533
|
+
onFocus: onFocusHandler,
|
|
2534
|
+
onKeyDown: onKeyDownHandler,
|
|
2535
|
+
tabIndex: 0
|
|
2521
2536
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
2522
2537
|
withTextInMobile: withTextInMobile
|
|
2523
2538
|
}, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -2561,9 +2576,9 @@ var TabLink = function TabLink(_ref) {
|
|
|
2561
2576
|
iconName = _ref.iconName,
|
|
2562
2577
|
iconDirection = _ref.iconDirection,
|
|
2563
2578
|
_ref$color = _ref.color,
|
|
2564
|
-
color = _ref$color === void 0 ? Colors.DarkGrey : _ref$color,
|
|
2579
|
+
color = _ref$color === void 0 ? exports.Colors.DarkGrey : _ref$color,
|
|
2565
2580
|
_ref$hoverColor = _ref.hoverColor,
|
|
2566
|
-
hoverColor = _ref$hoverColor === void 0 ? Colors.Primary : _ref$hoverColor,
|
|
2581
|
+
hoverColor = _ref$hoverColor === void 0 ? exports.Colors.Primary : _ref$hoverColor,
|
|
2567
2582
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
2568
2583
|
|
|
2569
2584
|
return /*#__PURE__*/React__default.createElement(TabLinkWrapper, Object.assign({
|
|
@@ -2595,7 +2610,10 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
2595
2610
|
|
|
2596
2611
|
var _templateObject$h, _templateObject2$4, _templateObject3;
|
|
2597
2612
|
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
2598
|
-
var IconWrapper = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--
|
|
2613
|
+
var IconWrapper = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
2614
|
+
var theme = _ref.theme;
|
|
2615
|
+
return theme.colors.primary;
|
|
2616
|
+
}, devices.mobile);
|
|
2599
2617
|
var IconUnavailableWrapper = /*#__PURE__*/styled__default.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--navigation-large-margin);\n height: var(--navigation-large-margin);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n opacity: 0.2;\n\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n @media ", " {\n opacity: 1;\n pointer-events: none;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n"])), devices.mobile);
|
|
2600
2618
|
|
|
2601
2619
|
var RotatorButtons = function RotatorButtons(_ref) {
|
|
@@ -2841,11 +2859,19 @@ var Basket$1 = function Basket(_ref) {
|
|
|
2841
2859
|
}
|
|
2842
2860
|
};
|
|
2843
2861
|
|
|
2862
|
+
var onKeyDownHandler = function onKeyDownHandler(e) {
|
|
2863
|
+
if (e.code === 'Enter') {
|
|
2864
|
+
onClickHandler();
|
|
2865
|
+
}
|
|
2866
|
+
};
|
|
2867
|
+
|
|
2844
2868
|
var empty = numItems <= 0;
|
|
2845
2869
|
return /*#__PURE__*/React__default.createElement(BasketContainer, {
|
|
2846
2870
|
selected: selected,
|
|
2847
2871
|
onClick: onClickHandler,
|
|
2848
|
-
|
|
2872
|
+
onKeyDown: onKeyDownHandler,
|
|
2873
|
+
colorPrimary: colorPrimary,
|
|
2874
|
+
tabIndex: 0
|
|
2849
2875
|
}, /*#__PURE__*/React__default.createElement(SvgContainer, null, empty ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
2850
2876
|
iconName: "Basket"
|
|
2851
2877
|
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -2882,11 +2908,20 @@ var Search$1 = function Search(_ref) {
|
|
|
2882
2908
|
onClick = _ref.onClick,
|
|
2883
2909
|
_ref$colorPrimary = _ref.colorPrimary,
|
|
2884
2910
|
colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary;
|
|
2911
|
+
|
|
2912
|
+
var onKeyDownHandler = function onKeyDownHandler(e) {
|
|
2913
|
+
if (e.code === 'Enter') {
|
|
2914
|
+
onClick == null ? void 0 : onClick();
|
|
2915
|
+
}
|
|
2916
|
+
};
|
|
2917
|
+
|
|
2885
2918
|
return /*#__PURE__*/React__default.createElement(SearchContainer, {
|
|
2886
2919
|
selected: selected,
|
|
2887
2920
|
onClick: onClick,
|
|
2921
|
+
onKeyDown: onKeyDownHandler,
|
|
2888
2922
|
"data-testid": "search-icon",
|
|
2889
|
-
colorPrimary: colorPrimary
|
|
2923
|
+
colorPrimary: colorPrimary,
|
|
2924
|
+
tabIndex: 0
|
|
2890
2925
|
}, /*#__PURE__*/React__default.createElement(SvgContainer$1, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
2891
2926
|
iconName: "Search"
|
|
2892
2927
|
})));
|
|
@@ -2894,7 +2929,7 @@ var Search$1 = function Search(_ref) {
|
|
|
2894
2929
|
|
|
2895
2930
|
var _templateObject$o, _templateObject2$8, _templateObject3$3;
|
|
2896
2931
|
var TabContainer = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: column;\n position: relative;\n"])));
|
|
2897
|
-
var OptionItem = /*#__PURE__*/styled__default.a(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n text-decoration: none;\n cursor: pointer;\n text-transform: uppercase;\n\n :hover {\n color: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
2932
|
+
var OptionItem = /*#__PURE__*/styled__default.a(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n text-decoration: none;\n cursor: pointer;\n text-transform: uppercase;\n\n :hover,\n :focus {\n color: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
2898
2933
|
var colorPrimary = _ref.colorPrimary;
|
|
2899
2934
|
return colorPrimary;
|
|
2900
2935
|
});
|
|
@@ -3013,6 +3048,34 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
3013
3048
|
}
|
|
3014
3049
|
};
|
|
3015
3050
|
|
|
3051
|
+
var onFocusTitleHandler = function onFocusTitleHandler() {
|
|
3052
|
+
if (withOptions()) {
|
|
3053
|
+
setLockOpen(true);
|
|
3054
|
+
setOpen(true);
|
|
3055
|
+
setTitleSelected(titleSelected);
|
|
3056
|
+
}
|
|
3057
|
+
};
|
|
3058
|
+
|
|
3059
|
+
var onResetHandler = function onResetHandler() {
|
|
3060
|
+
setOpen(false);
|
|
3061
|
+
setLockOpen(false);
|
|
3062
|
+
setTitleSelected(false);
|
|
3063
|
+
};
|
|
3064
|
+
|
|
3065
|
+
var onBlurHandler = function onBlurHandler(i) {
|
|
3066
|
+
if (i === options.length - 1) {
|
|
3067
|
+
onResetHandler();
|
|
3068
|
+
}
|
|
3069
|
+
};
|
|
3070
|
+
|
|
3071
|
+
var onKeyDownHandler = function onKeyDownHandler(e, link) {
|
|
3072
|
+
if (e.code === 'Enter') {
|
|
3073
|
+
handleChange(link);
|
|
3074
|
+
} else if (e.code === 'Escape') {
|
|
3075
|
+
onResetHandler();
|
|
3076
|
+
}
|
|
3077
|
+
};
|
|
3078
|
+
|
|
3016
3079
|
var renderTab = function renderTab() {
|
|
3017
3080
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
|
|
3018
3081
|
title: title,
|
|
@@ -3024,6 +3087,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
3024
3087
|
onClick: function onClick(value) {
|
|
3025
3088
|
return handleClickTitle(value);
|
|
3026
3089
|
},
|
|
3090
|
+
onFocus: onFocusTitleHandler,
|
|
3091
|
+
onReset: onResetHandler,
|
|
3027
3092
|
colorPrimary: colorPrimary
|
|
3028
3093
|
}), withOptions() && open && /*#__PURE__*/React__default.createElement(OptionsContainer, {
|
|
3029
3094
|
withOptionsInMobile: withOptionsInMobile,
|
|
@@ -3035,7 +3100,14 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
3035
3100
|
onClick: function onClick() {
|
|
3036
3101
|
return handleChange(optionItem.optionLink);
|
|
3037
3102
|
},
|
|
3038
|
-
|
|
3103
|
+
onBlur: function onBlur() {
|
|
3104
|
+
return onBlurHandler(index);
|
|
3105
|
+
},
|
|
3106
|
+
onKeyDown: function onKeyDown(e) {
|
|
3107
|
+
return onKeyDownHandler(e, optionItem.optionLink);
|
|
3108
|
+
},
|
|
3109
|
+
colorPrimary: colorPrimary,
|
|
3110
|
+
tabIndex: 0
|
|
3039
3111
|
}, optionItem.option);
|
|
3040
3112
|
})));
|
|
3041
3113
|
};
|
|
@@ -3138,9 +3210,9 @@ var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$4 || (_t
|
|
|
3138
3210
|
}, devices.mobileAndTablet);
|
|
3139
3211
|
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
3140
3212
|
|
|
3141
|
-
var _templateObject$q, _templateObject2$a, _templateObject3$5;
|
|
3213
|
+
var _templateObject$q, _templateObject2$a, _templateObject3$5, _templateObject4$3;
|
|
3142
3214
|
var ControlledDropdownWrapper = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: fit-content;\n"])));
|
|
3143
|
-
var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.
|
|
3215
|
+
var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.span(_templateObject2$a || (_templateObject2$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n border-bottom: 1px solid transparent;\n height: 24px;\n line-height: 24px;\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n text-decoration: none;\n text-transform: uppercase;\n cursor: pointer;\n\n ", "\n"])), function (_ref) {
|
|
3144
3216
|
var active = _ref.active,
|
|
3145
3217
|
activeColor = _ref.activeColor;
|
|
3146
3218
|
|
|
@@ -3150,7 +3222,10 @@ var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.a(_template
|
|
|
3150
3222
|
return '';
|
|
3151
3223
|
}
|
|
3152
3224
|
});
|
|
3153
|
-
var
|
|
3225
|
+
var ControlledDropdownHeaderContainerLink = /*#__PURE__*/styled__default(ControlledDropdownHeaderContainer).attrs({
|
|
3226
|
+
as: 'a'
|
|
3227
|
+
})(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3228
|
+
var IconWrapper$1 = /*#__PURE__*/styled__default.span(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n"])));
|
|
3154
3229
|
|
|
3155
3230
|
var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
3156
3231
|
var text = _ref.text,
|
|
@@ -3158,11 +3233,13 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3158
3233
|
_ref$activeColor = _ref.activeColor,
|
|
3159
3234
|
activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor,
|
|
3160
3235
|
active = _ref.active,
|
|
3161
|
-
|
|
3236
|
+
onClick = _ref.onClick,
|
|
3162
3237
|
onOptionClick = _ref.onOptionClick,
|
|
3163
3238
|
_onMouseEnter = _ref.onMouseEnter,
|
|
3164
3239
|
_onMouseLeave = _ref.onMouseLeave,
|
|
3165
|
-
onReset = _ref.onReset
|
|
3240
|
+
onReset = _ref.onReset,
|
|
3241
|
+
_onFocus = _ref.onFocus,
|
|
3242
|
+
_onBlur = _ref.onBlur;
|
|
3166
3243
|
var ref = React.useRef();
|
|
3167
3244
|
var resetHandler = React.useCallback(function () {
|
|
3168
3245
|
return onReset == null ? void 0 : onReset();
|
|
@@ -3187,6 +3264,30 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3187
3264
|
|
|
3188
3265
|
return;
|
|
3189
3266
|
}, [ref, resetHandler, active]);
|
|
3267
|
+
|
|
3268
|
+
var handleOptionKeyDown = function handleOptionKeyDown(e, link) {
|
|
3269
|
+
if (e.code === 'Enter') {
|
|
3270
|
+
onOptionClick == null ? void 0 : onOptionClick(link);
|
|
3271
|
+
} else if (e.code === 'Escape') {
|
|
3272
|
+
resetHandler();
|
|
3273
|
+
}
|
|
3274
|
+
};
|
|
3275
|
+
|
|
3276
|
+
var handleHeaderKeyDown = function handleHeaderKeyDown(e) {
|
|
3277
|
+
if (e.code === 'Enter') {
|
|
3278
|
+
onClick == null ? void 0 : onClick();
|
|
3279
|
+
} else if (e.code === 'Escape') {
|
|
3280
|
+
resetHandler();
|
|
3281
|
+
}
|
|
3282
|
+
};
|
|
3283
|
+
|
|
3284
|
+
var handleOptionBlur = function handleOptionBlur(i) {
|
|
3285
|
+
if (i === ((options == null ? void 0 : options.length) || 0) - 1) {
|
|
3286
|
+
_onBlur == null ? void 0 : _onBlur();
|
|
3287
|
+
}
|
|
3288
|
+
};
|
|
3289
|
+
|
|
3290
|
+
var isDropdown = !!(options != null && options.length);
|
|
3190
3291
|
var wrapperEvents = {
|
|
3191
3292
|
onMouseEnter: function onMouseEnter() {
|
|
3192
3293
|
return _onMouseEnter == null ? void 0 : _onMouseEnter();
|
|
@@ -3196,20 +3297,31 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3196
3297
|
}
|
|
3197
3298
|
};
|
|
3198
3299
|
var headerEvents = {
|
|
3199
|
-
|
|
3200
|
-
|
|
3201
|
-
|
|
3300
|
+
onMouseDown: function onMouseDown(e) {
|
|
3301
|
+
e.preventDefault();
|
|
3302
|
+
onClick == null ? void 0 : onClick();
|
|
3303
|
+
},
|
|
3304
|
+
onFocus: function onFocus() {
|
|
3305
|
+
return _onFocus == null ? void 0 : _onFocus();
|
|
3306
|
+
},
|
|
3307
|
+
onBlur: function onBlur() {
|
|
3308
|
+
return !isDropdown && (_onBlur == null ? void 0 : _onBlur());
|
|
3309
|
+
},
|
|
3310
|
+
onKeyDown: handleHeaderKeyDown
|
|
3202
3311
|
};
|
|
3203
3312
|
return /*#__PURE__*/React__default.createElement(ControlledDropdownWrapper, Object.assign({
|
|
3204
3313
|
ref: ref
|
|
3205
|
-
}, wrapperEvents), /*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainer, Object.assign({
|
|
3314
|
+
}, wrapperEvents), isDropdown ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainer, Object.assign({
|
|
3206
3315
|
active: active,
|
|
3207
3316
|
activeColor: activeColor
|
|
3208
|
-
}, headerEvents
|
|
3317
|
+
}, headerEvents, {
|
|
3318
|
+
tabIndex: 0,
|
|
3319
|
+
"data-testid": "span-container"
|
|
3320
|
+
}), text, /*#__PURE__*/React__default.createElement(IconWrapper$1, {
|
|
3209
3321
|
"data-testid": "dropdown-icon"
|
|
3210
3322
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3211
3323
|
iconName: "DropdownArrow"
|
|
3212
|
-
}))
|
|
3324
|
+
}))), active && options ? /*#__PURE__*/React__default.createElement(OptionsContainer, {
|
|
3213
3325
|
colorPrimary: activeColor,
|
|
3214
3326
|
withOptionsInMobile: true
|
|
3215
3327
|
}, options.map(function (optionItem, index) {
|
|
@@ -3218,9 +3330,22 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
3218
3330
|
onClick: function onClick() {
|
|
3219
3331
|
return onOptionClick == null ? void 0 : onOptionClick(optionItem.optionLink);
|
|
3220
3332
|
},
|
|
3221
|
-
|
|
3333
|
+
onKeyDown: function onKeyDown(e) {
|
|
3334
|
+
return handleOptionKeyDown(e, optionItem.optionLink);
|
|
3335
|
+
},
|
|
3336
|
+
colorPrimary: activeColor,
|
|
3337
|
+
tabIndex: 0,
|
|
3338
|
+
onBlur: function onBlur() {
|
|
3339
|
+
return handleOptionBlur(index);
|
|
3340
|
+
}
|
|
3222
3341
|
}, optionItem.option);
|
|
3223
|
-
})) : null)
|
|
3342
|
+
})) : null) : /*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainerLink, Object.assign({
|
|
3343
|
+
active: active,
|
|
3344
|
+
activeColor: activeColor
|
|
3345
|
+
}, headerEvents, {
|
|
3346
|
+
"data-testid": "link-container",
|
|
3347
|
+
tabIndex: 0
|
|
3348
|
+
}), text));
|
|
3224
3349
|
};
|
|
3225
3350
|
|
|
3226
3351
|
var Tabs = function Tabs(_ref) {
|
|
@@ -3291,6 +3416,16 @@ var Tabs = function Tabs(_ref) {
|
|
|
3291
3416
|
}
|
|
3292
3417
|
};
|
|
3293
3418
|
|
|
3419
|
+
var _onFocus = function onFocus(i) {
|
|
3420
|
+
return setActiveDropdown(i);
|
|
3421
|
+
};
|
|
3422
|
+
|
|
3423
|
+
var _onBlur = function onBlur(i) {
|
|
3424
|
+
if (i === (items == null ? void 0 : items.length) - 1) {
|
|
3425
|
+
onResetActive();
|
|
3426
|
+
}
|
|
3427
|
+
};
|
|
3428
|
+
|
|
3294
3429
|
return /*#__PURE__*/React__default.createElement(TabsContainer, null, /*#__PURE__*/React__default.createElement(ItemsContainer, {
|
|
3295
3430
|
showMenu: showMenu
|
|
3296
3431
|
}, items.map(function (item, index) {
|
|
@@ -3308,6 +3443,12 @@ var Tabs = function Tabs(_ref) {
|
|
|
3308
3443
|
onMouseLeave: function onMouseLeave() {
|
|
3309
3444
|
return onDropdownMouseLeave();
|
|
3310
3445
|
},
|
|
3446
|
+
onFocus: function onFocus() {
|
|
3447
|
+
return _onFocus(index);
|
|
3448
|
+
},
|
|
3449
|
+
onBlur: function onBlur() {
|
|
3450
|
+
return _onBlur(index);
|
|
3451
|
+
},
|
|
3311
3452
|
onReset: onResetActive,
|
|
3312
3453
|
active: isActiveDropdown(index),
|
|
3313
3454
|
activeColor: colorPrimary
|
|
@@ -3330,11 +3471,11 @@ var Tabs = function Tabs(_ref) {
|
|
|
3330
3471
|
}, "MENU"))));
|
|
3331
3472
|
};
|
|
3332
3473
|
|
|
3333
|
-
var _templateObject$r, _templateObject2$b, _templateObject3$6, _templateObject4$
|
|
3474
|
+
var _templateObject$r, _templateObject2$b, _templateObject3$6, _templateObject4$4, _templateObject5$1, _templateObject6$1;
|
|
3334
3475
|
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100px;\n background-color: var(--base-color-white);\n\n @media ", " {\n column-gap: 12px;\n height: 80px;\n }\n"])), devices.mobile);
|
|
3335
3476
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
3336
3477
|
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
|
|
3337
|
-
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3478
|
+
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
3338
3479
|
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
3339
3480
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
3340
3481
|
|
|
@@ -3382,6 +3523,18 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3382
3523
|
searchValue = _useState2[0],
|
|
3383
3524
|
setSearchValue = _useState2[1];
|
|
3384
3525
|
|
|
3526
|
+
var inputRef = React.useRef(null);
|
|
3527
|
+
React.useEffect(function () {
|
|
3528
|
+
var _inputRef$current;
|
|
3529
|
+
|
|
3530
|
+
inputRef == null ? void 0 : (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
|
|
3531
|
+
return function () {
|
|
3532
|
+
var _inputRef$current2;
|
|
3533
|
+
|
|
3534
|
+
return inputRef == null ? void 0 : (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.blur();
|
|
3535
|
+
};
|
|
3536
|
+
}, [inputRef]);
|
|
3537
|
+
|
|
3385
3538
|
var onSearchHandler = function onSearchHandler(value) {
|
|
3386
3539
|
onClick(value);
|
|
3387
3540
|
};
|
|
@@ -3409,10 +3562,17 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3409
3562
|
}
|
|
3410
3563
|
};
|
|
3411
3564
|
|
|
3565
|
+
var onKeyboardCloseHandler = function onKeyboardCloseHandler(e) {
|
|
3566
|
+
if (e.code === 'Enter') {
|
|
3567
|
+
onCloseHandler();
|
|
3568
|
+
}
|
|
3569
|
+
};
|
|
3570
|
+
|
|
3412
3571
|
return /*#__PURE__*/React__default.createElement(SearchBarContainer, null, /*#__PURE__*/React__default.createElement(SvgContainerSearch, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3413
3572
|
iconName: "Search"
|
|
3414
3573
|
})), /*#__PURE__*/React__default.createElement(InputContainer, null, /*#__PURE__*/React__default.createElement("input", {
|
|
3415
3574
|
"data-testid": "input-html",
|
|
3575
|
+
ref: inputRef,
|
|
3416
3576
|
className: "search-input",
|
|
3417
3577
|
placeholder: "Search for anything ROH...",
|
|
3418
3578
|
type: "text",
|
|
@@ -3425,10 +3585,14 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3425
3585
|
})), showSearchLink && /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(SearchLinkContainer, {
|
|
3426
3586
|
"data-testid": "search-button"
|
|
3427
3587
|
}, /*#__PURE__*/React__default.createElement(TextLink, {
|
|
3428
|
-
color: Colors.Core,
|
|
3588
|
+
color: exports.Colors.Core,
|
|
3429
3589
|
onClick: function onClick() {
|
|
3430
3590
|
return onSearchHandler(searchValue);
|
|
3431
|
-
}
|
|
3591
|
+
},
|
|
3592
|
+
onKeyDown: function onKeyDown(e) {
|
|
3593
|
+
return handleKeypress(e, searchValue);
|
|
3594
|
+
},
|
|
3595
|
+
tabIndex: 0
|
|
3432
3596
|
}, "SEARCH")), /*#__PURE__*/React__default.createElement(SearchArrowContainer, {
|
|
3433
3597
|
"data-testid": "search-arrow-button",
|
|
3434
3598
|
onClick: function onClick() {
|
|
@@ -3436,9 +3600,11 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
3436
3600
|
}
|
|
3437
3601
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3438
3602
|
iconName: "Arrow",
|
|
3439
|
-
color: Colors.Core
|
|
3603
|
+
color: exports.Colors.Core
|
|
3440
3604
|
}))), /*#__PURE__*/React__default.createElement(SvgContainerClose, {
|
|
3605
|
+
tabIndex: 0,
|
|
3441
3606
|
onClick: onCloseHandler,
|
|
3607
|
+
onKeyDown: onKeyboardCloseHandler,
|
|
3442
3608
|
"data-testid": "close-icon"
|
|
3443
3609
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3444
3610
|
iconName: "Close"
|
|
@@ -3559,11 +3725,11 @@ var Navigation = function Navigation(_ref) {
|
|
|
3559
3725
|
})))));
|
|
3560
3726
|
};
|
|
3561
3727
|
|
|
3562
|
-
var _templateObject$t, _templateObject2$d, _templateObject3$7, _templateObject4$
|
|
3728
|
+
var _templateObject$t, _templateObject2$d, _templateObject3$7, _templateObject4$5, _templateObject5$2, _templateObject6$2;
|
|
3563
3729
|
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
3564
3730
|
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
3565
3731
|
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
|
|
3566
|
-
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3732
|
+
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
3567
3733
|
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
3568
3734
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
3569
3735
|
|
|
@@ -3586,11 +3752,11 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
3586
3752
|
}));
|
|
3587
3753
|
};
|
|
3588
3754
|
|
|
3589
|
-
var _templateObject$v, _templateObject2$f, _templateObject3$9, _templateObject4$
|
|
3755
|
+
var _templateObject$v, _templateObject2$f, _templateObject3$9, _templateObject4$6, _templateObject5$3, _templateObject6$3, _templateObject7$1, _templateObject8$1;
|
|
3590
3756
|
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
3591
3757
|
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
3592
3758
|
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
3593
|
-
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
3759
|
+
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
3594
3760
|
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
3595
3761
|
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
3596
3762
|
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
@@ -3660,11 +3826,11 @@ var Footer = function Footer(_ref) {
|
|
|
3660
3826
|
}, additionalInfo)))));
|
|
3661
3827
|
};
|
|
3662
3828
|
|
|
3663
|
-
var _templateObject$w, _templateObject2$g, _templateObject3$a, _templateObject4$
|
|
3829
|
+
var _templateObject$w, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$4, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10, _templateObject11;
|
|
3664
3830
|
var AnchorTapbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), zIndexes.anchor);
|
|
3665
3831
|
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
3666
3832
|
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n height: 50px;\n }\n }\n"])), devices.mobile);
|
|
3667
|
-
var ButtonsDesktopGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject4$
|
|
3833
|
+
var ButtonsDesktopGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
3668
3834
|
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
3669
3835
|
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
3670
3836
|
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: 32px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref) {
|
|
@@ -3703,10 +3869,12 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
3703
3869
|
|
|
3704
3870
|
var tabs = _ref.tabs,
|
|
3705
3871
|
title = _ref.title,
|
|
3706
|
-
links = _ref.links
|
|
3872
|
+
links = _ref.links,
|
|
3873
|
+
onTabClick = _ref.onTabClick,
|
|
3874
|
+
activeTab = _ref.activeTab;
|
|
3707
3875
|
var tabListRef = React.useRef(null);
|
|
3708
3876
|
|
|
3709
|
-
var _useState = React.useState(''),
|
|
3877
|
+
var _useState = React.useState(activeTab || ''),
|
|
3710
3878
|
selectedItem = _useState[0],
|
|
3711
3879
|
setSelectedItem = _useState[1];
|
|
3712
3880
|
|
|
@@ -3726,8 +3894,12 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
3726
3894
|
return id === selectedItem;
|
|
3727
3895
|
};
|
|
3728
3896
|
|
|
3729
|
-
var onClicktab = function onClicktab(id) {
|
|
3730
|
-
|
|
3897
|
+
var onClicktab = function onClicktab(e, id) {
|
|
3898
|
+
if (onTabClick) {
|
|
3899
|
+
onTabClick(e, id);
|
|
3900
|
+
}
|
|
3901
|
+
|
|
3902
|
+
setSelectedItem(id);
|
|
3731
3903
|
};
|
|
3732
3904
|
|
|
3733
3905
|
React.useEffect(function () {
|
|
@@ -3747,7 +3919,7 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
3747
3919
|
});
|
|
3748
3920
|
|
|
3749
3921
|
if (window.scrollY === 0) {
|
|
3750
|
-
setSelectedItem('');
|
|
3922
|
+
setSelectedItem(onTabClick ? selectedItem : '');
|
|
3751
3923
|
} else if (reachedItem) {
|
|
3752
3924
|
setSelectedItem(reachedItem.id);
|
|
3753
3925
|
}
|
|
@@ -3819,9 +3991,10 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
3819
3991
|
key: id
|
|
3820
3992
|
}, /*#__PURE__*/React__default.createElement(TabLink, Object.assign({
|
|
3821
3993
|
selected: isSelectedItem(id),
|
|
3822
|
-
onClick: function onClick() {
|
|
3823
|
-
return onClicktab(id);
|
|
3824
|
-
}
|
|
3994
|
+
onClick: function onClick(e) {
|
|
3995
|
+
return onClicktab(e, id);
|
|
3996
|
+
},
|
|
3997
|
+
tabIndex: 0
|
|
3825
3998
|
}, rest), text));
|
|
3826
3999
|
})), tabsOverflow ? /*#__PURE__*/React__default.createElement(ArrowsContainer, null, !scrollStart ? /*#__PURE__*/React__default.createElement(ArrowWrapper, {
|
|
3827
4000
|
onClick: scrollToLeft
|
|
@@ -3835,22 +4008,20 @@ var AnchorTapBar = function AnchorTapBar(_ref) {
|
|
|
3835
4008
|
})) : null) : null))), links != null && links[0] ? /*#__PURE__*/React__default.createElement(ButtonsMobileWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, primaryButtonProps), primaryButtonText)) : null);
|
|
3836
4009
|
};
|
|
3837
4010
|
|
|
3838
|
-
var CarouselType;
|
|
3839
|
-
|
|
3840
4011
|
(function (CarouselType) {
|
|
3841
4012
|
CarouselType["Image"] = "image";
|
|
3842
4013
|
CarouselType["SmallCard"] = "SmallCard";
|
|
3843
4014
|
CarouselType["LargeCard"] = "LargeCard";
|
|
3844
|
-
})(CarouselType || (CarouselType = {}));
|
|
4015
|
+
})(exports.CarouselType || (exports.CarouselType = {}));
|
|
3845
4016
|
|
|
3846
|
-
var _templateObject$x, _templateObject2$h, _templateObject3$b, _templateObject4$
|
|
3847
|
-
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
4017
|
+
var _templateObject$x, _templateObject2$h, _templateObject3$b, _templateObject4$8;
|
|
4018
|
+
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
3848
4019
|
var type = _ref.type,
|
|
3849
4020
|
imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
3850
4021
|
|
|
3851
|
-
if (type !== CarouselType.Image) {
|
|
3852
|
-
var numberOfGaps = type === CarouselType.LargeCard ? 4 : 3;
|
|
3853
|
-
var numberOfColumns = type === CarouselType.LargeCard ? 5 : 4;
|
|
4022
|
+
if (type !== exports.CarouselType.Image) {
|
|
4023
|
+
var numberOfGaps = type === exports.CarouselType.LargeCard ? 4 : 3;
|
|
4024
|
+
var numberOfColumns = type === exports.CarouselType.LargeCard ? 5 : 4;
|
|
3854
4025
|
var gapsSpace = "calc(var(--grid-column-gap) * " + numberOfGaps + ")";
|
|
3855
4026
|
var gapsInMainGraid = 'calc(11 * var(--grid-column-gap))';
|
|
3856
4027
|
var calcColumns = "calc(calc(80% - " + gapsInMainGraid + ") * " + numberOfColumns + " / 12)";
|
|
@@ -3863,7 +4034,7 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_te
|
|
|
3863
4034
|
type = _ref2.type,
|
|
3864
4035
|
imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
3865
4036
|
|
|
3866
|
-
if (type !== CarouselType.Image) {
|
|
4037
|
+
if (type !== exports.CarouselType.Image) {
|
|
3867
4038
|
var gapsSpace = 'calc(var(--grid-column-gap) * 9)';
|
|
3868
4039
|
var numberOfColumns = 10;
|
|
3869
4040
|
var gapsInMainGraid = 'calc(11 * var(--grid-column-gap))';
|
|
@@ -3877,8 +4048,8 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_te
|
|
|
3877
4048
|
}
|
|
3878
4049
|
});
|
|
3879
4050
|
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
3880
|
-
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n h3 {\n padding: 0;\n margin: 0;\n }\n"])));
|
|
3881
|
-
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4051
|
+
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n user-select: text;\n\n h3 {\n padding: 0;\n margin: 0;\n }\n"])));
|
|
4052
|
+
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
3882
4053
|
|
|
3883
4054
|
var Carousel = function Carousel(_ref) {
|
|
3884
4055
|
var children = _ref.children,
|
|
@@ -3985,12 +4156,220 @@ var Carousel = function Carousel(_ref) {
|
|
|
3985
4156
|
})))));
|
|
3986
4157
|
};
|
|
3987
4158
|
|
|
3988
|
-
var _templateObject$y, _templateObject2$i, _templateObject3$c, _templateObject4$
|
|
3989
|
-
var
|
|
3990
|
-
var
|
|
3991
|
-
var
|
|
3992
|
-
|
|
3993
|
-
|
|
4159
|
+
var _templateObject$y, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$5, _templateObject6$5, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject10$1;
|
|
4160
|
+
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
4161
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n width: calc(100% + var(--grid-column-gap) - 86px);\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n h4 {\n margin: 0;\n padding: 0;\n }\n\n h5 {\n display: none;\n }\n\n @media ", " {\n & {\n width: calc(100% - 78px + var(--grid-column-gap));\n grid-area: 1 / 1 / 1 / 6;\n padding-top: 32px;\n padding-right: 28px;\n\n h4 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: calc(100% - 20px);\n padding: 8px 0 8px 20px;\n min-height: var(--line-height-altHeader-5);\n\n h4 {\n display: none;\n }\n\n h5 {\n margin: 0;\n padding: 0;\n display: block;\n }\n }\n }\n"])), devices.tablet, function (_ref) {
|
|
4162
|
+
var theme = _ref.theme;
|
|
4163
|
+
return theme.fonts.mobile.sizes.altHeaders[4];
|
|
4164
|
+
}, function (_ref2) {
|
|
4165
|
+
var theme = _ref2.theme;
|
|
4166
|
+
return theme.fonts.mobile.weights.altHeaders[4];
|
|
4167
|
+
}, function (_ref3) {
|
|
4168
|
+
var theme = _ref3.theme;
|
|
4169
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[4];
|
|
4170
|
+
}, function (_ref4) {
|
|
4171
|
+
var theme = _ref4.theme;
|
|
4172
|
+
return theme.fonts.mobile.lineHeights.altHeaders[4];
|
|
4173
|
+
}, devices.mobile);
|
|
4174
|
+
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n width: calc(100% + var(--grid-column-gap) - 86px);\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 6;\n width: calc(100% + var(--grid-column-gap) - 78px);\n padding: 28px 28px 28px 50px;\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: calc(100% - 40px);\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4175
|
+
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.mobile);
|
|
4176
|
+
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h3 {\n padding: 0;\n margin: 0 0 8px 0;\n }\n\n h6 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n h3 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n\n h6 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n"])), devices.tablet, function (_ref5) {
|
|
4177
|
+
var theme = _ref5.theme;
|
|
4178
|
+
return theme.fonts.mobile.sizes.headers[3];
|
|
4179
|
+
}, function (_ref6) {
|
|
4180
|
+
var theme = _ref6.theme;
|
|
4181
|
+
return theme.fonts.mobile.weights.headers[3];
|
|
4182
|
+
}, function (_ref7) {
|
|
4183
|
+
var theme = _ref7.theme;
|
|
4184
|
+
return theme.fonts.mobile.letterSpacing.headers[3];
|
|
4185
|
+
}, function (_ref8) {
|
|
4186
|
+
var theme = _ref8.theme;
|
|
4187
|
+
return theme.fonts.mobile.lineHeights.headers[3];
|
|
4188
|
+
}, function (_ref9) {
|
|
4189
|
+
var theme = _ref9.theme;
|
|
4190
|
+
return theme.fonts.mobile.sizes.subtitles[2];
|
|
4191
|
+
}, function (_ref10) {
|
|
4192
|
+
var theme = _ref10.theme;
|
|
4193
|
+
return theme.fonts.mobile.weights.subtitles[2];
|
|
4194
|
+
}, function (_ref11) {
|
|
4195
|
+
var theme = _ref11.theme;
|
|
4196
|
+
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
4197
|
+
}, function (_ref12) {
|
|
4198
|
+
var theme = _ref12.theme;
|
|
4199
|
+
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
4200
|
+
});
|
|
4201
|
+
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n h6 {\n padding: 0;\n margin: 0 0 4px 0;\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n\n h6 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n\n > div {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n h6 {\n margin: 0 0 8px 0;\n }\n }\n }\n"])), devices.tablet, function (_ref13) {
|
|
4202
|
+
var theme = _ref13.theme;
|
|
4203
|
+
return theme.fonts.mobile.sizes.subtitles[2];
|
|
4204
|
+
}, function (_ref14) {
|
|
4205
|
+
var theme = _ref14.theme;
|
|
4206
|
+
return theme.fonts.mobile.weights.subtitles[2];
|
|
4207
|
+
}, function (_ref15) {
|
|
4208
|
+
var theme = _ref15.theme;
|
|
4209
|
+
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
4210
|
+
}, function (_ref16) {
|
|
4211
|
+
var theme = _ref16.theme;
|
|
4212
|
+
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
4213
|
+
}, function (_ref17) {
|
|
4214
|
+
var theme = _ref17.theme;
|
|
4215
|
+
return theme.fonts.mobile.sizes.body[1];
|
|
4216
|
+
}, function (_ref18) {
|
|
4217
|
+
var theme = _ref18.theme;
|
|
4218
|
+
return theme.fonts.mobile.weights.body[1];
|
|
4219
|
+
}, function (_ref19) {
|
|
4220
|
+
var theme = _ref19.theme;
|
|
4221
|
+
return theme.fonts.mobile.letterSpacing.body[1];
|
|
4222
|
+
}, function (_ref20) {
|
|
4223
|
+
var theme = _ref20.theme;
|
|
4224
|
+
return theme.fonts.mobile.lineHeights.body[1];
|
|
4225
|
+
}, devices.mobile);
|
|
4226
|
+
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
4227
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swiper-slide {\n width: calc(100% - 50px - var(--rotator-button-width));\n -webkit-transform: translate3d(0, 0, 0);\n }\n\n @media ", " {\n & {\n grid-area: 1 / 6 / 3 / 15;\n }\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4228
|
+
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobile);
|
|
4229
|
+
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n grid-area: 1 / 11 / 2 / 14;\n align-self: center;\n }\n }\n"])), devices.mobile);
|
|
4230
|
+
|
|
4231
|
+
var _excluded$8 = ["text"];
|
|
4232
|
+
|
|
4233
|
+
var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
4234
|
+
var children = _ref.children,
|
|
4235
|
+
logo = _ref.logo,
|
|
4236
|
+
carouselTitle = _ref.carouselTitle,
|
|
4237
|
+
infoTitle = _ref.infoTitle,
|
|
4238
|
+
infoTimeframe = _ref.infoTimeframe,
|
|
4239
|
+
infoSubtitle = _ref.infoSubtitle,
|
|
4240
|
+
infoText = _ref.infoText,
|
|
4241
|
+
link = _ref.link;
|
|
4242
|
+
|
|
4243
|
+
var _useState = React.useState(),
|
|
4244
|
+
swiper = _useState[0],
|
|
4245
|
+
setSwiper = _useState[1];
|
|
4246
|
+
|
|
4247
|
+
var linkText = link.text,
|
|
4248
|
+
restLink = _objectWithoutPropertiesLoose(link, _excluded$8);
|
|
4249
|
+
|
|
4250
|
+
var description = infoText == null ? void 0 : infoText.substring(0, 130);
|
|
4251
|
+
|
|
4252
|
+
var onSwiper = function onSwiper(s) {
|
|
4253
|
+
setSwiper(s);
|
|
4254
|
+
};
|
|
4255
|
+
|
|
4256
|
+
var onNext = function onNext() {
|
|
4257
|
+
if (swiper && !swiper.animating) {
|
|
4258
|
+
swiper.slideNext();
|
|
4259
|
+
}
|
|
4260
|
+
};
|
|
4261
|
+
|
|
4262
|
+
var onPrev = function onPrev() {
|
|
4263
|
+
if (swiper && !swiper.animating) {
|
|
4264
|
+
swiper.slidePrev();
|
|
4265
|
+
}
|
|
4266
|
+
};
|
|
4267
|
+
|
|
4268
|
+
return /*#__PURE__*/React__default.createElement(HighlightsGrid, {
|
|
4269
|
+
onClick: function onClick(e) {
|
|
4270
|
+
return e.stopPropagation();
|
|
4271
|
+
}
|
|
4272
|
+
}, /*#__PURE__*/React__default.createElement(CarouselTitleWrapper, {
|
|
4273
|
+
"data-testid": "carousel-title"
|
|
4274
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
4275
|
+
level: 4
|
|
4276
|
+
}, carouselTitle), /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
4277
|
+
level: 5
|
|
4278
|
+
}, carouselTitle)), /*#__PURE__*/React__default.createElement(RotatorButtonsWrapperMobile, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
4279
|
+
onClickNext: onNext,
|
|
4280
|
+
onClickPrev: onPrev
|
|
4281
|
+
})), /*#__PURE__*/React__default.createElement(InfoWrapper, {
|
|
4282
|
+
"data-testid": "info-wrapper"
|
|
4283
|
+
}, logo ? /*#__PURE__*/React__default.createElement(InfoLogoWrapper, null, logo) : null, /*#__PURE__*/React__default.createElement(InfoTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
4284
|
+
level: 3
|
|
4285
|
+
}, infoTitle), /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
4286
|
+
level: 2,
|
|
4287
|
+
tag: "h6"
|
|
4288
|
+
}, infoTimeframe)), /*#__PURE__*/React__default.createElement(InfoTextWrapper, null, /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
4289
|
+
level: 2,
|
|
4290
|
+
tag: "h6"
|
|
4291
|
+
}, infoSubtitle), /*#__PURE__*/React__default.createElement(BodyText, {
|
|
4292
|
+
level: 1
|
|
4293
|
+
}, description)), /*#__PURE__*/React__default.createElement(InfoLinkWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText))), /*#__PURE__*/React__default.createElement(CarouselWrapper$1, {
|
|
4294
|
+
"data-testid": "carousel-wrapper"
|
|
4295
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtonsWrapper, {
|
|
4296
|
+
"data-testid": "rotator-buttons"
|
|
4297
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
4298
|
+
onClickNext: onNext,
|
|
4299
|
+
onClickPrev: onPrev
|
|
4300
|
+
})), /*#__PURE__*/React__default.createElement(swiperReact_js.Swiper, {
|
|
4301
|
+
slidesPerView: "auto",
|
|
4302
|
+
loop: true,
|
|
4303
|
+
loopedSlides: React__default.Children.count(children),
|
|
4304
|
+
onSwiper: onSwiper
|
|
4305
|
+
}, React__default.Children.map(children, function (child) {
|
|
4306
|
+
return /*#__PURE__*/React__default.createElement(swiperReact_js.SwiperSlide, null, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
4307
|
+
aspectRatio: AspectRatio['4:3']
|
|
4308
|
+
}, child));
|
|
4309
|
+
}))));
|
|
4310
|
+
};
|
|
4311
|
+
|
|
4312
|
+
var Theme = function Theme(_ref) {
|
|
4313
|
+
var children = _ref.children,
|
|
4314
|
+
theme = _ref.theme;
|
|
4315
|
+
var chosenTheme = themes[theme];
|
|
4316
|
+
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
4317
|
+
theme: chosenTheme
|
|
4318
|
+
}, children);
|
|
4319
|
+
};
|
|
4320
|
+
|
|
4321
|
+
var _excluded$9 = ["children", "link", "logo"];
|
|
4322
|
+
|
|
4323
|
+
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
4324
|
+
var children = _ref.children,
|
|
4325
|
+
link = _ref.link,
|
|
4326
|
+
logo = _ref.logo,
|
|
4327
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
|
|
4328
|
+
|
|
4329
|
+
var cinemaLink = _extends({}, link, {
|
|
4330
|
+
color: exports.Colors.Cinema,
|
|
4331
|
+
bgColor: exports.Colors.White
|
|
4332
|
+
});
|
|
4333
|
+
|
|
4334
|
+
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
4335
|
+
theme: exports.ThemeType.Cinema
|
|
4336
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
4337
|
+
link: cinemaLink,
|
|
4338
|
+
logo: logo ? /*#__PURE__*/React__default.createElement(CinemaBadge, null) : null
|
|
4339
|
+
}), children));
|
|
4340
|
+
};
|
|
4341
|
+
|
|
4342
|
+
var _excluded$a = ["children"];
|
|
4343
|
+
|
|
4344
|
+
var HighlightsCore = function HighlightsCore(_ref) {
|
|
4345
|
+
var children = _ref.children,
|
|
4346
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
|
|
4347
|
+
|
|
4348
|
+
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
4349
|
+
theme: exports.ThemeType.Core
|
|
4350
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest), children));
|
|
4351
|
+
};
|
|
4352
|
+
|
|
4353
|
+
var _excluded$b = ["children", "logo"];
|
|
4354
|
+
|
|
4355
|
+
var HighlightsStream = function HighlightsStream(_ref) {
|
|
4356
|
+
var children = _ref.children,
|
|
4357
|
+
logo = _ref.logo,
|
|
4358
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
|
|
4359
|
+
|
|
4360
|
+
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
4361
|
+
theme: exports.ThemeType.Stream
|
|
4362
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
4363
|
+
logo: logo ? /*#__PURE__*/React__default.createElement(StreamBadge, null) : null
|
|
4364
|
+
}), children));
|
|
4365
|
+
};
|
|
4366
|
+
|
|
4367
|
+
var _templateObject$z, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$6;
|
|
4368
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4369
|
+
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
4370
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
4371
|
+
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && a {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 28px 20px;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
4372
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n"])));
|
|
3994
4373
|
|
|
3995
4374
|
var Accordion = function Accordion(_ref) {
|
|
3996
4375
|
var _ref$title = _ref.title,
|
|
@@ -4032,8 +4411,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
4032
4411
|
}, /*#__PURE__*/React__default.createElement(ChildrenContainer, null, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
4033
4412
|
};
|
|
4034
4413
|
|
|
4035
|
-
var _templateObject$
|
|
4036
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4414
|
+
var _templateObject$A;
|
|
4415
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4037
4416
|
|
|
4038
4417
|
var Accordions = function Accordions(_ref) {
|
|
4039
4418
|
var _ref$items = _ref.items,
|
|
@@ -4052,24 +4431,24 @@ var Accordions = function Accordions(_ref) {
|
|
|
4052
4431
|
}));
|
|
4053
4432
|
};
|
|
4054
4433
|
|
|
4055
|
-
var _templateObject$
|
|
4434
|
+
var _templateObject$B, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$7, _templateObject6$6, _templateObject7$4, _templateObject8$4;
|
|
4056
4435
|
var LENGTH_LARGE_TEXT = 28;
|
|
4057
4436
|
var LENGTH_SMALL_TEXT = 19;
|
|
4058
4437
|
var LENGTH_TEXT_TABLET = 10;
|
|
4059
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4060
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4061
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4062
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4438
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
4439
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: var(--base-color-primary);\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), zIndexes.contentOverlay);
|
|
4440
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
4441
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref) {
|
|
4063
4442
|
var fullWidth = _ref.fullWidth;
|
|
4064
4443
|
return fullWidth ? '0' : '20px';
|
|
4065
4444
|
}, function (_ref2) {
|
|
4066
4445
|
var fullWidth = _ref2.fullWidth;
|
|
4067
4446
|
return fullWidth ? '0' : '20px';
|
|
4068
4447
|
});
|
|
4069
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4070
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4071
|
-
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
4072
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
4448
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n"])));
|
|
4449
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
4450
|
+
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
4451
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n opacity: 0;\n display: flex;\n gap: 16px;\n margin-top: var(--editorial-margin-between);\n\n ", "\n\n @media ", " {\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref3) {
|
|
4073
4452
|
var size = _ref3.size,
|
|
4074
4453
|
primaryButtonTextLength = _ref3.primaryButtonTextLength,
|
|
4075
4454
|
tertiaryButtonTextLength = _ref3.tertiaryButtonTextLength;
|
|
@@ -4092,13 +4471,13 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject8$3 ||
|
|
|
4092
4471
|
return '';
|
|
4093
4472
|
});
|
|
4094
4473
|
|
|
4095
|
-
var _templateObject$
|
|
4096
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4097
|
-
var ElapsedProgressView = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4474
|
+
var _templateObject$C, _templateObject2$l, _templateObject3$f;
|
|
4475
|
+
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 100%;\n display: flex;\n flex-direction: row;\n"])));
|
|
4476
|
+
var ElapsedProgressView = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-progress);\n flex: ", ";\n"])), function (_ref) {
|
|
4098
4477
|
var progress = _ref.progress;
|
|
4099
4478
|
return progress;
|
|
4100
4479
|
});
|
|
4101
|
-
var PendingProgressView = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4480
|
+
var PendingProgressView = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-white);\n opacity: 0.5;\n flex: ", ";\n"])), function (_ref2) {
|
|
4102
4481
|
var progress = _ref2.progress;
|
|
4103
4482
|
return progress;
|
|
4104
4483
|
});
|
|
@@ -4115,7 +4494,7 @@ var Progress = function Progress(_ref) {
|
|
|
4115
4494
|
}));
|
|
4116
4495
|
};
|
|
4117
4496
|
|
|
4118
|
-
var _excluded$
|
|
4497
|
+
var _excluded$c = ["text"],
|
|
4119
4498
|
_excluded2$1 = ["text"];
|
|
4120
4499
|
var LENGTH_LARGE_TEXT$1 = 28;
|
|
4121
4500
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
@@ -4154,7 +4533,7 @@ var Card = function Card(_ref) {
|
|
|
4154
4533
|
var _ref2 = primaryButton || {},
|
|
4155
4534
|
_ref2$text = _ref2.text,
|
|
4156
4535
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
4157
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4536
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$c);
|
|
4158
4537
|
|
|
4159
4538
|
var primaryButtonTextTruncate = size === 'small' ? truncate(primaryButtonText, LENGTH_SMALL_TEXT$1) : truncate(primaryButtonText, LENGTH_LARGE_TEXT$1);
|
|
4160
4539
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -4222,9 +4601,9 @@ var Card = function Card(_ref) {
|
|
|
4222
4601
|
}, 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
4602
|
};
|
|
4224
4603
|
|
|
4225
|
-
var _templateObject$
|
|
4226
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
4227
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
4604
|
+
var _templateObject$D, _templateObject2$m;
|
|
4605
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n {\n grid-row-gap: var(--cards-spacing-stack);\n }\n }\n"])), devices.mobile);
|
|
4606
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n {\n grid-column: 1 / span 14;\n }\n }\n"])), devices.mobile);
|
|
4228
4607
|
|
|
4229
4608
|
var Cards = function Cards(_ref) {
|
|
4230
4609
|
var cards = _ref.cards,
|
|
@@ -4261,21 +4640,21 @@ var Cards = function Cards(_ref) {
|
|
|
4261
4640
|
}));
|
|
4262
4641
|
};
|
|
4263
4642
|
|
|
4264
|
-
var _templateObject$
|
|
4265
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4643
|
+
var _templateObject$E, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$8;
|
|
4644
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
4266
4645
|
var imageToLeft = _ref.imageToLeft;
|
|
4267
4646
|
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
4647
|
}, devices.mobile);
|
|
4269
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4648
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
4270
4649
|
var imageToLeft = _ref2.imageToLeft;
|
|
4271
4650
|
return imageToLeft ? 'left' : 'right';
|
|
4272
4651
|
}, devices.mobile);
|
|
4273
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4652
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
4274
4653
|
var imageToLeft = _ref3.imageToLeft;
|
|
4275
4654
|
return imageToLeft ? 'right' : 'left';
|
|
4276
4655
|
}, devices.mobile);
|
|
4277
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
4278
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4656
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
4657
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
4279
4658
|
|
|
4280
4659
|
var Editorial = function Editorial(_ref) {
|
|
4281
4660
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -4306,28 +4685,19 @@ var Editorial = function Editorial(_ref) {
|
|
|
4306
4685
|
})))));
|
|
4307
4686
|
};
|
|
4308
4687
|
|
|
4309
|
-
var
|
|
4310
|
-
|
|
4311
|
-
theme = _ref.theme;
|
|
4312
|
-
var chosenTheme = themes[theme];
|
|
4313
|
-
return /*#__PURE__*/React__default.createElement(styled.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__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
4688
|
+
var _templateObject$F, _templateObject2$o, _templateObject3$h, _templateObject4$d, _templateObject5$9, _templateObject6$7, _templateObject7$5;
|
|
4689
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
4320
4690
|
var theme = _ref.theme;
|
|
4321
4691
|
return theme.colors.primary;
|
|
4322
4692
|
}, devices.mobile);
|
|
4323
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4324
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4325
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4326
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4327
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4328
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4693
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
|
|
4694
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
4695
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 36px;\n\n @media ", " {\n & {\n height: 30px;\n }\n }\n"])), devices.mobile);
|
|
4696
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n font-family: var(--font-family-alt-header);\n font-size: var(--font-size-alt-header-6);\n font-weight: var(--font-weight-alt-header-6);\n line-height: var(--line-height-alt-header-6);\n letter-spacing: var(--letter-spacing-alt-header-6);\n text-transform: var(--text-transform-alt-header-6);\n margin-top: 12px;\n"])));
|
|
4697
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
4698
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
4329
4699
|
|
|
4330
|
-
var _excluded$
|
|
4700
|
+
var _excluded$d = ["text"];
|
|
4331
4701
|
|
|
4332
4702
|
var PageHeading = function PageHeading(_ref) {
|
|
4333
4703
|
var title = _ref.title,
|
|
@@ -4339,7 +4709,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
4339
4709
|
|
|
4340
4710
|
var _ref2 = link || {},
|
|
4341
4711
|
linkText = _ref2.text,
|
|
4342
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4712
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$d);
|
|
4343
4713
|
|
|
4344
4714
|
var truncatedText = text == null ? void 0 : text.substring(0, 250);
|
|
4345
4715
|
var truncatedTitle = title.substring(0, 40);
|
|
@@ -4358,15 +4728,15 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
4358
4728
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
|
|
4359
4729
|
};
|
|
4360
4730
|
|
|
4361
|
-
var _excluded$
|
|
4731
|
+
var _excluded$e = ["link"];
|
|
4362
4732
|
|
|
4363
4733
|
var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
4364
4734
|
var link = _ref.link,
|
|
4365
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4735
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
|
|
4366
4736
|
|
|
4367
4737
|
var coreLink = link && _extends({}, link, {
|
|
4368
|
-
color: Colors.White,
|
|
4369
|
-
bgColor: Colors.Black
|
|
4738
|
+
color: exports.Colors.White,
|
|
4739
|
+
bgColor: exports.Colors.Black
|
|
4370
4740
|
});
|
|
4371
4741
|
|
|
4372
4742
|
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
@@ -4376,15 +4746,15 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
|
4376
4746
|
})));
|
|
4377
4747
|
};
|
|
4378
4748
|
|
|
4379
|
-
var _excluded$
|
|
4749
|
+
var _excluded$f = ["link"];
|
|
4380
4750
|
|
|
4381
4751
|
var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
4382
4752
|
var link = _ref.link,
|
|
4383
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4753
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
|
|
4384
4754
|
|
|
4385
4755
|
var cinemaLink = link && _extends({}, link, {
|
|
4386
|
-
color: Colors.Black,
|
|
4387
|
-
bgColor: Colors.White
|
|
4756
|
+
color: exports.Colors.Black,
|
|
4757
|
+
bgColor: exports.Colors.White
|
|
4388
4758
|
});
|
|
4389
4759
|
|
|
4390
4760
|
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
@@ -4394,8 +4764,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
4394
4764
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
4395
4765
|
};
|
|
4396
4766
|
|
|
4397
|
-
var _templateObject$
|
|
4398
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4767
|
+
var _templateObject$G, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$8, _templateObject7$6;
|
|
4768
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n background-image: url('", "');\n background-repeat: no-repeat;\n background-size: cover;\n position: relative;\n display: flex;\n align-items: center;\n\n ::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--base-color-black);\n filter: opacity(40%);\n z-index: ", ";\n }\n\n @media ", " {\n & {\n aspect-ratio: 1 / 1;\n background-image: url('", "');\n background-size: 100% 100%;\n display: flex;\n align-items: start;\n }\n }\n"])), function (_ref) {
|
|
4399
4769
|
var bgUrlDesktop = _ref.bgUrlDesktop;
|
|
4400
4770
|
return bgUrlDesktop;
|
|
4401
4771
|
}, zIndexes.content, devices.mobile, function (_ref2) {
|
|
@@ -4403,14 +4773,14 @@ var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_temp
|
|
|
4403
4773
|
bgUrlDevice = _ref2.bgUrlDevice;
|
|
4404
4774
|
return bgUrlDevice ? bgUrlDevice : bgUrlDesktop;
|
|
4405
4775
|
});
|
|
4406
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4407
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4408
|
-
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4409
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4410
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4411
|
-
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4776
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . . logo logo logo logo . . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . . logo logo logo logo logo logo . . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. . . . . logo logo logo logo . . . . .'\n '. text text text text text text text text text text text text .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
4777
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile);
|
|
4778
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
4779
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(3 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(3 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-5);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
4780
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
4781
|
+
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
4412
4782
|
|
|
4413
|
-
var _excluded$
|
|
4783
|
+
var _excluded$g = ["text"];
|
|
4414
4784
|
|
|
4415
4785
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
4416
4786
|
var children = _ref.children,
|
|
@@ -4425,7 +4795,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
4425
4795
|
|
|
4426
4796
|
var _ref2 = link || {},
|
|
4427
4797
|
linkText = _ref2.text,
|
|
4428
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4798
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$g);
|
|
4429
4799
|
|
|
4430
4800
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
4431
4801
|
bgUrlDesktop: bgUrlDesktop,
|
|
@@ -4447,20 +4817,20 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
4447
4817
|
iconName: "Arrow",
|
|
4448
4818
|
iconDirection: "down",
|
|
4449
4819
|
href: scrollHref,
|
|
4450
|
-
color: Colors.White,
|
|
4451
|
-
hoverColor: Colors.White
|
|
4820
|
+
color: exports.Colors.White,
|
|
4821
|
+
hoverColor: exports.Colors.White
|
|
4452
4822
|
}, "Scroll Down")) : null);
|
|
4453
4823
|
};
|
|
4454
4824
|
|
|
4455
|
-
var _excluded$
|
|
4825
|
+
var _excluded$h = ["link"];
|
|
4456
4826
|
|
|
4457
4827
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
4458
4828
|
var link = _ref.link,
|
|
4459
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4829
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
|
|
4460
4830
|
|
|
4461
4831
|
var streamLink = link && _extends({}, link, {
|
|
4462
|
-
color: Colors.Black,
|
|
4463
|
-
bgColor: Colors.White
|
|
4832
|
+
color: exports.Colors.Black,
|
|
4833
|
+
bgColor: exports.Colors.White
|
|
4464
4834
|
});
|
|
4465
4835
|
|
|
4466
4836
|
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
@@ -4470,9 +4840,9 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
4470
4840
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null)));
|
|
4471
4841
|
};
|
|
4472
4842
|
|
|
4473
|
-
var _templateObject$
|
|
4474
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4475
|
-
var NameWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4843
|
+
var _templateObject$H, _templateObject2$q;
|
|
4844
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-people-listing-role);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
4845
|
+
var NameWrapper = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-people-listing-name);\n font-size: var(--font-size-individual-listing-name);\n font-weight: var(--font-weight-listing-name);\n line-height: var(--line-height-individual-listing-name);\n letter-spacing: var(--letter-spacing-body-1);\n overflow-wrap: break-word;\n\n & a {\n color: var(--base-color-black);\n\n :hover {\n color: var(--base-color-primary);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
4476
4846
|
|
|
4477
4847
|
var IndividualListing = function IndividualListing(_ref) {
|
|
4478
4848
|
var role = _ref.role,
|
|
@@ -4489,8 +4859,8 @@ var IndividualListing = function IndividualListing(_ref) {
|
|
|
4489
4859
|
}, name) : name));
|
|
4490
4860
|
};
|
|
4491
4861
|
|
|
4492
|
-
var _templateObject$
|
|
4493
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
4862
|
+
var _templateObject$I;
|
|
4863
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n"])));
|
|
4494
4864
|
|
|
4495
4865
|
var PeopleListing = function PeopleListing(_ref) {
|
|
4496
4866
|
var people = _ref.people;
|
|
@@ -4510,28 +4880,28 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
4510
4880
|
}));
|
|
4511
4881
|
};
|
|
4512
4882
|
|
|
4513
|
-
var _templateObject$
|
|
4883
|
+
var _templateObject$J, _templateObject2$r, _templateObject3$j, _templateObject4$f, _templateObject5$b, _templateObject6$9, _templateObject7$7;
|
|
4514
4884
|
var LENGTH_TEXT = 28;
|
|
4515
4885
|
var LENGTH_TEXT_TABLET$1 = 10;
|
|
4516
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
4886
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
4517
4887
|
var imageToLeft = _ref.imageToLeft;
|
|
4518
4888
|
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
4889
|
}, devices.tablet, function (_ref2) {
|
|
4520
4890
|
var imageToLeft = _ref2.imageToLeft;
|
|
4521
4891
|
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
4892
|
}, devices.mobile);
|
|
4523
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4893
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref3) {
|
|
4524
4894
|
var imageToLeft = _ref3.imageToLeft;
|
|
4525
4895
|
return imageToLeft ? 'left' : 'right';
|
|
4526
4896
|
}, devices.mobile);
|
|
4527
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4897
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref4) {
|
|
4528
4898
|
var imageToLeft = _ref4.imageToLeft;
|
|
4529
4899
|
return imageToLeft ? 'right' : 'left';
|
|
4530
4900
|
}, devices.mobile);
|
|
4531
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4532
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
4533
|
-
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4534
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4901
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 32px 0;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n & {\n margin: 0 0 24px 0;\n }\n }\n"])), devices.mobile);
|
|
4902
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
4903
|
+
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
4904
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref5) {
|
|
4535
4905
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
4536
4906
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
4537
4907
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -4557,7 +4927,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$6 ||
|
|
|
4557
4927
|
return '';
|
|
4558
4928
|
});
|
|
4559
4929
|
|
|
4560
|
-
var _excluded$
|
|
4930
|
+
var _excluded$i = ["text"],
|
|
4561
4931
|
_excluded2$2 = ["text"];
|
|
4562
4932
|
var LENGTH_TEXT$1 = 28;
|
|
4563
4933
|
|
|
@@ -4584,7 +4954,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
4584
4954
|
var _ref2 = primaryButton || {},
|
|
4585
4955
|
_ref2$text = _ref2.text,
|
|
4586
4956
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
4587
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
4957
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$i);
|
|
4588
4958
|
|
|
4589
4959
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$1);
|
|
4590
4960
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -4618,8 +4988,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
4618
4988
|
}, 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
4989
|
};
|
|
4620
4990
|
|
|
4621
|
-
var _templateObject$
|
|
4622
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4991
|
+
var _templateObject$K;
|
|
4992
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
4623
4993
|
|
|
4624
4994
|
var SectionTitle = function SectionTitle(_ref) {
|
|
4625
4995
|
var title = _ref.title,
|
|
@@ -4645,8 +5015,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
4645
5015
|
}, description))));
|
|
4646
5016
|
};
|
|
4647
5017
|
|
|
4648
|
-
var _templateObject$
|
|
4649
|
-
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5018
|
+
var _templateObject$L;
|
|
5019
|
+
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin-left: 20px;\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 20px;\n }\n\n & li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n"])));
|
|
4650
5020
|
|
|
4651
5021
|
var TextOnly = function TextOnly(_ref) {
|
|
4652
5022
|
var _ref$text = _ref.text,
|
|
@@ -4671,9 +5041,9 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
4671
5041
|
})));
|
|
4672
5042
|
};
|
|
4673
5043
|
|
|
4674
|
-
var _templateObject$
|
|
4675
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4676
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5044
|
+
var _templateObject$M, _templateObject2$s;
|
|
5045
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n }\n"])), ImageAspectRatioWrapper);
|
|
5046
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
|
|
4677
5047
|
|
|
4678
5048
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
4679
5049
|
var caption = _ref.caption,
|
|
@@ -4684,8 +5054,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
4684
5054
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
4685
5055
|
};
|
|
4686
5056
|
|
|
4687
|
-
var _templateObject$
|
|
4688
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
5057
|
+
var _templateObject$N;
|
|
5058
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
4689
5059
|
var theme = _ref.theme;
|
|
4690
5060
|
return theme.colors.primary;
|
|
4691
5061
|
}, function (_ref2) {
|
|
@@ -5107,40 +5477,40 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$M || (_
|
|
|
5107
5477
|
return theme.spacing[15];
|
|
5108
5478
|
}, function (_ref141) {
|
|
5109
5479
|
var theme = _ref141.theme;
|
|
5110
|
-
return theme.
|
|
5480
|
+
return theme.spacing[15];
|
|
5111
5481
|
}, function (_ref142) {
|
|
5112
5482
|
var theme = _ref142.theme;
|
|
5113
|
-
return theme.
|
|
5483
|
+
return theme.spacing[9];
|
|
5114
5484
|
}, function (_ref143) {
|
|
5115
5485
|
var theme = _ref143.theme;
|
|
5116
|
-
return theme.
|
|
5486
|
+
return theme.fonts.desktop.sizes.search;
|
|
5117
5487
|
}, function (_ref144) {
|
|
5118
5488
|
var theme = _ref144.theme;
|
|
5119
|
-
return theme.
|
|
5489
|
+
return theme.fonts.desktop.families.search;
|
|
5120
5490
|
}, function (_ref145) {
|
|
5121
5491
|
var theme = _ref145.theme;
|
|
5122
|
-
return theme.grid.desktop.
|
|
5492
|
+
return theme.grid.desktop.margin;
|
|
5123
5493
|
}, function (_ref146) {
|
|
5124
5494
|
var theme = _ref146.theme;
|
|
5125
|
-
return theme.grid.desktop.
|
|
5495
|
+
return theme.grid.desktop.outerMargin;
|
|
5126
5496
|
}, function (_ref147) {
|
|
5127
5497
|
var theme = _ref147.theme;
|
|
5128
|
-
return theme.grid.desktop.
|
|
5498
|
+
return theme.grid.desktop.outerMargin;
|
|
5129
5499
|
}, function (_ref148) {
|
|
5130
5500
|
var theme = _ref148.theme;
|
|
5131
|
-
return theme.grid.desktop.
|
|
5501
|
+
return theme.grid.desktop.gap;
|
|
5132
5502
|
}, function (_ref149) {
|
|
5133
5503
|
var theme = _ref149.theme;
|
|
5134
|
-
return theme.grid.desktop.
|
|
5504
|
+
return theme.grid.desktop.margin;
|
|
5135
5505
|
}, function (_ref150) {
|
|
5136
5506
|
var theme = _ref150.theme;
|
|
5137
|
-
return theme.grid.desktop.
|
|
5507
|
+
return theme.grid.desktop.outerMargin;
|
|
5138
5508
|
}, function (_ref151) {
|
|
5139
5509
|
var theme = _ref151.theme;
|
|
5140
|
-
return theme.grid.desktop.
|
|
5510
|
+
return theme.grid.desktop.gap;
|
|
5141
5511
|
}, function (_ref152) {
|
|
5142
5512
|
var theme = _ref152.theme;
|
|
5143
|
-
return theme.grid.desktop.
|
|
5513
|
+
return theme.grid.desktop.margin;
|
|
5144
5514
|
}, function (_ref153) {
|
|
5145
5515
|
var theme = _ref153.theme;
|
|
5146
5516
|
return theme.grid.desktop.outerMargin;
|
|
@@ -5149,349 +5519,349 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$M || (_
|
|
|
5149
5519
|
return theme.grid.desktop.gap;
|
|
5150
5520
|
}, function (_ref155) {
|
|
5151
5521
|
var theme = _ref155.theme;
|
|
5152
|
-
return theme.grid.desktop.
|
|
5522
|
+
return theme.grid.desktop.outerMargin;
|
|
5153
5523
|
}, function (_ref156) {
|
|
5154
5524
|
var theme = _ref156.theme;
|
|
5155
|
-
return theme.
|
|
5525
|
+
return theme.grid.desktop.gap;
|
|
5156
5526
|
}, function (_ref157) {
|
|
5157
5527
|
var theme = _ref157.theme;
|
|
5158
|
-
return theme.
|
|
5528
|
+
return theme.grid.desktop.gap;
|
|
5159
5529
|
}, function (_ref158) {
|
|
5160
5530
|
var theme = _ref158.theme;
|
|
5161
|
-
return theme.footer.desktop.
|
|
5531
|
+
return theme.footer.desktop.height;
|
|
5162
5532
|
}, function (_ref159) {
|
|
5163
5533
|
var theme = _ref159.theme;
|
|
5164
|
-
return theme.footer.desktop.
|
|
5534
|
+
return theme.footer.desktop.paddingTop;
|
|
5165
5535
|
}, function (_ref160) {
|
|
5166
5536
|
var theme = _ref160.theme;
|
|
5167
|
-
return theme.footer.desktop.
|
|
5537
|
+
return theme.footer.desktop.paddingBottom;
|
|
5168
5538
|
}, function (_ref161) {
|
|
5169
5539
|
var theme = _ref161.theme;
|
|
5170
|
-
return theme.footer.desktop.
|
|
5540
|
+
return theme.footer.desktop.itemsGap;
|
|
5171
5541
|
}, function (_ref162) {
|
|
5172
5542
|
var theme = _ref162.theme;
|
|
5173
|
-
return theme.footer.desktop.
|
|
5543
|
+
return theme.footer.desktop.mediaGap;
|
|
5174
5544
|
}, function (_ref163) {
|
|
5175
5545
|
var theme = _ref163.theme;
|
|
5176
|
-
return theme.footer.desktop.
|
|
5546
|
+
return theme.footer.desktop.mediaIconWidth;
|
|
5177
5547
|
}, function (_ref164) {
|
|
5178
5548
|
var theme = _ref164.theme;
|
|
5179
|
-
return theme.footer.desktop.
|
|
5549
|
+
return theme.footer.desktop.mediaIconHeight;
|
|
5180
5550
|
}, function (_ref165) {
|
|
5181
5551
|
var theme = _ref165.theme;
|
|
5182
|
-
return theme.
|
|
5552
|
+
return theme.footer.desktop.verticalSpacingLarge;
|
|
5183
5553
|
}, function (_ref166) {
|
|
5184
5554
|
var theme = _ref166.theme;
|
|
5185
|
-
return theme.
|
|
5555
|
+
return theme.footer.desktop.verticalSpacingSmall;
|
|
5186
5556
|
}, function (_ref167) {
|
|
5187
5557
|
var theme = _ref167.theme;
|
|
5188
|
-
return theme.spacing[
|
|
5558
|
+
return theme.spacing[2];
|
|
5189
5559
|
}, function (_ref168) {
|
|
5190
5560
|
var theme = _ref168.theme;
|
|
5191
|
-
return theme.spacing[
|
|
5561
|
+
return theme.spacing[10];
|
|
5192
5562
|
}, function (_ref169) {
|
|
5193
5563
|
var theme = _ref169.theme;
|
|
5194
|
-
return theme.spacing[
|
|
5195
|
-
},
|
|
5564
|
+
return theme.spacing[4];
|
|
5565
|
+
}, function (_ref170) {
|
|
5196
5566
|
var theme = _ref170.theme;
|
|
5197
|
-
return theme.
|
|
5567
|
+
return theme.spacing[6];
|
|
5198
5568
|
}, function (_ref171) {
|
|
5199
5569
|
var theme = _ref171.theme;
|
|
5200
|
-
return theme.
|
|
5201
|
-
}, function (_ref172) {
|
|
5570
|
+
return theme.spacing[1];
|
|
5571
|
+
}, devices.mobile, function (_ref172) {
|
|
5202
5572
|
var theme = _ref172.theme;
|
|
5203
|
-
return theme.fonts.mobile.
|
|
5573
|
+
return theme.fonts.mobile.sizes.headers[1];
|
|
5204
5574
|
}, function (_ref173) {
|
|
5205
5575
|
var theme = _ref173.theme;
|
|
5206
|
-
return theme.fonts.mobile.
|
|
5576
|
+
return theme.fonts.mobile.weights.headers[1];
|
|
5207
5577
|
}, function (_ref174) {
|
|
5208
5578
|
var theme = _ref174.theme;
|
|
5209
|
-
return theme.fonts.mobile.
|
|
5579
|
+
return theme.fonts.mobile.letterSpacing.headers[1];
|
|
5210
5580
|
}, function (_ref175) {
|
|
5211
5581
|
var theme = _ref175.theme;
|
|
5212
|
-
return theme.fonts.mobile.
|
|
5582
|
+
return theme.fonts.mobile.lineHeights.headers[1];
|
|
5213
5583
|
}, function (_ref176) {
|
|
5214
5584
|
var theme = _ref176.theme;
|
|
5215
|
-
return theme.fonts.mobile.
|
|
5585
|
+
return theme.fonts.mobile.sizes.headers[2];
|
|
5216
5586
|
}, function (_ref177) {
|
|
5217
5587
|
var theme = _ref177.theme;
|
|
5218
|
-
return theme.fonts.mobile.
|
|
5588
|
+
return theme.fonts.mobile.weights.headers[2];
|
|
5219
5589
|
}, function (_ref178) {
|
|
5220
5590
|
var theme = _ref178.theme;
|
|
5221
|
-
return theme.fonts.mobile.
|
|
5591
|
+
return theme.fonts.mobile.letterSpacing.headers[2];
|
|
5222
5592
|
}, function (_ref179) {
|
|
5223
5593
|
var theme = _ref179.theme;
|
|
5224
|
-
return theme.fonts.mobile.
|
|
5594
|
+
return theme.fonts.mobile.lineHeights.headers[2];
|
|
5225
5595
|
}, function (_ref180) {
|
|
5226
5596
|
var theme = _ref180.theme;
|
|
5227
|
-
return theme.fonts.mobile.
|
|
5597
|
+
return theme.fonts.mobile.sizes.headers[3];
|
|
5228
5598
|
}, function (_ref181) {
|
|
5229
5599
|
var theme = _ref181.theme;
|
|
5230
|
-
return theme.fonts.mobile.
|
|
5600
|
+
return theme.fonts.mobile.weights.headers[3];
|
|
5231
5601
|
}, function (_ref182) {
|
|
5232
5602
|
var theme = _ref182.theme;
|
|
5233
|
-
return theme.fonts.mobile.
|
|
5603
|
+
return theme.fonts.mobile.letterSpacing.headers[3];
|
|
5234
5604
|
}, function (_ref183) {
|
|
5235
5605
|
var theme = _ref183.theme;
|
|
5236
|
-
return theme.fonts.mobile.
|
|
5606
|
+
return theme.fonts.mobile.lineHeights.headers[3];
|
|
5237
5607
|
}, function (_ref184) {
|
|
5238
5608
|
var theme = _ref184.theme;
|
|
5239
|
-
return theme.fonts.mobile.
|
|
5609
|
+
return theme.fonts.mobile.sizes.headers[4];
|
|
5240
5610
|
}, function (_ref185) {
|
|
5241
5611
|
var theme = _ref185.theme;
|
|
5242
|
-
return theme.fonts.mobile.
|
|
5612
|
+
return theme.fonts.mobile.weights.headers[4];
|
|
5243
5613
|
}, function (_ref186) {
|
|
5244
5614
|
var theme = _ref186.theme;
|
|
5245
|
-
return theme.fonts.mobile.
|
|
5615
|
+
return theme.fonts.mobile.letterSpacing.headers[4];
|
|
5246
5616
|
}, function (_ref187) {
|
|
5247
5617
|
var theme = _ref187.theme;
|
|
5248
|
-
return theme.fonts.mobile.
|
|
5618
|
+
return theme.fonts.mobile.lineHeights.headers[4];
|
|
5249
5619
|
}, function (_ref188) {
|
|
5250
5620
|
var theme = _ref188.theme;
|
|
5251
|
-
return theme.fonts.mobile.
|
|
5621
|
+
return theme.fonts.mobile.sizes.headers[5];
|
|
5252
5622
|
}, function (_ref189) {
|
|
5253
5623
|
var theme = _ref189.theme;
|
|
5254
|
-
return theme.fonts.mobile.
|
|
5624
|
+
return theme.fonts.mobile.weights.headers[5];
|
|
5255
5625
|
}, function (_ref190) {
|
|
5256
5626
|
var theme = _ref190.theme;
|
|
5257
|
-
return theme.fonts.mobile.
|
|
5627
|
+
return theme.fonts.mobile.letterSpacing.headers[5];
|
|
5258
5628
|
}, function (_ref191) {
|
|
5259
5629
|
var theme = _ref191.theme;
|
|
5260
|
-
return theme.fonts.mobile.
|
|
5630
|
+
return theme.fonts.mobile.lineHeights.headers[5];
|
|
5261
5631
|
}, function (_ref192) {
|
|
5262
5632
|
var theme = _ref192.theme;
|
|
5263
|
-
return theme.fonts.mobile.
|
|
5633
|
+
return theme.fonts.mobile.sizes.headers[6];
|
|
5264
5634
|
}, function (_ref193) {
|
|
5265
5635
|
var theme = _ref193.theme;
|
|
5266
|
-
return theme.fonts.mobile.
|
|
5636
|
+
return theme.fonts.mobile.weights.headers[6];
|
|
5267
5637
|
}, function (_ref194) {
|
|
5268
5638
|
var theme = _ref194.theme;
|
|
5269
|
-
return theme.fonts.mobile.
|
|
5639
|
+
return theme.fonts.mobile.letterSpacing.headers[6];
|
|
5270
5640
|
}, function (_ref195) {
|
|
5271
5641
|
var theme = _ref195.theme;
|
|
5272
|
-
return theme.fonts.mobile.
|
|
5642
|
+
return theme.fonts.mobile.lineHeights.headers[6];
|
|
5273
5643
|
}, function (_ref196) {
|
|
5274
5644
|
var theme = _ref196.theme;
|
|
5275
|
-
return theme.fonts.mobile.
|
|
5645
|
+
return theme.fonts.mobile.sizes.altHeaders[3];
|
|
5276
5646
|
}, function (_ref197) {
|
|
5277
5647
|
var theme = _ref197.theme;
|
|
5278
|
-
return theme.fonts.mobile.
|
|
5648
|
+
return theme.fonts.mobile.weights.altHeaders[3];
|
|
5279
5649
|
}, function (_ref198) {
|
|
5280
5650
|
var theme = _ref198.theme;
|
|
5281
|
-
return theme.fonts.mobile.
|
|
5651
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[3];
|
|
5282
5652
|
}, function (_ref199) {
|
|
5283
5653
|
var theme = _ref199.theme;
|
|
5284
|
-
return theme.fonts.mobile.
|
|
5654
|
+
return theme.fonts.mobile.lineHeights.altHeaders[3];
|
|
5285
5655
|
}, function (_ref200) {
|
|
5286
5656
|
var theme = _ref200.theme;
|
|
5287
|
-
return theme.fonts.mobile.
|
|
5657
|
+
return theme.fonts.mobile.sizes.altHeaders[4];
|
|
5288
5658
|
}, function (_ref201) {
|
|
5289
5659
|
var theme = _ref201.theme;
|
|
5290
|
-
return theme.fonts.mobile.
|
|
5660
|
+
return theme.fonts.mobile.weights.altHeaders[4];
|
|
5291
5661
|
}, function (_ref202) {
|
|
5292
5662
|
var theme = _ref202.theme;
|
|
5293
|
-
return theme.fonts.mobile.
|
|
5663
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[4];
|
|
5294
5664
|
}, function (_ref203) {
|
|
5295
5665
|
var theme = _ref203.theme;
|
|
5296
|
-
return theme.fonts.mobile.
|
|
5666
|
+
return theme.fonts.mobile.lineHeights.altHeaders[4];
|
|
5297
5667
|
}, function (_ref204) {
|
|
5298
5668
|
var theme = _ref204.theme;
|
|
5299
|
-
return theme.fonts.mobile.
|
|
5669
|
+
return theme.fonts.mobile.sizes.altHeaders[5];
|
|
5300
5670
|
}, function (_ref205) {
|
|
5301
5671
|
var theme = _ref205.theme;
|
|
5302
|
-
return theme.fonts.mobile.
|
|
5672
|
+
return theme.fonts.mobile.weights.altHeaders[5];
|
|
5303
5673
|
}, function (_ref206) {
|
|
5304
5674
|
var theme = _ref206.theme;
|
|
5305
|
-
return theme.fonts.mobile.
|
|
5675
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[5];
|
|
5306
5676
|
}, function (_ref207) {
|
|
5307
5677
|
var theme = _ref207.theme;
|
|
5308
|
-
return theme.fonts.mobile.
|
|
5678
|
+
return theme.fonts.mobile.lineHeights.altHeaders[5];
|
|
5309
5679
|
}, function (_ref208) {
|
|
5310
5680
|
var theme = _ref208.theme;
|
|
5311
|
-
return theme.fonts.mobile.
|
|
5681
|
+
return theme.fonts.mobile.sizes.altHeaders[6];
|
|
5312
5682
|
}, function (_ref209) {
|
|
5313
5683
|
var theme = _ref209.theme;
|
|
5314
|
-
return theme.fonts.mobile.
|
|
5684
|
+
return theme.fonts.mobile.weights.altHeaders[6];
|
|
5315
5685
|
}, function (_ref210) {
|
|
5316
5686
|
var theme = _ref210.theme;
|
|
5317
|
-
return theme.fonts.mobile.
|
|
5687
|
+
return theme.fonts.mobile.letterSpacing.altHeaders[6];
|
|
5318
5688
|
}, function (_ref211) {
|
|
5319
5689
|
var theme = _ref211.theme;
|
|
5320
|
-
return theme.fonts.mobile.
|
|
5690
|
+
return theme.fonts.mobile.lineHeights.altHeaders[6];
|
|
5321
5691
|
}, function (_ref212) {
|
|
5322
5692
|
var theme = _ref212.theme;
|
|
5323
|
-
return theme.fonts.mobile.
|
|
5693
|
+
return theme.fonts.mobile.sizes.overline[1];
|
|
5324
5694
|
}, function (_ref213) {
|
|
5325
5695
|
var theme = _ref213.theme;
|
|
5326
|
-
return theme.fonts.mobile.
|
|
5696
|
+
return theme.fonts.mobile.weights.overline[1];
|
|
5327
5697
|
}, function (_ref214) {
|
|
5328
5698
|
var theme = _ref214.theme;
|
|
5329
|
-
return theme.fonts.mobile.
|
|
5699
|
+
return theme.fonts.mobile.letterSpacing.overline[1];
|
|
5330
5700
|
}, function (_ref215) {
|
|
5331
5701
|
var theme = _ref215.theme;
|
|
5332
|
-
return theme.fonts.mobile.
|
|
5702
|
+
return theme.fonts.mobile.lineHeights.overline[1];
|
|
5333
5703
|
}, function (_ref216) {
|
|
5334
5704
|
var theme = _ref216.theme;
|
|
5335
|
-
return theme.fonts.mobile.
|
|
5705
|
+
return theme.fonts.mobile.sizes.overline[2];
|
|
5336
5706
|
}, function (_ref217) {
|
|
5337
5707
|
var theme = _ref217.theme;
|
|
5338
|
-
return theme.fonts.mobile.
|
|
5708
|
+
return theme.fonts.mobile.weights.overline[2];
|
|
5339
5709
|
}, function (_ref218) {
|
|
5340
5710
|
var theme = _ref218.theme;
|
|
5341
|
-
return theme.fonts.mobile.
|
|
5711
|
+
return theme.fonts.mobile.letterSpacing.overline[2];
|
|
5342
5712
|
}, function (_ref219) {
|
|
5343
5713
|
var theme = _ref219.theme;
|
|
5344
|
-
return theme.fonts.mobile.
|
|
5714
|
+
return theme.fonts.mobile.lineHeights.overline[2];
|
|
5345
5715
|
}, function (_ref220) {
|
|
5346
5716
|
var theme = _ref220.theme;
|
|
5347
|
-
return theme.fonts.mobile.
|
|
5717
|
+
return theme.fonts.mobile.sizes.body[1];
|
|
5348
5718
|
}, function (_ref221) {
|
|
5349
5719
|
var theme = _ref221.theme;
|
|
5350
|
-
return theme.fonts.mobile.
|
|
5720
|
+
return theme.fonts.mobile.weights.body[1];
|
|
5351
5721
|
}, function (_ref222) {
|
|
5352
5722
|
var theme = _ref222.theme;
|
|
5353
|
-
return theme.fonts.mobile.
|
|
5723
|
+
return theme.fonts.mobile.letterSpacing.body[1];
|
|
5354
5724
|
}, function (_ref223) {
|
|
5355
5725
|
var theme = _ref223.theme;
|
|
5356
|
-
return theme.fonts.mobile.
|
|
5726
|
+
return theme.fonts.mobile.lineHeights.body[1];
|
|
5357
5727
|
}, function (_ref224) {
|
|
5358
5728
|
var theme = _ref224.theme;
|
|
5359
|
-
return theme.fonts.mobile.
|
|
5729
|
+
return theme.fonts.mobile.sizes.body[2];
|
|
5360
5730
|
}, function (_ref225) {
|
|
5361
5731
|
var theme = _ref225.theme;
|
|
5362
|
-
return theme.fonts.mobile.
|
|
5732
|
+
return theme.fonts.mobile.weights.body[2];
|
|
5363
5733
|
}, function (_ref226) {
|
|
5364
5734
|
var theme = _ref226.theme;
|
|
5365
|
-
return theme.fonts.mobile.
|
|
5735
|
+
return theme.fonts.mobile.letterSpacing.body[2];
|
|
5366
5736
|
}, function (_ref227) {
|
|
5367
5737
|
var theme = _ref227.theme;
|
|
5368
|
-
return theme.fonts.mobile.
|
|
5738
|
+
return theme.fonts.mobile.lineHeights.body[2];
|
|
5369
5739
|
}, function (_ref228) {
|
|
5370
5740
|
var theme = _ref228.theme;
|
|
5371
|
-
return theme.fonts.mobile.
|
|
5741
|
+
return theme.fonts.mobile.sizes.body[3];
|
|
5372
5742
|
}, function (_ref229) {
|
|
5373
5743
|
var theme = _ref229.theme;
|
|
5374
|
-
return theme.fonts.mobile.
|
|
5744
|
+
return theme.fonts.mobile.weights.body[3];
|
|
5375
5745
|
}, function (_ref230) {
|
|
5376
5746
|
var theme = _ref230.theme;
|
|
5377
|
-
return theme.fonts.mobile.
|
|
5747
|
+
return theme.fonts.mobile.letterSpacing.body[3];
|
|
5378
5748
|
}, function (_ref231) {
|
|
5379
5749
|
var theme = _ref231.theme;
|
|
5380
|
-
return theme.fonts.mobile.
|
|
5750
|
+
return theme.fonts.mobile.lineHeights.body[3];
|
|
5381
5751
|
}, function (_ref232) {
|
|
5382
5752
|
var theme = _ref232.theme;
|
|
5383
|
-
return theme.fonts.mobile.
|
|
5753
|
+
return theme.fonts.mobile.sizes.subtitles[1];
|
|
5384
5754
|
}, function (_ref233) {
|
|
5385
5755
|
var theme = _ref233.theme;
|
|
5386
|
-
return theme.fonts.mobile.
|
|
5756
|
+
return theme.fonts.mobile.weights.subtitles[1];
|
|
5387
5757
|
}, function (_ref234) {
|
|
5388
5758
|
var theme = _ref234.theme;
|
|
5389
|
-
return theme.fonts.mobile.
|
|
5759
|
+
return theme.fonts.mobile.letterSpacing.subtitles[1];
|
|
5390
5760
|
}, function (_ref235) {
|
|
5391
5761
|
var theme = _ref235.theme;
|
|
5392
|
-
return theme.fonts.mobile.
|
|
5762
|
+
return theme.fonts.mobile.lineHeights.subtitles[1];
|
|
5393
5763
|
}, function (_ref236) {
|
|
5394
5764
|
var theme = _ref236.theme;
|
|
5395
|
-
return theme.fonts.mobile.
|
|
5765
|
+
return theme.fonts.mobile.sizes.subtitles[2];
|
|
5396
5766
|
}, function (_ref237) {
|
|
5397
5767
|
var theme = _ref237.theme;
|
|
5398
|
-
return theme.fonts.mobile.
|
|
5768
|
+
return theme.fonts.mobile.weights.subtitles[2];
|
|
5399
5769
|
}, function (_ref238) {
|
|
5400
5770
|
var theme = _ref238.theme;
|
|
5401
|
-
return theme.fonts.mobile.
|
|
5771
|
+
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
5402
5772
|
}, function (_ref239) {
|
|
5403
5773
|
var theme = _ref239.theme;
|
|
5404
|
-
return theme.fonts.mobile.lineHeights.
|
|
5774
|
+
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
5405
5775
|
}, function (_ref240) {
|
|
5406
5776
|
var theme = _ref240.theme;
|
|
5407
|
-
return theme.
|
|
5777
|
+
return theme.fonts.mobile.sizes.titleDescription;
|
|
5408
5778
|
}, function (_ref241) {
|
|
5409
5779
|
var theme = _ref241.theme;
|
|
5410
|
-
return theme.fonts.mobile.
|
|
5780
|
+
return theme.fonts.mobile.lineHeights.titleDescription;
|
|
5411
5781
|
}, function (_ref242) {
|
|
5412
5782
|
var theme = _ref242.theme;
|
|
5413
|
-
return theme.
|
|
5783
|
+
return theme.spacing[4];
|
|
5414
5784
|
}, function (_ref243) {
|
|
5415
5785
|
var theme = _ref243.theme;
|
|
5416
|
-
return theme.fonts.mobile.
|
|
5786
|
+
return theme.fonts.mobile.sizes.search;
|
|
5417
5787
|
}, function (_ref244) {
|
|
5418
5788
|
var theme = _ref244.theme;
|
|
5419
|
-
return theme.fonts.mobile.families.
|
|
5789
|
+
return theme.fonts.mobile.families.search;
|
|
5420
5790
|
}, function (_ref245) {
|
|
5421
5791
|
var theme = _ref245.theme;
|
|
5422
|
-
return theme.fonts.mobile.families.
|
|
5792
|
+
return theme.fonts.mobile.families.headers;
|
|
5423
5793
|
}, function (_ref246) {
|
|
5424
5794
|
var theme = _ref246.theme;
|
|
5425
|
-
return theme.fonts.mobile.families.
|
|
5795
|
+
return theme.fonts.mobile.families.altHeaders;
|
|
5426
5796
|
}, function (_ref247) {
|
|
5427
5797
|
var theme = _ref247.theme;
|
|
5428
|
-
return theme.fonts.mobile.families.
|
|
5798
|
+
return theme.fonts.mobile.families.body;
|
|
5429
5799
|
}, function (_ref248) {
|
|
5430
5800
|
var theme = _ref248.theme;
|
|
5431
|
-
return theme.fonts.mobile.families.
|
|
5801
|
+
return theme.fonts.mobile.families.bodyItalics;
|
|
5432
5802
|
}, function (_ref249) {
|
|
5433
5803
|
var theme = _ref249.theme;
|
|
5434
|
-
return theme.fonts.mobile.families.
|
|
5804
|
+
return theme.fonts.mobile.families.buttons;
|
|
5435
5805
|
}, function (_ref250) {
|
|
5436
5806
|
var theme = _ref250.theme;
|
|
5437
|
-
return theme.fonts.mobile.families.
|
|
5807
|
+
return theme.fonts.mobile.families.overline;
|
|
5438
5808
|
}, function (_ref251) {
|
|
5439
5809
|
var theme = _ref251.theme;
|
|
5440
|
-
return theme.fonts.mobile.families.
|
|
5810
|
+
return theme.fonts.mobile.families.subtitles;
|
|
5441
5811
|
}, function (_ref252) {
|
|
5442
5812
|
var theme = _ref252.theme;
|
|
5443
|
-
return theme.fonts.mobile.
|
|
5813
|
+
return theme.fonts.mobile.families.peopleListingRole;
|
|
5444
5814
|
}, function (_ref253) {
|
|
5445
5815
|
var theme = _ref253.theme;
|
|
5446
|
-
return theme.fonts.mobile.
|
|
5816
|
+
return theme.fonts.mobile.families.body;
|
|
5447
5817
|
}, function (_ref254) {
|
|
5448
5818
|
var theme = _ref254.theme;
|
|
5449
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5819
|
+
return theme.fonts.mobile.fontFeatureSettings.headers;
|
|
5450
5820
|
}, function (_ref255) {
|
|
5451
5821
|
var theme = _ref255.theme;
|
|
5452
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5822
|
+
return theme.fonts.mobile.fontFeatureSettings.altHeaders;
|
|
5453
5823
|
}, function (_ref256) {
|
|
5454
5824
|
var theme = _ref256.theme;
|
|
5455
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5825
|
+
return theme.fonts.mobile.fontFeatureSettings.overline;
|
|
5456
5826
|
}, function (_ref257) {
|
|
5457
5827
|
var theme = _ref257.theme;
|
|
5458
|
-
return theme.fonts.mobile.fontFeatureSettings.
|
|
5828
|
+
return theme.fonts.mobile.fontFeatureSettings.subtitles;
|
|
5459
5829
|
}, function (_ref258) {
|
|
5460
5830
|
var theme = _ref258.theme;
|
|
5461
|
-
return theme.fonts.mobile.
|
|
5831
|
+
return theme.fonts.mobile.fontFeatureSettings.body;
|
|
5462
5832
|
}, function (_ref259) {
|
|
5463
5833
|
var theme = _ref259.theme;
|
|
5464
|
-
return theme.fonts.mobile.
|
|
5834
|
+
return theme.fonts.mobile.fontFeatureSettings.navigation;
|
|
5465
5835
|
}, function (_ref260) {
|
|
5466
5836
|
var theme = _ref260.theme;
|
|
5467
|
-
return theme.fonts.mobile.transforms.
|
|
5837
|
+
return theme.fonts.mobile.transforms.headers;
|
|
5468
5838
|
}, function (_ref261) {
|
|
5469
5839
|
var theme = _ref261.theme;
|
|
5470
|
-
return theme.fonts.mobile.transforms.
|
|
5840
|
+
return theme.fonts.mobile.transforms.altHeaders;
|
|
5471
5841
|
}, function (_ref262) {
|
|
5472
5842
|
var theme = _ref262.theme;
|
|
5473
|
-
return theme.fonts.mobile.transforms.
|
|
5843
|
+
return theme.fonts.mobile.transforms.body;
|
|
5474
5844
|
}, function (_ref263) {
|
|
5475
5845
|
var theme = _ref263.theme;
|
|
5476
|
-
return theme.fonts.mobile.
|
|
5846
|
+
return theme.fonts.mobile.transforms.overline;
|
|
5477
5847
|
}, function (_ref264) {
|
|
5478
5848
|
var theme = _ref264.theme;
|
|
5479
|
-
return theme.fonts.mobile.
|
|
5849
|
+
return theme.fonts.mobile.transforms.subtitles;
|
|
5480
5850
|
}, function (_ref265) {
|
|
5481
5851
|
var theme = _ref265.theme;
|
|
5482
|
-
return theme.fonts.mobile.wordBreak.
|
|
5852
|
+
return theme.fonts.mobile.wordBreak.headers;
|
|
5483
5853
|
}, function (_ref266) {
|
|
5484
5854
|
var theme = _ref266.theme;
|
|
5485
|
-
return theme.fonts.mobile.wordBreak.
|
|
5855
|
+
return theme.fonts.mobile.wordBreak.altHeaders;
|
|
5486
5856
|
}, function (_ref267) {
|
|
5487
5857
|
var theme = _ref267.theme;
|
|
5488
|
-
return theme.fonts.mobile.wordBreak.
|
|
5858
|
+
return theme.fonts.mobile.wordBreak.body;
|
|
5489
5859
|
}, function (_ref268) {
|
|
5490
5860
|
var theme = _ref268.theme;
|
|
5491
|
-
return theme.
|
|
5861
|
+
return theme.fonts.mobile.wordBreak.overline;
|
|
5492
5862
|
}, function (_ref269) {
|
|
5493
5863
|
var theme = _ref269.theme;
|
|
5494
|
-
return theme.
|
|
5864
|
+
return theme.fonts.mobile.wordBreak.subtitles;
|
|
5495
5865
|
}, function (_ref270) {
|
|
5496
5866
|
var theme = _ref270.theme;
|
|
5497
5867
|
return theme.grid.mobile.margin;
|
|
@@ -5500,54 +5870,66 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$M || (_
|
|
|
5500
5870
|
return theme.grid.mobile.gap;
|
|
5501
5871
|
}, function (_ref272) {
|
|
5502
5872
|
var theme = _ref272.theme;
|
|
5503
|
-
return theme.grid.mobile.
|
|
5873
|
+
return theme.grid.mobile.margin;
|
|
5504
5874
|
}, function (_ref273) {
|
|
5505
5875
|
var theme = _ref273.theme;
|
|
5506
|
-
return theme.grid.mobile.
|
|
5876
|
+
return theme.grid.mobile.gap;
|
|
5507
5877
|
}, function (_ref274) {
|
|
5508
5878
|
var theme = _ref274.theme;
|
|
5509
|
-
return theme.
|
|
5879
|
+
return theme.grid.mobile.gap;
|
|
5510
5880
|
}, function (_ref275) {
|
|
5511
5881
|
var theme = _ref275.theme;
|
|
5512
|
-
return theme.
|
|
5882
|
+
return theme.grid.mobile.margin;
|
|
5513
5883
|
}, function (_ref276) {
|
|
5514
5884
|
var theme = _ref276.theme;
|
|
5515
|
-
return theme.footer.mobile.
|
|
5885
|
+
return theme.footer.mobile.height;
|
|
5516
5886
|
}, function (_ref277) {
|
|
5517
5887
|
var theme = _ref277.theme;
|
|
5518
|
-
return theme.footer.mobile.
|
|
5888
|
+
return theme.footer.mobile.paddingTop;
|
|
5519
5889
|
}, function (_ref278) {
|
|
5520
5890
|
var theme = _ref278.theme;
|
|
5521
|
-
return theme.footer.mobile.
|
|
5891
|
+
return theme.footer.mobile.paddingBottom;
|
|
5522
5892
|
}, function (_ref279) {
|
|
5523
5893
|
var theme = _ref279.theme;
|
|
5524
|
-
return theme.footer.mobile.
|
|
5894
|
+
return theme.footer.mobile.itemsGap;
|
|
5525
5895
|
}, function (_ref280) {
|
|
5526
5896
|
var theme = _ref280.theme;
|
|
5527
|
-
return theme.footer.mobile.
|
|
5897
|
+
return theme.footer.mobile.mediaGap;
|
|
5528
5898
|
}, function (_ref281) {
|
|
5529
5899
|
var theme = _ref281.theme;
|
|
5530
|
-
return theme.footer.mobile.
|
|
5900
|
+
return theme.footer.mobile.mediaIconWidth;
|
|
5531
5901
|
}, function (_ref282) {
|
|
5532
5902
|
var theme = _ref282.theme;
|
|
5533
|
-
return theme.footer.mobile.
|
|
5534
|
-
},
|
|
5903
|
+
return theme.footer.mobile.mediaIconHeight;
|
|
5904
|
+
}, function (_ref283) {
|
|
5535
5905
|
var theme = _ref283.theme;
|
|
5536
|
-
return theme.
|
|
5906
|
+
return theme.footer.mobile.verticalSpacingLarge;
|
|
5537
5907
|
}, function (_ref284) {
|
|
5538
5908
|
var theme = _ref284.theme;
|
|
5539
|
-
return theme.
|
|
5909
|
+
return theme.footer.mobile.verticalSpacingSmall;
|
|
5540
5910
|
}, function (_ref285) {
|
|
5541
5911
|
var theme = _ref285.theme;
|
|
5542
|
-
return theme.
|
|
5912
|
+
return theme.spacing[10];
|
|
5543
5913
|
}, function (_ref286) {
|
|
5544
5914
|
var theme = _ref286.theme;
|
|
5545
|
-
return theme.
|
|
5546
|
-
}, function (_ref287) {
|
|
5915
|
+
return theme.spacing[6];
|
|
5916
|
+
}, devices.tablet, function (_ref287) {
|
|
5547
5917
|
var theme = _ref287.theme;
|
|
5548
|
-
return theme.grid.tablet.
|
|
5918
|
+
return theme.grid.tablet.margin;
|
|
5549
5919
|
}, function (_ref288) {
|
|
5550
5920
|
var theme = _ref288.theme;
|
|
5921
|
+
return theme.grid.tablet.gap;
|
|
5922
|
+
}, function (_ref289) {
|
|
5923
|
+
var theme = _ref289.theme;
|
|
5924
|
+
return theme.grid.tablet.margin;
|
|
5925
|
+
}, function (_ref290) {
|
|
5926
|
+
var theme = _ref290.theme;
|
|
5927
|
+
return theme.grid.tablet.gap;
|
|
5928
|
+
}, function (_ref291) {
|
|
5929
|
+
var theme = _ref291.theme;
|
|
5930
|
+
return theme.grid.tablet.gap;
|
|
5931
|
+
}, function (_ref292) {
|
|
5932
|
+
var theme = _ref292.theme;
|
|
5551
5933
|
return theme.grid.tablet.margin;
|
|
5552
5934
|
}, devices.desktop, devices.largeDesktop);
|
|
5553
5935
|
|
|
@@ -5566,6 +5948,10 @@ exports.GlobalStyles = GlobalStyles;
|
|
|
5566
5948
|
exports.Grid = Grid;
|
|
5567
5949
|
exports.GridItem = GridItem;
|
|
5568
5950
|
exports.Header = Header;
|
|
5951
|
+
exports.HighlightsCarousel = HighlightsCarousel;
|
|
5952
|
+
exports.HighlightsCarouselCinema = HighlightsCinema;
|
|
5953
|
+
exports.HighlightsCarouselCore = HighlightsCore;
|
|
5954
|
+
exports.HighlightsCarouselStream = HighlightsStream;
|
|
5569
5955
|
exports.Icon = Icon;
|
|
5570
5956
|
exports.ImageWithCaption = ImageWithCaption;
|
|
5571
5957
|
exports.Navigation = Navigation;
|