@royaloperahouse/harmonic 0.11.0-i → 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/components/organisms/Footer/Footer.style.d.ts +1 -0
- package/dist/harmonic.cjs.development.css +3 -0
- package/dist/harmonic.cjs.development.js +249 -205
- 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 +265 -222
- 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, {
|
|
@@ -5928,13 +5930,14 @@ var Navigation = function Navigation(_ref) {
|
|
|
5928
5930
|
})))))));
|
|
5929
5931
|
};
|
|
5930
5932
|
|
|
5931
|
-
var _templateObject$D, _templateObject2$t, _templateObject3$j, _templateObject4$f, _templateObject5$b, _templateObject6$8;
|
|
5933
|
+
var _templateObject$D, _templateObject2$t, _templateObject3$j, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$5;
|
|
5932
5934
|
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n padding: 44px 0px;\n grid-template-areas: '. . policy policy policy policy social social social social logo logo logo logo . .';\n\n @media ", " {\n padding: 40px 0px;\n gap: 24px;\n }\n\n @media ", " {\n padding: 20px 0px;\n row-gap: 40px;\n grid-template-areas:\n '. social social social social social social social social social social social social .'\n '. policy policy policy policy policy policy policy policy policy policy policy policy .'\n '. logo logo logo logo logo logo logo logo logo logo logo logo .';\n }\n"])), devices.tablet, devices.mobile);
|
|
5933
5935
|
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: policy;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media ", " {\n gap: 20px;\n }\n\n @media ", " {\n gap: 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
5934
5936
|
var SocialAndNewsletterSection = /*#__PURE__*/styled__default(GridItem)(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: social;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n\n @media ", " {\n gap: 40px;\n }\n"])), devices.mobile);
|
|
5935
5937
|
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
5936
|
-
var LogoAndDescriptionSection = /*#__PURE__*/styled__default(GridItem)(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n
|
|
5937
|
-
var
|
|
5938
|
+
var LogoAndDescriptionSection = /*#__PURE__*/styled__default(GridItem)(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
5939
|
+
var SponsorLogoContainer = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
5940
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled__default(TextLink)(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 24px;\n letter-spacing: 0.4px;\n color: var(--color-base-white);\n border-bottom: unset;\n text-decoration: underline;\n text-underline-offset: 6px;\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
5938
5941
|
|
|
5939
5942
|
var _templateObject$E;
|
|
5940
5943
|
var PolicyLinksTextLinkWrapper = /*#__PURE__*/styled__default(TextLink)(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 24px;\n letter-spacing: 0.4px;\n color: var(--color-base-white);\n border-bottom: unset;\n text-decoration: underline;\n text-underline-offset: 6px;\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
@@ -5967,7 +5970,8 @@ var Footer = function Footer(_ref) {
|
|
|
5967
5970
|
additionalInfo = data.additionalInfo;
|
|
5968
5971
|
var sponsorImageSource = data.sponsorImageSource || SPONSOR_IMAGE_SOURCE;
|
|
5969
5972
|
var _useViewport = useViewport(),
|
|
5970
|
-
isMobile = _useViewport.isMobile
|
|
5973
|
+
isMobile = _useViewport.isMobile,
|
|
5974
|
+
isTablet = _useViewport.isTablet;
|
|
5971
5975
|
return /*#__PURE__*/React__default.createElement(FooterSection, {
|
|
5972
5976
|
className: className,
|
|
5973
5977
|
"aria-label": "Footer",
|
|
@@ -5993,7 +5997,7 @@ var Footer = function Footer(_ref) {
|
|
|
5993
5997
|
"data-roh": newsletter.link.dataRoh,
|
|
5994
5998
|
"aria-label": newsletter.link.title,
|
|
5995
5999
|
tabIndex: isMobile ? 3 : undefined
|
|
5996
|
-
}, newsletter.link.title))), /*#__PURE__*/React__default.createElement(LogoAndDescriptionSection, null, /*#__PURE__*/React__default.createElement(
|
|
6000
|
+
}, newsletter.link.title))), /*#__PURE__*/React__default.createElement(LogoAndDescriptionSection, null, /*#__PURE__*/React__default.createElement(SponsorLogoContainer, {
|
|
5997
6001
|
"data-testid": "arts-logo"
|
|
5998
6002
|
}, /*#__PURE__*/React__default.createElement(SponsorLogo, Object.assign({
|
|
5999
6003
|
imageSource: sponsorImageSource,
|
|
@@ -6005,35 +6009,115 @@ var Footer = function Footer(_ref) {
|
|
|
6005
6009
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
6006
6010
|
"data-testid": "additional-info"
|
|
6007
6011
|
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
6008
|
-
size:
|
|
6012
|
+
size: isTablet ? 'small' : 'medium',
|
|
6009
6013
|
color: "white"
|
|
6010
6014
|
}, additionalInfo))));
|
|
6011
6015
|
};
|
|
6012
6016
|
|
|
6013
|
-
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;
|
|
6014
6018
|
var LIST_ITEM_GAP = 32;
|
|
6015
|
-
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) {
|
|
6016
6020
|
var bottomBorder = _ref.bottomBorder;
|
|
6017
|
-
return bottomBorder ? '
|
|
6018
|
-
}, zIndexes.anchor)
|
|
6019
|
-
var
|
|
6020
|
-
|
|
6021
|
-
|
|
6022
|
-
|
|
6023
|
-
|
|
6024
|
-
},
|
|
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) {
|
|
6025
6029
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
6030
|
+
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
6031
|
+
}, LIST_ITEM_GAP, function (_ref4) {
|
|
6032
|
+
var tabsOverflow = _ref4.tabsOverflow;
|
|
6026
6033
|
return tabsOverflow ? 'start' : 'center';
|
|
6027
|
-
}, devices.
|
|
6028
|
-
var tabsOverflow =
|
|
6029
|
-
hasTwoArrows =
|
|
6034
|
+
}, devices.mobile, function (_ref5) {
|
|
6035
|
+
var tabsOverflow = _ref5.tabsOverflow,
|
|
6036
|
+
hasTwoArrows = _ref5.hasTwoArrows;
|
|
6030
6037
|
return tabsOverflow && hasTwoArrows ? 'calc(100% - 50px)' : '100%';
|
|
6031
6038
|
});
|
|
6032
|
-
var ArrowsContainer = /*#__PURE__*/styled__default.div(
|
|
6033
|
-
var
|
|
6034
|
-
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 "])));
|
|
6035
6042
|
});
|
|
6036
|
-
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
|
+
};
|
|
6037
6121
|
|
|
6038
6122
|
var _excluded$d = ["id", "text"];
|
|
6039
6123
|
var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
@@ -6042,7 +6126,10 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6042
6126
|
activeTab = _ref.activeTab,
|
|
6043
6127
|
absolutePositionParams = _ref.absolutePositionParams,
|
|
6044
6128
|
_ref$bottomBorder = _ref.bottomBorder,
|
|
6045
|
-
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;
|
|
6046
6133
|
var tabListRef = React.useRef(null);
|
|
6047
6134
|
var wrapperRef = React.useRef(null);
|
|
6048
6135
|
var _useState = React.useState(activeTab || ''),
|
|
@@ -6209,10 +6296,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6209
6296
|
setCanScrollToLeft(scrollLeft > LIST_ITEM_GAP);
|
|
6210
6297
|
setCanScrollToRight(scrollLeft + clientWidth + LIST_ITEM_GAP < scrollWidth);
|
|
6211
6298
|
};
|
|
6299
|
+
var theme = useHarmonicTheme();
|
|
6212
6300
|
return /*#__PURE__*/React__default.createElement(AnchorTabbarWrapper, {
|
|
6213
6301
|
bottomBorder: bottomBorder,
|
|
6302
|
+
withShadow: withShadow,
|
|
6214
6303
|
ref: wrapperRef,
|
|
6215
|
-
id: "AnchorTabbarWrapper"
|
|
6304
|
+
id: "AnchorTabbarWrapper",
|
|
6305
|
+
className: className
|
|
6216
6306
|
}, /*#__PURE__*/React__default.createElement(TabsGrid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
6217
6307
|
columnStartDesktop: tabsColumnStart,
|
|
6218
6308
|
columnSpanDesktop: tabsColumnSpan,
|
|
@@ -6238,23 +6328,30 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6238
6328
|
onClick: function onClick(e) {
|
|
6239
6329
|
return onClicktab(e, id);
|
|
6240
6330
|
},
|
|
6241
|
-
tabIndex: 0
|
|
6331
|
+
tabIndex: 0,
|
|
6332
|
+
hoverColor: theme === exports.ThemeType.Core ? ThemeColor['primary-red'] : ThemeColor['primary-black']
|
|
6242
6333
|
}, rest), text));
|
|
6243
6334
|
})), tabsOverflow ? (/*#__PURE__*/React__default.createElement(ArrowsContainer, {
|
|
6244
|
-
|
|
6245
|
-
},
|
|
6246
|
-
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"
|
|
6247
6341
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
6248
6342
|
iconName: "Arrow",
|
|
6249
6343
|
direction: "reverse"
|
|
6250
|
-
}))
|
|
6251
|
-
onClick: scrollToRight
|
|
6344
|
+
})), /*#__PURE__*/React__default.createElement(ArrowWrapper, {
|
|
6345
|
+
onClick: scrollToRight,
|
|
6346
|
+
disabled: !canScrollToRight,
|
|
6347
|
+
"aria-label": "Next section",
|
|
6348
|
+
role: "button"
|
|
6252
6349
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
6253
6350
|
iconName: "Arrow"
|
|
6254
|
-
})))
|
|
6351
|
+
})))) : null))));
|
|
6255
6352
|
};
|
|
6256
6353
|
|
|
6257
|
-
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;
|
|
6258
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) {
|
|
6259
6356
|
var sticky = _ref.sticky;
|
|
6260
6357
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -6265,9 +6362,9 @@ var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$l || (_
|
|
|
6265
6362
|
return title ? 'row' : 'row-reverse';
|
|
6266
6363
|
}, devices.tablet, devices.mobile);
|
|
6267
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);
|
|
6268
|
-
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6269
|
-
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6270
|
-
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$
|
|
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);
|
|
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);
|
|
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) {
|
|
6271
6368
|
var theme = _ref3.theme;
|
|
6272
6369
|
return theme.colors.primaryButtonReverseBg;
|
|
6273
6370
|
}, function (_ref4) {
|
|
@@ -6280,8 +6377,8 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
|
|
|
6280
6377
|
var theme = _ref6.theme;
|
|
6281
6378
|
return theme.colors.primaryButtonReverse;
|
|
6282
6379
|
});
|
|
6283
|
-
var MessageWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
6284
|
-
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);
|
|
6285
6382
|
|
|
6286
6383
|
var _excluded$e = ["text"],
|
|
6287
6384
|
_excluded2$1 = ["text"];
|
|
@@ -6916,21 +7013,7 @@ var BodyContent = function BodyContent(_ref) {
|
|
|
6916
7013
|
})));
|
|
6917
7014
|
};
|
|
6918
7015
|
|
|
6919
|
-
|
|
6920
|
-
(function (CarouselType) {
|
|
6921
|
-
CarouselType["Image"] = "image";
|
|
6922
|
-
CarouselType["SmallCard"] = "SmallCard";
|
|
6923
|
-
CarouselType["LargeCard"] = "LargeCard";
|
|
6924
|
-
})(exports.CarouselType || (exports.CarouselType = {}));
|
|
6925
|
-
|
|
6926
|
-
// eslint-disable-next-line no-shadow
|
|
6927
|
-
(function (ButtonType) {
|
|
6928
|
-
ButtonType["Primary"] = "Primary";
|
|
6929
|
-
ButtonType["Secondary"] = "Secondary";
|
|
6930
|
-
ButtonType["Tertiary"] = "Tertiary";
|
|
6931
|
-
})(exports.ButtonType || (exports.ButtonType = {}));
|
|
6932
|
-
|
|
6933
|
-
var _templateObject$J, _templateObject2$x, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$4;
|
|
7016
|
+
var _templateObject$J, _templateObject2$x, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$a, _templateObject7$7, _templateObject8$5;
|
|
6934
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);
|
|
6935
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"])));
|
|
6936
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) {
|
|
@@ -6945,9 +7028,9 @@ var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_t
|
|
|
6945
7028
|
return stackCtasEarly && "\n @media " + devices.smallDesktop + ", " + devices.mobileAndTablet + " {\n * {\n width: 100%;\n }\n }\n ";
|
|
6946
7029
|
});
|
|
6947
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"])));
|
|
6948
|
-
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6949
|
-
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6950
|
-
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
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"])));
|
|
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"])));
|
|
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"])));
|
|
6951
7034
|
|
|
6952
7035
|
// Set max. character length
|
|
6953
7036
|
var setMaxCharLength = function setMaxCharLength(value, maxLength) {
|
|
@@ -7299,7 +7382,7 @@ var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
|
|
|
7299
7382
|
return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
|
|
7300
7383
|
};
|
|
7301
7384
|
|
|
7302
|
-
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;
|
|
7303
7386
|
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n"])), function (_ref) {
|
|
7304
7387
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
7305
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 }";
|
|
@@ -7318,9 +7401,9 @@ var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$e || (_te
|
|
|
7318
7401
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
7319
7402
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
7320
7403
|
});
|
|
7321
|
-
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7322
|
-
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject7$
|
|
7323
|
-
var SwipeGridWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject8$
|
|
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);
|
|
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);
|
|
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) {
|
|
7324
7407
|
var active = _ref5.active;
|
|
7325
7408
|
return active ? 'grid-column: 1 / span 16' : '';
|
|
7326
7409
|
}, devices.tablet, function (_ref6) {
|
|
@@ -7775,17 +7858,17 @@ var Carousel = function Carousel(_ref) {
|
|
|
7775
7858
|
}, children))));
|
|
7776
7859
|
};
|
|
7777
7860
|
|
|
7778
|
-
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;
|
|
7779
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);
|
|
7780
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);
|
|
7781
7864
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7782
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);
|
|
7783
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);
|
|
7784
|
-
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7785
|
-
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7786
|
-
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
7787
|
-
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
7788
|
-
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
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"])));
|
|
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);
|
|
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);
|
|
7789
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);
|
|
7790
7873
|
var HtmlBodyText = /*#__PURE__*/styled__default.p(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
7791
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);
|
|
@@ -7957,7 +8040,7 @@ var InfoSection = function InfoSection(_ref) {
|
|
|
7957
8040
|
}, additionalInfo)))));
|
|
7958
8041
|
};
|
|
7959
8042
|
|
|
7960
|
-
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;
|
|
7961
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"])));
|
|
7962
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"])));
|
|
7963
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) {
|
|
@@ -7969,7 +8052,7 @@ var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$g || (_
|
|
|
7969
8052
|
var textHeight = _ref2.textHeight;
|
|
7970
8053
|
return textHeight;
|
|
7971
8054
|
}, devices.mobile);
|
|
7972
|
-
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"])));
|
|
7973
8056
|
|
|
7974
8057
|
/* eslint-disable react/no-unstable-nested-components */
|
|
7975
8058
|
var Accordion = function Accordion(_ref) {
|
|
@@ -8179,7 +8262,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8179
8262
|
}))))));
|
|
8180
8263
|
};
|
|
8181
8264
|
|
|
8182
|
-
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;
|
|
8183
8266
|
var LENGTH_LARGE_TEXT = 28;
|
|
8184
8267
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8185
8268
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8203,11 +8286,11 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$o ||
|
|
|
8203
8286
|
return fullWidth ? '0' : '20px';
|
|
8204
8287
|
});
|
|
8205
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);
|
|
8206
|
-
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8207
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8208
|
-
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
8209
|
-
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$
|
|
8210
|
-
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
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);
|
|
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"])));
|
|
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) {
|
|
8211
8294
|
var isVisible = _ref6.isVisible;
|
|
8212
8295
|
return isVisible ? "visible" : 'hidden';
|
|
8213
8296
|
}, devices.mobile, function (_ref7) {
|
|
@@ -8462,14 +8545,14 @@ var Cards = function Cards(_ref) {
|
|
|
8462
8545
|
}));
|
|
8463
8546
|
};
|
|
8464
8547
|
|
|
8465
|
-
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;
|
|
8466
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);
|
|
8467
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);
|
|
8468
8551
|
var AddressWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
8469
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"])));
|
|
8470
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);
|
|
8471
|
-
var DesktopSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8472
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
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);
|
|
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);
|
|
8473
8556
|
|
|
8474
8557
|
var ContactCard = function ContactCard(_ref) {
|
|
8475
8558
|
var title = _ref.title,
|
|
@@ -8520,7 +8603,7 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8520
8603
|
}, addressString)))))))));
|
|
8521
8604
|
};
|
|
8522
8605
|
|
|
8523
|
-
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;
|
|
8524
8607
|
var BodyTextRelative = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8525
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) {
|
|
8526
8609
|
return props.clickable ? 'pointer' : 'default';
|
|
@@ -8530,7 +8613,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
|
8530
8613
|
return props.showImage ? 2 : '1 / span 4';
|
|
8531
8614
|
}, devices.mobile);
|
|
8532
8615
|
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
8533
|
-
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) {
|
|
8534
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 ";
|
|
8535
8618
|
});
|
|
8536
8619
|
|
|
@@ -8813,8 +8896,8 @@ var InfoCta = function InfoCta(_ref2) {
|
|
|
8813
8896
|
iconName = _ref2.iconName,
|
|
8814
8897
|
iconDirection = _ref2.iconDirection,
|
|
8815
8898
|
_ref2$target = _ref2.target,
|
|
8816
|
-
target = _ref2$target === void 0 ? LinkTarget.Self : _ref2$target
|
|
8817
|
-
|
|
8899
|
+
target = _ref2$target === void 0 ? LinkTarget.Self : _ref2$target;
|
|
8900
|
+
var theme = useHarmonicTheme();
|
|
8818
8901
|
return /*#__PURE__*/React__default.createElement(InfoCTAWrapper, {
|
|
8819
8902
|
variant: variant,
|
|
8820
8903
|
theme: theme
|
|
@@ -8843,8 +8926,7 @@ var Information = function Information(_ref) {
|
|
|
8843
8926
|
var body = _ref.body,
|
|
8844
8927
|
title = _ref.title,
|
|
8845
8928
|
cta = _ref.cta,
|
|
8846
|
-
className = _ref.className
|
|
8847
|
-
theme = _ref.theme;
|
|
8929
|
+
className = _ref.className;
|
|
8848
8930
|
var _useViewport = useViewport(),
|
|
8849
8931
|
hydrated = _useViewport.hydrated;
|
|
8850
8932
|
var safeTitle = title || {
|
|
@@ -8885,12 +8967,11 @@ var Information = function Information(_ref) {
|
|
|
8885
8967
|
text: cta.text,
|
|
8886
8968
|
iconName: cta.iconName,
|
|
8887
8969
|
iconDirection: cta.iconDirection,
|
|
8888
|
-
target: cta.target
|
|
8889
|
-
theme: theme
|
|
8970
|
+
target: cta.target
|
|
8890
8971
|
})))));
|
|
8891
8972
|
};
|
|
8892
8973
|
|
|
8893
|
-
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;
|
|
8894
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) {
|
|
8895
8976
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8896
8977
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -8908,15 +8989,15 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_t
|
|
|
8908
8989
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
8909
8990
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
8910
8991
|
}, devices.mobile);
|
|
8911
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8912
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
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"])));
|
|
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) {
|
|
8913
8994
|
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
8914
8995
|
return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
|
|
8915
8996
|
}, devices.mobile, function (_ref6) {
|
|
8916
8997
|
var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
|
|
8917
8998
|
return isPageHeadingWithoutTitle && "\n margin-top: 15px;\n ";
|
|
8918
8999
|
});
|
|
8919
|
-
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);
|
|
8920
9001
|
|
|
8921
9002
|
var PageHeading = function PageHeading(_ref) {
|
|
8922
9003
|
var title = _ref.title,
|
|
@@ -8991,15 +9072,15 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
8991
9072
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
8992
9073
|
};
|
|
8993
9074
|
|
|
8994
|
-
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;
|
|
8995
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);
|
|
8996
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);
|
|
8997
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);
|
|
8998
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);
|
|
8999
9080
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9000
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9001
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9002
|
-
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
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);
|
|
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);
|
|
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);
|
|
9003
9084
|
|
|
9004
9085
|
var _excluded$l = ["text"];
|
|
9005
9086
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
@@ -9106,7 +9187,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9106
9187
|
})))));
|
|
9107
9188
|
};
|
|
9108
9189
|
|
|
9109
|
-
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;
|
|
9110
9191
|
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9111
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"])));
|
|
9112
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);
|
|
@@ -9118,17 +9199,17 @@ var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_te
|
|
|
9118
9199
|
var showBlock = _ref2.showBlock;
|
|
9119
9200
|
return showBlock ? 'block' : 'none';
|
|
9120
9201
|
}, devices.mobile);
|
|
9121
|
-
var BadgeWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9122
|
-
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
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);
|
|
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) {
|
|
9123
9204
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
9124
9205
|
return isBadgePresent ? '1' : '4';
|
|
9125
9206
|
});
|
|
9126
|
-
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) {
|
|
9127
9208
|
var isAdditionalButtonPresent = _ref4.isAdditionalButtonPresent;
|
|
9128
9209
|
return isAdditionalButtonPresent ? '20px' : '0';
|
|
9129
9210
|
});
|
|
9130
|
-
var AdditionalButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
9131
|
-
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) {
|
|
9132
9213
|
var theme = _ref5.theme;
|
|
9133
9214
|
return theme == exports.ThemeType.Cinema ? 'var(--color-base-black)' : 'var(--color-base-white)';
|
|
9134
9215
|
}, devices.mobile, function (_ref6) {
|
|
@@ -9232,17 +9313,17 @@ var TITLE_MAX_LENGTH = 40;
|
|
|
9232
9313
|
var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
9233
9314
|
var _ref$sponsor = _ref.sponsor,
|
|
9234
9315
|
sponsor = _ref$sponsor === void 0 ? true : _ref$sponsor,
|
|
9235
|
-
className = _ref.className,
|
|
9236
|
-
theme = _ref.theme,
|
|
9237
9316
|
badge = _ref.badge,
|
|
9238
9317
|
mainLink = _ref.mainLink,
|
|
9239
9318
|
title = _ref.title,
|
|
9240
9319
|
titleSemanticLevel = _ref.titleSemanticLevel,
|
|
9241
9320
|
additionalLink = _ref.additionalLink,
|
|
9242
|
-
image = _ref.image
|
|
9321
|
+
image = _ref.image,
|
|
9322
|
+
className = _ref.className;
|
|
9243
9323
|
var _useViewport = useViewport(),
|
|
9244
9324
|
isMobile = _useViewport.isMobile,
|
|
9245
9325
|
hydrated = _useViewport.hydrated;
|
|
9326
|
+
var theme = useHarmonicTheme();
|
|
9246
9327
|
var showImageButton = !title && !badge && !additionalLink && !isMobile;
|
|
9247
9328
|
var showContentBlock = !!title || !!additionalLink || !!mainLink && isMobile;
|
|
9248
9329
|
var truncatedTitle = title ? truncate(title, TITLE_MAX_LENGTH) : null;
|
|
@@ -9320,12 +9401,12 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9320
9401
|
})))))))))));
|
|
9321
9402
|
};
|
|
9322
9403
|
|
|
9323
|
-
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;
|
|
9324
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);
|
|
9325
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"])));
|
|
9326
9407
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9327
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);
|
|
9328
|
-
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) {
|
|
9329
9410
|
var invert = _ref.invert,
|
|
9330
9411
|
theme = _ref.theme;
|
|
9331
9412
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -9341,10 +9422,10 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
9341
9422
|
var theme = _ref4.theme;
|
|
9342
9423
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
9343
9424
|
}, devices.tablet, devices.mobile);
|
|
9344
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9345
|
-
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9346
|
-
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
9347
|
-
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject0$
|
|
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);
|
|
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) {
|
|
9348
9429
|
var invert = _ref5.invert,
|
|
9349
9430
|
theme = _ref5.theme;
|
|
9350
9431
|
return invert ? theme.colors.primary : theme.colors.white;
|
|
@@ -9574,14 +9655,14 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9574
9655
|
}), linkText))))));
|
|
9575
9656
|
};
|
|
9576
9657
|
|
|
9577
|
-
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;
|
|
9578
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"])));
|
|
9579
9660
|
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9580
9661
|
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9581
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"])));
|
|
9582
|
-
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$
|
|
9583
|
-
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$
|
|
9584
|
-
var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject8$
|
|
9663
|
+
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9664
|
+
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
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) {
|
|
9585
9666
|
var active = _ref.active;
|
|
9586
9667
|
return active ? "var(--color-primary-red)" : 'inherit';
|
|
9587
9668
|
}, function (_ref2) {
|
|
@@ -9729,14 +9810,14 @@ var Pagination = function Pagination(_ref) {
|
|
|
9729
9810
|
}))))));
|
|
9730
9811
|
};
|
|
9731
9812
|
|
|
9732
|
-
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;
|
|
9733
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);
|
|
9734
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"])));
|
|
9735
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"])));
|
|
9736
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"])));
|
|
9737
9818
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9738
|
-
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$
|
|
9739
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
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"])));
|
|
9820
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9740
9821
|
|
|
9741
9822
|
var Person = function Person(_ref) {
|
|
9742
9823
|
var person = _ref.person,
|
|
@@ -9834,6 +9915,11 @@ var concatenateMusicTitle = function concatenateMusicTitle(musicTitle, index) {
|
|
|
9834
9915
|
}, /*#__PURE__*/React__default.createElement("i", null, title));
|
|
9835
9916
|
}));
|
|
9836
9917
|
};
|
|
9918
|
+
var isArrayOfArrays = function isArrayOfArrays(array) {
|
|
9919
|
+
return !array.some(function (item) {
|
|
9920
|
+
return !Array.isArray(item);
|
|
9921
|
+
});
|
|
9922
|
+
};
|
|
9837
9923
|
var CreditListing = function CreditListing(_ref) {
|
|
9838
9924
|
var roles = _ref.roles,
|
|
9839
9925
|
_ref$columnCount = _ref.columnCount,
|
|
@@ -9856,7 +9942,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9856
9942
|
dataROH = _ref2.dataROH;
|
|
9857
9943
|
var _ref3 = function () {
|
|
9858
9944
|
if (expandLargeEntries && columnCount > 1) {
|
|
9859
|
-
var namesLength = getConcatenatedPropLength(people, 'name');
|
|
9945
|
+
var namesLength = getConcatenatedPropLength(people.flat(), 'name');
|
|
9860
9946
|
var span = namesLength > characterThreshold ? largeColumnSpan : 1;
|
|
9861
9947
|
var unboundedEnd = nextColumnStart + span;
|
|
9862
9948
|
var start = unboundedEnd > columnCount + 1 ? 1 : nextColumnStart;
|
|
@@ -9874,6 +9960,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9874
9960
|
}(),
|
|
9875
9961
|
columnStart = _ref3.columnStart,
|
|
9876
9962
|
columnSpan = _ref3.columnSpan;
|
|
9963
|
+
var personArrays = isArrayOfArrays(people) ? people : [people];
|
|
9877
9964
|
creditEntries.push(/*#__PURE__*/React__default.createElement(GridItem, {
|
|
9878
9965
|
columnStartDesktop: columnStart,
|
|
9879
9966
|
columnSpanDesktop: columnSpan,
|
|
@@ -9892,16 +9979,19 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9892
9979
|
}, name)), description && (/*#__PURE__*/React__default.createElement(DescriptionWrapper, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
9893
9980
|
level: 3,
|
|
9894
9981
|
tag: "p"
|
|
9895
|
-
}, description))),
|
|
9896
|
-
|
|
9897
|
-
|
|
9898
|
-
|
|
9899
|
-
|
|
9900
|
-
|
|
9901
|
-
|
|
9902
|
-
|
|
9903
|
-
|
|
9904
|
-
|
|
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, {
|
|
9905
9995
|
level: 1,
|
|
9906
9996
|
tag: "p"
|
|
9907
9997
|
}, replacement))), musicTitle && musicTitle.length > 0 && (/*#__PURE__*/React__default.createElement(BodyText, {
|
|
@@ -9918,7 +10008,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9918
10008
|
}, creditEntries);
|
|
9919
10009
|
};
|
|
9920
10010
|
|
|
9921
|
-
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;
|
|
9922
10012
|
var LENGTH_TEXT = 28;
|
|
9923
10013
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9924
10014
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9967,11 +10057,11 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
|
9967
10057
|
return mobileMarginBottom && "\n @media " + devices.mobile + " {\n margin-bottom: " + mobileMarginBottom + "px;\n }\n ";
|
|
9968
10058
|
});
|
|
9969
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"])));
|
|
9970
|
-
var TextLinkWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9971
|
-
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9972
|
-
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9973
|
-
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
9974
|
-
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
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"])));
|
|
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);
|
|
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);
|
|
9975
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);
|
|
9976
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) {
|
|
9977
10067
|
var imageToLeft = _ref9.imageToLeft;
|
|
@@ -10173,7 +10263,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10173
10263
|
}))));
|
|
10174
10264
|
};
|
|
10175
10265
|
|
|
10176
|
-
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;
|
|
10177
10267
|
var LENGTH_TEXT$2 = 28;
|
|
10178
10268
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10179
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) {
|
|
@@ -10193,8 +10283,8 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
10193
10283
|
}, devices.mobile);
|
|
10194
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);
|
|
10195
10285
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10196
|
-
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$
|
|
10197
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
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);
|
|
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) {
|
|
10198
10288
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10199
10289
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
10200
10290
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -10644,7 +10734,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10644
10734
|
}, description)))));
|
|
10645
10735
|
};
|
|
10646
10736
|
|
|
10647
|
-
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;
|
|
10648
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) {
|
|
10649
10739
|
var theme = _ref.theme;
|
|
10650
10740
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10669,10 +10759,10 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10669
10759
|
title: 'Select Arrow'
|
|
10670
10760
|
};
|
|
10671
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"])));
|
|
10672
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
10673
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10674
|
-
var Options = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
10675
|
-
var Option = /*#__PURE__*/styled__default.li(_templateObject9$
|
|
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);
|
|
10763
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
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) {
|
|
10676
10766
|
var theme = _ref6.theme,
|
|
10677
10767
|
hover = _ref6.hover;
|
|
10678
10768
|
var _theme$colors = theme.colors,
|
|
@@ -10682,7 +10772,7 @@ var Option = /*#__PURE__*/styled__default.li(_templateObject9$8 || (_templateObj
|
|
|
10682
10772
|
return "\n background-color: " + lightgrey + ";\n &:hover { background-color: " + midgrey + " }\n ";
|
|
10683
10773
|
});
|
|
10684
10774
|
var selectStyles = function selectStyles(width, height) {
|
|
10685
|
-
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);
|
|
10686
10776
|
};
|
|
10687
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) {
|
|
10688
10778
|
var width = _ref7.width,
|
|
@@ -11239,13 +11329,13 @@ var Quote = function Quote(_ref) {
|
|
|
11239
11329
|
}, attribution))));
|
|
11240
11330
|
};
|
|
11241
11331
|
|
|
11242
|
-
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$
|
|
11332
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$q;
|
|
11243
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"])));
|
|
11244
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"])));
|
|
11245
11335
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11246
11336
|
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11247
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);
|
|
11248
|
-
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);
|
|
11249
11339
|
|
|
11250
11340
|
var MiniCard = function MiniCard(_ref) {
|
|
11251
11341
|
var _ref$title = _ref.title,
|
|
@@ -11539,7 +11629,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11539
11629
|
});
|
|
11540
11630
|
};
|
|
11541
11631
|
|
|
11542
|
-
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;
|
|
11543
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"])));
|
|
11544
11634
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11545
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) {
|
|
@@ -11551,7 +11641,7 @@ var Text = /*#__PURE__*/styled__default.div(_templateObject5$z || (_templateObje
|
|
|
11551
11641
|
var color = _ref2.color;
|
|
11552
11642
|
return "var(--base-color-" + color + ")";
|
|
11553
11643
|
});
|
|
11554
|
-
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) {
|
|
11555
11645
|
var color = _ref3.color;
|
|
11556
11646
|
return "var(--base-color-" + color + ")";
|
|
11557
11647
|
});
|
|
@@ -11633,7 +11723,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11633
11723
|
}, strengthLabel))));
|
|
11634
11724
|
};
|
|
11635
11725
|
|
|
11636
|
-
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;
|
|
11637
11727
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11638
11728
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11639
11729
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11643,9 +11733,9 @@ var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$H || (_templa
|
|
|
11643
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) {
|
|
11644
11734
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11645
11735
|
}, devices.mobile);
|
|
11646
|
-
var PaginationWrapper = /*#__PURE__*/styled__default(Pagination)(_templateObject6$
|
|
11647
|
-
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
11648
|
-
var AriaDescription$2 = /*#__PURE__*/styled__default.span(_templateObject8$
|
|
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);
|
|
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"])));
|
|
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"])));
|
|
11649
11739
|
|
|
11650
11740
|
/* eslint-disable react/no-danger */
|
|
11651
11741
|
var Content = function Content(_ref) {
|
|
@@ -11848,7 +11938,7 @@ var Table = function Table(_ref) {
|
|
|
11848
11938
|
}))));
|
|
11849
11939
|
};
|
|
11850
11940
|
|
|
11851
|
-
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;
|
|
11852
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) {
|
|
11853
11943
|
var theme = _ref.theme;
|
|
11854
11944
|
return "var(--color-" + theme + ")";
|
|
@@ -11860,11 +11950,11 @@ var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$14 |
|
|
|
11860
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);
|
|
11861
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"])));
|
|
11862
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);
|
|
11863
|
-
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11864
|
-
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
11865
|
-
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$
|
|
11866
|
-
var ButtonWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
11867
|
-
var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$
|
|
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);
|
|
11954
|
+
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
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);
|
|
11868
11958
|
var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject1$6 || (_templateObject1$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div > p {\n margin: 0;\n }\n"])));
|
|
11869
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"])));
|
|
11870
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) {
|
|
@@ -12486,53 +12576,6 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12486
12576
|
})));
|
|
12487
12577
|
};
|
|
12488
12578
|
|
|
12489
|
-
var coreThemeStyles = {"coreTheme":"core-theme-module_coreTheme__pWxYB"};
|
|
12490
|
-
|
|
12491
|
-
var streamThemeStyles = {"streamTheme":"stream-theme-module_streamTheme__lTfqQ"};
|
|
12492
|
-
|
|
12493
|
-
var cinemaThemeStyles = {"cinemaTheme":"cinema-theme-module_cinemaTheme__f5QFs"};
|
|
12494
|
-
|
|
12495
|
-
var schoolsThemeStyles = {"schoolsTheme":"schools-theme-module_schoolsTheme__CWHba"};
|
|
12496
|
-
|
|
12497
|
-
/* eslint-disable react/jsx-no-useless-fragment */
|
|
12498
|
-
var getThemeClass = function getThemeClass(theme) {
|
|
12499
|
-
// Always include the base (core) theme class
|
|
12500
|
-
var baseThemeClass = coreThemeStyles.coreTheme;
|
|
12501
|
-
var overrideClass = '';
|
|
12502
|
-
switch (theme) {
|
|
12503
|
-
case exports.ThemeType.Core:
|
|
12504
|
-
overrideClass = '';
|
|
12505
|
-
break;
|
|
12506
|
-
case exports.ThemeType.Stream:
|
|
12507
|
-
overrideClass = streamThemeStyles.streamTheme;
|
|
12508
|
-
break;
|
|
12509
|
-
case exports.ThemeType.Cinema:
|
|
12510
|
-
overrideClass = cinemaThemeStyles.cinemaTheme;
|
|
12511
|
-
break;
|
|
12512
|
-
case exports.ThemeType.Schools:
|
|
12513
|
-
overrideClass = schoolsThemeStyles.schoolsTheme;
|
|
12514
|
-
break;
|
|
12515
|
-
default:
|
|
12516
|
-
overrideClass = '';
|
|
12517
|
-
}
|
|
12518
|
-
// Return the combined classes
|
|
12519
|
-
return [baseThemeClass, overrideClass].filter(Boolean).join(' ');
|
|
12520
|
-
};
|
|
12521
|
-
var HarmonicThemeProvider = function HarmonicThemeProvider(_ref) {
|
|
12522
|
-
var theme = _ref.theme,
|
|
12523
|
-
children = _ref.children;
|
|
12524
|
-
var themeClass = getThemeClass(theme);
|
|
12525
|
-
// Convert children to an array (assuming they accept a className prop)
|
|
12526
|
-
var childrenArray = React__default.Children.toArray(children);
|
|
12527
|
-
var themedChildren = childrenArray.map(function (child) {
|
|
12528
|
-
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
12529
|
-
className: ((child.props.className || '') + " " + themeClass).trim(),
|
|
12530
|
-
theme: theme
|
|
12531
|
-
});
|
|
12532
|
-
});
|
|
12533
|
-
return themedChildren.length === 1 ? themedChildren[0] : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, themedChildren);
|
|
12534
|
-
};
|
|
12535
|
-
|
|
12536
12579
|
var _excluded$r = ["logo", "slides"];
|
|
12537
12580
|
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
12538
12581
|
var logo = _ref.logo,
|
|
@@ -13680,5 +13723,6 @@ exports.VideoControls = VideoControls;
|
|
|
13680
13723
|
exports.VideoWithControls = VideoWithControls$1;
|
|
13681
13724
|
exports.breakpoints = breakpoints;
|
|
13682
13725
|
exports.devices = devices;
|
|
13726
|
+
exports.useHarmonicTheme = useHarmonicTheme;
|
|
13683
13727
|
exports.zIndexes = zIndexes;
|
|
13684
13728
|
//# sourceMappingURL=harmonic.cjs.development.js.map
|