@royaloperahouse/harmonic 0.6.0-f → 0.6.1
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/README.GIT +278 -0
- package/README.md +43 -252
- package/dist/components/atoms/ControlledDropdown/ControlledDropdown.d.ts +2 -2
- package/dist/components/atoms/ControlledDropdown/ControlledDropdown.style.d.ts +2 -2
- package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/atoms/Search/Search.d.ts +1 -1
- package/dist/components/atoms/Search/Search.style.d.ts +1 -1
- package/dist/components/atoms/Tab/Tab.d.ts +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/NavTop/NavTop.d.ts +1 -1
- package/dist/components/molecules/SearchBar/SearchBar.d.ts +1 -1
- package/dist/components/molecules/SearchBar/SearchBar.style.d.ts +1 -1
- package/dist/components/molecules/index.d.ts +1 -2
- package/dist/harmonic.cjs.development.css +0 -319
- package/dist/harmonic.cjs.development.js +186 -306
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +196 -318
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +0 -1
- package/dist/types/navigation.d.ts +0 -12
- package/dist/types/types.d.ts +1 -23
- package/package.json +1 -1
- package/dist/components/molecules/HotFilters/HotFilters.d.ts +0 -4
- package/dist/components/molecules/HotFilters/HotFilters.style.d.ts +0 -3
- package/dist/components/molecules/HotFilters/index.d.ts +0 -2
- package/dist/helpers/accessibility.d.ts +0 -1
|
@@ -374,7 +374,7 @@ var HarmonicHeader = function HarmonicHeader(_ref2) {
|
|
|
374
374
|
size = _ref2.size,
|
|
375
375
|
em = _ref2.em,
|
|
376
376
|
_ref2$color = _ref2.color,
|
|
377
|
-
color = _ref2$color === void 0 ? '
|
|
377
|
+
color = _ref2$color === void 0 ? 'primary' : _ref2$color,
|
|
378
378
|
serif = _ref2.serif,
|
|
379
379
|
Tag = _ref2.hierarchy,
|
|
380
380
|
className = _ref2.className;
|
|
@@ -394,7 +394,7 @@ var HarmonicSubtitle = function HarmonicSubtitle(_ref3) {
|
|
|
394
394
|
var children = _ref3.children,
|
|
395
395
|
size = _ref3.size,
|
|
396
396
|
_ref3$color = _ref3.color,
|
|
397
|
-
color = _ref3$color === void 0 ? '
|
|
397
|
+
color = _ref3$color === void 0 ? 'primary' : _ref3$color,
|
|
398
398
|
className = _ref3.className;
|
|
399
399
|
var classNames = createClassNames('subtitle', {
|
|
400
400
|
size: size,
|
|
@@ -411,7 +411,7 @@ var BodyCopyHarmonic = function BodyCopyHarmonic(_ref4) {
|
|
|
411
411
|
_ref4$size = _ref4.size,
|
|
412
412
|
size = _ref4$size === void 0 ? 'medium' : _ref4$size,
|
|
413
413
|
_ref4$color = _ref4.color,
|
|
414
|
-
color = _ref4$color === void 0 ? '
|
|
414
|
+
color = _ref4$color === void 0 ? 'primary' : _ref4$color,
|
|
415
415
|
className = _ref4.className,
|
|
416
416
|
props = _objectWithoutPropertiesLoose(_ref4, _excluded);
|
|
417
417
|
var classNames = createClassNames('bodycopy', {
|
|
@@ -428,7 +428,7 @@ var HarmonicOverline = function HarmonicOverline(_ref5) {
|
|
|
428
428
|
var children = _ref5.children,
|
|
429
429
|
size = _ref5.size,
|
|
430
430
|
_ref5$color = _ref5.color,
|
|
431
|
-
color = _ref5$color === void 0 ? '
|
|
431
|
+
color = _ref5$color === void 0 ? 'primary' : _ref5$color,
|
|
432
432
|
className = _ref5.className,
|
|
433
433
|
props = _objectWithoutPropertiesLoose(_ref5, _excluded2);
|
|
434
434
|
var classNames = createClassNames('overline', {
|
|
@@ -444,7 +444,7 @@ var HarmonicOverline = function HarmonicOverline(_ref5) {
|
|
|
444
444
|
var ButtonText = function ButtonText(_ref6) {
|
|
445
445
|
var children = _ref6.children,
|
|
446
446
|
_ref6$color = _ref6.color,
|
|
447
|
-
color = _ref6$color === void 0 ? '
|
|
447
|
+
color = _ref6$color === void 0 ? 'primary' : _ref6$color,
|
|
448
448
|
className = _ref6.className;
|
|
449
449
|
var classNames = createClassNames('buttontext', {
|
|
450
450
|
color: color,
|
|
@@ -457,7 +457,7 @@ var ButtonText = function ButtonText(_ref6) {
|
|
|
457
457
|
var Caption = function Caption(_ref7) {
|
|
458
458
|
var children = _ref7.children,
|
|
459
459
|
_ref7$color = _ref7.color,
|
|
460
|
-
color = _ref7$color === void 0 ? '
|
|
460
|
+
color = _ref7$color === void 0 ? 'primary' : _ref7$color,
|
|
461
461
|
className = _ref7.className;
|
|
462
462
|
var classNames = createClassNames('captiontext', {
|
|
463
463
|
color: color,
|
|
@@ -470,7 +470,7 @@ var Caption = function Caption(_ref7) {
|
|
|
470
470
|
var NavigationText = function NavigationText(_ref8) {
|
|
471
471
|
var children = _ref8.children,
|
|
472
472
|
_ref8$color = _ref8.color,
|
|
473
|
-
color = _ref8$color === void 0 ? '
|
|
473
|
+
color = _ref8$color === void 0 ? 'primary' : _ref8$color,
|
|
474
474
|
className = _ref8.className;
|
|
475
475
|
var classNames = createClassNames('navigationtext', {
|
|
476
476
|
color: color,
|
|
@@ -2939,7 +2939,7 @@ var OptionsContainer = /*#__PURE__*/styled__default.div(_templateObject3 || (_te
|
|
|
2939
2939
|
|
|
2940
2940
|
var _templateObject$7, _templateObject2$5, _templateObject3$1, _templateObject4;
|
|
2941
2941
|
var ControlledDropdownWrapper = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: fit-content;\n"])));
|
|
2942
|
-
var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.
|
|
2942
|
+
var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.span(_templateObject2$5 || (_templateObject2$5 = /*#__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(--harmonic-font-size-navigation);\n font-family: var(--font-family-sans);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--harmonic-letter-spacing-navigation);\n color: var(--color-primary-black);\n text-decoration: none;\n cursor: pointer;\n width: max-content;\n\n ", "\n"])), function (_ref) {
|
|
2943
2943
|
var active = _ref.active;
|
|
2944
2944
|
if (active) {
|
|
2945
2945
|
return "\n & {\n color: var(--color-primary-red);\n }\n && svg path {\n fill: var(--color-primary-red);\n } \n ";
|
|
@@ -2947,12 +2947,12 @@ var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.button(_tem
|
|
|
2947
2947
|
return '';
|
|
2948
2948
|
});
|
|
2949
2949
|
var ControlledDropdownHeaderContainerLink = /*#__PURE__*/styled__default(ControlledDropdownHeaderContainer).attrs({
|
|
2950
|
-
as: '
|
|
2950
|
+
as: 'a'
|
|
2951
2951
|
})(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2952
2952
|
var IconWrapper = /*#__PURE__*/styled__default.span(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n\n span > svg path {\n fill: var(--color-primary-black);\n }\n"])));
|
|
2953
2953
|
|
|
2954
2954
|
/* eslint-disable no-useless-return */
|
|
2955
|
-
var ControlledDropdown =
|
|
2955
|
+
var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
2956
2956
|
var text = _ref.text,
|
|
2957
2957
|
options = _ref.options,
|
|
2958
2958
|
active = _ref.active,
|
|
@@ -2960,22 +2960,32 @@ var ControlledDropdown = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
2960
2960
|
onOptionClick = _ref.onOptionClick,
|
|
2961
2961
|
_onMouseEnter = _ref.onMouseEnter,
|
|
2962
2962
|
_onMouseLeave = _ref.onMouseLeave,
|
|
2963
|
-
_onFocusLeave = _ref.onFocusLeave,
|
|
2964
2963
|
onReset = _ref.onReset,
|
|
2965
2964
|
_onFocus = _ref.onFocus,
|
|
2966
2965
|
_onBlur = _ref.onBlur,
|
|
2967
2966
|
className = _ref.className;
|
|
2968
|
-
|
|
2969
|
-
var
|
|
2970
|
-
React.useImperativeHandle(ref, function () {
|
|
2971
|
-
return internalRef.current;
|
|
2972
|
-
});
|
|
2973
|
-
var resetHandler = function resetHandler() {
|
|
2967
|
+
var ref = React.useRef();
|
|
2968
|
+
var resetHandler = React.useCallback(function () {
|
|
2974
2969
|
return onReset == null ? void 0 : onReset();
|
|
2975
|
-
};
|
|
2976
|
-
|
|
2977
|
-
|
|
2978
|
-
|
|
2970
|
+
}, []);
|
|
2971
|
+
React.useEffect(function () {
|
|
2972
|
+
if (window.innerWidth > breakpoints.sm) {
|
|
2973
|
+
var mouseClickHandler = function mouseClickHandler(e) {
|
|
2974
|
+
var _ref$current;
|
|
2975
|
+
if (ref != null && (_ref$current = ref.current) != null && _ref$current.contains(e.target)) {
|
|
2976
|
+
return;
|
|
2977
|
+
} else if (active) {
|
|
2978
|
+
resetHandler();
|
|
2979
|
+
}
|
|
2980
|
+
};
|
|
2981
|
+
document.addEventListener('click', mouseClickHandler);
|
|
2982
|
+
return function () {
|
|
2983
|
+
document.removeEventListener('click', mouseClickHandler);
|
|
2984
|
+
};
|
|
2985
|
+
}
|
|
2986
|
+
// eslint-disable-next-line consistent-return
|
|
2987
|
+
return;
|
|
2988
|
+
}, [ref, resetHandler, active]);
|
|
2979
2989
|
var handleOptionKeyDown = function handleOptionKeyDown(e, link) {
|
|
2980
2990
|
if (e.key === 'Enter') {
|
|
2981
2991
|
onOptionClick == null || onOptionClick(link);
|
|
@@ -2995,15 +3005,13 @@ var ControlledDropdown = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
2995
3005
|
_onBlur == null || _onBlur();
|
|
2996
3006
|
}
|
|
2997
3007
|
};
|
|
3008
|
+
var isDropdown = !!(options != null && options.length);
|
|
2998
3009
|
var wrapperEvents = {
|
|
2999
3010
|
onMouseEnter: function onMouseEnter() {
|
|
3000
3011
|
return _onMouseEnter == null ? void 0 : _onMouseEnter();
|
|
3001
3012
|
},
|
|
3002
3013
|
onMouseLeave: function onMouseLeave() {
|
|
3003
3014
|
return _onMouseLeave == null ? void 0 : _onMouseLeave();
|
|
3004
|
-
},
|
|
3005
|
-
onFocusLeave: function onFocusLeave() {
|
|
3006
|
-
return _onFocusLeave == null ? void 0 : _onFocusLeave();
|
|
3007
3015
|
}
|
|
3008
3016
|
};
|
|
3009
3017
|
var headerEvents = {
|
|
@@ -3019,51 +3027,21 @@ var ControlledDropdown = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
3019
3027
|
},
|
|
3020
3028
|
onKeyDown: handleHeaderKeyDown
|
|
3021
3029
|
};
|
|
3022
|
-
React.useEffect(function () {
|
|
3023
|
-
var mouseEvent = function mouseEvent(e) {
|
|
3024
|
-
var _internalRef$current;
|
|
3025
|
-
if (internalRef != null && (_internalRef$current = internalRef.current) != null && _internalRef$current.contains(e.target)) return;
|
|
3026
|
-
if (active) resetHandler();
|
|
3027
|
-
};
|
|
3028
|
-
if (window.innerWidth > breakpoints.sm) {
|
|
3029
|
-
document.addEventListener('click', mouseEvent);
|
|
3030
|
-
}
|
|
3031
|
-
return function () {
|
|
3032
|
-
document.removeEventListener('click', mouseEvent);
|
|
3033
|
-
};
|
|
3034
|
-
}, [resetHandler, active]);
|
|
3035
|
-
React.useEffect(function () {
|
|
3036
|
-
var handleFocusOut = function handleFocusOut(e) {
|
|
3037
|
-
if (internalRef.current && !internalRef.current.contains(e.relatedTarget)) {
|
|
3038
|
-
_onFocusLeave == null || _onFocusLeave();
|
|
3039
|
-
}
|
|
3040
|
-
};
|
|
3041
|
-
var node = internalRef.current;
|
|
3042
|
-
if (node) node.addEventListener('focusout', handleFocusOut);
|
|
3043
|
-
return function () {
|
|
3044
|
-
return node == null ? void 0 : node.removeEventListener('focusout', handleFocusOut);
|
|
3045
|
-
};
|
|
3046
|
-
}, [_onFocusLeave]);
|
|
3047
3030
|
return /*#__PURE__*/React__default.createElement(ControlledDropdownWrapper, Object.assign({
|
|
3048
|
-
ref:
|
|
3031
|
+
ref: ref
|
|
3049
3032
|
}, wrapperEvents, {
|
|
3050
3033
|
className: className
|
|
3051
3034
|
}), isDropdown ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainer, Object.assign({
|
|
3052
3035
|
active: active
|
|
3053
3036
|
}, headerEvents, {
|
|
3054
|
-
|
|
3055
|
-
|
|
3056
|
-
"aria-controls": "dropdown-menu",
|
|
3057
|
-
"aria-haspopup": "menu",
|
|
3058
|
-
"aria-expanded": active
|
|
3037
|
+
tabIndex: 0,
|
|
3038
|
+
"data-testid": "span-container"
|
|
3059
3039
|
}), text, /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
3060
3040
|
"data-testid": "dropdown-icon"
|
|
3061
3041
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
3062
3042
|
iconName: "DropdownArrow"
|
|
3063
3043
|
}))), active && options ? (/*#__PURE__*/React__default.createElement(OptionsContainer, {
|
|
3064
|
-
withOptionsInMobile: true
|
|
3065
|
-
role: "menu",
|
|
3066
|
-
id: "dropdown-menu"
|
|
3044
|
+
withOptionsInMobile: true
|
|
3067
3045
|
}, options.map(function (optionItem, index) {
|
|
3068
3046
|
return /*#__PURE__*/React__default.createElement(OptionItem, {
|
|
3069
3047
|
key: "key-" + index + "-" + optionItem.option,
|
|
@@ -3077,18 +3055,15 @@ var ControlledDropdown = /*#__PURE__*/React__default.forwardRef(function (_ref,
|
|
|
3077
3055
|
onBlur: function onBlur() {
|
|
3078
3056
|
return handleOptionBlur(index);
|
|
3079
3057
|
},
|
|
3080
|
-
href: optionItem.optionLink
|
|
3081
|
-
role: "menuitem"
|
|
3058
|
+
href: optionItem.optionLink
|
|
3082
3059
|
}, optionItem.option);
|
|
3083
3060
|
}))) : null)) : (/*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainerLink, Object.assign({
|
|
3084
3061
|
active: active
|
|
3085
3062
|
}, headerEvents, {
|
|
3086
3063
|
"data-testid": "link-container",
|
|
3087
|
-
"aria-label": text,
|
|
3088
|
-
role: "menuitem",
|
|
3089
3064
|
tabIndex: 0
|
|
3090
3065
|
}), text)));
|
|
3091
|
-
}
|
|
3066
|
+
};
|
|
3092
3067
|
|
|
3093
3068
|
var _templateObject$8;
|
|
3094
3069
|
var Grid = /*#__PURE__*/styled__default.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n"])));
|
|
@@ -3772,7 +3747,6 @@ var Tab = function Tab(_ref) {
|
|
|
3772
3747
|
className = _ref.className,
|
|
3773
3748
|
role = _ref.role,
|
|
3774
3749
|
ariaLabel = _ref.ariaLabel,
|
|
3775
|
-
tabLinkId = _ref.tabLinkId,
|
|
3776
3750
|
color = _ref.color;
|
|
3777
3751
|
var clickHandler = function clickHandler() {
|
|
3778
3752
|
if (onClick) {
|
|
@@ -3803,9 +3777,8 @@ var Tab = function Tab(_ref) {
|
|
|
3803
3777
|
tabIndex: 0,
|
|
3804
3778
|
className: className
|
|
3805
3779
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
3806
|
-
id: tabLinkId,
|
|
3807
|
-
trimText: trimText,
|
|
3808
3780
|
color: color,
|
|
3781
|
+
trimText: trimText,
|
|
3809
3782
|
withTextInMobile: withTextInMobile,
|
|
3810
3783
|
"aria-hidden": "true"
|
|
3811
3784
|
}, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -5313,7 +5286,7 @@ var Basket$1 = function Basket(_ref) {
|
|
|
5313
5286
|
};
|
|
5314
5287
|
|
|
5315
5288
|
var _templateObject$A, _templateObject2$q;
|
|
5316
|
-
var SearchContainer = /*#__PURE__*/styled__default.
|
|
5289
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid transparent;\n padding-top: 3px;\n padding-bottom: 3px;\n\n svg path {\n fill: var(--color-primary-black);\n }\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--color-primary-red);\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n"])), function (_ref) {
|
|
5317
5290
|
var selected = _ref.selected;
|
|
5318
5291
|
if (selected) {
|
|
5319
5292
|
return "\n border-bottom: 1px solid var(--color-primary-red);\n && svg path {\n fill: var(--color-primary-red);\n }\n ";
|
|
@@ -5322,26 +5295,31 @@ var SearchContainer = /*#__PURE__*/styled__default.button(_templateObject$A || (
|
|
|
5322
5295
|
});
|
|
5323
5296
|
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5324
5297
|
|
|
5325
|
-
var Search$1 =
|
|
5298
|
+
var Search$1 = function Search(_ref) {
|
|
5326
5299
|
var _ref$selected = _ref.selected,
|
|
5327
5300
|
selected = _ref$selected === void 0 ? false : _ref$selected,
|
|
5328
5301
|
onClick = _ref.onClick,
|
|
5329
5302
|
className = _ref.className;
|
|
5330
|
-
|
|
5303
|
+
var onKeyDownHandler = function onKeyDownHandler(e) {
|
|
5304
|
+
if (e.key === 'Enter') {
|
|
5305
|
+
onClick == null || onClick();
|
|
5306
|
+
}
|
|
5307
|
+
};
|
|
5331
5308
|
return /*#__PURE__*/React__default.createElement(SearchContainer, {
|
|
5309
|
+
role: "button",
|
|
5332
5310
|
"aria-label": "Search",
|
|
5333
5311
|
selected: selected,
|
|
5334
5312
|
onClick: onClick,
|
|
5313
|
+
onKeyDown: onKeyDownHandler,
|
|
5335
5314
|
"data-testid": "search-icon",
|
|
5336
5315
|
tabIndex: 0,
|
|
5337
|
-
className: className
|
|
5338
|
-
ref: ref
|
|
5316
|
+
className: className
|
|
5339
5317
|
}, /*#__PURE__*/React__default.createElement(SvgContainer$1, {
|
|
5340
5318
|
"aria-hidden": "true"
|
|
5341
5319
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
5342
5320
|
iconName: "Search"
|
|
5343
5321
|
})));
|
|
5344
|
-
}
|
|
5322
|
+
};
|
|
5345
5323
|
|
|
5346
5324
|
/* eslint-disable react/jsx-no-useless-fragment */
|
|
5347
5325
|
var Dropdown = function Dropdown(_ref) {
|
|
@@ -5363,7 +5341,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
5363
5341
|
className = _ref.className,
|
|
5364
5342
|
role = _ref.role,
|
|
5365
5343
|
ariaLabel = _ref.ariaLabel,
|
|
5366
|
-
tabLinkId = _ref.tabLinkId,
|
|
5367
5344
|
trimTabText = _ref.trimTabText;
|
|
5368
5345
|
var node = React.useRef();
|
|
5369
5346
|
var _useState = React.useState(false),
|
|
@@ -5460,7 +5437,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
5460
5437
|
};
|
|
5461
5438
|
var renderTab = function renderTab() {
|
|
5462
5439
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
|
|
5463
|
-
tabLinkId: tabLinkId,
|
|
5464
5440
|
trimText: trimTabText,
|
|
5465
5441
|
title: title,
|
|
5466
5442
|
titleLink: titleLink,
|
|
@@ -5540,8 +5516,7 @@ var Account = function Account(_ref) {
|
|
|
5540
5516
|
iconName: iconName,
|
|
5541
5517
|
withOptionsInMobile: false,
|
|
5542
5518
|
withIcon: "left",
|
|
5543
|
-
className: className
|
|
5544
|
-
tabLinkId: "account-link"
|
|
5519
|
+
className: className
|
|
5545
5520
|
});
|
|
5546
5521
|
};
|
|
5547
5522
|
|
|
@@ -5559,14 +5534,12 @@ var NavTop = function NavTop(_ref) {
|
|
|
5559
5534
|
onClickSearch = _ref.onClickSearch,
|
|
5560
5535
|
_ref$isShowSearch = _ref.isShowSearch,
|
|
5561
5536
|
isShowSearch = _ref$isShowSearch === void 0 ? false : _ref$isShowSearch,
|
|
5562
|
-
className = _ref.className
|
|
5563
|
-
searchButtonRef = _ref.searchButtonRef;
|
|
5537
|
+
className = _ref.className;
|
|
5564
5538
|
return /*#__PURE__*/React__default.createElement(NavTopContainer$1, {
|
|
5565
5539
|
className: className
|
|
5566
5540
|
}, /*#__PURE__*/React__default.createElement(Search$1, {
|
|
5567
5541
|
onClick: onClickSearch,
|
|
5568
|
-
selected: isShowSearch
|
|
5569
|
-
ref: searchButtonRef
|
|
5542
|
+
selected: isShowSearch
|
|
5570
5543
|
}), /*#__PURE__*/React__default.createElement(Basket$1, {
|
|
5571
5544
|
link: basketLink,
|
|
5572
5545
|
text: basketText,
|
|
@@ -5612,7 +5585,6 @@ var Tabs = function Tabs(_ref) {
|
|
|
5612
5585
|
var _useState3 = React.useState(-1),
|
|
5613
5586
|
hoverOverDropdown = _useState3[0],
|
|
5614
5587
|
setHoverOverDropdown = _useState3[1];
|
|
5615
|
-
var dropdownRefs = React.useRef([]);
|
|
5616
5588
|
var onClickHandler = function onClickHandler(value) {
|
|
5617
5589
|
setOpenMenu(value);
|
|
5618
5590
|
if (onShowMenu) {
|
|
@@ -5652,25 +5624,23 @@ var Tabs = function Tabs(_ref) {
|
|
|
5652
5624
|
setHoverOverDropdown(-1);
|
|
5653
5625
|
}
|
|
5654
5626
|
};
|
|
5655
|
-
var
|
|
5656
|
-
|
|
5627
|
+
var _onFocus = function onFocus(i) {
|
|
5628
|
+
return setActiveDropdown(i);
|
|
5657
5629
|
};
|
|
5658
|
-
var
|
|
5659
|
-
var
|
|
5660
|
-
|
|
5661
|
-
if (currentDropdown && (!active || !currentDropdown.contains(active))) {
|
|
5630
|
+
var _onBlur = function onBlur(i) {
|
|
5631
|
+
var _items$length;
|
|
5632
|
+
if (i === ((_items$length = items == null ? void 0 : items.length) != null ? _items$length : 0) - 1) {
|
|
5662
5633
|
onResetActive();
|
|
5663
5634
|
}
|
|
5664
5635
|
};
|
|
5665
5636
|
return /*#__PURE__*/React__default.createElement(TabsContainer, {
|
|
5666
|
-
role: "menubar",
|
|
5667
5637
|
className: className
|
|
5668
5638
|
}, /*#__PURE__*/React__default.createElement(ItemsContainer, {
|
|
5669
5639
|
showMenu: showMenu
|
|
5670
5640
|
}, items.map(function (item, index) {
|
|
5671
5641
|
return /*#__PURE__*/React__default.createElement(ControlledDropdown, {
|
|
5672
5642
|
key: "key-" + item.title,
|
|
5673
|
-
text: item.title
|
|
5643
|
+
text: item.title,
|
|
5674
5644
|
options: item.options,
|
|
5675
5645
|
onClick: function onClick() {
|
|
5676
5646
|
return onDropdownClick(index, item.titleLink);
|
|
@@ -5682,17 +5652,14 @@ var Tabs = function Tabs(_ref) {
|
|
|
5682
5652
|
onMouseLeave: function onMouseLeave() {
|
|
5683
5653
|
return onDropdownMouseLeave();
|
|
5684
5654
|
},
|
|
5685
|
-
|
|
5686
|
-
return
|
|
5655
|
+
onFocus: function onFocus() {
|
|
5656
|
+
return _onFocus(index);
|
|
5687
5657
|
},
|
|
5688
5658
|
onBlur: function onBlur() {
|
|
5689
|
-
return
|
|
5659
|
+
return _onBlur(index);
|
|
5690
5660
|
},
|
|
5691
5661
|
onReset: onResetActive,
|
|
5692
|
-
active: isActiveDropdown(index)
|
|
5693
|
-
ref: function ref(el) {
|
|
5694
|
-
dropdownRefs.current[index] = el;
|
|
5695
|
-
}
|
|
5662
|
+
active: isActiveDropdown(index)
|
|
5696
5663
|
});
|
|
5697
5664
|
})), !showMenu && (/*#__PURE__*/React__default.createElement(MenuContainer$1, null, openMenu ? (/*#__PURE__*/React__default.createElement("a", {
|
|
5698
5665
|
"data-testid": "mobile-menu-close",
|
|
@@ -5715,56 +5682,30 @@ var Tabs = function Tabs(_ref) {
|
|
|
5715
5682
|
var _templateObject$C, _templateObject2$s, _templateObject3$i, _templateObject5$a, _templateObject6$7, _templateObject7$4;
|
|
5716
5683
|
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: transparent;\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
5717
5684
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
5718
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.
|
|
5685
|
+
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__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(--color-primary-red);\n }\n }\n"])));
|
|
5719
5686
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__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-serif);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--color-base-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);
|
|
5720
5687
|
var TextLinkWrapper$1 = /*#__PURE__*/styled__default(TextLink)(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
5721
5688
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-right: 8px;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5722
5689
|
|
|
5723
|
-
function useFocusTrap(containerRef, onEscape) {
|
|
5724
|
-
React.useEffect(function () {
|
|
5725
|
-
var container = containerRef.current;
|
|
5726
|
-
if (!container) return undefined;
|
|
5727
|
-
var focusableSelectors = 'input, button, select, textarea, a[href], [tabindex]:not([tabindex="-1"])';
|
|
5728
|
-
var focusableEls = container.querySelectorAll(focusableSelectors);
|
|
5729
|
-
var firstEl = focusableEls[0];
|
|
5730
|
-
var lastEl = focusableEls[focusableEls.length - 1];
|
|
5731
|
-
var handleKeyDown = function handleKeyDown(e) {
|
|
5732
|
-
if (e.key === 'Tab') {
|
|
5733
|
-
if (focusableEls.length === 0) return;
|
|
5734
|
-
if (e.shiftKey && document.activeElement === firstEl) {
|
|
5735
|
-
e.preventDefault();
|
|
5736
|
-
lastEl == null || lastEl.focus();
|
|
5737
|
-
} else if (!e.shiftKey && document.activeElement === lastEl) {
|
|
5738
|
-
e.preventDefault();
|
|
5739
|
-
firstEl == null || firstEl.focus();
|
|
5740
|
-
}
|
|
5741
|
-
}
|
|
5742
|
-
if (e.key === 'Escape') {
|
|
5743
|
-
onEscape == null || onEscape();
|
|
5744
|
-
}
|
|
5745
|
-
};
|
|
5746
|
-
document.addEventListener('keydown', handleKeyDown);
|
|
5747
|
-
return function () {
|
|
5748
|
-
return document.removeEventListener('keydown', handleKeyDown);
|
|
5749
|
-
};
|
|
5750
|
-
}, [containerRef, onEscape]);
|
|
5751
|
-
}
|
|
5752
|
-
|
|
5753
5690
|
var SearchBar = function SearchBar(_ref) {
|
|
5754
5691
|
var onClick = _ref.onClick,
|
|
5755
5692
|
onClose = _ref.onClose,
|
|
5756
|
-
className = _ref.className
|
|
5757
|
-
inputRef = _ref.inputRef;
|
|
5693
|
+
className = _ref.className;
|
|
5758
5694
|
var _useState = React.useState(false),
|
|
5759
5695
|
showSearchLink = _useState[0],
|
|
5760
5696
|
setShowSearchLink = _useState[1];
|
|
5761
5697
|
var _useState2 = React.useState(''),
|
|
5762
5698
|
searchValue = _useState2[0],
|
|
5763
5699
|
setSearchValue = _useState2[1];
|
|
5764
|
-
var
|
|
5765
|
-
|
|
5766
|
-
|
|
5767
|
-
|
|
5700
|
+
var inputRef = React.useRef(null);
|
|
5701
|
+
React.useEffect(function () {
|
|
5702
|
+
var _inputRef$current;
|
|
5703
|
+
inputRef == null || (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
|
|
5704
|
+
return function () {
|
|
5705
|
+
var _inputRef$current2;
|
|
5706
|
+
return inputRef == null || (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.blur();
|
|
5707
|
+
};
|
|
5708
|
+
}, [inputRef]);
|
|
5768
5709
|
var onSearchHandler = function onSearchHandler(value) {
|
|
5769
5710
|
onClick(value);
|
|
5770
5711
|
setSearchValue('');
|
|
@@ -5800,13 +5741,12 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
5800
5741
|
var _useViewport = useViewport(),
|
|
5801
5742
|
isDesktop = _useViewport.isDesktop;
|
|
5802
5743
|
return /*#__PURE__*/React__default.createElement(SearchBarContainer, {
|
|
5803
|
-
className: className
|
|
5804
|
-
ref: containerRef
|
|
5744
|
+
className: className
|
|
5805
5745
|
}, /*#__PURE__*/React__default.createElement(SvgContainerSearch, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
5806
5746
|
iconName: "Search"
|
|
5807
5747
|
})), /*#__PURE__*/React__default.createElement(InputContainer, null, /*#__PURE__*/React__default.createElement("input", {
|
|
5808
5748
|
"data-testid": "input-html",
|
|
5809
|
-
ref:
|
|
5749
|
+
ref: inputRef,
|
|
5810
5750
|
className: "search-input",
|
|
5811
5751
|
placeholder: "Search the website...",
|
|
5812
5752
|
type: "text",
|
|
@@ -5820,9 +5760,7 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
5820
5760
|
})), showSearchLink && (isDesktop ? (/*#__PURE__*/React__default.createElement("div", {
|
|
5821
5761
|
"data-testid": "search-button"
|
|
5822
5762
|
}, /*#__PURE__*/React__default.createElement(TextLinkWrapper$1, {
|
|
5823
|
-
role: "button",
|
|
5824
5763
|
"data-testid": "search-link",
|
|
5825
|
-
"aria-label": "Submit search",
|
|
5826
5764
|
onClick: function onClick() {
|
|
5827
5765
|
return onSearchHandler(searchValue);
|
|
5828
5766
|
},
|
|
@@ -5831,8 +5769,6 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
5831
5769
|
},
|
|
5832
5770
|
tabIndex: 0
|
|
5833
5771
|
}, "Search"))) : (/*#__PURE__*/React__default.createElement(SearchArrowContainer, {
|
|
5834
|
-
role: "button",
|
|
5835
|
-
"aria-label": "Submit search",
|
|
5836
5772
|
"data-testid": "search-arrow-button",
|
|
5837
5773
|
onClick: function onClick() {
|
|
5838
5774
|
return onSearchHandler(searchValue);
|
|
@@ -5843,8 +5779,7 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
5843
5779
|
tabIndex: 0,
|
|
5844
5780
|
onClick: onCloseHandler,
|
|
5845
5781
|
onKeyDown: onKeyboardCloseHandler,
|
|
5846
|
-
"data-testid": "close-icon"
|
|
5847
|
-
"aria-label": "Close search bar"
|
|
5782
|
+
"data-testid": "close-icon"
|
|
5848
5783
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
5849
5784
|
iconName: "Close"
|
|
5850
5785
|
})));
|
|
@@ -5861,8 +5796,6 @@ var Navigation = function Navigation(_ref) {
|
|
|
5861
5796
|
crest = _ref$crest === void 0 ? false : _ref$crest,
|
|
5862
5797
|
className = _ref.className,
|
|
5863
5798
|
logoLink = _ref.logoLink;
|
|
5864
|
-
var searchInputRef = React.useRef(null);
|
|
5865
|
-
var searchButtonRef = React.useRef(null);
|
|
5866
5799
|
var _useState = React.useState(dataNavTop),
|
|
5867
5800
|
navTopData = _useState[0],
|
|
5868
5801
|
setNavTopData = _useState[1];
|
|
@@ -5895,7 +5828,9 @@ var Navigation = function Navigation(_ref) {
|
|
|
5895
5828
|
setNavTopData(dataNavTop);
|
|
5896
5829
|
}, [dataNavTop]);
|
|
5897
5830
|
var onClickSearchHandler = function onClickSearchHandler() {
|
|
5898
|
-
setshowSearch(
|
|
5831
|
+
setshowSearch(function (prev) {
|
|
5832
|
+
return !prev;
|
|
5833
|
+
});
|
|
5899
5834
|
};
|
|
5900
5835
|
var onLinkHandler = function onLinkHandler(link) {
|
|
5901
5836
|
onLink(link);
|
|
@@ -5912,23 +5847,7 @@ var Navigation = function Navigation(_ref) {
|
|
|
5912
5847
|
};
|
|
5913
5848
|
var onCloseSearchHandler = function onCloseSearchHandler() {
|
|
5914
5849
|
setshowSearch(false);
|
|
5915
|
-
setTimeout(function () {
|
|
5916
|
-
var _searchButtonRef$curr;
|
|
5917
|
-
(_searchButtonRef$curr = searchButtonRef.current) == null || _searchButtonRef$curr.focus();
|
|
5918
|
-
}, 0);
|
|
5919
5850
|
};
|
|
5920
|
-
React.useEffect(function () {
|
|
5921
|
-
if (showSearch) {
|
|
5922
|
-
var timer = setTimeout(function () {
|
|
5923
|
-
var _searchInputRef$curre;
|
|
5924
|
-
(_searchInputRef$curre = searchInputRef.current) == null || _searchInputRef$curre.focus();
|
|
5925
|
-
}, 50);
|
|
5926
|
-
return function () {
|
|
5927
|
-
return clearTimeout(timer);
|
|
5928
|
-
};
|
|
5929
|
-
}
|
|
5930
|
-
return undefined;
|
|
5931
|
-
}, [showSearch]);
|
|
5932
5851
|
var _useViewport = useViewport(),
|
|
5933
5852
|
isMobile = _useViewport.isMobile;
|
|
5934
5853
|
return /*#__PURE__*/React__default.createElement(NavigationWrapper, {
|
|
@@ -5970,8 +5889,7 @@ var Navigation = function Navigation(_ref) {
|
|
|
5970
5889
|
basketNumVirtualItems: navTopData.basketNumVirtualItems,
|
|
5971
5890
|
onClickSearch: onClickSearchHandler,
|
|
5972
5891
|
onLink: onLinkHandler,
|
|
5973
|
-
isShowSearch: showSearch
|
|
5974
|
-
searchButtonRef: searchButtonRef
|
|
5892
|
+
isShowSearch: showSearch
|
|
5975
5893
|
}))))), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SearchBackground, {
|
|
5976
5894
|
visible: showSearch
|
|
5977
5895
|
}), /*#__PURE__*/React__default.createElement(GridItemSearch, {
|
|
@@ -5982,7 +5900,6 @@ var Navigation = function Navigation(_ref) {
|
|
|
5982
5900
|
columnStartDevice: 2,
|
|
5983
5901
|
columnSpanDevice: 12
|
|
5984
5902
|
}, /*#__PURE__*/React__default.createElement(SearchBar, {
|
|
5985
|
-
inputRef: searchInputRef,
|
|
5986
5903
|
onClick: onSearchHandler,
|
|
5987
5904
|
onClose: onCloseSearchHandler
|
|
5988
5905
|
})))), showMenu && (/*#__PURE__*/React__default.createElement(NavigationGridMobile, {
|
|
@@ -8718,42 +8635,6 @@ var Editorial = function Editorial(_ref) {
|
|
|
8718
8635
|
})))));
|
|
8719
8636
|
};
|
|
8720
8637
|
|
|
8721
|
-
var _templateObject$Z, _templateObject2$K, _templateObject3$x;
|
|
8722
|
-
var HotFiltersWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: scroll;\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n ::-webkit-scrollbar {\n display: none;\n }\n"])));
|
|
8723
|
-
var HotFilterOptionsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n width: fit-content;\n min-width: 400px;\n justify-content: space-between;\n gap: 16px;\n font-family: var(--font-family-sans);\n"])));
|
|
8724
|
-
var StyledHotFiltersButton = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--color-base-black);\n min-width: fit-content;\n\n :hover {\n color: var(--color-base-white);\n"])));
|
|
8725
|
-
|
|
8726
|
-
var HotFilters = function HotFilters(_ref) {
|
|
8727
|
-
var items = _ref.items,
|
|
8728
|
-
className = _ref.className,
|
|
8729
|
-
defaultSelectedIndex = _ref.defaultSelectedIndex;
|
|
8730
|
-
var _useState = React.useState(defaultSelectedIndex != null ? defaultSelectedIndex : 0),
|
|
8731
|
-
selectedIndex = _useState[0],
|
|
8732
|
-
setSelectedIndex = _useState[1];
|
|
8733
|
-
var handleClick = function handleClick(index, onClick) {
|
|
8734
|
-
setSelectedIndex(index);
|
|
8735
|
-
if (onClick) onClick();
|
|
8736
|
-
};
|
|
8737
|
-
return /*#__PURE__*/React__default.createElement(HotFiltersWrapper, null, /*#__PURE__*/React__default.createElement(HotFilterOptionsWrapper, {
|
|
8738
|
-
className: className
|
|
8739
|
-
}, items.map(function (item, index) {
|
|
8740
|
-
var text = item.text,
|
|
8741
|
-
_onClick = item.onClick;
|
|
8742
|
-
var isSelected = index === selectedIndex;
|
|
8743
|
-
return /*#__PURE__*/React__default.createElement(StyledHotFiltersButton, {
|
|
8744
|
-
key: index,
|
|
8745
|
-
backgroundColor: isSelected ? 'primary-black' : 'base-white',
|
|
8746
|
-
iconName: isSelected ? 'Confirm' : undefined,
|
|
8747
|
-
onClick: function onClick() {
|
|
8748
|
-
return handleClick(index, _onClick);
|
|
8749
|
-
},
|
|
8750
|
-
textColor: isSelected ? 'base-white' : 'base-black',
|
|
8751
|
-
pressedColor: "base-black",
|
|
8752
|
-
hoveredColor: "base-black"
|
|
8753
|
-
}, text);
|
|
8754
|
-
})));
|
|
8755
|
-
};
|
|
8756
|
-
|
|
8757
8638
|
var InformationCtaVariants = {
|
|
8758
8639
|
Primary: 'Primary',
|
|
8759
8640
|
Secondary: 'Secondary',
|
|
@@ -8783,10 +8664,10 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
8783
8664
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
|
|
8784
8665
|
};
|
|
8785
8666
|
|
|
8786
|
-
var _templateObject$
|
|
8787
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8788
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
8789
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
8667
|
+
var _templateObject$Z, _templateObject2$K, _templateObject3$x, _templateObject4$s;
|
|
8668
|
+
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: var(--information-panel-color);\n background-color: var(--information-panel-bg-color);\n\n @media ", " {\n padding: 40px 0;\n }\n"])), devices.mobile);
|
|
8669
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8670
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n @media ", " {\n margin-top: 16px;\n }\n\n a {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n\n :hover:not(:active) {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n\n :active {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n }\n"])), devices.mobile, function (_ref) {
|
|
8790
8671
|
var variant = _ref.variant,
|
|
8791
8672
|
theme = _ref.theme;
|
|
8792
8673
|
return getTextColor$4(variant, theme, COLORS$4.background);
|
|
@@ -8953,13 +8834,13 @@ var Information = function Information(_ref) {
|
|
|
8953
8834
|
})))));
|
|
8954
8835
|
};
|
|
8955
8836
|
|
|
8956
|
-
var _templateObject
|
|
8957
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject
|
|
8837
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$y, _templateObject4$t, _templateObject5$m, _templateObject6$h, _templateObject7$c, _templateObject8$8;
|
|
8838
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: var(--page-header-bg-color);\n color: var(--color-base-white);\n\n ", ";\n\n h1,\n h2,\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
8958
8839
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8959
8840
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
8960
8841
|
}, devices.mobile);
|
|
8961
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
8962
|
-
var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8842
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$L || (_templateObject2$L = /*#__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);
|
|
8843
|
+
var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 35px;\n padding-bottom: 20px;\n\n ", ";\n"])), function (_ref2) {
|
|
8963
8844
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
8964
8845
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
8965
8846
|
});
|
|
@@ -9054,10 +8935,10 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9054
8935
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
9055
8936
|
};
|
|
9056
8937
|
|
|
9057
|
-
var _templateObject
|
|
9058
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
9059
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9060
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
8938
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$i, _templateObject7$d, _templateObject8$9;
|
|
8939
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
8940
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
8941
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
9061
8942
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
9062
8943
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9063
8944
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
@@ -9125,19 +9006,19 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
9125
9006
|
}, "Scroll Down"))) : null);
|
|
9126
9007
|
};
|
|
9127
9008
|
|
|
9128
|
-
var _templateObject$
|
|
9129
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9009
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o;
|
|
9010
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
9130
9011
|
var color = _ref.color;
|
|
9131
9012
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
9132
9013
|
}, devices.mobileAndTablet);
|
|
9133
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9014
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0px 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
9134
9015
|
var hasImage = _ref2.hasImage;
|
|
9135
9016
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
9136
9017
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
9137
9018
|
var hasImage = _ref3.hasImage;
|
|
9138
9019
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
9139
9020
|
});
|
|
9140
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9021
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
9141
9022
|
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
9142
9023
|
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
9143
9024
|
|
|
@@ -9169,10 +9050,10 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9169
9050
|
})))));
|
|
9170
9051
|
};
|
|
9171
9052
|
|
|
9172
|
-
var _templateObject$
|
|
9173
|
-
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
9174
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9175
|
-
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9053
|
+
var _templateObject$11, _templateObject2$O, _templateObject3$B, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject0$5, _templateObject1$3;
|
|
9054
|
+
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9055
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9056
|
+
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
9176
9057
|
var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: var(--grid-outer-margin);\n bottom: 20px;\n z-index: 10;\n\n @media ", " {\n right: var(--grid-margin);\n bottom: 10px;\n }\n"])), devices.tablet);
|
|
9177
9058
|
var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--heading-promo-bg-color);\n border-bottom: ", ";\n display: ", ";\n\n @media ", " {\n padding: 12px 0 20px;\n }\n"])), function (_ref) {
|
|
9178
9059
|
var theme = _ref.theme;
|
|
@@ -9383,10 +9264,10 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9383
9264
|
})))))))))));
|
|
9384
9265
|
};
|
|
9385
9266
|
|
|
9386
|
-
var _templateObject$
|
|
9387
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9388
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9389
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9267
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject5$q, _templateObject6$k, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6;
|
|
9268
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
9269
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
9270
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9390
9271
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
9391
9272
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
9392
9273
|
var invert = _ref.invert,
|
|
@@ -9637,11 +9518,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9637
9518
|
}), linkText))))));
|
|
9638
9519
|
};
|
|
9639
9520
|
|
|
9640
|
-
var _templateObject$
|
|
9641
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$
|
|
9642
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$
|
|
9521
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject4$x;
|
|
9522
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
9523
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"])));
|
|
9643
9524
|
// PageNumber extends bodyText but uses subtitle-1 font size
|
|
9644
|
-
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
9525
|
+
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
9645
9526
|
var active = _ref.active;
|
|
9646
9527
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
9647
9528
|
});
|
|
@@ -9711,10 +9592,10 @@ var Pagination = function Pagination(_ref) {
|
|
|
9711
9592
|
})))));
|
|
9712
9593
|
};
|
|
9713
9594
|
|
|
9714
|
-
var _templateObject$
|
|
9715
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9716
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9717
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9595
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$y, _templateObject5$r, _templateObject6$l, _templateObject7$g;
|
|
9596
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
9597
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9598
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9718
9599
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9719
9600
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9720
9601
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
@@ -9775,13 +9656,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9775
9656
|
}));
|
|
9776
9657
|
};
|
|
9777
9658
|
|
|
9778
|
-
var _templateObject$
|
|
9779
|
-
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9780
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
9659
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$z;
|
|
9660
|
+
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9661
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
|
|
9781
9662
|
var columnCount = _ref.columnCount;
|
|
9782
9663
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9783
9664
|
}, devices.mobile, devices.tablet);
|
|
9784
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9665
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
9785
9666
|
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9786
9667
|
|
|
9787
9668
|
// Get the total character length of a property in an array of objects
|
|
@@ -9900,14 +9781,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9900
9781
|
}, creditEntries);
|
|
9901
9782
|
};
|
|
9902
9783
|
|
|
9903
|
-
var _templateObject$
|
|
9784
|
+
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$A, _templateObject5$s, _templateObject6$m, _templateObject7$h, _templateObject8$c, _templateObject9$7, _templateObject0$7, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
|
|
9904
9785
|
var LENGTH_TEXT = 28;
|
|
9905
9786
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9906
9787
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
9907
9788
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
9908
9789
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
9909
9790
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
9910
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9791
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
9911
9792
|
var imageToLeft = _ref.imageToLeft;
|
|
9912
9793
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
9913
9794
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9917,8 +9798,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$17 ||
|
|
|
9917
9798
|
var asCard = _ref3.asCard;
|
|
9918
9799
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
9919
9800
|
});
|
|
9920
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
9921
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9801
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$T || (_templateObject2$T = /*#__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"])));
|
|
9802
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n"])));
|
|
9922
9803
|
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref4) {
|
|
9923
9804
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
9924
9805
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
@@ -10152,21 +10033,21 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10152
10033
|
}))));
|
|
10153
10034
|
};
|
|
10154
10035
|
|
|
10155
|
-
var _templateObject$
|
|
10036
|
+
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$B, _templateObject5$t, _templateObject6$n, _templateObject7$i;
|
|
10156
10037
|
var LENGTH_TEXT$2 = 28;
|
|
10157
10038
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10158
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
10039
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$17 || (_templateObject$17 = /*#__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) {
|
|
10159
10040
|
var imageToLeft = _ref.imageToLeft;
|
|
10160
10041
|
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'";
|
|
10161
10042
|
}, devices.tablet, function (_ref2) {
|
|
10162
10043
|
var imageToLeft = _ref2.imageToLeft;
|
|
10163
10044
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
10164
10045
|
}, devices.mobile);
|
|
10165
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10046
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
10166
10047
|
var imageToLeft = _ref3.imageToLeft;
|
|
10167
10048
|
return imageToLeft ? 'left' : 'right';
|
|
10168
10049
|
}, devices.mobile);
|
|
10169
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10050
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
10170
10051
|
var imageToLeft = _ref4.imageToLeft;
|
|
10171
10052
|
return imageToLeft ? 'right' : 'left';
|
|
10172
10053
|
}, devices.mobile);
|
|
@@ -10195,8 +10076,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$i ||
|
|
|
10195
10076
|
return '';
|
|
10196
10077
|
});
|
|
10197
10078
|
|
|
10198
|
-
var _templateObject$
|
|
10199
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10079
|
+
var _templateObject$18;
|
|
10080
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
10200
10081
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10201
10082
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10202
10083
|
return aspectRatio;
|
|
@@ -10375,8 +10256,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10375
10256
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
10376
10257
|
};
|
|
10377
10258
|
|
|
10378
|
-
var _templateObject$
|
|
10379
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10259
|
+
var _templateObject$19;
|
|
10260
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
10380
10261
|
|
|
10381
10262
|
/**
|
|
10382
10263
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -10431,9 +10312,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
10431
10312
|
})));
|
|
10432
10313
|
};
|
|
10433
10314
|
|
|
10434
|
-
var _templateObject$
|
|
10435
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10436
|
-
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10315
|
+
var _templateObject$1a, _templateObject2$V, _templateObject3$I;
|
|
10316
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10317
|
+
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
10437
10318
|
var horizontalMode = _ref.horizontalMode;
|
|
10438
10319
|
if (horizontalMode) return 'row';
|
|
10439
10320
|
return 'column';
|
|
@@ -10441,7 +10322,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$W || (_temp
|
|
|
10441
10322
|
var gap = _ref2.gap;
|
|
10442
10323
|
return gap + "px";
|
|
10443
10324
|
});
|
|
10444
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10325
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
10445
10326
|
var darkMode = _ref3.darkMode;
|
|
10446
10327
|
if (darkMode) return 'var(--base-color-white)';
|
|
10447
10328
|
return 'var(--base-color-errorstate)';
|
|
@@ -10518,10 +10399,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
10518
10399
|
}, error))));
|
|
10519
10400
|
};
|
|
10520
10401
|
|
|
10521
|
-
var _templateObject$
|
|
10522
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10523
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10524
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10402
|
+
var _templateObject$1b, _templateObject2$W, _templateObject3$J;
|
|
10403
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-light-grey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
10404
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\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"])));
|
|
10405
|
+
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
10525
10406
|
|
|
10526
10407
|
/* eslint-disable react/no-danger */
|
|
10527
10408
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -10577,8 +10458,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
10577
10458
|
return null;
|
|
10578
10459
|
};
|
|
10579
10460
|
|
|
10580
|
-
var _templateObject$
|
|
10581
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10461
|
+
var _templateObject$1c;
|
|
10462
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__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);
|
|
10582
10463
|
|
|
10583
10464
|
var SectionTitle = function SectionTitle(_ref) {
|
|
10584
10465
|
var title = _ref.title,
|
|
@@ -10606,8 +10487,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10606
10487
|
}, description)))));
|
|
10607
10488
|
};
|
|
10608
10489
|
|
|
10609
|
-
var _templateObject$
|
|
10610
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
10490
|
+
var _templateObject$1d, _templateObject2$X, _templateObject3$K, _templateObject4$C, _templateObject5$u, _templateObject6$o, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject0$8, _templateObject1$5;
|
|
10491
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
10611
10492
|
var theme = _ref.theme;
|
|
10612
10493
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
10613
10494
|
}, function (_ref2) {
|
|
@@ -10617,11 +10498,11 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$1e || (_templateObject
|
|
|
10617
10498
|
var theme = _ref3.theme;
|
|
10618
10499
|
return theme.colors.lightgrey;
|
|
10619
10500
|
});
|
|
10620
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
10501
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
10621
10502
|
var theme = _ref4.theme;
|
|
10622
10503
|
return theme.colors.darkgrey;
|
|
10623
10504
|
});
|
|
10624
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
10505
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10625
10506
|
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
10626
10507
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
10627
10508
|
var theme = _ref5.theme;
|
|
@@ -10987,9 +10868,9 @@ function Select(_ref3) {
|
|
|
10987
10868
|
})))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
10988
10869
|
}
|
|
10989
10870
|
|
|
10990
|
-
var _templateObject$
|
|
10991
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10992
|
-
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10871
|
+
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$D;
|
|
10872
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10873
|
+
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .harmonic-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .harmonic-select__control--is-focused {\n border-color: var(--base-color-dark-grey);\n box-shadow: ", ";\n }\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .harmonic-select__single-value,\n .harmonic-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .harmonic-select__placeholder {\n color: var(--base-color-dark-grey);\n }\n .harmonic-select__single-value {\n color: var(--base-color-black);\n }\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--base-color-light-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--base-color-dark-grey);\n }\n }\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-dark-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .harmonic-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--base-color-mid-grey);\n }\n }\n .harmonic-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .harmonic-select__menu-notice {\n padding: 20px 20px;\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 letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
10993
10874
|
var width = _ref.width;
|
|
10994
10875
|
if (!width) return 'none';
|
|
10995
10876
|
return width + "px";
|
|
@@ -11006,7 +10887,7 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_t
|
|
|
11006
10887
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
11007
10888
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
11008
10889
|
});
|
|
11009
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10890
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
11010
10891
|
var darkMode = _ref5.darkMode;
|
|
11011
10892
|
if (darkMode) return "var(--base-color-white)";
|
|
11012
10893
|
return "var(--base-color-black)";
|
|
@@ -11125,8 +11006,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
11125
11006
|
})));
|
|
11126
11007
|
};
|
|
11127
11008
|
|
|
11128
|
-
var _templateObject$
|
|
11129
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$
|
|
11009
|
+
var _templateObject$1f, _templateObject2$Z;
|
|
11010
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
|
|
11130
11011
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
11131
11012
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
11132
11013
|
return aspectRatio;
|
|
@@ -11136,7 +11017,7 @@ var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1g || (_temp
|
|
|
11136
11017
|
height = _ref2.height;
|
|
11137
11018
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
11138
11019
|
});
|
|
11139
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$
|
|
11020
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$Z || (_templateObject2$Z = /*#__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"])));
|
|
11140
11021
|
|
|
11141
11022
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
11142
11023
|
var caption = _ref.caption,
|
|
@@ -11170,13 +11051,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11170
11051
|
})), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
11171
11052
|
};
|
|
11172
11053
|
|
|
11173
|
-
var _templateObject$
|
|
11174
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11175
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2
|
|
11054
|
+
var _templateObject$1g, _templateObject2$_, _templateObject3$M;
|
|
11055
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
11056
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
11176
11057
|
var displayAttribution = _ref.displayAttribution;
|
|
11177
11058
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
11178
11059
|
});
|
|
11179
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11060
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
|
|
11180
11061
|
|
|
11181
11062
|
/* eslint-disable react/no-danger */
|
|
11182
11063
|
var Quote = function Quote(_ref) {
|
|
@@ -11201,10 +11082,10 @@ var Quote = function Quote(_ref) {
|
|
|
11201
11082
|
}, attribution))));
|
|
11202
11083
|
};
|
|
11203
11084
|
|
|
11204
|
-
var _templateObject$
|
|
11205
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11206
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2
|
|
11207
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
11085
|
+
var _templateObject$1h, _templateObject2$$, _templateObject3$N, _templateObject4$E, _templateObject5$v, _templateObject6$p;
|
|
11086
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
11087
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11088
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11208
11089
|
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11209
11090
|
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
11210
11091
|
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
@@ -11245,10 +11126,10 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11245
11126
|
}, title)))));
|
|
11246
11127
|
};
|
|
11247
11128
|
|
|
11248
|
-
var _templateObject$
|
|
11249
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11250
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11251
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11129
|
+
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$F, _templateObject5$w;
|
|
11130
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
11131
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
11132
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
11252
11133
|
var isVisible = _ref.isVisible;
|
|
11253
11134
|
return isVisible ? 'visible' : 'hidden';
|
|
11254
11135
|
});
|
|
@@ -11337,10 +11218,10 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11337
11218
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11338
11219
|
};
|
|
11339
11220
|
|
|
11340
|
-
var _templateObject$
|
|
11341
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
11342
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$
|
|
11343
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
11221
|
+
var _templateObject$1j, _templateObject2$11, _templateObject3$P, _templateObject4$G, _templateObject5$x;
|
|
11222
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11223
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
11224
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\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-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
11344
11225
|
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\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-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
11345
11226
|
var isActive = _ref.isActive;
|
|
11346
11227
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
@@ -11501,10 +11382,10 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11501
11382
|
});
|
|
11502
11383
|
};
|
|
11503
11384
|
|
|
11504
|
-
var _templateObject$
|
|
11505
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11506
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11507
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11385
|
+
var _templateObject$1k, _templateObject2$12, _templateObject3$Q, _templateObject4$H, _templateObject5$y, _templateObject6$q;
|
|
11386
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11387
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11388
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11508
11389
|
var color = _ref.color;
|
|
11509
11390
|
return "var(--base-color-" + color + ")";
|
|
11510
11391
|
});
|
|
@@ -11595,10 +11476,10 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11595
11476
|
}, strengthLabel))));
|
|
11596
11477
|
};
|
|
11597
11478
|
|
|
11598
|
-
var _templateObject$
|
|
11599
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
11600
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11601
|
-
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11479
|
+
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$I, _templateObject5$z, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject0$9;
|
|
11480
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11481
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11482
|
+
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11602
11483
|
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
11603
11484
|
return "var(--base-color-" + props.lineColor + ")";
|
|
11604
11485
|
}, function (props) {
|
|
@@ -11799,16 +11680,16 @@ var Table = function Table(_ref) {
|
|
|
11799
11680
|
}))))))))));
|
|
11800
11681
|
};
|
|
11801
11682
|
|
|
11802
|
-
var _templateObject$
|
|
11803
|
-
var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
11683
|
+
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$J, _templateObject5$A, _templateObject6$s, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
|
|
11684
|
+
var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11804
11685
|
var theme = _ref.theme;
|
|
11805
11686
|
return "var(--color-" + theme + ")";
|
|
11806
11687
|
}, function (_ref2) {
|
|
11807
11688
|
var theme = _ref2.theme;
|
|
11808
11689
|
return "var(--color-" + theme + ")";
|
|
11809
11690
|
});
|
|
11810
|
-
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
11811
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
11691
|
+
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11692
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
|
|
11812
11693
|
var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11813
11694
|
var Form = /*#__PURE__*/styled__default.form(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error$1);
|
|
11814
11695
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
@@ -12223,9 +12104,9 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12223
12104
|
}))))));
|
|
12224
12105
|
};
|
|
12225
12106
|
|
|
12226
|
-
var _templateObject$
|
|
12227
|
-
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
12228
|
-
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
12107
|
+
var _templateObject$1n, _templateObject3$T, _templateObject4$K;
|
|
12108
|
+
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, devices.mobile);
|
|
12109
|
+
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 24px;\n min-width: 24px;\n max-height: 24px;\n max-width: 24px;\n border: none;\n padding: 0;\n background: none;\n\n :hover {\n cursor: pointer;\n }\n\n @media ", " {\n min-height: 12px;\n min-width: 12px;\n max-height: 12px;\n max-width: 12px;\n }\n"])), devices.mobile);
|
|
12229
12110
|
var ContentWrapper$3 = /*#__PURE__*/styled__default.a(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
12230
12111
|
|
|
12231
12112
|
var AnchorBar = function AnchorBar(_ref) {
|
|
@@ -12538,9 +12419,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
12538
12419
|
})));
|
|
12539
12420
|
};
|
|
12540
12421
|
|
|
12541
|
-
var _templateObject$
|
|
12542
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12543
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12422
|
+
var _templateObject$1o, _templateObject3$U;
|
|
12423
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
12424
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
12544
12425
|
|
|
12545
12426
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
12546
12427
|
var children = _ref.children;
|
|
@@ -12575,8 +12456,8 @@ var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
|
12575
12456
|
}))));
|
|
12576
12457
|
};
|
|
12577
12458
|
|
|
12578
|
-
var _templateObject$
|
|
12579
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 6px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
12459
|
+
var _templateObject$1p;
|
|
12460
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 6px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
12580
12461
|
var theme = _ref.theme;
|
|
12581
12462
|
return theme.colors.primary;
|
|
12582
12463
|
}, function (_ref2) {
|
|
@@ -13565,7 +13446,6 @@ exports.HighlightsCarousel = HighlightsCarousel;
|
|
|
13565
13446
|
exports.HighlightsCarouselCinema = HighlightsCinema;
|
|
13566
13447
|
exports.HighlightsCarouselCore = HighlightsCore;
|
|
13567
13448
|
exports.HighlightsCarouselStream = HighlightsStream;
|
|
13568
|
-
exports.HotFilters = HotFilters;
|
|
13569
13449
|
exports.Icon = Icon;
|
|
13570
13450
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
13571
13451
|
exports.ImageWithCaption = ImageWithCaption;
|