@royaloperahouse/harmonic 0.11.0-j → 0.11.0-k
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 +224 -182
- 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 +240 -199
- 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 "])));
|
|
6037
6042
|
});
|
|
6038
|
-
var ArrowWrapper = /*#__PURE__*/styled__default.div(
|
|
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)';
|
|
6052
|
+
});
|
|
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 || ''),
|
|
@@ -6211,10 +6296,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6211
6296
|
setCanScrollToLeft(scrollLeft > LIST_ITEM_GAP);
|
|
6212
6297
|
setCanScrollToRight(scrollLeft + clientWidth + LIST_ITEM_GAP < scrollWidth);
|
|
6213
6298
|
};
|
|
6299
|
+
var theme = useHarmonicTheme();
|
|
6214
6300
|
return /*#__PURE__*/React__default.createElement(AnchorTabbarWrapper, {
|
|
6215
6301
|
bottomBorder: bottomBorder,
|
|
6302
|
+
withShadow: withShadow,
|
|
6216
6303
|
ref: wrapperRef,
|
|
6217
|
-
id: "AnchorTabbarWrapper"
|
|
6304
|
+
id: "AnchorTabbarWrapper",
|
|
6305
|
+
className: className
|
|
6218
6306
|
}, /*#__PURE__*/React__default.createElement(TabsGrid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
6219
6307
|
columnStartDesktop: tabsColumnStart,
|
|
6220
6308
|
columnSpanDesktop: tabsColumnSpan,
|
|
@@ -6240,23 +6328,30 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6240
6328
|
onClick: function onClick(e) {
|
|
6241
6329
|
return onClicktab(e, id);
|
|
6242
6330
|
},
|
|
6243
|
-
tabIndex: 0
|
|
6331
|
+
tabIndex: 0,
|
|
6332
|
+
hoverColor: theme === exports.ThemeType.Core ? ThemeColor['primary-red'] : ThemeColor['primary-black']
|
|
6244
6333
|
}, rest), text));
|
|
6245
6334
|
})), tabsOverflow ? (/*#__PURE__*/React__default.createElement(ArrowsContainer, {
|
|
6246
|
-
|
|
6247
|
-
},
|
|
6248
|
-
onClick: scrollToLeft
|
|
6335
|
+
withShadow: withShadow
|
|
6336
|
+
}, /*#__PURE__*/React__default.createElement(ArrowWrapper, {
|
|
6337
|
+
onClick: scrollToLeft,
|
|
6338
|
+
disabled: !canScrollToLeft,
|
|
6339
|
+
"aria-label": "Previous section",
|
|
6340
|
+
role: "button"
|
|
6249
6341
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
6250
6342
|
iconName: "Arrow",
|
|
6251
6343
|
direction: "reverse"
|
|
6252
|
-
}))
|
|
6253
|
-
onClick: scrollToRight
|
|
6344
|
+
})), /*#__PURE__*/React__default.createElement(ArrowWrapper, {
|
|
6345
|
+
onClick: scrollToRight,
|
|
6346
|
+
disabled: !canScrollToRight,
|
|
6347
|
+
"aria-label": "Next section",
|
|
6348
|
+
role: "button"
|
|
6254
6349
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
6255
6350
|
iconName: "Arrow"
|
|
6256
|
-
})))
|
|
6351
|
+
})))) : null))));
|
|
6257
6352
|
};
|
|
6258
6353
|
|
|
6259
|
-
var _templateObject$G, _templateObject2$v, _templateObject3$l, _templateObject4$h, _templateObject6$
|
|
6354
|
+
var _templateObject$G, _templateObject2$v, _templateObject3$l, _templateObject4$h, _templateObject6$9, _templateObject7$6, _templateObject8$4, _templateObject9$3, _templateObject0$3;
|
|
6260
6355
|
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
6356
|
var sticky = _ref.sticky;
|
|
6262
6357
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -6267,9 +6362,9 @@ var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$l || (_
|
|
|
6267
6362
|
return title ? 'row' : 'row-reverse';
|
|
6268
6363
|
}, devices.tablet, devices.mobile);
|
|
6269
6364
|
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$
|
|
6365
|
+
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
6366
|
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$
|
|
6367
|
+
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
6368
|
var theme = _ref3.theme;
|
|
6274
6369
|
return theme.colors.primaryButtonReverseBg;
|
|
6275
6370
|
}, function (_ref4) {
|
|
@@ -6282,8 +6377,8 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
|
|
|
6282
6377
|
var theme = _ref6.theme;
|
|
6283
6378
|
return theme.colors.primaryButtonReverse;
|
|
6284
6379
|
});
|
|
6285
|
-
var MessageWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
6286
|
-
var MessageWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
6380
|
+
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);
|
|
6381
|
+
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
6382
|
|
|
6288
6383
|
var _excluded$e = ["text"],
|
|
6289
6384
|
_excluded2$1 = ["text"];
|
|
@@ -6918,21 +7013,7 @@ var BodyContent = function BodyContent(_ref) {
|
|
|
6918
7013
|
})));
|
|
6919
7014
|
};
|
|
6920
7015
|
|
|
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;
|
|
7016
|
+
var _templateObject$J, _templateObject2$x, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$a, _templateObject7$7, _templateObject8$5;
|
|
6936
7017
|
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
7018
|
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
7019
|
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 +7028,9 @@ var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_t
|
|
|
6947
7028
|
return stackCtasEarly && "\n @media " + devices.smallDesktop + ", " + devices.mobileAndTablet + " {\n * {\n width: 100%;\n }\n }\n ";
|
|
6948
7029
|
});
|
|
6949
7030
|
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$
|
|
7031
|
+
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
7032
|
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$
|
|
7033
|
+
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
7034
|
|
|
6954
7035
|
// Set max. character length
|
|
6955
7036
|
var setMaxCharLength = function setMaxCharLength(value, maxLength) {
|
|
@@ -7301,7 +7382,7 @@ var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
|
|
|
7301
7382
|
return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
|
|
7302
7383
|
};
|
|
7303
7384
|
|
|
7304
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$p, _templateObject4$k, _templateObject5$e, _templateObject6$
|
|
7385
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$p, _templateObject4$k, _templateObject5$e, _templateObject6$b, _templateObject7$8, _templateObject8$6;
|
|
7305
7386
|
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n"])), function (_ref) {
|
|
7306
7387
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
7307
7388
|
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 +7401,9 @@ var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$e || (_te
|
|
|
7320
7401
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
7321
7402
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
7322
7403
|
});
|
|
7323
|
-
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7404
|
+
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
7405
|
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$
|
|
7406
|
+
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
7407
|
var active = _ref5.active;
|
|
7327
7408
|
return active ? 'grid-column: 1 / span 16' : '';
|
|
7328
7409
|
}, devices.tablet, function (_ref6) {
|
|
@@ -7777,17 +7858,17 @@ var Carousel = function Carousel(_ref) {
|
|
|
7777
7858
|
}, children))));
|
|
7778
7859
|
};
|
|
7779
7860
|
|
|
7780
|
-
var _templateObject$P, _templateObject2$C, _templateObject3$q, _templateObject4$l, _templateObject5$f, _templateObject6$
|
|
7861
|
+
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
7862
|
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
7863
|
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
7864
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7784
7865
|
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
7866
|
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$
|
|
7867
|
+
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
7868
|
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$
|
|
7869
|
+
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);
|
|
7870
|
+
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);
|
|
7871
|
+
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
7872
|
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
7873
|
var HtmlBodyText = /*#__PURE__*/styled__default.p(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
7793
7874
|
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 +8040,7 @@ var InfoSection = function InfoSection(_ref) {
|
|
|
7959
8040
|
}, additionalInfo)))));
|
|
7960
8041
|
};
|
|
7961
8042
|
|
|
7962
|
-
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$m, _templateObject5$g, _templateObject6$
|
|
8043
|
+
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$m, _templateObject5$g, _templateObject6$d;
|
|
7963
8044
|
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
8045
|
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
8046
|
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 +8052,7 @@ var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$g || (_
|
|
|
7971
8052
|
var textHeight = _ref2.textHeight;
|
|
7972
8053
|
return textHeight;
|
|
7973
8054
|
}, devices.mobile);
|
|
7974
|
-
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8055
|
+
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
|
|
7975
8056
|
|
|
7976
8057
|
/* eslint-disable react/no-unstable-nested-components */
|
|
7977
8058
|
var Accordion = function Accordion(_ref) {
|
|
@@ -8181,7 +8262,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8181
8262
|
}))))));
|
|
8182
8263
|
};
|
|
8183
8264
|
|
|
8184
|
-
var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$o, _templateObject5$i, _templateObject6$
|
|
8265
|
+
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
8266
|
var LENGTH_LARGE_TEXT = 28;
|
|
8186
8267
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8187
8268
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8205,11 +8286,11 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$o ||
|
|
|
8205
8286
|
return fullWidth ? '0' : '20px';
|
|
8206
8287
|
});
|
|
8207
8288
|
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$
|
|
8289
|
+
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
8290
|
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$
|
|
8291
|
+
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8292
|
+
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
|
|
8293
|
+
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
8294
|
var isVisible = _ref6.isVisible;
|
|
8214
8295
|
return isVisible ? "visible" : 'hidden';
|
|
8215
8296
|
}, devices.mobile, function (_ref7) {
|
|
@@ -8464,13 +8545,13 @@ var Cards = function Cards(_ref) {
|
|
|
8464
8545
|
}));
|
|
8465
8546
|
};
|
|
8466
8547
|
|
|
8467
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$p, _templateObject5$j, _templateObject6$
|
|
8548
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$p, _templateObject5$j, _templateObject6$f, _templateObject7$b;
|
|
8468
8549
|
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
8550
|
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
8551
|
var AddressWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
8471
8552
|
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
8553
|
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$
|
|
8554
|
+
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
8555
|
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
8556
|
|
|
8476
8557
|
var ContactCard = function ContactCard(_ref) {
|
|
@@ -8522,7 +8603,7 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8522
8603
|
}, addressString)))))))));
|
|
8523
8604
|
};
|
|
8524
8605
|
|
|
8525
|
-
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$q, _templateObject5$k, _templateObject6$
|
|
8606
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$q, _templateObject5$k, _templateObject6$g;
|
|
8526
8607
|
var BodyTextRelative = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8527
8608
|
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
8609
|
return props.clickable ? 'pointer' : 'default';
|
|
@@ -8532,7 +8613,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
|
8532
8613
|
return props.showImage ? 2 : '1 / span 4';
|
|
8533
8614
|
}, devices.mobile);
|
|
8534
8615
|
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$
|
|
8616
|
+
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
8617
|
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
8618
|
});
|
|
8538
8619
|
|
|
@@ -8815,8 +8896,8 @@ var InfoCta = function InfoCta(_ref2) {
|
|
|
8815
8896
|
iconName = _ref2.iconName,
|
|
8816
8897
|
iconDirection = _ref2.iconDirection,
|
|
8817
8898
|
_ref2$target = _ref2.target,
|
|
8818
|
-
target = _ref2$target === void 0 ? LinkTarget.Self : _ref2$target
|
|
8819
|
-
|
|
8899
|
+
target = _ref2$target === void 0 ? LinkTarget.Self : _ref2$target;
|
|
8900
|
+
var theme = useHarmonicTheme();
|
|
8820
8901
|
return /*#__PURE__*/React__default.createElement(InfoCTAWrapper, {
|
|
8821
8902
|
variant: variant,
|
|
8822
8903
|
theme: theme
|
|
@@ -8845,8 +8926,7 @@ var Information = function Information(_ref) {
|
|
|
8845
8926
|
var body = _ref.body,
|
|
8846
8927
|
title = _ref.title,
|
|
8847
8928
|
cta = _ref.cta,
|
|
8848
|
-
className = _ref.className
|
|
8849
|
-
theme = _ref.theme;
|
|
8929
|
+
className = _ref.className;
|
|
8850
8930
|
var _useViewport = useViewport(),
|
|
8851
8931
|
hydrated = _useViewport.hydrated;
|
|
8852
8932
|
var safeTitle = title || {
|
|
@@ -8887,12 +8967,11 @@ var Information = function Information(_ref) {
|
|
|
8887
8967
|
text: cta.text,
|
|
8888
8968
|
iconName: cta.iconName,
|
|
8889
8969
|
iconDirection: cta.iconDirection,
|
|
8890
|
-
target: cta.target
|
|
8891
|
-
theme: theme
|
|
8970
|
+
target: cta.target
|
|
8892
8971
|
})))));
|
|
8893
8972
|
};
|
|
8894
8973
|
|
|
8895
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$
|
|
8974
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$h, _templateObject7$c, _templateObject8$9;
|
|
8896
8975
|
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
8976
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8898
8977
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -8910,7 +8989,7 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_t
|
|
|
8910
8989
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
8911
8990
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
8912
8991
|
}, devices.mobile);
|
|
8913
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8992
|
+
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
8993
|
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
8994
|
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
8916
8995
|
return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
|
|
@@ -8918,7 +8997,7 @@ var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templ
|
|
|
8918
8997
|
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
8919
8998
|
return isPageHeadingWithoutTitle && "\n margin-top: 15px;\n ";
|
|
8920
8999
|
});
|
|
8921
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9000
|
+
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
9001
|
|
|
8923
9002
|
var PageHeading = function PageHeading(_ref) {
|
|
8924
9003
|
var title = _ref.title,
|
|
@@ -8993,15 +9072,15 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
8993
9072
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
8994
9073
|
};
|
|
8995
9074
|
|
|
8996
|
-
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$u, _templateObject5$n, _templateObject6$
|
|
9075
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$u, _templateObject5$n, _templateObject6$i, _templateObject7$d, _templateObject8$a;
|
|
8997
9076
|
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
9077
|
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
9078
|
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
9079
|
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
9080
|
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$
|
|
9081
|
+
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
9082
|
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$
|
|
9083
|
+
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
9084
|
|
|
9006
9085
|
var _excluded$l = ["text"];
|
|
9007
9086
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
@@ -9108,7 +9187,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9108
9187
|
})))));
|
|
9109
9188
|
};
|
|
9110
9189
|
|
|
9111
|
-
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$w, _templateObject5$p, _templateObject6$
|
|
9190
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject0$6, _templateObject1$3;
|
|
9112
9191
|
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9113
9192
|
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
9193
|
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 +9199,17 @@ var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_te
|
|
|
9120
9199
|
var showBlock = _ref2.showBlock;
|
|
9121
9200
|
return showBlock ? 'block' : 'none';
|
|
9122
9201
|
}, devices.mobile);
|
|
9123
|
-
var BadgeWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9202
|
+
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
9203
|
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
9204
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
9126
9205
|
return isBadgePresent ? '1' : '4';
|
|
9127
9206
|
});
|
|
9128
|
-
var MainButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9207
|
+
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
9208
|
var isAdditionalButtonPresent = _ref4.isAdditionalButtonPresent;
|
|
9130
9209
|
return isAdditionalButtonPresent ? '20px' : '0';
|
|
9131
9210
|
});
|
|
9132
|
-
var AdditionalButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
9133
|
-
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
9211
|
+
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);
|
|
9212
|
+
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
9213
|
var theme = _ref5.theme;
|
|
9135
9214
|
return theme == exports.ThemeType.Cinema ? 'var(--color-base-black)' : 'var(--color-base-white)';
|
|
9136
9215
|
}, devices.mobile, function (_ref6) {
|
|
@@ -9234,17 +9313,17 @@ var TITLE_MAX_LENGTH = 40;
|
|
|
9234
9313
|
var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
9235
9314
|
var _ref$sponsor = _ref.sponsor,
|
|
9236
9315
|
sponsor = _ref$sponsor === void 0 ? true : _ref$sponsor,
|
|
9237
|
-
className = _ref.className,
|
|
9238
|
-
theme = _ref.theme,
|
|
9239
9316
|
badge = _ref.badge,
|
|
9240
9317
|
mainLink = _ref.mainLink,
|
|
9241
9318
|
title = _ref.title,
|
|
9242
9319
|
titleSemanticLevel = _ref.titleSemanticLevel,
|
|
9243
9320
|
additionalLink = _ref.additionalLink,
|
|
9244
|
-
image = _ref.image
|
|
9321
|
+
image = _ref.image,
|
|
9322
|
+
className = _ref.className;
|
|
9245
9323
|
var _useViewport = useViewport(),
|
|
9246
9324
|
isMobile = _useViewport.isMobile,
|
|
9247
9325
|
hydrated = _useViewport.hydrated;
|
|
9326
|
+
var theme = useHarmonicTheme();
|
|
9248
9327
|
var showImageButton = !title && !badge && !additionalLink && !isMobile;
|
|
9249
9328
|
var showContentBlock = !!title || !!additionalLink || !!mainLink && isMobile;
|
|
9250
9329
|
var truncatedTitle = title ? truncate(title, TITLE_MAX_LENGTH) : null;
|
|
@@ -9322,12 +9401,12 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9322
9401
|
})))))))))));
|
|
9323
9402
|
};
|
|
9324
9403
|
|
|
9325
|
-
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$q, _templateObject6$
|
|
9404
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$q, _templateObject6$k, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject0$7;
|
|
9326
9405
|
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
9406
|
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
9407
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9329
9408
|
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$
|
|
9409
|
+
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
9410
|
var invert = _ref.invert,
|
|
9332
9411
|
theme = _ref.theme;
|
|
9333
9412
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -9344,9 +9423,9 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
9344
9423
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
9345
9424
|
}, devices.tablet, devices.mobile);
|
|
9346
9425
|
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$
|
|
9426
|
+
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);
|
|
9427
|
+
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);
|
|
9428
|
+
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
9429
|
var invert = _ref5.invert,
|
|
9351
9430
|
theme = _ref5.theme;
|
|
9352
9431
|
return invert ? theme.colors.primary : theme.colors.white;
|
|
@@ -9576,14 +9655,14 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9576
9655
|
}), linkText))))));
|
|
9577
9656
|
};
|
|
9578
9657
|
|
|
9579
|
-
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$r, _templateObject6$
|
|
9658
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$r, _templateObject6$l, _templateObject7$g, _templateObject8$d;
|
|
9580
9659
|
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
9660
|
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9582
9661
|
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9583
9662
|
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$
|
|
9663
|
+
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9585
9664
|
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$
|
|
9665
|
+
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
9666
|
var active = _ref.active;
|
|
9588
9667
|
return active ? "var(--color-primary-red)" : 'inherit';
|
|
9589
9668
|
}, function (_ref2) {
|
|
@@ -9731,13 +9810,13 @@ var Pagination = function Pagination(_ref) {
|
|
|
9731
9810
|
}))))));
|
|
9732
9811
|
};
|
|
9733
9812
|
|
|
9734
|
-
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$x, _templateObject5$s, _templateObject6$
|
|
9813
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$x, _templateObject5$s, _templateObject6$m, _templateObject7$h;
|
|
9735
9814
|
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
9815
|
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
9816
|
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
9817
|
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
9818
|
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$
|
|
9819
|
+
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
9820
|
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9742
9821
|
|
|
9743
9822
|
var Person = function Person(_ref) {
|
|
@@ -9836,6 +9915,11 @@ var concatenateMusicTitle = function concatenateMusicTitle(musicTitle, index) {
|
|
|
9836
9915
|
}, /*#__PURE__*/React__default.createElement("i", null, title));
|
|
9837
9916
|
}));
|
|
9838
9917
|
};
|
|
9918
|
+
var isArrayOfArrays = function isArrayOfArrays(array) {
|
|
9919
|
+
return !array.some(function (item) {
|
|
9920
|
+
return !Array.isArray(item);
|
|
9921
|
+
});
|
|
9922
|
+
};
|
|
9839
9923
|
var CreditListing = function CreditListing(_ref) {
|
|
9840
9924
|
var roles = _ref.roles,
|
|
9841
9925
|
_ref$columnCount = _ref.columnCount,
|
|
@@ -9858,7 +9942,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9858
9942
|
dataROH = _ref2.dataROH;
|
|
9859
9943
|
var _ref3 = function () {
|
|
9860
9944
|
if (expandLargeEntries && columnCount > 1) {
|
|
9861
|
-
var namesLength = getConcatenatedPropLength(people, 'name');
|
|
9945
|
+
var namesLength = getConcatenatedPropLength(people.flat(), 'name');
|
|
9862
9946
|
var span = namesLength > characterThreshold ? largeColumnSpan : 1;
|
|
9863
9947
|
var unboundedEnd = nextColumnStart + span;
|
|
9864
9948
|
var start = unboundedEnd > columnCount + 1 ? 1 : nextColumnStart;
|
|
@@ -9876,6 +9960,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9876
9960
|
}(),
|
|
9877
9961
|
columnStart = _ref3.columnStart,
|
|
9878
9962
|
columnSpan = _ref3.columnSpan;
|
|
9963
|
+
var personArrays = isArrayOfArrays(people) ? people : [people];
|
|
9879
9964
|
creditEntries.push(/*#__PURE__*/React__default.createElement(GridItem, {
|
|
9880
9965
|
columnStartDesktop: columnStart,
|
|
9881
9966
|
columnSpanDesktop: columnSpan,
|
|
@@ -9894,16 +9979,19 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9894
9979
|
}, name)), description && (/*#__PURE__*/React__default.createElement(DescriptionWrapper, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
9895
9980
|
level: 3,
|
|
9896
9981
|
tag: "p"
|
|
9897
|
-
}, description))),
|
|
9898
|
-
|
|
9899
|
-
|
|
9900
|
-
|
|
9901
|
-
|
|
9902
|
-
|
|
9903
|
-
|
|
9904
|
-
|
|
9905
|
-
|
|
9906
|
-
|
|
9982
|
+
}, description))), personArrays.map(function (personArray, arrayIndex) {
|
|
9983
|
+
return /*#__PURE__*/React__default.createElement(BodyText, {
|
|
9984
|
+
key: "personArray" + arrayIndex,
|
|
9985
|
+
level: 1,
|
|
9986
|
+
tag: "p"
|
|
9987
|
+
}, personArray.map(function (person, personIndex) {
|
|
9988
|
+
return /*#__PURE__*/React__default.createElement(Person, {
|
|
9989
|
+
key: "" + person.name + personIndex,
|
|
9990
|
+
person: person,
|
|
9991
|
+
withSeparator: personArray.length !== personIndex + 1
|
|
9992
|
+
});
|
|
9993
|
+
}));
|
|
9994
|
+
}), replacement && (/*#__PURE__*/React__default.createElement(ReplacementWrapper$1, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
9907
9995
|
level: 1,
|
|
9908
9996
|
tag: "p"
|
|
9909
9997
|
}, replacement))), musicTitle && musicTitle.length > 0 && (/*#__PURE__*/React__default.createElement(BodyText, {
|
|
@@ -9920,7 +10008,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9920
10008
|
}, creditEntries);
|
|
9921
10009
|
};
|
|
9922
10010
|
|
|
9923
|
-
var _templateObject$17, _templateObject3$H, _templateObject4$z, _templateObject5$t, _templateObject6$
|
|
10011
|
+
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
10012
|
var LENGTH_TEXT = 28;
|
|
9925
10013
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9926
10014
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9969,11 +10057,11 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
|
9969
10057
|
return mobileMarginBottom && "\n @media " + devices.mobile + " {\n margin-bottom: " + mobileMarginBottom + "px;\n }\n ";
|
|
9970
10058
|
});
|
|
9971
10059
|
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$
|
|
10060
|
+
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
10061
|
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$
|
|
10062
|
+
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);
|
|
10063
|
+
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);
|
|
10064
|
+
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
10065
|
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
10066
|
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
10067
|
var imageToLeft = _ref9.imageToLeft;
|
|
@@ -10175,7 +10263,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10175
10263
|
}))));
|
|
10176
10264
|
};
|
|
10177
10265
|
|
|
10178
|
-
var _templateObject$18, _templateObject2$U, _templateObject3$I, _templateObject4$A, _templateObject5$u, _templateObject6$
|
|
10266
|
+
var _templateObject$18, _templateObject2$U, _templateObject3$I, _templateObject4$A, _templateObject5$u, _templateObject6$o, _templateObject7$j;
|
|
10179
10267
|
var LENGTH_TEXT$2 = 28;
|
|
10180
10268
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10181
10269
|
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 +10283,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
10195
10283
|
}, devices.mobile);
|
|
10196
10284
|
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
10285
|
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$
|
|
10286
|
+
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
10287
|
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
10288
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10201
10289
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
@@ -10646,7 +10734,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10646
10734
|
}, description)))));
|
|
10647
10735
|
};
|
|
10648
10736
|
|
|
10649
|
-
var _templateObject$1e, _templateObject2$X, _templateObject3$L, _templateObject4$B, _templateObject5$v, _templateObject6$
|
|
10737
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$L, _templateObject4$B, _templateObject5$v, _templateObject6$p, _templateObject7$k, _templateObject8$f, _templateObject9$9, _templateObject0$9, _templateObject1$5;
|
|
10650
10738
|
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
10739
|
var theme = _ref.theme;
|
|
10652
10740
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10671,10 +10759,10 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10671
10759
|
title: 'Select Arrow'
|
|
10672
10760
|
};
|
|
10673
10761
|
})(_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$
|
|
10762
|
+
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
10763
|
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$
|
|
10764
|
+
var Options = /*#__PURE__*/styled__default.div(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10765
|
+
var Option = /*#__PURE__*/styled__default.li(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10678
10766
|
var theme = _ref6.theme,
|
|
10679
10767
|
hover = _ref6.hover;
|
|
10680
10768
|
var _theme$colors = theme.colors,
|
|
@@ -10684,7 +10772,7 @@ var Option = /*#__PURE__*/styled__default.li(_templateObject9$8 || (_templateObj
|
|
|
10684
10772
|
return "\n background-color: " + lightgrey + ";\n &:hover { background-color: " + midgrey + " }\n ";
|
|
10685
10773
|
});
|
|
10686
10774
|
var selectStyles = function selectStyles(width, height) {
|
|
10687
|
-
return styled.css(_templateObject0$
|
|
10775
|
+
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
10776
|
};
|
|
10689
10777
|
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
10778
|
var width = _ref7.width,
|
|
@@ -11241,13 +11329,13 @@ var Quote = function Quote(_ref) {
|
|
|
11241
11329
|
}, attribution))));
|
|
11242
11330
|
};
|
|
11243
11331
|
|
|
11244
|
-
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$
|
|
11332
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$q;
|
|
11245
11333
|
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
11334
|
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
11335
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11248
11336
|
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11249
11337
|
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$
|
|
11338
|
+
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
11339
|
|
|
11252
11340
|
var MiniCard = function MiniCard(_ref) {
|
|
11253
11341
|
var _ref$title = _ref.title,
|
|
@@ -11541,7 +11629,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11541
11629
|
});
|
|
11542
11630
|
};
|
|
11543
11631
|
|
|
11544
|
-
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$G, _templateObject5$z, _templateObject6$
|
|
11632
|
+
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$G, _templateObject5$z, _templateObject6$r;
|
|
11545
11633
|
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
11634
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11547
11635
|
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 +11641,7 @@ var Text = /*#__PURE__*/styled__default.div(_templateObject5$z || (_templateObje
|
|
|
11553
11641
|
var color = _ref2.color;
|
|
11554
11642
|
return "var(--base-color-" + color + ")";
|
|
11555
11643
|
});
|
|
11556
|
-
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11644
|
+
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
11645
|
var color = _ref3.color;
|
|
11558
11646
|
return "var(--base-color-" + color + ")";
|
|
11559
11647
|
});
|
|
@@ -11635,7 +11723,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11635
11723
|
}, strengthLabel))));
|
|
11636
11724
|
};
|
|
11637
11725
|
|
|
11638
|
-
var _templateObject$1m, _templateObject2$13, _templateObject3$S, _templateObject4$H, _templateObject5$A, _templateObject6$
|
|
11726
|
+
var _templateObject$1m, _templateObject2$13, _templateObject3$S, _templateObject4$H, _templateObject5$A, _templateObject6$s, _templateObject7$l, _templateObject8$g;
|
|
11639
11727
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11640
11728
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11641
11729
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11645,9 +11733,9 @@ var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$H || (_templa
|
|
|
11645
11733
|
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
11734
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11647
11735
|
}, devices.mobile);
|
|
11648
|
-
var PaginationWrapper = /*#__PURE__*/styled__default(Pagination)(_templateObject6$
|
|
11736
|
+
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
11737
|
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$
|
|
11738
|
+
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
11739
|
|
|
11652
11740
|
/* eslint-disable react/no-danger */
|
|
11653
11741
|
var Content = function Content(_ref) {
|
|
@@ -11850,7 +11938,7 @@ var Table = function Table(_ref) {
|
|
|
11850
11938
|
}))));
|
|
11851
11939
|
};
|
|
11852
11940
|
|
|
11853
|
-
var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$I, _templateObject5$B, _templateObject6$
|
|
11941
|
+
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
11942
|
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
11943
|
var theme = _ref.theme;
|
|
11856
11944
|
return "var(--color-" + theme + ")";
|
|
@@ -11862,11 +11950,11 @@ var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$14 |
|
|
|
11862
11950
|
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
11951
|
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
11952
|
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$
|
|
11953
|
+
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
11954
|
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$
|
|
11955
|
+
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);
|
|
11956
|
+
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);
|
|
11957
|
+
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
11958
|
var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject1$6 || (_templateObject1$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div > p {\n margin: 0;\n }\n"])));
|
|
11871
11959
|
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
11960
|
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 +12576,6 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12488
12576
|
})));
|
|
12489
12577
|
};
|
|
12490
12578
|
|
|
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
12579
|
var _excluded$r = ["logo", "slides"];
|
|
12539
12580
|
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
12540
12581
|
var logo = _ref.logo,
|
|
@@ -13682,5 +13723,6 @@ exports.VideoControls = VideoControls;
|
|
|
13682
13723
|
exports.VideoWithControls = VideoWithControls$1;
|
|
13683
13724
|
exports.breakpoints = breakpoints;
|
|
13684
13725
|
exports.devices = devices;
|
|
13726
|
+
exports.useHarmonicTheme = useHarmonicTheme;
|
|
13685
13727
|
exports.zIndexes = zIndexes;
|
|
13686
13728
|
//# sourceMappingURL=harmonic.cjs.development.js.map
|