@royaloperahouse/harmonic 0.6.1-b → 0.6.2
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/Dropdown/Dropdown.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/index.d.ts +1 -2
- package/dist/harmonic.cjs.development.css +0 -319
- package/dist/harmonic.cjs.development.js +125 -169
- 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 +134 -180
- 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/types.d.ts +1 -18
- 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
|
@@ -3772,7 +3772,6 @@ var Tab = function Tab(_ref) {
|
|
|
3772
3772
|
className = _ref.className,
|
|
3773
3773
|
role = _ref.role,
|
|
3774
3774
|
ariaLabel = _ref.ariaLabel,
|
|
3775
|
-
tabLinkId = _ref.tabLinkId,
|
|
3776
3775
|
color = _ref.color;
|
|
3777
3776
|
var clickHandler = function clickHandler() {
|
|
3778
3777
|
if (onClick) {
|
|
@@ -3803,9 +3802,8 @@ var Tab = function Tab(_ref) {
|
|
|
3803
3802
|
tabIndex: 0,
|
|
3804
3803
|
className: className
|
|
3805
3804
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
3806
|
-
id: tabLinkId,
|
|
3807
|
-
trimText: trimText,
|
|
3808
3805
|
color: color,
|
|
3806
|
+
trimText: trimText,
|
|
3809
3807
|
withTextInMobile: withTextInMobile,
|
|
3810
3808
|
"aria-hidden": "true"
|
|
3811
3809
|
}, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -5363,7 +5361,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
5363
5361
|
className = _ref.className,
|
|
5364
5362
|
role = _ref.role,
|
|
5365
5363
|
ariaLabel = _ref.ariaLabel,
|
|
5366
|
-
tabLinkId = _ref.tabLinkId,
|
|
5367
5364
|
trimTabText = _ref.trimTabText;
|
|
5368
5365
|
var node = React.useRef();
|
|
5369
5366
|
var _useState = React.useState(false),
|
|
@@ -5460,7 +5457,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
5460
5457
|
};
|
|
5461
5458
|
var renderTab = function renderTab() {
|
|
5462
5459
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
|
|
5463
|
-
tabLinkId: tabLinkId,
|
|
5464
5460
|
trimText: trimTabText,
|
|
5465
5461
|
title: title,
|
|
5466
5462
|
titleLink: titleLink,
|
|
@@ -5540,8 +5536,7 @@ var Account = function Account(_ref) {
|
|
|
5540
5536
|
iconName: iconName,
|
|
5541
5537
|
withOptionsInMobile: false,
|
|
5542
5538
|
withIcon: "left",
|
|
5543
|
-
className: className
|
|
5544
|
-
tabLinkId: "account-link"
|
|
5539
|
+
className: className
|
|
5545
5540
|
});
|
|
5546
5541
|
};
|
|
5547
5542
|
|
|
@@ -8724,44 +8719,6 @@ var Editorial = function Editorial(_ref) {
|
|
|
8724
8719
|
})))));
|
|
8725
8720
|
};
|
|
8726
8721
|
|
|
8727
|
-
var _templateObject$Z, _templateObject2$K, _templateObject3$x;
|
|
8728
|
-
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"])));
|
|
8729
|
-
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\n @media ", " {\n gap: 10px;\n }\n"])), devices.mobile);
|
|
8730
|
-
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 }\n"])));
|
|
8731
|
-
|
|
8732
|
-
var _excluded$k = ["text", "onClick"];
|
|
8733
|
-
var HotFilters = function HotFilters(_ref) {
|
|
8734
|
-
var items = _ref.items,
|
|
8735
|
-
className = _ref.className,
|
|
8736
|
-
defaultSelectedIndex = _ref.defaultSelectedIndex;
|
|
8737
|
-
var _useState = React.useState(defaultSelectedIndex != null ? defaultSelectedIndex : 0),
|
|
8738
|
-
selectedIndex = _useState[0],
|
|
8739
|
-
setSelectedIndex = _useState[1];
|
|
8740
|
-
var handleClick = function handleClick(index, onClick) {
|
|
8741
|
-
setSelectedIndex(index);
|
|
8742
|
-
if (onClick) onClick();
|
|
8743
|
-
};
|
|
8744
|
-
return /*#__PURE__*/React__default.createElement(HotFiltersWrapper, {
|
|
8745
|
-
className: className
|
|
8746
|
-
}, /*#__PURE__*/React__default.createElement(HotFilterOptionsWrapper, null, items.map(function (item, index) {
|
|
8747
|
-
var text = item.text,
|
|
8748
|
-
_onClick = item.onClick,
|
|
8749
|
-
rest = _objectWithoutPropertiesLoose(item, _excluded$k);
|
|
8750
|
-
var isSelected = index === selectedIndex;
|
|
8751
|
-
return /*#__PURE__*/React__default.createElement(StyledHotFiltersButton, Object.assign({
|
|
8752
|
-
key: index,
|
|
8753
|
-
onClick: function onClick() {
|
|
8754
|
-
return handleClick(index, _onClick);
|
|
8755
|
-
},
|
|
8756
|
-
iconName: isSelected ? 'Confirm' : undefined,
|
|
8757
|
-
backgroundColor: isSelected ? 'primary-black' : 'base-white',
|
|
8758
|
-
textColor: isSelected ? 'base-white' : 'base-black',
|
|
8759
|
-
hoveredColor: isSelected ? 'black-hovered' : 'base-black',
|
|
8760
|
-
pressedColor: "black-pressed"
|
|
8761
|
-
}, rest), text);
|
|
8762
|
-
})));
|
|
8763
|
-
};
|
|
8764
|
-
|
|
8765
8722
|
var InformationCtaVariants = {
|
|
8766
8723
|
Primary: 'Primary',
|
|
8767
8724
|
Secondary: 'Secondary',
|
|
@@ -8791,10 +8748,10 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
8791
8748
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
|
|
8792
8749
|
};
|
|
8793
8750
|
|
|
8794
|
-
var _templateObject$
|
|
8795
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8796
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
8797
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
8751
|
+
var _templateObject$Z, _templateObject2$K, _templateObject3$x, _templateObject4$s;
|
|
8752
|
+
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);
|
|
8753
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8754
|
+
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) {
|
|
8798
8755
|
var variant = _ref.variant,
|
|
8799
8756
|
theme = _ref.theme;
|
|
8800
8757
|
return getTextColor$4(variant, theme, COLORS$4.background);
|
|
@@ -8961,13 +8918,13 @@ var Information = function Information(_ref) {
|
|
|
8961
8918
|
})))));
|
|
8962
8919
|
};
|
|
8963
8920
|
|
|
8964
|
-
var _templateObject
|
|
8965
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject
|
|
8921
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$y, _templateObject4$t, _templateObject5$m, _templateObject6$h, _templateObject7$c, _templateObject8$8;
|
|
8922
|
+
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) {
|
|
8966
8923
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8967
8924
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
8968
8925
|
}, devices.mobile);
|
|
8969
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
8970
|
-
var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8926
|
+
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);
|
|
8927
|
+
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) {
|
|
8971
8928
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
8972
8929
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
8973
8930
|
});
|
|
@@ -9062,17 +9019,17 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9062
9019
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
9063
9020
|
};
|
|
9064
9021
|
|
|
9065
|
-
var _templateObject
|
|
9066
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
9067
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9068
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
9022
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$i, _templateObject7$d, _templateObject8$9;
|
|
9023
|
+
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);
|
|
9024
|
+
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);
|
|
9025
|
+
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);
|
|
9069
9026
|
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);
|
|
9070
9027
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9071
9028
|
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);
|
|
9072
9029
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
9073
9030
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
9074
9031
|
|
|
9075
|
-
var _excluded$
|
|
9032
|
+
var _excluded$k = ["text"];
|
|
9076
9033
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
9077
9034
|
var children = _ref.children,
|
|
9078
9035
|
text = _ref.text,
|
|
@@ -9090,7 +9047,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
9090
9047
|
var truncatedText = text == null ? void 0 : text.substring(0, 75);
|
|
9091
9048
|
var _ref2 = link || {},
|
|
9092
9049
|
linkText = _ref2.text,
|
|
9093
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
9050
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$k);
|
|
9094
9051
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
9095
9052
|
bgUrlDesktop: bgUrlDesktop,
|
|
9096
9053
|
bgUrlDevice: bgUrlDevice,
|
|
@@ -9133,19 +9090,19 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
9133
9090
|
}, "Scroll Down"))) : null);
|
|
9134
9091
|
};
|
|
9135
9092
|
|
|
9136
|
-
var _templateObject$
|
|
9137
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9093
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o;
|
|
9094
|
+
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) {
|
|
9138
9095
|
var color = _ref.color;
|
|
9139
9096
|
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 ";
|
|
9140
9097
|
}, devices.mobileAndTablet);
|
|
9141
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9098
|
+
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) {
|
|
9142
9099
|
var hasImage = _ref2.hasImage;
|
|
9143
9100
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
9144
9101
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
9145
9102
|
var hasImage = _ref3.hasImage;
|
|
9146
9103
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
9147
9104
|
});
|
|
9148
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9105
|
+
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);
|
|
9149
9106
|
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);
|
|
9150
9107
|
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);
|
|
9151
9108
|
|
|
@@ -9177,10 +9134,10 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9177
9134
|
})))));
|
|
9178
9135
|
};
|
|
9179
9136
|
|
|
9180
|
-
var _templateObject$
|
|
9181
|
-
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
9182
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9183
|
-
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9137
|
+
var _templateObject$11, _templateObject2$O, _templateObject3$B, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject0$5, _templateObject1$3;
|
|
9138
|
+
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9139
|
+
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"])));
|
|
9140
|
+
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);
|
|
9184
9141
|
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);
|
|
9185
9142
|
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) {
|
|
9186
9143
|
var theme = _ref.theme;
|
|
@@ -9391,10 +9348,10 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9391
9348
|
})))))))))));
|
|
9392
9349
|
};
|
|
9393
9350
|
|
|
9394
|
-
var _templateObject$
|
|
9395
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9396
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9397
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9351
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject5$q, _templateObject6$k, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6;
|
|
9352
|
+
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);
|
|
9353
|
+
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"])));
|
|
9354
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9398
9355
|
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);
|
|
9399
9356
|
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) {
|
|
9400
9357
|
var invert = _ref.invert,
|
|
@@ -9504,7 +9461,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
9504
9461
|
return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, invert, brandingText, brandingLink));
|
|
9505
9462
|
};
|
|
9506
9463
|
|
|
9507
|
-
var _excluded$
|
|
9464
|
+
var _excluded$l = ["text"];
|
|
9508
9465
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
9509
9466
|
var mobileVideo = video.mobile || video.desktop;
|
|
9510
9467
|
var desktopVideo = video.desktop || video.mobile;
|
|
@@ -9609,7 +9566,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9609
9566
|
showCopy = _ref4$showCopy === void 0 ? true : _ref4$showCopy;
|
|
9610
9567
|
var _ref5 = link || {},
|
|
9611
9568
|
linkText = _ref5.text,
|
|
9612
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
9569
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$l);
|
|
9613
9570
|
// const titleSize = title && title.length > 20 ? 4 : 3;
|
|
9614
9571
|
var video = {
|
|
9615
9572
|
elementId: 'compact-header-video',
|
|
@@ -9645,11 +9602,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9645
9602
|
}), linkText))))));
|
|
9646
9603
|
};
|
|
9647
9604
|
|
|
9648
|
-
var _templateObject$
|
|
9649
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$
|
|
9650
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$
|
|
9605
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject4$x;
|
|
9606
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
9607
|
+
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"])));
|
|
9651
9608
|
// PageNumber extends bodyText but uses subtitle-1 font size
|
|
9652
|
-
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
9609
|
+
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) {
|
|
9653
9610
|
var active = _ref.active;
|
|
9654
9611
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
9655
9612
|
});
|
|
@@ -9719,10 +9676,10 @@ var Pagination = function Pagination(_ref) {
|
|
|
9719
9676
|
})))));
|
|
9720
9677
|
};
|
|
9721
9678
|
|
|
9722
|
-
var _templateObject$
|
|
9723
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9724
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9725
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9679
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$y, _templateObject5$r, _templateObject6$l, _templateObject7$g;
|
|
9680
|
+
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);
|
|
9681
|
+
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"])));
|
|
9682
|
+
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"])));
|
|
9726
9683
|
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"])));
|
|
9727
9684
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9728
9685
|
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"])));
|
|
@@ -9783,13 +9740,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9783
9740
|
}));
|
|
9784
9741
|
};
|
|
9785
9742
|
|
|
9786
|
-
var _templateObject$
|
|
9787
|
-
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9788
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
9743
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$z;
|
|
9744
|
+
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9745
|
+
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) {
|
|
9789
9746
|
var columnCount = _ref.columnCount;
|
|
9790
9747
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9791
9748
|
}, devices.mobile, devices.tablet);
|
|
9792
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9749
|
+
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"])));
|
|
9793
9750
|
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"])));
|
|
9794
9751
|
|
|
9795
9752
|
// Get the total character length of a property in an array of objects
|
|
@@ -9908,14 +9865,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9908
9865
|
}, creditEntries);
|
|
9909
9866
|
};
|
|
9910
9867
|
|
|
9911
|
-
var _templateObject$
|
|
9868
|
+
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;
|
|
9912
9869
|
var LENGTH_TEXT = 28;
|
|
9913
9870
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9914
9871
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
9915
9872
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
9916
9873
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
9917
9874
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
9918
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9875
|
+
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) {
|
|
9919
9876
|
var imageToLeft = _ref.imageToLeft;
|
|
9920
9877
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
9921
9878
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9925,8 +9882,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$17 ||
|
|
|
9925
9882
|
var asCard = _ref3.asCard;
|
|
9926
9883
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
9927
9884
|
});
|
|
9928
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
9929
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9885
|
+
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"])));
|
|
9886
|
+
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"])));
|
|
9930
9887
|
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) {
|
|
9931
9888
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
9932
9889
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
@@ -9984,7 +9941,7 @@ var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject17
|
|
|
9984
9941
|
var TimerWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
9985
9942
|
var EndDateText = /*#__PURE__*/styled__default.div(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid var(--base-color-black);\n padding-bottom: 32px;\n margin-bottom: 32px;\n\n @media ", " {\n padding-bottom: 20px;\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
9986
9943
|
|
|
9987
|
-
var _excluded$
|
|
9944
|
+
var _excluded$m = ["text"],
|
|
9988
9945
|
_excluded2$4 = ["text"],
|
|
9989
9946
|
_excluded3 = ["text"];
|
|
9990
9947
|
var _buttonTypeToButton$2;
|
|
@@ -10047,7 +10004,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10047
10004
|
var _ref2 = firstButton || {},
|
|
10048
10005
|
_ref2$text = _ref2.text,
|
|
10049
10006
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
10050
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
10007
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
|
|
10051
10008
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
10052
10009
|
var secondButton = links == null ? void 0 : links[1];
|
|
10053
10010
|
var _ref3 = secondButton || {},
|
|
@@ -10160,21 +10117,21 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10160
10117
|
}))));
|
|
10161
10118
|
};
|
|
10162
10119
|
|
|
10163
|
-
var _templateObject$
|
|
10120
|
+
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$B, _templateObject5$t, _templateObject6$n, _templateObject7$i;
|
|
10164
10121
|
var LENGTH_TEXT$2 = 28;
|
|
10165
10122
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10166
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
10123
|
+
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) {
|
|
10167
10124
|
var imageToLeft = _ref.imageToLeft;
|
|
10168
10125
|
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'";
|
|
10169
10126
|
}, devices.tablet, function (_ref2) {
|
|
10170
10127
|
var imageToLeft = _ref2.imageToLeft;
|
|
10171
10128
|
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'";
|
|
10172
10129
|
}, devices.mobile);
|
|
10173
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10130
|
+
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) {
|
|
10174
10131
|
var imageToLeft = _ref3.imageToLeft;
|
|
10175
10132
|
return imageToLeft ? 'left' : 'right';
|
|
10176
10133
|
}, devices.mobile);
|
|
10177
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10134
|
+
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) {
|
|
10178
10135
|
var imageToLeft = _ref4.imageToLeft;
|
|
10179
10136
|
return imageToLeft ? 'right' : 'left';
|
|
10180
10137
|
}, devices.mobile);
|
|
@@ -10203,8 +10160,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$i ||
|
|
|
10203
10160
|
return '';
|
|
10204
10161
|
});
|
|
10205
10162
|
|
|
10206
|
-
var _templateObject$
|
|
10207
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10163
|
+
var _templateObject$18;
|
|
10164
|
+
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) {
|
|
10208
10165
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10209
10166
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10210
10167
|
return aspectRatio;
|
|
@@ -10316,7 +10273,7 @@ var PromoChild = function PromoChild(_ref) {
|
|
|
10316
10273
|
}));
|
|
10317
10274
|
};
|
|
10318
10275
|
|
|
10319
|
-
var _excluded$
|
|
10276
|
+
var _excluded$n = ["text"],
|
|
10320
10277
|
_excluded2$5 = ["text"];
|
|
10321
10278
|
var LENGTH_TEXT$3 = 28;
|
|
10322
10279
|
var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
@@ -10341,7 +10298,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10341
10298
|
var _ref2 = primaryButton || {},
|
|
10342
10299
|
_ref2$text = _ref2.text,
|
|
10343
10300
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
10344
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
10301
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$n);
|
|
10345
10302
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
10346
10303
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
10347
10304
|
var _ref3 = tertiaryButton || {},
|
|
@@ -10383,8 +10340,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10383
10340
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
10384
10341
|
};
|
|
10385
10342
|
|
|
10386
|
-
var _templateObject$
|
|
10387
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10343
|
+
var _templateObject$19;
|
|
10344
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
10388
10345
|
|
|
10389
10346
|
/**
|
|
10390
10347
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -10439,9 +10396,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
10439
10396
|
})));
|
|
10440
10397
|
};
|
|
10441
10398
|
|
|
10442
|
-
var _templateObject$
|
|
10443
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10444
|
-
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10399
|
+
var _templateObject$1a, _templateObject2$V, _templateObject3$I;
|
|
10400
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10401
|
+
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) {
|
|
10445
10402
|
var horizontalMode = _ref.horizontalMode;
|
|
10446
10403
|
if (horizontalMode) return 'row';
|
|
10447
10404
|
return 'column';
|
|
@@ -10449,7 +10406,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$W || (_temp
|
|
|
10449
10406
|
var gap = _ref2.gap;
|
|
10450
10407
|
return gap + "px";
|
|
10451
10408
|
});
|
|
10452
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10409
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
10453
10410
|
var darkMode = _ref3.darkMode;
|
|
10454
10411
|
if (darkMode) return 'var(--base-color-white)';
|
|
10455
10412
|
return 'var(--base-color-errorstate)';
|
|
@@ -10526,10 +10483,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
10526
10483
|
}, error))));
|
|
10527
10484
|
};
|
|
10528
10485
|
|
|
10529
|
-
var _templateObject$
|
|
10530
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10531
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10532
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10486
|
+
var _templateObject$1b, _templateObject2$W, _templateObject3$J;
|
|
10487
|
+
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);
|
|
10488
|
+
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"])));
|
|
10489
|
+
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);
|
|
10533
10490
|
|
|
10534
10491
|
/* eslint-disable react/no-danger */
|
|
10535
10492
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -10585,8 +10542,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
10585
10542
|
return null;
|
|
10586
10543
|
};
|
|
10587
10544
|
|
|
10588
|
-
var _templateObject$
|
|
10589
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10545
|
+
var _templateObject$1c;
|
|
10546
|
+
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);
|
|
10590
10547
|
|
|
10591
10548
|
var SectionTitle = function SectionTitle(_ref) {
|
|
10592
10549
|
var title = _ref.title,
|
|
@@ -10614,8 +10571,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10614
10571
|
}, description)))));
|
|
10615
10572
|
};
|
|
10616
10573
|
|
|
10617
|
-
var _templateObject$
|
|
10618
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
10574
|
+
var _templateObject$1d, _templateObject2$X, _templateObject3$K, _templateObject4$C, _templateObject5$u, _templateObject6$o, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject0$8, _templateObject1$5;
|
|
10575
|
+
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) {
|
|
10619
10576
|
var theme = _ref.theme;
|
|
10620
10577
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
10621
10578
|
}, function (_ref2) {
|
|
@@ -10625,11 +10582,11 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$1e || (_templateObject
|
|
|
10625
10582
|
var theme = _ref3.theme;
|
|
10626
10583
|
return theme.colors.lightgrey;
|
|
10627
10584
|
});
|
|
10628
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
10585
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
10629
10586
|
var theme = _ref4.theme;
|
|
10630
10587
|
return theme.colors.darkgrey;
|
|
10631
10588
|
});
|
|
10632
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
10589
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10633
10590
|
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
10634
10591
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
10635
10592
|
var theme = _ref5.theme;
|
|
@@ -10995,9 +10952,9 @@ function Select(_ref3) {
|
|
|
10995
10952
|
})))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
10996
10953
|
}
|
|
10997
10954
|
|
|
10998
|
-
var _templateObject$
|
|
10999
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11000
|
-
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10955
|
+
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$D;
|
|
10956
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10957
|
+
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) {
|
|
11001
10958
|
var width = _ref.width;
|
|
11002
10959
|
if (!width) return 'none';
|
|
11003
10960
|
return width + "px";
|
|
@@ -11014,7 +10971,7 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_t
|
|
|
11014
10971
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
11015
10972
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
11016
10973
|
});
|
|
11017
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10974
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
11018
10975
|
var darkMode = _ref5.darkMode;
|
|
11019
10976
|
if (darkMode) return "var(--base-color-white)";
|
|
11020
10977
|
return "var(--base-color-black)";
|
|
@@ -11025,7 +10982,7 @@ var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_temp
|
|
|
11025
10982
|
return "var(--base-color-errorstate)";
|
|
11026
10983
|
});
|
|
11027
10984
|
|
|
11028
|
-
var _excluded$
|
|
10985
|
+
var _excluded$o = ["label", "error", "width", "darkMode", "isSearchable", "components"];
|
|
11029
10986
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
11030
10987
|
return /*#__PURE__*/React__default.createElement(Select$1.components.DropdownIndicator, Object.assign({}, props), /*#__PURE__*/React__default.createElement(Icon, {
|
|
11031
10988
|
iconName: "DropdownArrow"
|
|
@@ -11076,7 +11033,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
11076
11033
|
_ref2$isSearchable = _ref2.isSearchable,
|
|
11077
11034
|
isSearchable = _ref2$isSearchable === void 0 ? false : _ref2$isSearchable,
|
|
11078
11035
|
components = _ref2.components,
|
|
11079
|
-
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
11036
|
+
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$o);
|
|
11080
11037
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
11081
11038
|
label: label,
|
|
11082
11039
|
error: error,
|
|
@@ -11094,7 +11051,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
11094
11051
|
})));
|
|
11095
11052
|
};
|
|
11096
11053
|
|
|
11097
|
-
var _excluded$
|
|
11054
|
+
var _excluded$p = ["label", "error", "width", "darkMode", "components"];
|
|
11098
11055
|
/**
|
|
11099
11056
|
* The Select2Async component is similar to Select 2, but uses react-select async
|
|
11100
11057
|
* component for select instead of regular react-select component. This can be used
|
|
@@ -11116,7 +11073,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
11116
11073
|
_ref$darkMode = _ref.darkMode,
|
|
11117
11074
|
darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
|
|
11118
11075
|
components = _ref.components,
|
|
11119
|
-
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
11076
|
+
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
|
|
11120
11077
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
11121
11078
|
label: label,
|
|
11122
11079
|
error: error,
|
|
@@ -11133,8 +11090,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
11133
11090
|
})));
|
|
11134
11091
|
};
|
|
11135
11092
|
|
|
11136
|
-
var _templateObject$
|
|
11137
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$
|
|
11093
|
+
var _templateObject$1f, _templateObject2$Z;
|
|
11094
|
+
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) {
|
|
11138
11095
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
11139
11096
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
11140
11097
|
return aspectRatio;
|
|
@@ -11144,7 +11101,7 @@ var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1g || (_temp
|
|
|
11144
11101
|
height = _ref2.height;
|
|
11145
11102
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
11146
11103
|
});
|
|
11147
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$
|
|
11104
|
+
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"])));
|
|
11148
11105
|
|
|
11149
11106
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
11150
11107
|
var caption = _ref.caption,
|
|
@@ -11178,13 +11135,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11178
11135
|
})), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
11179
11136
|
};
|
|
11180
11137
|
|
|
11181
|
-
var _templateObject$
|
|
11182
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11183
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2
|
|
11138
|
+
var _templateObject$1g, _templateObject2$_, _templateObject3$M;
|
|
11139
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
11140
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
11184
11141
|
var displayAttribution = _ref.displayAttribution;
|
|
11185
11142
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
11186
11143
|
});
|
|
11187
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11144
|
+
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);
|
|
11188
11145
|
|
|
11189
11146
|
/* eslint-disable react/no-danger */
|
|
11190
11147
|
var Quote = function Quote(_ref) {
|
|
@@ -11209,10 +11166,10 @@ var Quote = function Quote(_ref) {
|
|
|
11209
11166
|
}, attribution))));
|
|
11210
11167
|
};
|
|
11211
11168
|
|
|
11212
|
-
var _templateObject$
|
|
11213
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11214
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2
|
|
11215
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
11169
|
+
var _templateObject$1h, _templateObject2$$, _templateObject3$N, _templateObject4$E, _templateObject5$v, _templateObject6$p;
|
|
11170
|
+
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"])));
|
|
11171
|
+
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"])));
|
|
11172
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11216
11173
|
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11217
11174
|
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);
|
|
11218
11175
|
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);
|
|
@@ -11253,10 +11210,10 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11253
11210
|
}, title)))));
|
|
11254
11211
|
};
|
|
11255
11212
|
|
|
11256
|
-
var _templateObject$
|
|
11257
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11258
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11259
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11213
|
+
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$F, _templateObject5$w;
|
|
11214
|
+
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"])));
|
|
11215
|
+
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"])));
|
|
11216
|
+
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) {
|
|
11260
11217
|
var isVisible = _ref.isVisible;
|
|
11261
11218
|
return isVisible ? 'visible' : 'hidden';
|
|
11262
11219
|
});
|
|
@@ -11345,10 +11302,10 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11345
11302
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11346
11303
|
};
|
|
11347
11304
|
|
|
11348
|
-
var _templateObject$
|
|
11349
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
11350
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$
|
|
11351
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
11305
|
+
var _templateObject$1j, _templateObject2$11, _templateObject3$P, _templateObject4$G, _templateObject5$x;
|
|
11306
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11307
|
+
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);
|
|
11308
|
+
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);
|
|
11352
11309
|
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) {
|
|
11353
11310
|
var isActive = _ref.isActive;
|
|
11354
11311
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
@@ -11509,10 +11466,10 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11509
11466
|
});
|
|
11510
11467
|
};
|
|
11511
11468
|
|
|
11512
|
-
var _templateObject$
|
|
11513
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11514
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11515
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11469
|
+
var _templateObject$1k, _templateObject2$12, _templateObject3$Q, _templateObject4$H, _templateObject5$y, _templateObject6$q;
|
|
11470
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11471
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11472
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11516
11473
|
var color = _ref.color;
|
|
11517
11474
|
return "var(--base-color-" + color + ")";
|
|
11518
11475
|
});
|
|
@@ -11603,10 +11560,10 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11603
11560
|
}, strengthLabel))));
|
|
11604
11561
|
};
|
|
11605
11562
|
|
|
11606
|
-
var _templateObject$
|
|
11607
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
11608
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11609
|
-
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11563
|
+
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$I, _templateObject5$z, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject0$9;
|
|
11564
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11565
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11566
|
+
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11610
11567
|
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) {
|
|
11611
11568
|
return "var(--base-color-" + props.lineColor + ")";
|
|
11612
11569
|
}, function (props) {
|
|
@@ -11807,16 +11764,16 @@ var Table = function Table(_ref) {
|
|
|
11807
11764
|
}))))))))));
|
|
11808
11765
|
};
|
|
11809
11766
|
|
|
11810
|
-
var _templateObject$
|
|
11811
|
-
var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
11767
|
+
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;
|
|
11768
|
+
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) {
|
|
11812
11769
|
var theme = _ref.theme;
|
|
11813
11770
|
return "var(--color-" + theme + ")";
|
|
11814
11771
|
}, function (_ref2) {
|
|
11815
11772
|
var theme = _ref2.theme;
|
|
11816
11773
|
return "var(--color-" + theme + ")";
|
|
11817
11774
|
});
|
|
11818
|
-
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
11819
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
11775
|
+
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);
|
|
11776
|
+
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);
|
|
11820
11777
|
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"])));
|
|
11821
11778
|
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);
|
|
11822
11779
|
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);
|
|
@@ -12231,9 +12188,9 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12231
12188
|
}))))));
|
|
12232
12189
|
};
|
|
12233
12190
|
|
|
12234
|
-
var _templateObject$
|
|
12235
|
-
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
12236
|
-
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
12191
|
+
var _templateObject$1n, _templateObject3$T, _templateObject4$K;
|
|
12192
|
+
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);
|
|
12193
|
+
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);
|
|
12237
12194
|
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"])));
|
|
12238
12195
|
|
|
12239
12196
|
var AnchorBar = function AnchorBar(_ref) {
|
|
@@ -12487,11 +12444,11 @@ var HarmonicThemeProvider = function HarmonicThemeProvider(_ref) {
|
|
|
12487
12444
|
return themedChildren.length === 1 ? themedChildren[0] : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, themedChildren);
|
|
12488
12445
|
};
|
|
12489
12446
|
|
|
12490
|
-
var _excluded$
|
|
12447
|
+
var _excluded$q = ["logo", "slides"];
|
|
12491
12448
|
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
12492
12449
|
var logo = _ref.logo,
|
|
12493
12450
|
slides = _ref.slides,
|
|
12494
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12451
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$q);
|
|
12495
12452
|
var slidesWithLinks = slides.map(function (slide) {
|
|
12496
12453
|
var links = processSlideLinks(slide.links);
|
|
12497
12454
|
return _extends({}, slide, {
|
|
@@ -12508,10 +12465,10 @@ var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
|
12508
12465
|
})));
|
|
12509
12466
|
};
|
|
12510
12467
|
|
|
12511
|
-
var _excluded$
|
|
12468
|
+
var _excluded$r = ["slides"];
|
|
12512
12469
|
var HighlightsCore = function HighlightsCore(_ref) {
|
|
12513
12470
|
var slides = _ref.slides,
|
|
12514
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12471
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$r);
|
|
12515
12472
|
var slidesWithLinks = slides.map(function (slide) {
|
|
12516
12473
|
var links = processSlideLinks(slide.links);
|
|
12517
12474
|
return _extends({}, slide, {
|
|
@@ -12525,11 +12482,11 @@ var HighlightsCore = function HighlightsCore(_ref) {
|
|
|
12525
12482
|
})));
|
|
12526
12483
|
};
|
|
12527
12484
|
|
|
12528
|
-
var _excluded$
|
|
12485
|
+
var _excluded$s = ["logo", "slides"];
|
|
12529
12486
|
var HighlightsStream = function HighlightsStream(_ref) {
|
|
12530
12487
|
var logo = _ref.logo,
|
|
12531
12488
|
slides = _ref.slides,
|
|
12532
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12489
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$s);
|
|
12533
12490
|
var slidesWithLinks = slides.map(function (slide) {
|
|
12534
12491
|
var links = processSlideLinks(slide.links);
|
|
12535
12492
|
return _extends({}, slide, {
|
|
@@ -12546,9 +12503,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
12546
12503
|
})));
|
|
12547
12504
|
};
|
|
12548
12505
|
|
|
12549
|
-
var _templateObject$
|
|
12550
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12551
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12506
|
+
var _templateObject$1o, _templateObject3$U;
|
|
12507
|
+
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"])));
|
|
12508
|
+
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"])));
|
|
12552
12509
|
|
|
12553
12510
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
12554
12511
|
var children = _ref.children;
|
|
@@ -12583,8 +12540,8 @@ var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
|
12583
12540
|
}))));
|
|
12584
12541
|
};
|
|
12585
12542
|
|
|
12586
|
-
var _templateObject$
|
|
12587
|
-
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) {
|
|
12543
|
+
var _templateObject$1p;
|
|
12544
|
+
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) {
|
|
12588
12545
|
var theme = _ref.theme;
|
|
12589
12546
|
return theme.colors.primary;
|
|
12590
12547
|
}, function (_ref2) {
|
|
@@ -13573,7 +13530,6 @@ exports.HighlightsCarousel = HighlightsCarousel;
|
|
|
13573
13530
|
exports.HighlightsCarouselCinema = HighlightsCinema;
|
|
13574
13531
|
exports.HighlightsCarouselCore = HighlightsCore;
|
|
13575
13532
|
exports.HighlightsCarouselStream = HighlightsStream;
|
|
13576
|
-
exports.HotFilters = HotFilters;
|
|
13577
13533
|
exports.Icon = Icon;
|
|
13578
13534
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
13579
13535
|
exports.ImageWithCaption = ImageWithCaption;
|