@royaloperahouse/harmonic 0.11.0-j → 0.11.0-l
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -0
- package/dist/components/molecules/PageHeading/Promo/Promo.d.ts +1 -2
- package/dist/components/organisms/AnchorTabBar/AnchorTabBar.style.d.ts +8 -3
- package/dist/harmonic.cjs.development.css +3 -0
- package/dist/harmonic.cjs.development.js +237 -187
- 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 +253 -204
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +3 -0
- package/dist/styles/HarmonicThemeProvider/index.d.ts +2 -1
- package/dist/types/creditListing.d.ts +1 -1
- package/dist/types/impactHeader.d.ts +2 -0
- package/dist/types/information.d.ts +23 -43
- package/dist/types/navigation.d.ts +21 -43
- package/dist/types/types.d.ts +1 -7
- package/package.json +1 -1
|
@@ -3721,7 +3721,7 @@ var Tab = function Tab(_ref) {
|
|
|
3721
3721
|
};
|
|
3722
3722
|
|
|
3723
3723
|
var _templateObject$l, _templateObject2$d;
|
|
3724
|
-
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n
|
|
3724
|
+
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n\n && svg path {\n fill: ", ";\n }\n\n @media ", ", ", " {\n &:hover {\n color: var(--color-", ");\n border-bottom: 1px solid var(--color-", ");\n\n && svg path {\n fill: var(--color-", ");\n }\n }\n }\n"])), function (_ref) {
|
|
3725
3725
|
var iconName = _ref.iconName;
|
|
3726
3726
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3727
3727
|
}, function (_ref2) {
|
|
@@ -3750,7 +3750,7 @@ var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$l || (_templ
|
|
|
3750
3750
|
});
|
|
3751
3751
|
var TabLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-right: var(--button-icon-margin);\n"])));
|
|
3752
3752
|
|
|
3753
|
-
var _excluded$7 = ["children", "iconName", "iconDirection", "color", "hoverColor"];
|
|
3753
|
+
var _excluded$7 = ["children", "iconName", "iconDirection", "color", "hoverColor", "className"];
|
|
3754
3754
|
var TabLink = function TabLink(_ref) {
|
|
3755
3755
|
var children = _ref.children,
|
|
3756
3756
|
iconName = _ref.iconName,
|
|
@@ -3759,11 +3759,13 @@ var TabLink = function TabLink(_ref) {
|
|
|
3759
3759
|
color = _ref$color === void 0 ? ThemeColor['base-dark-grey'] : _ref$color,
|
|
3760
3760
|
_ref$hoverColor = _ref.hoverColor,
|
|
3761
3761
|
hoverColor = _ref$hoverColor === void 0 ? ThemeColor['primary-red'] : _ref$hoverColor,
|
|
3762
|
+
className = _ref.className,
|
|
3762
3763
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
|
|
3763
3764
|
return /*#__PURE__*/React__default.createElement(TabLinkWrapper, Object.assign({
|
|
3764
3765
|
color: color,
|
|
3765
3766
|
iconName: iconName,
|
|
3766
|
-
hoverColor: hoverColor
|
|
3767
|
+
hoverColor: hoverColor,
|
|
3768
|
+
className: "" + typographyStyles.navigationtext + (className ? " " + className : '')
|
|
3767
3769
|
}, rest), iconName ? (/*#__PURE__*/React__default.createElement(TabLinkIconWrapper, {
|
|
3768
3770
|
"data-testid": "tab-link-icon"
|
|
3769
3771
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -6012,30 +6014,110 @@ var Footer = function Footer(_ref) {
|
|
|
6012
6014
|
}, additionalInfo))));
|
|
6013
6015
|
};
|
|
6014
6016
|
|
|
6015
|
-
var _templateObject$F, _templateObject2$u, _templateObject3$k, _templateObject4$g, _templateObject5$c,
|
|
6017
|
+
var _templateObject$F, _templateObject2$u, _templateObject3$k, _templateObject4$g, _templateObject5$c, _templateObject8$3, _templateObject9$2, _templateObject0$2;
|
|
6016
6018
|
var LIST_ITEM_GAP = 32;
|
|
6017
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-
|
|
6019
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--color-base-white);\n z-index: ", ";\n\n ", "\n"])), function (_ref) {
|
|
6018
6020
|
var bottomBorder = _ref.bottomBorder;
|
|
6019
|
-
return bottomBorder ? '
|
|
6020
|
-
}, zIndexes.anchor)
|
|
6021
|
-
var
|
|
6022
|
-
|
|
6023
|
-
|
|
6024
|
-
|
|
6025
|
-
|
|
6026
|
-
},
|
|
6021
|
+
return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
|
|
6022
|
+
}, zIndexes.anchor, function (_ref2) {
|
|
6023
|
+
var withShadow = _ref2.withShadow;
|
|
6024
|
+
return withShadow && styled.css(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
6025
|
+
});
|
|
6026
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
6027
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
6028
|
+
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref3) {
|
|
6027
6029
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
6030
|
+
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
6031
|
+
}, LIST_ITEM_GAP, function (_ref4) {
|
|
6032
|
+
var tabsOverflow = _ref4.tabsOverflow;
|
|
6028
6033
|
return tabsOverflow ? 'start' : 'center';
|
|
6029
|
-
}, devices.
|
|
6030
|
-
var tabsOverflow =
|
|
6031
|
-
hasTwoArrows =
|
|
6034
|
+
}, devices.mobile, function (_ref5) {
|
|
6035
|
+
var tabsOverflow = _ref5.tabsOverflow,
|
|
6036
|
+
hasTwoArrows = _ref5.hasTwoArrows;
|
|
6032
6037
|
return tabsOverflow && hasTwoArrows ? 'calc(100% - 50px)' : '100%';
|
|
6033
6038
|
});
|
|
6034
|
-
var ArrowsContainer = /*#__PURE__*/styled__default.div(
|
|
6035
|
-
var
|
|
6036
|
-
return
|
|
6039
|
+
var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 74px;\n height: var(--anchor-tabs-height);\n background-color: var(--color-base-white);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n\n ", "\n"])), function (_ref7) {
|
|
6040
|
+
var withShadow = _ref7.withShadow;
|
|
6041
|
+
return withShadow && styled.css(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
6042
|
+
});
|
|
6043
|
+
var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject0$2 || (_templateObject0$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n cursor: ", ";\n pinter-events: ", ";\n display: flex;\n align-items: center;\n justify-content: flex-center;\n\n && svg path {\n fill: ", ";\n }\n"])), function (_ref8) {
|
|
6044
|
+
var disabled = _ref8.disabled;
|
|
6045
|
+
return disabled ? 'not-allowed' : 'pointer';
|
|
6046
|
+
}, function (_ref9) {
|
|
6047
|
+
var disabled = _ref9.disabled;
|
|
6048
|
+
return disabled ? 'none' : 'auto';
|
|
6049
|
+
}, function (_ref0) {
|
|
6050
|
+
var disabled = _ref0.disabled;
|
|
6051
|
+
return disabled ? 'var(--color-state-disabled)' : 'var(--button-anchor-tab-color)';
|
|
6037
6052
|
});
|
|
6038
|
-
|
|
6053
|
+
|
|
6054
|
+
/* eslint-disable no-shadow */
|
|
6055
|
+
(function (CarouselType) {
|
|
6056
|
+
CarouselType["Image"] = "image";
|
|
6057
|
+
CarouselType["SmallCard"] = "SmallCard";
|
|
6058
|
+
CarouselType["LargeCard"] = "LargeCard";
|
|
6059
|
+
})(exports.CarouselType || (exports.CarouselType = {}));
|
|
6060
|
+
|
|
6061
|
+
// eslint-disable-next-line no-shadow
|
|
6062
|
+
(function (ButtonType) {
|
|
6063
|
+
ButtonType["Primary"] = "Primary";
|
|
6064
|
+
ButtonType["Secondary"] = "Secondary";
|
|
6065
|
+
ButtonType["Tertiary"] = "Tertiary";
|
|
6066
|
+
})(exports.ButtonType || (exports.ButtonType = {}));
|
|
6067
|
+
|
|
6068
|
+
var coreThemeStyles = {"coreTheme":"core-theme-module_coreTheme__pWxYB"};
|
|
6069
|
+
|
|
6070
|
+
var streamThemeStyles = {"streamTheme":"stream-theme-module_streamTheme__lTfqQ"};
|
|
6071
|
+
|
|
6072
|
+
var cinemaThemeStyles = {"cinemaTheme":"cinema-theme-module_cinemaTheme__f5QFs"};
|
|
6073
|
+
|
|
6074
|
+
var schoolsThemeStyles = {"schoolsTheme":"schools-theme-module_schoolsTheme__CWHba"};
|
|
6075
|
+
|
|
6076
|
+
/* eslint-disable react/jsx-no-useless-fragment */
|
|
6077
|
+
var DEFAULT_THEME = exports.ThemeType.Core;
|
|
6078
|
+
var getThemeClass = function getThemeClass(theme) {
|
|
6079
|
+
// Always include the base (core) theme class
|
|
6080
|
+
var baseThemeClass = coreThemeStyles.coreTheme;
|
|
6081
|
+
var overrideClass = '';
|
|
6082
|
+
switch (theme) {
|
|
6083
|
+
case exports.ThemeType.Core:
|
|
6084
|
+
overrideClass = '';
|
|
6085
|
+
break;
|
|
6086
|
+
case exports.ThemeType.Stream:
|
|
6087
|
+
overrideClass = streamThemeStyles.streamTheme;
|
|
6088
|
+
break;
|
|
6089
|
+
case exports.ThemeType.Cinema:
|
|
6090
|
+
overrideClass = cinemaThemeStyles.cinemaTheme;
|
|
6091
|
+
break;
|
|
6092
|
+
case exports.ThemeType.Schools:
|
|
6093
|
+
overrideClass = schoolsThemeStyles.schoolsTheme;
|
|
6094
|
+
break;
|
|
6095
|
+
default:
|
|
6096
|
+
overrideClass = '';
|
|
6097
|
+
}
|
|
6098
|
+
// Return the combined classes
|
|
6099
|
+
return [baseThemeClass, overrideClass].filter(Boolean).join(' ');
|
|
6100
|
+
};
|
|
6101
|
+
var HarmonicThemeContext = /*#__PURE__*/React__default.createContext(DEFAULT_THEME);
|
|
6102
|
+
var useHarmonicTheme = function useHarmonicTheme() {
|
|
6103
|
+
return React__default.useContext(HarmonicThemeContext);
|
|
6104
|
+
};
|
|
6105
|
+
var HarmonicThemeProvider = function HarmonicThemeProvider(_ref) {
|
|
6106
|
+
var _ref$theme = _ref.theme,
|
|
6107
|
+
theme = _ref$theme === void 0 ? DEFAULT_THEME : _ref$theme,
|
|
6108
|
+
children = _ref.children;
|
|
6109
|
+
var themeClass = getThemeClass(theme);
|
|
6110
|
+
// Convert children to an array (assuming they accept a className prop)
|
|
6111
|
+
var childrenArray = React__default.Children.toArray(children);
|
|
6112
|
+
var themedChildren = childrenArray.map(function (child) {
|
|
6113
|
+
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
6114
|
+
className: ((child.props.className || '') + " " + themeClass).trim()
|
|
6115
|
+
});
|
|
6116
|
+
});
|
|
6117
|
+
return /*#__PURE__*/React__default.createElement(HarmonicThemeContext.Provider, {
|
|
6118
|
+
value: theme
|
|
6119
|
+
}, themedChildren.length === 1 ? themedChildren[0] : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, themedChildren));
|
|
6120
|
+
};
|
|
6039
6121
|
|
|
6040
6122
|
var _excluded$d = ["id", "text"];
|
|
6041
6123
|
var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
@@ -6044,7 +6126,10 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6044
6126
|
activeTab = _ref.activeTab,
|
|
6045
6127
|
absolutePositionParams = _ref.absolutePositionParams,
|
|
6046
6128
|
_ref$bottomBorder = _ref.bottomBorder,
|
|
6047
|
-
bottomBorder = _ref$bottomBorder === void 0 ? false : _ref$bottomBorder
|
|
6129
|
+
bottomBorder = _ref$bottomBorder === void 0 ? false : _ref$bottomBorder,
|
|
6130
|
+
_ref$withShadow = _ref.withShadow,
|
|
6131
|
+
withShadow = _ref$withShadow === void 0 ? false : _ref$withShadow,
|
|
6132
|
+
className = _ref.className;
|
|
6048
6133
|
var tabListRef = React.useRef(null);
|
|
6049
6134
|
var wrapperRef = React.useRef(null);
|
|
6050
6135
|
var _useState = React.useState(activeTab || ''),
|
|
@@ -6126,11 +6211,19 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6126
6211
|
}, 500);
|
|
6127
6212
|
}, []);
|
|
6128
6213
|
React.useEffect(function () {
|
|
6129
|
-
|
|
6130
|
-
var
|
|
6131
|
-
|
|
6132
|
-
|
|
6133
|
-
|
|
6214
|
+
if (typeof window === 'undefined') return undefined;
|
|
6215
|
+
var handleResize = function handleResize() {
|
|
6216
|
+
var _tabListRef$current, _tabListRef$current2;
|
|
6217
|
+
var tabsIsOverflowed = (((_tabListRef$current = tabListRef.current) == null ? void 0 : _tabListRef$current.scrollWidth) || 0) > (((_tabListRef$current2 = tabListRef.current) == null ? void 0 : _tabListRef$current2.clientWidth) || 0);
|
|
6218
|
+
setTabsOverflow(tabsIsOverflowed);
|
|
6219
|
+
setCanScrollToRight(tabsIsOverflowed);
|
|
6220
|
+
};
|
|
6221
|
+
window.addEventListener('resize', handleResize);
|
|
6222
|
+
handleResize(); // Initial check
|
|
6223
|
+
return function () {
|
|
6224
|
+
window.removeEventListener('resize', handleResize);
|
|
6225
|
+
};
|
|
6226
|
+
}, []);
|
|
6134
6227
|
React.useEffect(function () {
|
|
6135
6228
|
var scrollTriggerCheck = function scrollTriggerCheck() {
|
|
6136
6229
|
var elementGap = 100;
|
|
@@ -6211,10 +6304,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6211
6304
|
setCanScrollToLeft(scrollLeft > LIST_ITEM_GAP);
|
|
6212
6305
|
setCanScrollToRight(scrollLeft + clientWidth + LIST_ITEM_GAP < scrollWidth);
|
|
6213
6306
|
};
|
|
6307
|
+
var theme = useHarmonicTheme();
|
|
6214
6308
|
return /*#__PURE__*/React__default.createElement(AnchorTabbarWrapper, {
|
|
6215
6309
|
bottomBorder: bottomBorder,
|
|
6310
|
+
withShadow: withShadow,
|
|
6216
6311
|
ref: wrapperRef,
|
|
6217
|
-
id: "AnchorTabbarWrapper"
|
|
6312
|
+
id: "AnchorTabbarWrapper",
|
|
6313
|
+
className: className
|
|
6218
6314
|
}, /*#__PURE__*/React__default.createElement(TabsGrid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
6219
6315
|
columnStartDesktop: tabsColumnStart,
|
|
6220
6316
|
columnSpanDesktop: tabsColumnSpan,
|
|
@@ -6240,23 +6336,30 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6240
6336
|
onClick: function onClick(e) {
|
|
6241
6337
|
return onClicktab(e, id);
|
|
6242
6338
|
},
|
|
6243
|
-
tabIndex: 0
|
|
6339
|
+
tabIndex: 0,
|
|
6340
|
+
hoverColor: theme === exports.ThemeType.Core ? ThemeColor['primary-red'] : ThemeColor['primary-black']
|
|
6244
6341
|
}, rest), text));
|
|
6245
6342
|
})), tabsOverflow ? (/*#__PURE__*/React__default.createElement(ArrowsContainer, {
|
|
6246
|
-
|
|
6247
|
-
},
|
|
6248
|
-
onClick: scrollToLeft
|
|
6343
|
+
withShadow: withShadow
|
|
6344
|
+
}, /*#__PURE__*/React__default.createElement(ArrowWrapper, {
|
|
6345
|
+
onClick: scrollToLeft,
|
|
6346
|
+
disabled: !canScrollToLeft,
|
|
6347
|
+
"aria-label": "Previous section",
|
|
6348
|
+
role: "button"
|
|
6249
6349
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
6250
6350
|
iconName: "Arrow",
|
|
6251
6351
|
direction: "reverse"
|
|
6252
|
-
}))
|
|
6253
|
-
onClick: scrollToRight
|
|
6352
|
+
})), /*#__PURE__*/React__default.createElement(ArrowWrapper, {
|
|
6353
|
+
onClick: scrollToRight,
|
|
6354
|
+
disabled: !canScrollToRight,
|
|
6355
|
+
"aria-label": "Next section",
|
|
6356
|
+
role: "button"
|
|
6254
6357
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
6255
6358
|
iconName: "Arrow"
|
|
6256
|
-
})))
|
|
6359
|
+
})))) : null))));
|
|
6257
6360
|
};
|
|
6258
6361
|
|
|
6259
|
-
var _templateObject$G, _templateObject2$v, _templateObject3$l, _templateObject4$h, _templateObject6$
|
|
6362
|
+
var _templateObject$G, _templateObject2$v, _templateObject3$l, _templateObject4$h, _templateObject6$9, _templateObject7$6, _templateObject8$4, _templateObject9$3, _templateObject0$3;
|
|
6260
6363
|
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6261
6364
|
var sticky = _ref.sticky;
|
|
6262
6365
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -6267,9 +6370,9 @@ var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$l || (_
|
|
|
6267
6370
|
return title ? 'row' : 'row-reverse';
|
|
6268
6371
|
}, devices.tablet, devices.mobile);
|
|
6269
6372
|
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
|
|
6270
|
-
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6373
|
+
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
6271
6374
|
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
6272
|
-
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$
|
|
6375
|
+
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
6273
6376
|
var theme = _ref3.theme;
|
|
6274
6377
|
return theme.colors.primaryButtonReverseBg;
|
|
6275
6378
|
}, function (_ref4) {
|
|
@@ -6282,8 +6385,8 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
|
|
|
6282
6385
|
var theme = _ref6.theme;
|
|
6283
6386
|
return theme.colors.primaryButtonReverse;
|
|
6284
6387
|
});
|
|
6285
|
-
var MessageWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
6286
|
-
var MessageWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
6388
|
+
var MessageWrapper = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-right: var(--grid-outer-margin);\n height: var(--button-height);\n\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n margin-right: var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
6389
|
+
var MessageWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject0$3 || (_templateObject0$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h6 {\n margin: 0;\n padding: 0;\n }\n display: none;\n\n @media ", " {\n & {\n display: flex;\n align-items: center;\n margin-left: var(--grid-margin);\n padding: 12px 0;\n }\n }\n"])), devices.mobile);
|
|
6287
6390
|
|
|
6288
6391
|
var _excluded$e = ["text"],
|
|
6289
6392
|
_excluded2$1 = ["text"];
|
|
@@ -6918,21 +7021,7 @@ var BodyContent = function BodyContent(_ref) {
|
|
|
6918
7021
|
})));
|
|
6919
7022
|
};
|
|
6920
7023
|
|
|
6921
|
-
|
|
6922
|
-
(function (CarouselType) {
|
|
6923
|
-
CarouselType["Image"] = "image";
|
|
6924
|
-
CarouselType["SmallCard"] = "SmallCard";
|
|
6925
|
-
CarouselType["LargeCard"] = "LargeCard";
|
|
6926
|
-
})(exports.CarouselType || (exports.CarouselType = {}));
|
|
6927
|
-
|
|
6928
|
-
// eslint-disable-next-line no-shadow
|
|
6929
|
-
(function (ButtonType) {
|
|
6930
|
-
ButtonType["Primary"] = "Primary";
|
|
6931
|
-
ButtonType["Secondary"] = "Secondary";
|
|
6932
|
-
ButtonType["Tertiary"] = "Tertiary";
|
|
6933
|
-
})(exports.ButtonType || (exports.ButtonType = {}));
|
|
6934
|
-
|
|
6935
|
-
var _templateObject$J, _templateObject2$x, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$7, _templateObject8$4;
|
|
7024
|
+
var _templateObject$J, _templateObject2$x, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$a, _templateObject7$7, _templateObject8$5;
|
|
6936
7025
|
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
|
|
6937
7026
|
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
6938
7027
|
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'liga' off,\n 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
@@ -6947,9 +7036,9 @@ var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_t
|
|
|
6947
7036
|
return stackCtasEarly && "\n @media " + devices.smallDesktop + ", " + devices.mobileAndTablet + " {\n * {\n width: 100%;\n }\n }\n ";
|
|
6948
7037
|
});
|
|
6949
7038
|
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
6950
|
-
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7039
|
+
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
6951
7040
|
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n padding: 5px 0 8px 0;\n"])));
|
|
6952
|
-
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
7041
|
+
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-darkgrey);\n"])));
|
|
6953
7042
|
|
|
6954
7043
|
// Set max. character length
|
|
6955
7044
|
var setMaxCharLength = function setMaxCharLength(value, maxLength) {
|
|
@@ -7301,7 +7390,7 @@ var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
|
|
|
7301
7390
|
return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
|
|
7302
7391
|
};
|
|
7303
7392
|
|
|
7304
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$p, _templateObject4$k, _templateObject5$e, _templateObject6$
|
|
7393
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$p, _templateObject4$k, _templateObject5$e, _templateObject6$b, _templateObject7$8, _templateObject8$6;
|
|
7305
7394
|
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n"])), function (_ref) {
|
|
7306
7395
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
7307
7396
|
return "& {\n .swipe-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n\n > figure {\n margin: 0px;\n " + getImageSlideStyles(imagesHeightDesktop) + "\n }\n }\n }";
|
|
@@ -7320,9 +7409,9 @@ var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$e || (_te
|
|
|
7320
7409
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
7321
7410
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
7322
7411
|
});
|
|
7323
|
-
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7412
|
+
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7324
7413
|
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
7325
|
-
var SwipeGridWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject8$
|
|
7414
|
+
var SwipeGridWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
|
|
7326
7415
|
var active = _ref5.active;
|
|
7327
7416
|
return active ? 'grid-column: 1 / span 16' : '';
|
|
7328
7417
|
}, devices.tablet, function (_ref6) {
|
|
@@ -7777,17 +7866,17 @@ var Carousel = function Carousel(_ref) {
|
|
|
7777
7866
|
}, children))));
|
|
7778
7867
|
};
|
|
7779
7868
|
|
|
7780
|
-
var _templateObject$P, _templateObject2$C, _templateObject3$q, _templateObject4$l, _templateObject5$f, _templateObject6$
|
|
7869
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$q, _templateObject4$l, _templateObject5$f, _templateObject6$c, _templateObject7$9, _templateObject8$7, _templateObject9$4, _templateObject0$4, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14, _templateObject15;
|
|
7781
7870
|
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n user-select: none;\n\n .highlight-carousel-text {\n color: var(--color-base-white);\n }\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
7782
7871
|
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 12;\n padding: 12px 0 12px var(--grid-margin);\n min-height: 64px;\n box-sizing: border-box;\n width: 100%;\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7783
7872
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7784
7873
|
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 7;\n padding: 0 12px 12px var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: 100%;\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7785
7874
|
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 16px;\n width: 102px;\n height: 28px;\n }\n }\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7786
|
-
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7875
|
+
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
7787
7876
|
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
7788
|
-
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
7789
|
-
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
7790
|
-
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
7877
|
+
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n flex-direction: row;\n\n @media ", " {\n & {\n margin-top: 16px;\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n display: flex;\n flex-direction: column;\n }\n"])), devices.tablet, devices.mobile);
|
|
7878
|
+
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swipe-slide {\n width: calc(100% - 50px - var(--rotator-button-width));\n -webkit-transform: translate3d(0, 0, 0);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7879
|
+
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$4 || (_templateObject0$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
|
|
7791
7880
|
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject1$1 || (_templateObject1$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\n & {\n display: flex;\n grid-area: 1 / 12 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\n & {\n display: flex;\n grid-area: 1 / 11 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7792
7881
|
var HtmlBodyText = /*#__PURE__*/styled__default.p(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
7793
7882
|
var FirstButtonComponentWrapper = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 16px;\n\n @media ", " {\n & {\n display: flex;\n flex-direction: column;\n margin-right: 0;\n margin-bottom: 10px;\n }\n }\n"])), devices.mobile);
|
|
@@ -7959,7 +8048,7 @@ var InfoSection = function InfoSection(_ref) {
|
|
|
7959
8048
|
}, additionalInfo)))));
|
|
7960
8049
|
};
|
|
7961
8050
|
|
|
7962
|
-
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$m, _templateObject5$g, _templateObject6$
|
|
8051
|
+
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$m, _templateObject5$g, _templateObject6$d;
|
|
7963
8052
|
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7964
8053
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-light-grey);\n width: 100%;\n"])));
|
|
7965
8054
|
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
|
|
@@ -7971,7 +8060,7 @@ var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$g || (_
|
|
|
7971
8060
|
var textHeight = _ref2.textHeight;
|
|
7972
8061
|
return textHeight;
|
|
7973
8062
|
}, devices.mobile);
|
|
7974
|
-
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8063
|
+
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
|
|
7975
8064
|
|
|
7976
8065
|
/* eslint-disable react/no-unstable-nested-components */
|
|
7977
8066
|
var Accordion = function Accordion(_ref) {
|
|
@@ -8181,7 +8270,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8181
8270
|
}))))));
|
|
8182
8271
|
};
|
|
8183
8272
|
|
|
8184
|
-
var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$o, _templateObject5$i, _templateObject6$
|
|
8273
|
+
var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$o, _templateObject5$i, _templateObject6$e, _templateObject7$a, _templateObject8$8, _templateObject9$5, _templateObject0$5, _templateObject1$2, _templateObject10$2, _templateObject11$2, _templateObject12$2;
|
|
8185
8274
|
var LENGTH_LARGE_TEXT = 28;
|
|
8186
8275
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8187
8276
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8205,11 +8294,11 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$o ||
|
|
|
8205
8294
|
return fullWidth ? '0' : '20px';
|
|
8206
8295
|
});
|
|
8207
8296
|
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8208
|
-
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8297
|
+
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8209
8298
|
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow-wrap: break-word;\n"])));
|
|
8210
|
-
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
8211
|
-
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$
|
|
8212
|
-
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
8299
|
+
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8300
|
+
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
|
|
8301
|
+
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject0$5 || (_templateObject0$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 25px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (_ref6) {
|
|
8213
8302
|
var isVisible = _ref6.isVisible;
|
|
8214
8303
|
return isVisible ? "visible" : 'hidden';
|
|
8215
8304
|
}, devices.mobile, function (_ref7) {
|
|
@@ -8464,13 +8553,13 @@ var Cards = function Cards(_ref) {
|
|
|
8464
8553
|
}));
|
|
8465
8554
|
};
|
|
8466
8555
|
|
|
8467
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$p, _templateObject5$j, _templateObject6$
|
|
8556
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$p, _templateObject5$j, _templateObject6$f, _templateObject7$b;
|
|
8468
8557
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
8469
8558
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), devices.mobileAndTablet);
|
|
8470
8559
|
var AddressWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
8471
8560
|
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
8472
8561
|
var MobileSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8473
|
-
var DesktopSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8562
|
+
var DesktopSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8474
8563
|
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n a {\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n color: var(--color-base-black);\n text-decoration: underline;\n text-underline-offset: 4px;\n margin-right: 13px;\n display: inline-block;\n\n &:last-child {\n margin-right: 0;\n }\n\n @media ", " {\n font-size: 17px;\n line-height: 24px;\n }\n }\n"])), devices.mobile);
|
|
8475
8564
|
|
|
8476
8565
|
var ContactCard = function ContactCard(_ref) {
|
|
@@ -8522,7 +8611,7 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8522
8611
|
}, addressString)))))))));
|
|
8523
8612
|
};
|
|
8524
8613
|
|
|
8525
|
-
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$q, _templateObject5$k, _templateObject6$
|
|
8614
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$q, _templateObject5$k, _templateObject6$g;
|
|
8526
8615
|
var BodyTextRelative = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8527
8616
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 36px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
8528
8617
|
return props.clickable ? 'pointer' : 'default';
|
|
@@ -8532,7 +8621,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
|
8532
8621
|
return props.showImage ? 2 : '1 / span 4';
|
|
8533
8622
|
}, devices.mobile);
|
|
8534
8623
|
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
8535
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8624
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
|
|
8536
8625
|
return !!props.truncate && "\n overflow: hidden;\n position: relative;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n min-height: 1em;\n max-height: 3em;\n ";
|
|
8537
8626
|
});
|
|
8538
8627
|
|
|
@@ -8815,8 +8904,8 @@ var InfoCta = function InfoCta(_ref2) {
|
|
|
8815
8904
|
iconName = _ref2.iconName,
|
|
8816
8905
|
iconDirection = _ref2.iconDirection,
|
|
8817
8906
|
_ref2$target = _ref2.target,
|
|
8818
|
-
target = _ref2$target === void 0 ? LinkTarget.Self : _ref2$target
|
|
8819
|
-
|
|
8907
|
+
target = _ref2$target === void 0 ? LinkTarget.Self : _ref2$target;
|
|
8908
|
+
var theme = useHarmonicTheme();
|
|
8820
8909
|
return /*#__PURE__*/React__default.createElement(InfoCTAWrapper, {
|
|
8821
8910
|
variant: variant,
|
|
8822
8911
|
theme: theme
|
|
@@ -8845,8 +8934,7 @@ var Information = function Information(_ref) {
|
|
|
8845
8934
|
var body = _ref.body,
|
|
8846
8935
|
title = _ref.title,
|
|
8847
8936
|
cta = _ref.cta,
|
|
8848
|
-
className = _ref.className
|
|
8849
|
-
theme = _ref.theme;
|
|
8937
|
+
className = _ref.className;
|
|
8850
8938
|
var _useViewport = useViewport(),
|
|
8851
8939
|
hydrated = _useViewport.hydrated;
|
|
8852
8940
|
var safeTitle = title || {
|
|
@@ -8887,12 +8975,11 @@ var Information = function Information(_ref) {
|
|
|
8887
8975
|
text: cta.text,
|
|
8888
8976
|
iconName: cta.iconName,
|
|
8889
8977
|
iconDirection: cta.iconDirection,
|
|
8890
|
-
target: cta.target
|
|
8891
|
-
theme: theme
|
|
8978
|
+
target: cta.target
|
|
8892
8979
|
})))));
|
|
8893
8980
|
};
|
|
8894
8981
|
|
|
8895
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$
|
|
8982
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$h, _templateObject7$c, _templateObject8$9;
|
|
8896
8983
|
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) {
|
|
8897
8984
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8898
8985
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -8910,7 +8997,7 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_t
|
|
|
8910
8997
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
8911
8998
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
8912
8999
|
}, devices.mobile);
|
|
8913
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9000
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-white);\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
8914
9001
|
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n ", ";\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n\n ", ";\n }\n }\n"])), function (_ref5) {
|
|
8915
9002
|
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
8916
9003
|
return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
|
|
@@ -8918,7 +9005,7 @@ var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templ
|
|
|
8918
9005
|
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
8919
9006
|
return isPageHeadingWithoutTitle && "\n margin-top: 15px;\n ";
|
|
8920
9007
|
});
|
|
8921
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9008
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
8922
9009
|
|
|
8923
9010
|
var PageHeading = function PageHeading(_ref) {
|
|
8924
9011
|
var title = _ref.title,
|
|
@@ -8993,15 +9080,15 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
8993
9080
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
8994
9081
|
};
|
|
8995
9082
|
|
|
8996
|
-
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$u, _templateObject5$n, _templateObject6$
|
|
9083
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$u, _templateObject5$n, _templateObject6$i, _templateObject7$d, _templateObject8$a;
|
|
8997
9084
|
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__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);
|
|
8998
9085
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__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);
|
|
8999
9086
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$A || (_templateObject3$A = /*#__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);
|
|
9000
9087
|
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);
|
|
9001
9088
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9002
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9089
|
+
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);
|
|
9003
9090
|
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);
|
|
9004
|
-
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9091
|
+
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__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);
|
|
9005
9092
|
|
|
9006
9093
|
var _excluded$l = ["text"];
|
|
9007
9094
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
@@ -9108,7 +9195,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9108
9195
|
})))));
|
|
9109
9196
|
};
|
|
9110
9197
|
|
|
9111
|
-
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$w, _templateObject5$p, _templateObject6$
|
|
9198
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject0$6, _templateObject1$3;
|
|
9112
9199
|
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9113
9200
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9114
9201
|
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__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);
|
|
@@ -9120,17 +9207,17 @@ var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_te
|
|
|
9120
9207
|
var showBlock = _ref2.showBlock;
|
|
9121
9208
|
return showBlock ? 'block' : 'none';
|
|
9122
9209
|
}, devices.mobile);
|
|
9123
|
-
var BadgeWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9210
|
+
var BadgeWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n height: 32px;\n }\n\n @media ", " {\n margin-bottom: 12px;\n }\n"])), devices.mobile);
|
|
9124
9211
|
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: start;\n align-items: center;\n width: 200px;\n\n @media ", " {\n order: ", ";\n width: 100%;\n justify-content: center;\n }\n"])), devices.mobile, function (_ref3) {
|
|
9125
9212
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
9126
9213
|
return isBadgePresent ? '1' : '4';
|
|
9127
9214
|
});
|
|
9128
|
-
var MainButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9215
|
+
var MainButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: end;\n width: 200px;\n\n @media ", " {\n margin-bottom: ", ";\n width: 100%;\n order: 3;\n }\n"])), devices.mobile, function (_ref4) {
|
|
9129
9216
|
var isAdditionalButtonPresent = _ref4.isAdditionalButtonPresent;
|
|
9130
9217
|
return isAdditionalButtonPresent ? '20px' : '0';
|
|
9131
9218
|
});
|
|
9132
|
-
var AdditionalButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
9133
|
-
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
9219
|
+
var AdditionalButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n width: 100%;\n display: flex;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9220
|
+
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject0$6 || (_templateObject0$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 10px 0;\n\n h1,\n h2,\n h3 {\n color: ", ";\n }\n\n @media ", " {\n padding: 0;\n order: 2;\n margin-bottom: ", ";\n }\n"])), function (_ref5) {
|
|
9134
9221
|
var theme = _ref5.theme;
|
|
9135
9222
|
return theme == exports.ThemeType.Cinema ? 'var(--color-base-black)' : 'var(--color-base-white)';
|
|
9136
9223
|
}, devices.mobile, function (_ref6) {
|
|
@@ -9234,17 +9321,17 @@ var TITLE_MAX_LENGTH = 40;
|
|
|
9234
9321
|
var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
9235
9322
|
var _ref$sponsor = _ref.sponsor,
|
|
9236
9323
|
sponsor = _ref$sponsor === void 0 ? true : _ref$sponsor,
|
|
9237
|
-
className = _ref.className,
|
|
9238
|
-
theme = _ref.theme,
|
|
9239
9324
|
badge = _ref.badge,
|
|
9240
9325
|
mainLink = _ref.mainLink,
|
|
9241
9326
|
title = _ref.title,
|
|
9242
9327
|
titleSemanticLevel = _ref.titleSemanticLevel,
|
|
9243
9328
|
additionalLink = _ref.additionalLink,
|
|
9244
|
-
image = _ref.image
|
|
9329
|
+
image = _ref.image,
|
|
9330
|
+
className = _ref.className;
|
|
9245
9331
|
var _useViewport = useViewport(),
|
|
9246
9332
|
isMobile = _useViewport.isMobile,
|
|
9247
9333
|
hydrated = _useViewport.hydrated;
|
|
9334
|
+
var theme = useHarmonicTheme();
|
|
9248
9335
|
var showImageButton = !title && !badge && !additionalLink && !isMobile;
|
|
9249
9336
|
var showContentBlock = !!title || !!additionalLink || !!mainLink && isMobile;
|
|
9250
9337
|
var truncatedTitle = title ? truncate(title, TITLE_MAX_LENGTH) : null;
|
|
@@ -9322,12 +9409,12 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9322
9409
|
})))))))))));
|
|
9323
9410
|
};
|
|
9324
9411
|
|
|
9325
|
-
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$q, _templateObject6$
|
|
9412
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$q, _templateObject6$k, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject0$7;
|
|
9326
9413
|
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__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);
|
|
9327
9414
|
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__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"])));
|
|
9328
9415
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9329
9416
|
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);
|
|
9330
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$
|
|
9417
|
+
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) {
|
|
9331
9418
|
var invert = _ref.invert,
|
|
9332
9419
|
theme = _ref.theme;
|
|
9333
9420
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -9344,9 +9431,9 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
9344
9431
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
9345
9432
|
}, devices.tablet, devices.mobile);
|
|
9346
9433
|
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: logo;\n padding-left: 50px;\n justify-content: left;\n align-items: center;\n width: 100%;\n @media ", " {\n padding-left: 0px;\n justify-content: center;\n }\n @media ", " {\n width: fit-content;\n }\n"])), devices.mobile, devices.tablet);
|
|
9347
|
-
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9348
|
-
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
9349
|
-
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject0$
|
|
9434
|
+
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: title;\n align-items: center;\n justify-content: center;\n font-family: var(--font-family-header);\n text-transform: uppercase;\n text-align: center;\n padding: 0 2em;\n @media ", " {\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9435
|
+
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: cta;\n justify-content: right;\n align-items: center;\n padding-right: 50px;\n @media ", " {\n padding-right: 0px;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9436
|
+
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject0$7 || (_templateObject0$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (_ref5) {
|
|
9350
9437
|
var invert = _ref5.invert,
|
|
9351
9438
|
theme = _ref5.theme;
|
|
9352
9439
|
return invert ? theme.colors.primary : theme.colors.white;
|
|
@@ -9576,14 +9663,14 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9576
9663
|
}), linkText))))));
|
|
9577
9664
|
};
|
|
9578
9665
|
|
|
9579
|
-
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$r, _templateObject6$
|
|
9666
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$r, _templateObject6$l, _templateObject7$g, _templateObject8$d;
|
|
9580
9667
|
var linkButtonStyles = /*#__PURE__*/styled.css(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n background: none;\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n font: inherit;\n padding: 0;\n\n span {\n height: 1.5em;\n width: 1.5em;\n\n svg > path {\n fill: var(--color-base-black);\n }\n }\n\n &:hover {\n outline: none;\n }\n"])));
|
|
9581
9668
|
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9582
9669
|
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9583
9670
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\n align-items: center;\n justify-content: center;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: 0 auto;\n\n li {\n margin-left: 24px;\n color: var(--color-base-black);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n li:first-child {\n margin-left: 0px;\n }\n"])));
|
|
9584
|
-
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$
|
|
9671
|
+
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9585
9672
|
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9586
|
-
var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject8$
|
|
9673
|
+
var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: ", ";\n border-bottom: ", ";\n }\n\n :hover {\n cursor: pointer;\n color: var(--color-primary-red);\n border-bottom: 1px solid var(--color-primary-red);\n svg > path {\n fill: var(--color-base-black);\n }\n }\n"])), function (_ref) {
|
|
9587
9674
|
var active = _ref.active;
|
|
9588
9675
|
return active ? "var(--color-primary-red)" : 'inherit';
|
|
9589
9676
|
}, function (_ref2) {
|
|
@@ -9731,13 +9818,13 @@ var Pagination = function Pagination(_ref) {
|
|
|
9731
9818
|
}))))));
|
|
9732
9819
|
};
|
|
9733
9820
|
|
|
9734
|
-
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$x, _templateObject5$s, _templateObject6$
|
|
9821
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$x, _templateObject5$s, _templateObject6$m, _templateObject7$h;
|
|
9735
9822
|
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$15 || (_templateObject$15 = /*#__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);
|
|
9736
9823
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9737
9824
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9738
9825
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9739
9826
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9740
|
-
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$
|
|
9827
|
+
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$m || (_templateObject6$m = /*#__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"])));
|
|
9741
9828
|
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9742
9829
|
|
|
9743
9830
|
var Person = function Person(_ref) {
|
|
@@ -9836,6 +9923,11 @@ var concatenateMusicTitle = function concatenateMusicTitle(musicTitle, index) {
|
|
|
9836
9923
|
}, /*#__PURE__*/React__default.createElement("i", null, title));
|
|
9837
9924
|
}));
|
|
9838
9925
|
};
|
|
9926
|
+
var isArrayOfArrays = function isArrayOfArrays(array) {
|
|
9927
|
+
return !array.some(function (item) {
|
|
9928
|
+
return !Array.isArray(item);
|
|
9929
|
+
});
|
|
9930
|
+
};
|
|
9839
9931
|
var CreditListing = function CreditListing(_ref) {
|
|
9840
9932
|
var roles = _ref.roles,
|
|
9841
9933
|
_ref$columnCount = _ref.columnCount,
|
|
@@ -9858,7 +9950,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9858
9950
|
dataROH = _ref2.dataROH;
|
|
9859
9951
|
var _ref3 = function () {
|
|
9860
9952
|
if (expandLargeEntries && columnCount > 1) {
|
|
9861
|
-
var namesLength = getConcatenatedPropLength(people, 'name');
|
|
9953
|
+
var namesLength = getConcatenatedPropLength(people.flat(), 'name');
|
|
9862
9954
|
var span = namesLength > characterThreshold ? largeColumnSpan : 1;
|
|
9863
9955
|
var unboundedEnd = nextColumnStart + span;
|
|
9864
9956
|
var start = unboundedEnd > columnCount + 1 ? 1 : nextColumnStart;
|
|
@@ -9876,6 +9968,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9876
9968
|
}(),
|
|
9877
9969
|
columnStart = _ref3.columnStart,
|
|
9878
9970
|
columnSpan = _ref3.columnSpan;
|
|
9971
|
+
var personArrays = isArrayOfArrays(people) ? people : [people];
|
|
9879
9972
|
creditEntries.push(/*#__PURE__*/React__default.createElement(GridItem, {
|
|
9880
9973
|
columnStartDesktop: columnStart,
|
|
9881
9974
|
columnSpanDesktop: columnSpan,
|
|
@@ -9894,16 +9987,19 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9894
9987
|
}, name)), description && (/*#__PURE__*/React__default.createElement(DescriptionWrapper, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
9895
9988
|
level: 3,
|
|
9896
9989
|
tag: "p"
|
|
9897
|
-
}, description))),
|
|
9898
|
-
|
|
9899
|
-
|
|
9900
|
-
|
|
9901
|
-
|
|
9902
|
-
|
|
9903
|
-
|
|
9904
|
-
|
|
9905
|
-
|
|
9906
|
-
|
|
9990
|
+
}, description))), personArrays.map(function (personArray, arrayIndex) {
|
|
9991
|
+
return /*#__PURE__*/React__default.createElement(BodyText, {
|
|
9992
|
+
key: "personArray" + arrayIndex,
|
|
9993
|
+
level: 1,
|
|
9994
|
+
tag: "p"
|
|
9995
|
+
}, personArray.map(function (person, personIndex) {
|
|
9996
|
+
return /*#__PURE__*/React__default.createElement(Person, {
|
|
9997
|
+
key: "" + person.name + personIndex,
|
|
9998
|
+
person: person,
|
|
9999
|
+
withSeparator: personArray.length !== personIndex + 1
|
|
10000
|
+
});
|
|
10001
|
+
}));
|
|
10002
|
+
}), replacement && (/*#__PURE__*/React__default.createElement(ReplacementWrapper$1, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
9907
10003
|
level: 1,
|
|
9908
10004
|
tag: "p"
|
|
9909
10005
|
}, replacement))), musicTitle && musicTitle.length > 0 && (/*#__PURE__*/React__default.createElement(BodyText, {
|
|
@@ -9920,7 +10016,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9920
10016
|
}, creditEntries);
|
|
9921
10017
|
};
|
|
9922
10018
|
|
|
9923
|
-
var _templateObject$17, _templateObject3$H, _templateObject4$z, _templateObject5$t, _templateObject6$
|
|
10019
|
+
var _templateObject$17, _templateObject3$H, _templateObject4$z, _templateObject5$t, _templateObject6$n, _templateObject7$i, _templateObject8$e, _templateObject9$8, _templateObject0$8, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16;
|
|
9924
10020
|
var LENGTH_TEXT = 28;
|
|
9925
10021
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9926
10022
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9969,11 +10065,11 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
|
9969
10065
|
return mobileMarginBottom && "\n @media " + devices.mobile + " {\n margin-bottom: " + mobileMarginBottom + "px;\n }\n ";
|
|
9970
10066
|
});
|
|
9971
10067
|
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
9972
|
-
var TextLinkWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
10068
|
+
var TextLinkWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
9973
10069
|
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
9974
|
-
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9975
|
-
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
9976
|
-
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
10070
|
+
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
10071
|
+
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
10072
|
+
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject0$8 || (_templateObject0$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin: 0 50px 0 20px;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
9977
10073
|
var asCardOverrides = /*#__PURE__*/styled.css(_templateObject1$4 || (_templateObject1$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: row;\n @media ", " {\n flex-direction: row;\n }\n }\n"])), ButtonsContainer$2, devices.tablet);
|
|
9978
10074
|
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref9) {
|
|
9979
10075
|
var imageToLeft = _ref9.imageToLeft;
|
|
@@ -10175,7 +10271,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10175
10271
|
}))));
|
|
10176
10272
|
};
|
|
10177
10273
|
|
|
10178
|
-
var _templateObject$18, _templateObject2$U, _templateObject3$I, _templateObject4$A, _templateObject5$u, _templateObject6$
|
|
10274
|
+
var _templateObject$18, _templateObject2$U, _templateObject3$I, _templateObject4$A, _templateObject5$u, _templateObject6$o, _templateObject7$j;
|
|
10179
10275
|
var LENGTH_TEXT$2 = 28;
|
|
10180
10276
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10181
10277
|
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$18 || (_templateObject$18 = /*#__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) {
|
|
@@ -10195,7 +10291,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
10195
10291
|
}, devices.mobile);
|
|
10196
10292
|
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10197
10293
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10198
|
-
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$
|
|
10294
|
+
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n margin-bottom: 32px;\n whiete-space: break-spaces;\n overflow-wrap: break-word;\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 @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10199
10295
|
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref5) {
|
|
10200
10296
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10201
10297
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
@@ -10646,7 +10742,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10646
10742
|
}, description)))));
|
|
10647
10743
|
};
|
|
10648
10744
|
|
|
10649
|
-
var _templateObject$1e, _templateObject2$X, _templateObject3$L, _templateObject4$B, _templateObject5$v, _templateObject6$
|
|
10745
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$L, _templateObject4$B, _templateObject5$v, _templateObject6$p, _templateObject7$k, _templateObject8$f, _templateObject9$9, _templateObject0$9, _templateObject1$5;
|
|
10650
10746
|
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1e || (_templateObject$1e = /*#__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) {
|
|
10651
10747
|
var theme = _ref.theme;
|
|
10652
10748
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10671,10 +10767,10 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10671
10767
|
title: 'Select Arrow'
|
|
10672
10768
|
};
|
|
10673
10769
|
})(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
10674
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
10770
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10675
10771
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10676
|
-
var Options = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
10677
|
-
var Option = /*#__PURE__*/styled__default.li(_templateObject9$
|
|
10772
|
+
var Options = /*#__PURE__*/styled__default.div(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10773
|
+
var Option = /*#__PURE__*/styled__default.li(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10678
10774
|
var theme = _ref6.theme,
|
|
10679
10775
|
hover = _ref6.hover;
|
|
10680
10776
|
var _theme$colors = theme.colors,
|
|
@@ -10684,7 +10780,7 @@ var Option = /*#__PURE__*/styled__default.li(_templateObject9$8 || (_templateObj
|
|
|
10684
10780
|
return "\n background-color: " + lightgrey + ";\n &:hover { background-color: " + midgrey + " }\n ";
|
|
10685
10781
|
});
|
|
10686
10782
|
var selectStyles = function selectStyles(width, height) {
|
|
10687
|
-
return styled.css(_templateObject0$
|
|
10783
|
+
return styled.css(_templateObject0$9 || (_templateObject0$9 = _taggedTemplateLiteralLoose(["\n position: relative;\n z-index: ", ";\n\n width: ", ";\n height: ", ";\n\n * {\n width: ", ";\n }\n\n ", " {\n position: absolute;\n top: ", ";\n }\n ", " {\n height: ", ";\n }\n p {\n height: ", ";\n padding-inline: 20px;\n\n display: flex;\n align-items: center;\n }\n"])), zIndexes[3], width, height, width, Options, height, Option, height, height);
|
|
10688
10784
|
};
|
|
10689
10785
|
var SelectList = /*#__PURE__*/styled__default.ul(_templateObject1$5 || (_templateObject1$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n ", "\n ", "\n ", "\n\n & ", " {\n position: absolute;\n\n top: 13px;\n right: 16px;\n }\n"])), function (_ref7) {
|
|
10690
10786
|
var width = _ref7.width,
|
|
@@ -11241,13 +11337,13 @@ var Quote = function Quote(_ref) {
|
|
|
11241
11337
|
}, attribution))));
|
|
11242
11338
|
};
|
|
11243
11339
|
|
|
11244
|
-
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$
|
|
11340
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$q;
|
|
11245
11341
|
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__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"])));
|
|
11246
11342
|
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"])));
|
|
11247
11343
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11248
11344
|
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11249
11345
|
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$w || (_templateObject5$w = /*#__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);
|
|
11250
|
-
var TitleWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11346
|
+
var TitleWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$q || (_templateObject6$q = /*#__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);
|
|
11251
11347
|
|
|
11252
11348
|
var MiniCard = function MiniCard(_ref) {
|
|
11253
11349
|
var _ref$title = _ref.title,
|
|
@@ -11541,7 +11637,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11541
11637
|
});
|
|
11542
11638
|
};
|
|
11543
11639
|
|
|
11544
|
-
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$G, _templateObject5$z, _templateObject6$
|
|
11640
|
+
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$G, _templateObject5$z, _templateObject6$r;
|
|
11545
11641
|
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11546
11642
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11547
11643
|
var Section = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
@@ -11553,7 +11649,7 @@ var Text = /*#__PURE__*/styled__default.div(_templateObject5$z || (_templateObje
|
|
|
11553
11649
|
var color = _ref2.color;
|
|
11554
11650
|
return "var(--base-color-" + color + ")";
|
|
11555
11651
|
});
|
|
11556
|
-
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11652
|
+
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
11557
11653
|
var color = _ref3.color;
|
|
11558
11654
|
return "var(--base-color-" + color + ")";
|
|
11559
11655
|
});
|
|
@@ -11635,7 +11731,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11635
11731
|
}, strengthLabel))));
|
|
11636
11732
|
};
|
|
11637
11733
|
|
|
11638
|
-
var _templateObject$1m, _templateObject2$13, _templateObject3$S, _templateObject4$H, _templateObject5$A, _templateObject6$
|
|
11734
|
+
var _templateObject$1m, _templateObject2$13, _templateObject3$S, _templateObject4$H, _templateObject5$A, _templateObject6$s, _templateObject7$l, _templateObject8$g;
|
|
11639
11735
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11640
11736
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11641
11737
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11645,9 +11741,9 @@ var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$H || (_templa
|
|
|
11645
11741
|
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n vertical-align: middle;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n min-width: 150px;\n }\n"])), function (props) {
|
|
11646
11742
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11647
11743
|
}, devices.mobile);
|
|
11648
|
-
var PaginationWrapper = /*#__PURE__*/styled__default(Pagination)(_templateObject6$
|
|
11744
|
+
var PaginationWrapper = /*#__PURE__*/styled__default(Pagination)(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 40px;\n padding-bottom: 80px;\n\n @media ", " {\n padding-top: 24px;\n padding-bottom: 60px;\n }\n"])), devices.mobile);
|
|
11649
11745
|
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 60px 0 24px 0;\n\n div:hover {\n background-color: var(--color-base-light-grey);\n }\n\n > div > div {\n background-color: var(--color-base-light-grey);\n }\n\n svg path {\n fill: var(--color-base-black) !important;\n }\n"])));
|
|
11650
|
-
var AriaDescription$2 = /*#__PURE__*/styled__default.span(_templateObject8$
|
|
11746
|
+
var AriaDescription$2 = /*#__PURE__*/styled__default.span(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
11651
11747
|
|
|
11652
11748
|
/* eslint-disable react/no-danger */
|
|
11653
11749
|
var Content = function Content(_ref) {
|
|
@@ -11850,7 +11946,7 @@ var Table = function Table(_ref) {
|
|
|
11850
11946
|
}))));
|
|
11851
11947
|
};
|
|
11852
11948
|
|
|
11853
|
-
var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$I, _templateObject5$B, _templateObject6$
|
|
11949
|
+
var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$I, _templateObject5$B, _templateObject6$t, _templateObject7$m, _templateObject8$h, _templateObject9$a, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
|
|
11854
11950
|
var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11855
11951
|
var theme = _ref.theme;
|
|
11856
11952
|
return "var(--color-" + theme + ")";
|
|
@@ -11862,11 +11958,11 @@ var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$14 |
|
|
|
11862
11958
|
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$T || (_templateObject3$T = /*#__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);
|
|
11863
11959
|
var Error = /*#__PURE__*/styled__default.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11864
11960
|
var Form = /*#__PURE__*/styled__default.form(_templateObject5$B || (_templateObject5$B = /*#__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);
|
|
11865
|
-
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11961
|
+
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$t || (_templateObject6$t = /*#__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);
|
|
11866
11962
|
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11867
|
-
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$
|
|
11868
|
-
var ButtonWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
11869
|
-
var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
11963
|
+
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
11964
|
+
var ButtonWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n color: var(--base-color-white);\n text-decoration: none;\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
11965
|
+
var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$a || (_templateObject0$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 36px;\n\n @media ", " {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n"])), devices.mobile);
|
|
11870
11966
|
var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject1$6 || (_templateObject1$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div > p {\n margin: 0;\n }\n"])));
|
|
11871
11967
|
var DropdownAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1 / -1;\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n gap: var(--grid-column-gap);\n cursor: pointer;\n"])));
|
|
11872
11968
|
var DropdownWrapper = /*#__PURE__*/styled__default.div(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n width: fit-content;\n transform: rotate(", ");\n .dropdown-icon > div {\n border-bottom: none;\n color: var(--color-base-black);\n margin: 0;\n }\n"])), function (_ref3) {
|
|
@@ -12488,53 +12584,6 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12488
12584
|
})));
|
|
12489
12585
|
};
|
|
12490
12586
|
|
|
12491
|
-
var coreThemeStyles = {"coreTheme":"core-theme-module_coreTheme__pWxYB"};
|
|
12492
|
-
|
|
12493
|
-
var streamThemeStyles = {"streamTheme":"stream-theme-module_streamTheme__lTfqQ"};
|
|
12494
|
-
|
|
12495
|
-
var cinemaThemeStyles = {"cinemaTheme":"cinema-theme-module_cinemaTheme__f5QFs"};
|
|
12496
|
-
|
|
12497
|
-
var schoolsThemeStyles = {"schoolsTheme":"schools-theme-module_schoolsTheme__CWHba"};
|
|
12498
|
-
|
|
12499
|
-
/* eslint-disable react/jsx-no-useless-fragment */
|
|
12500
|
-
var getThemeClass = function getThemeClass(theme) {
|
|
12501
|
-
// Always include the base (core) theme class
|
|
12502
|
-
var baseThemeClass = coreThemeStyles.coreTheme;
|
|
12503
|
-
var overrideClass = '';
|
|
12504
|
-
switch (theme) {
|
|
12505
|
-
case exports.ThemeType.Core:
|
|
12506
|
-
overrideClass = '';
|
|
12507
|
-
break;
|
|
12508
|
-
case exports.ThemeType.Stream:
|
|
12509
|
-
overrideClass = streamThemeStyles.streamTheme;
|
|
12510
|
-
break;
|
|
12511
|
-
case exports.ThemeType.Cinema:
|
|
12512
|
-
overrideClass = cinemaThemeStyles.cinemaTheme;
|
|
12513
|
-
break;
|
|
12514
|
-
case exports.ThemeType.Schools:
|
|
12515
|
-
overrideClass = schoolsThemeStyles.schoolsTheme;
|
|
12516
|
-
break;
|
|
12517
|
-
default:
|
|
12518
|
-
overrideClass = '';
|
|
12519
|
-
}
|
|
12520
|
-
// Return the combined classes
|
|
12521
|
-
return [baseThemeClass, overrideClass].filter(Boolean).join(' ');
|
|
12522
|
-
};
|
|
12523
|
-
var HarmonicThemeProvider = function HarmonicThemeProvider(_ref) {
|
|
12524
|
-
var theme = _ref.theme,
|
|
12525
|
-
children = _ref.children;
|
|
12526
|
-
var themeClass = getThemeClass(theme);
|
|
12527
|
-
// Convert children to an array (assuming they accept a className prop)
|
|
12528
|
-
var childrenArray = React__default.Children.toArray(children);
|
|
12529
|
-
var themedChildren = childrenArray.map(function (child) {
|
|
12530
|
-
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
12531
|
-
className: ((child.props.className || '') + " " + themeClass).trim(),
|
|
12532
|
-
theme: theme
|
|
12533
|
-
});
|
|
12534
|
-
});
|
|
12535
|
-
return themedChildren.length === 1 ? themedChildren[0] : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, themedChildren);
|
|
12536
|
-
};
|
|
12537
|
-
|
|
12538
12587
|
var _excluded$r = ["logo", "slides"];
|
|
12539
12588
|
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
12540
12589
|
var logo = _ref.logo,
|
|
@@ -13682,5 +13731,6 @@ exports.VideoControls = VideoControls;
|
|
|
13682
13731
|
exports.VideoWithControls = VideoWithControls$1;
|
|
13683
13732
|
exports.breakpoints = breakpoints;
|
|
13684
13733
|
exports.devices = devices;
|
|
13734
|
+
exports.useHarmonicTheme = useHarmonicTheme;
|
|
13685
13735
|
exports.zIndexes = zIndexes;
|
|
13686
13736
|
//# sourceMappingURL=harmonic.cjs.development.js.map
|