@royaloperahouse/harmonic 0.2.3-i → 0.2.3-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/dist/components/atoms/TextField/TextField.style.d.ts +1 -0
- package/dist/components/molecules/SignUpForm/SignUpForm.style.d.ts +2 -2
- package/dist/components/molecules/Swipe/helper.d.ts +2 -0
- package/dist/components/organisms/Carousels/HighlightsCarousel/HighlightsCarousel.d.ts +1 -0
- package/dist/components/organisms/Carousels/HighlightsCarousel/components/SwipeCarousel.d.ts +1 -0
- package/dist/harmonic.cjs.development.css +319 -0
- package/dist/harmonic.cjs.development.js +115 -94
- 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 +126 -102
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/helpers/theme.d.ts +1 -1
- package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +1 -0
- package/dist/types/signUpForm.d.ts +5 -0
- package/package.json +1 -1
|
@@ -4161,37 +4161,38 @@ var TextArea = function TextArea(_ref) {
|
|
|
4161
4161
|
}, error)))));
|
|
4162
4162
|
};
|
|
4163
4163
|
|
|
4164
|
-
var _templateObject$n, _templateObject2$f, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
4164
|
+
var _templateObject$n, _templateObject2$f, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7;
|
|
4165
4165
|
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4166
4166
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
4167
4167
|
var width = _ref.width;
|
|
4168
4168
|
if (!width) return 'none';
|
|
4169
4169
|
return width + "px";
|
|
4170
4170
|
});
|
|
4171
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n font-family: var(--font-family-
|
|
4171
|
+
var Input = /*#__PURE__*/styled__default.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n font-family: var(--font-family-sans);\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n border-radius: 0;\n width: 100%;\n height: 48px;\n padding-left: 20px;\n -moz-appearance: textfield;\n padding-right: ", ";\n outline: none;\n border: ", ";\n &:disabled {\n background-color: var(--color-base-light-grey);\n border: 1px solid transparent;\n outline: none;\n }\n\n &:focus {\n outline: ", ";\n }\n\n /* remove search decoration */\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n\n /* remove number decoration */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n @media ", " {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n"])), function (_ref2) {
|
|
4172
4172
|
var isPasswordField = _ref2.isPasswordField;
|
|
4173
4173
|
if (isPasswordField) return "80px";
|
|
4174
4174
|
return "20px";
|
|
4175
4175
|
}, function (_ref3) {
|
|
4176
4176
|
var error = _ref3.error;
|
|
4177
|
-
if (error !== undefined) return "1px solid var(--
|
|
4178
|
-
return "1px solid var(--base-
|
|
4177
|
+
if (error !== undefined) return "1px solid var(--color-state-error)";
|
|
4178
|
+
return "1px solid var(--color-base-dark-grey)";
|
|
4179
4179
|
}, function (_ref4) {
|
|
4180
4180
|
var darkMode = _ref4.darkMode;
|
|
4181
4181
|
if (darkMode) return "4px solid var(--base-color-lemonchiffon)";
|
|
4182
4182
|
return "3px solid var(--base-color-lapislazuli)";
|
|
4183
|
-
});
|
|
4184
|
-
var ShowHideButton = /*#__PURE__*/styled__default.button(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n width: 53px;\n top: 50%;\n margin-top: calc(var(--line-height-overline-1) / 2 * -1);\n right: 20px;\n border: none;\n background: none;\n padding: 0;\n display: block;\n text-align: left;\n cursor: pointer;\n white-space: nowrap;\n color: var(--base-
|
|
4183
|
+
}, devices.mobile);
|
|
4184
|
+
var ShowHideButton = /*#__PURE__*/styled__default.button(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n width: 53px;\n top: 50%;\n margin-top: calc(var(--line-height-overline-1) / 2 * -1);\n right: 20px;\n border: none;\n background: none;\n padding: 0;\n display: block;\n text-align: left;\n cursor: pointer;\n white-space: nowrap;\n color: var(--color-base-black);\n"])));
|
|
4185
4185
|
var TextLabel$1 = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
4186
4186
|
var darkMode = _ref5.darkMode;
|
|
4187
|
-
if (darkMode) return "var(--base-
|
|
4187
|
+
if (darkMode) return "var(--color-base-white)";
|
|
4188
4188
|
return "var(--base-color-black)";
|
|
4189
4189
|
});
|
|
4190
4190
|
var ErrorLabel$1 = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref6) {
|
|
4191
4191
|
var darkMode = _ref6.darkMode;
|
|
4192
|
-
if (darkMode) return "var(--base-
|
|
4193
|
-
return "var(--
|
|
4192
|
+
if (darkMode) return "var(--color-base-white)";
|
|
4193
|
+
return "var(--color-state-error)";
|
|
4194
4194
|
});
|
|
4195
|
+
var BodyCopyHarmonicWithWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-state-error);\n"])));
|
|
4195
4196
|
|
|
4196
4197
|
var _excluded$9 = ["label", "type", "error", "darkMode", "width"];
|
|
4197
4198
|
/**
|
|
@@ -4262,8 +4263,9 @@ var TextFieldComponent = function TextFieldComponent(_ref, ref) {
|
|
|
4262
4263
|
darkMode: darkMode,
|
|
4263
4264
|
"data-testid": "text-field-text-label",
|
|
4264
4265
|
"aria-hidden": "true"
|
|
4265
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
4266
|
-
|
|
4266
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
4267
|
+
size: "large",
|
|
4268
|
+
color: "black"
|
|
4267
4269
|
}, label))), /*#__PURE__*/React__default.createElement(InputWrapper, {
|
|
4268
4270
|
width: width
|
|
4269
4271
|
}, /*#__PURE__*/React__default.createElement(Input, Object.assign({
|
|
@@ -4286,8 +4288,8 @@ var TextFieldComponent = function TextFieldComponent(_ref, ref) {
|
|
|
4286
4288
|
"data-testid": "text-field-error-label",
|
|
4287
4289
|
role: "alert",
|
|
4288
4290
|
"aria-live": "assertive"
|
|
4289
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
4290
|
-
|
|
4291
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonicWithWrapper, {
|
|
4292
|
+
size: "large"
|
|
4291
4293
|
}, error))));
|
|
4292
4294
|
};
|
|
4293
4295
|
var TextField = /*#__PURE__*/React.forwardRef(TextFieldComponent);
|
|
@@ -4639,7 +4641,7 @@ var Tickbox2Component = function Tickbox2Component(_ref, ref) {
|
|
|
4639
4641
|
};
|
|
4640
4642
|
var Tickbox2 = /*#__PURE__*/React.forwardRef(Tickbox2Component);
|
|
4641
4643
|
|
|
4642
|
-
var _templateObject$s, _templateObject2$k, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4644
|
+
var _templateObject$s, _templateObject2$k, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7$1, _templateObject8;
|
|
4643
4645
|
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-", ");\n\n .color-primary {\n color: var(--color-base-", ");\n }\n"])), function (_ref) {
|
|
4644
4646
|
var color = _ref.color;
|
|
4645
4647
|
return color;
|
|
@@ -4655,7 +4657,7 @@ var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_temp
|
|
|
4655
4657
|
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4656
4658
|
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
4657
4659
|
var TimerValueSeparator = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 20px;\n\n @media ", " {\n margin: 0 12px;\n }\n"])), devices.mobileAndTablet);
|
|
4658
|
-
var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4660
|
+
var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4659
4661
|
var TimerValue = /*#__PURE__*/styled__default.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4660
4662
|
|
|
4661
4663
|
var Timer = function Timer(_ref) {
|
|
@@ -4762,14 +4764,14 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
4762
4764
|
}));
|
|
4763
4765
|
};
|
|
4764
4766
|
|
|
4765
|
-
var _templateObject$u, _templateObject2$l, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$
|
|
4767
|
+
var _templateObject$u, _templateObject2$l, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10;
|
|
4766
4768
|
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
|
|
4767
4769
|
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
4768
4770
|
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
4769
4771
|
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
|
|
4770
4772
|
var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
4771
4773
|
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
4772
|
-
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject7$
|
|
4774
|
+
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 17px;\n height: 17px;\n background: none;\n border: none;\n padding: 0;\n svg {\n width: 100%;\n height: 100%;\n }\n cursor: pointer;\n"])));
|
|
4773
4775
|
var thumbStyles = /*#__PURE__*/styled.css(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n -webkit-appearance: none;\n appearance: none;\n border: none;\n height: 8px;\n width: 8px;\n border-radius: 50%;\n background: #ffffff;\n border: none;\n transform: translateY(-25%);\n"])));
|
|
4774
4776
|
var trackStyles = /*#__PURE__*/styled.css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n height: 4px;\n background: rgb(241, 241, 241, 0.5);\n border-radius: 1.3px;\n border: none;\n"])));
|
|
4775
4777
|
var VolumeControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin: 0 12px;\n padding: 0;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n height: 36px;\n width: ", ";\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n /* Range slider overrides */\n input[type='range' i] {\n -webkit-appearance: none;\n appearance: none;\n width: 42px;\n margin: 0;\n margin-left: 7px;\n background: transparent; /* Otherwise white in Chrome */\n\n ::-webkit-slider-runnable-track {\n ", "\n }\n ::-moz-range-track {\n ", "\n }\n ::-ms-track {\n ", "\n }\n ::-ms-fill-lower {\n ", "\n }\n ::-ms-fill-upper {\n ", "\n }\n\n ::-webkit-slider-thumb {\n ", "\n }\n ::-moz-range-thumb {\n ", "\n }\n ::-ms-thumb {\n ", "\n }\n }\n"])), function (_ref) {
|
|
@@ -5262,7 +5264,7 @@ var SocialLinks = function SocialLinks(_ref) {
|
|
|
5262
5264
|
}));
|
|
5263
5265
|
};
|
|
5264
5266
|
|
|
5265
|
-
var _templateObject$x, _templateObject2$o, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$
|
|
5267
|
+
var _templateObject$x, _templateObject2$o, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$3, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
|
|
5266
5268
|
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 4px;\n\n @media ", " {\n padding-top: 0px;\n }\n\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
5267
5269
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5268
5270
|
return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--color-base-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
|
|
@@ -5293,7 +5295,7 @@ var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$8 |
|
|
|
5293
5295
|
return visible ? 'translateY(0)' : 'translateY(-10px)';
|
|
5294
5296
|
}, zIndexes.search, devices.mobile);
|
|
5295
5297
|
var NavigationGridMobile = /*#__PURE__*/styled__default(Grid)(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: grid;\n padding-top: 32px;\n padding-bottom: var(--navigation-large-margin);\n }\n"])), devices.mobileAndTablet);
|
|
5296
|
-
var MobileMenuContainer = /*#__PURE__*/styled__default(Grid)(_templateObject7$
|
|
5298
|
+
var MobileMenuContainer = /*#__PURE__*/styled__default(Grid)(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-evenly;\n transition: row-gap 0.3s ease;\n row-gap: ", ";\n }\n"])), devices.mobileAndTablet, function (_ref9) {
|
|
5297
5299
|
var showSearch = _ref9.showSearch;
|
|
5298
5300
|
return showSearch ? '110px' : '12px';
|
|
5299
5301
|
});
|
|
@@ -5862,13 +5864,13 @@ var Tabs = function Tabs(_ref) {
|
|
|
5862
5864
|
}, "Menu"))))));
|
|
5863
5865
|
};
|
|
5864
5866
|
|
|
5865
|
-
var _templateObject$C, _templateObject2$s, _templateObject3$h, _templateObject5$a, _templateObject6$7, _templateObject7$
|
|
5867
|
+
var _templateObject$C, _templateObject2$s, _templateObject3$h, _templateObject5$a, _templateObject6$7, _templateObject7$4;
|
|
5866
5868
|
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: transparent;\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
5867
5869
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
5868
5870
|
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n"])));
|
|
5869
5871
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-serif);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--color-base-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
5870
5872
|
var TextLinkWrapper$1 = /*#__PURE__*/styled__default(TextLink)(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
5871
|
-
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$
|
|
5873
|
+
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-right: 8px;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5872
5874
|
|
|
5873
5875
|
var SearchBar = function SearchBar(_ref) {
|
|
5874
5876
|
var onClick = _ref.onClick,
|
|
@@ -6112,14 +6114,14 @@ var Navigation = function Navigation(_ref) {
|
|
|
6112
6114
|
})))))));
|
|
6113
6115
|
};
|
|
6114
6116
|
|
|
6115
|
-
var _templateObject$D, _templateObject2$t, _templateObject3$i, _templateObject4$e, _templateObject5$b, _templateObject6$8, _templateObject7$
|
|
6117
|
+
var _templateObject$D, _templateObject2$t, _templateObject3$i, _templateObject4$e, _templateObject5$b, _templateObject6$8, _templateObject7$5;
|
|
6116
6118
|
var FooterSection = /*#__PURE__*/styled__default.footer(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n padding: 44px 50px;\n\n @media ", " {\n padding: 40px 32px;\n }\n\n @media ", " {\n padding: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
6117
6119
|
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n gap: 40px;\n max-width: 1140px;\n margin: 0 auto;\n\n @media ", " {\n gap: 24px;\n }\n\n @media ", " {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n"])), devices.tablet, devices.mobile);
|
|
6118
6120
|
var PolicyLinksSection = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: span 4;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media ", " {\n gap: 20px;\n }\n\n @media ", " {\n gap: 12px;\n order: 2;\n }\n"])), devices.tablet, devices.mobile);
|
|
6119
6121
|
var SocialAndNewsletterSection = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: span 4;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n\n @media ", " {\n order: 1;\n gap: 40px;\n }\n"])), devices.mobile);
|
|
6120
6122
|
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
6121
6123
|
var LogoAndDescriptionSection = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: span 4;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n img {\n width: 120px;\n margin-bottom: 12px;\n }\n\n @media ", " {\n order: 3;\n gap: 24px;\n }\n"])), devices.mobile);
|
|
6122
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled__default(TextLink)(_templateObject7$
|
|
6124
|
+
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"])));
|
|
6123
6125
|
|
|
6124
6126
|
var _templateObject$E;
|
|
6125
6127
|
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"])));
|
|
@@ -6438,7 +6440,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6438
6440
|
}))) : null)) : null))));
|
|
6439
6441
|
};
|
|
6440
6442
|
|
|
6441
|
-
var _templateObject$G, _templateObject2$v, _templateObject3$k, _templateObject4$g, _templateObject6$a, _templateObject7$
|
|
6443
|
+
var _templateObject$G, _templateObject2$v, _templateObject3$k, _templateObject4$g, _templateObject6$a, _templateObject7$6, _templateObject8$3, _templateObject9$2, _templateObject10$2;
|
|
6442
6444
|
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) {
|
|
6443
6445
|
var sticky = _ref.sticky;
|
|
6444
6446
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -6450,7 +6452,7 @@ var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$k || (_
|
|
|
6450
6452
|
}, devices.tablet, devices.mobile);
|
|
6451
6453
|
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__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);
|
|
6452
6454
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__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);
|
|
6453
|
-
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6455
|
+
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);
|
|
6454
6456
|
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
6455
6457
|
var theme = _ref3.theme;
|
|
6456
6458
|
return theme.colors.primaryButtonReverseBg;
|
|
@@ -7109,7 +7111,7 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
7109
7111
|
ButtonType["Tertiary"] = "Tertiary";
|
|
7110
7112
|
})(exports.ButtonType || (exports.ButtonType = {}));
|
|
7111
7113
|
|
|
7112
|
-
var _templateObject$J, _templateObject2$x, _templateObject3$m, _templateObject4$h, _templateObject5$d, _templateObject6$b, _templateObject7$
|
|
7114
|
+
var _templateObject$J, _templateObject2$x, _templateObject3$m, _templateObject4$h, _templateObject5$d, _templateObject6$b, _templateObject7$7, _templateObject8$4;
|
|
7113
7115
|
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-light-grey);\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);
|
|
7114
7116
|
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"])));
|
|
7115
7117
|
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__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) {
|
|
@@ -7119,7 +7121,7 @@ var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templa
|
|
|
7119
7121
|
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
7120
7122
|
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"])));
|
|
7121
7123
|
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
7122
|
-
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7124
|
+
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"])));
|
|
7123
7125
|
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-dark-grey);\n"])));
|
|
7124
7126
|
|
|
7125
7127
|
// Set max. character length
|
|
@@ -7459,7 +7461,7 @@ var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
|
|
|
7459
7461
|
return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
|
|
7460
7462
|
};
|
|
7461
7463
|
|
|
7462
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$o, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$
|
|
7464
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$o, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$8, _templateObject8$5;
|
|
7463
7465
|
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n"])), function (_ref) {
|
|
7464
7466
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
7465
7467
|
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 }";
|
|
@@ -7479,7 +7481,7 @@ var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$e || (_te
|
|
|
7479
7481
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
7480
7482
|
});
|
|
7481
7483
|
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7482
|
-
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject7$
|
|
7484
|
+
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
7483
7485
|
var SwipeGridWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
|
|
7484
7486
|
var active = _ref5.active;
|
|
7485
7487
|
return active ? 'grid-column: 1 / span 16' : '';
|
|
@@ -7512,6 +7514,17 @@ var generateDomElementId = function generateDomElementId() {
|
|
|
7512
7514
|
return randomPart + "-" + datePart;
|
|
7513
7515
|
};
|
|
7514
7516
|
|
|
7517
|
+
var DISABLED_TABBING_TAGS = 'a, button';
|
|
7518
|
+
var disableTabbingInside = function disableTabbingInside(element, shouldDisable) {
|
|
7519
|
+
if (!element) return;
|
|
7520
|
+
var focusables = element.querySelectorAll(DISABLED_TABBING_TAGS);
|
|
7521
|
+
focusables.forEach(function (el) {
|
|
7522
|
+
if (shouldDisable) el.setAttribute('tabindex', '-1');
|
|
7523
|
+
});
|
|
7524
|
+
};
|
|
7525
|
+
var isCloneSlide = function isCloneSlide(index, clonesCount, childrenLength, infinite) {
|
|
7526
|
+
return infinite && (index < clonesCount || index >= childrenLength + clonesCount);
|
|
7527
|
+
};
|
|
7515
7528
|
var getVisibleIndexes = function getVisibleIndexes(currentIndex, slideWidths, containerWidth, slidesLength) {
|
|
7516
7529
|
var widthSoFar = 0;
|
|
7517
7530
|
var visible = [];
|
|
@@ -7775,11 +7788,13 @@ var Swipe = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
7775
7788
|
var visibleIndexes = getVisibleIndexes(currentIndex, slideWidths, containerWidth, slides.length);
|
|
7776
7789
|
return /*#__PURE__*/React__default.createElement(SwipeContainer, Object.assign({
|
|
7777
7790
|
ref: containerRef,
|
|
7791
|
+
className: "swipe",
|
|
7778
7792
|
onTouchStart: handleTouchStart,
|
|
7779
7793
|
onTouchMove: handleTouchMove,
|
|
7780
7794
|
onTouchEnd: handleTouchEnd,
|
|
7781
7795
|
onMouseDown: handleMouseDown,
|
|
7782
|
-
|
|
7796
|
+
"aria-roledescription": "carousel",
|
|
7797
|
+
role: "list"
|
|
7783
7798
|
}, props), /*#__PURE__*/React__default.createElement(SwipeTrack, {
|
|
7784
7799
|
className: "swipe-track-wrapper",
|
|
7785
7800
|
translateX: dragTranslateX !== null ? dragTranslateX : getTranslateX(),
|
|
@@ -7787,17 +7802,21 @@ var Swipe = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
7787
7802
|
onTransitionEnd: handleTransitionEnd
|
|
7788
7803
|
}, slides.map(function (child, index) {
|
|
7789
7804
|
var isVisible = visibleIndexes.includes(index);
|
|
7790
|
-
|
|
7805
|
+
var isClone = isCloneSlide(index, clonesCount, children.length, infinite);
|
|
7806
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
7791
7807
|
key: "swipe-slide-" + uniqueIdRef.current + "-" + index,
|
|
7792
|
-
ariaHidden: !isVisible,
|
|
7793
7808
|
className: SWIPE_SLIDE_CLASS_NAME,
|
|
7809
|
+
"aria-hidden": !isVisible,
|
|
7810
|
+
"aria-roledescription": "slide",
|
|
7811
|
+
role: "listitem",
|
|
7794
7812
|
ref: function ref(el) {
|
|
7795
7813
|
childRefs.current[index] = el;
|
|
7814
|
+
disableTabbingInside(el, isClone);
|
|
7796
7815
|
},
|
|
7797
7816
|
onFocus: function onFocus() {
|
|
7798
7817
|
return onSlideFocus(isVisible, index);
|
|
7799
7818
|
}
|
|
7800
|
-
});
|
|
7819
|
+
}, child);
|
|
7801
7820
|
})));
|
|
7802
7821
|
});
|
|
7803
7822
|
Swipe.displayName = 'Swipe';
|
|
@@ -7912,25 +7931,18 @@ var Carousel = function Carousel(_ref) {
|
|
|
7912
7931
|
"data-testid": "carousel-swipe",
|
|
7913
7932
|
ref: swipeRef,
|
|
7914
7933
|
infinite: infinite,
|
|
7915
|
-
slidesOffsetBefore: slidesOffsetBefore
|
|
7916
|
-
|
|
7917
|
-
"aria-roledescription": "carousel"
|
|
7918
|
-
}, React__default.Children.toArray(children).map(function (child, index) {
|
|
7919
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
7920
|
-
key: "carousel-slide-" + index,
|
|
7921
|
-
"aria-roledescription": "slide"
|
|
7922
|
-
}, child);
|
|
7923
|
-
})))));
|
|
7934
|
+
slidesOffsetBefore: slidesOffsetBefore
|
|
7935
|
+
}, children))));
|
|
7924
7936
|
};
|
|
7925
7937
|
|
|
7926
|
-
var _templateObject$P, _templateObject2$C, _templateObject3$p, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$
|
|
7927
|
-
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
|
|
7938
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$p, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$9, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17;
|
|
7939
|
+
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);
|
|
7928
7940
|
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);
|
|
7929
7941
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7930
7942
|
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__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);
|
|
7931
7943
|
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);
|
|
7932
7944
|
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
7933
|
-
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7945
|
+
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);
|
|
7934
7946
|
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__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);
|
|
7935
7947
|
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__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);
|
|
7936
7948
|
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__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);
|
|
@@ -8073,6 +8085,7 @@ var InfoSection = function InfoSection(_ref) {
|
|
|
8073
8085
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, timerParams && (/*#__PURE__*/React__default.createElement(TimerWrapper$1, {
|
|
8074
8086
|
"data-testid": "highlight-carousel-timer-wrapper"
|
|
8075
8087
|
}, finishedTimers.includes(currentSlideIndex) ? (/*#__PURE__*/React__default.createElement(HarmonicSubtitle, {
|
|
8088
|
+
className: "highlight-carousel-text",
|
|
8076
8089
|
size: "large"
|
|
8077
8090
|
}, timerParams.endDateText)) : (/*#__PURE__*/React__default.createElement(Timer, {
|
|
8078
8091
|
color: exports.Colors.White,
|
|
@@ -8080,19 +8093,24 @@ var InfoSection = function InfoSection(_ref) {
|
|
|
8080
8093
|
endDate: timerParams.endDate,
|
|
8081
8094
|
title: timerParams.title
|
|
8082
8095
|
})))), logo ? /*#__PURE__*/React__default.createElement(InfoLogoWrapper, null, logo) : null, /*#__PURE__*/React__default.createElement(InfoTitleWrapper, null, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
8096
|
+
className: TYPOGRAPHY_CLASS_NAME,
|
|
8083
8097
|
size: "large",
|
|
8084
8098
|
hierarchy: "h3"
|
|
8085
8099
|
}, infoTitle), /*#__PURE__*/React__default.createElement(HarmonicOverline, {
|
|
8100
|
+
className: TYPOGRAPHY_CLASS_NAME,
|
|
8086
8101
|
size: "large"
|
|
8087
8102
|
}, infoTimeframe)), /*#__PURE__*/React__default.createElement(InfoTextWrapper, null, /*#__PURE__*/React__default.createElement(InfoSubtitleWrapper, null, /*#__PURE__*/React__default.createElement(HarmonicOverline, {
|
|
8103
|
+
className: TYPOGRAPHY_CLASS_NAME,
|
|
8088
8104
|
size: "large"
|
|
8089
8105
|
}, infoSubtitle)), /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
8106
|
+
className: TYPOGRAPHY_CLASS_NAME,
|
|
8090
8107
|
size: "large"
|
|
8091
8108
|
}, /*#__PURE__*/React__default.createElement(HtmlBodyText, {
|
|
8092
8109
|
dangerouslySetInnerHTML: {
|
|
8093
8110
|
__html: description
|
|
8094
8111
|
}
|
|
8095
8112
|
})), additionalInfo && (/*#__PURE__*/React__default.createElement(AdditionalInfoWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
8113
|
+
className: TYPOGRAPHY_CLASS_NAME,
|
|
8096
8114
|
size: "large"
|
|
8097
8115
|
}, additionalInfo)))));
|
|
8098
8116
|
};
|
|
@@ -8319,7 +8337,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8319
8337
|
}))))));
|
|
8320
8338
|
};
|
|
8321
8339
|
|
|
8322
|
-
var _templateObject$U, _templateObject2$F, _templateObject3$s, _templateObject4$n, _templateObject5$i, _templateObject6$f, _templateObject7$
|
|
8340
|
+
var _templateObject$U, _templateObject2$F, _templateObject3$s, _templateObject4$n, _templateObject5$i, _templateObject6$f, _templateObject7$a, _templateObject8$7, _templateObject9$4, _templateObject10$4, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2;
|
|
8323
8341
|
var LENGTH_LARGE_TEXT = 28;
|
|
8324
8342
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8325
8343
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8341,7 +8359,7 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$n ||
|
|
|
8341
8359
|
});
|
|
8342
8360
|
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);
|
|
8343
8361
|
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8344
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8362
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow-wrap: break-word;\n"])));
|
|
8345
8363
|
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8346
8364
|
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
|
|
8347
8365
|
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 26px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (_ref5) {
|
|
@@ -8666,7 +8684,7 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8666
8684
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString))))))));
|
|
8667
8685
|
};
|
|
8668
8686
|
|
|
8669
|
-
var _templateObject$X, _templateObject2$I, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$g, _templateObject7$
|
|
8687
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$g, _templateObject7$b;
|
|
8670
8688
|
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8671
8689
|
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: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
8672
8690
|
return props.clickable ? 'pointer' : 'default';
|
|
@@ -8677,7 +8695,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
|
8677
8695
|
}, devices.mobile);
|
|
8678
8696
|
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
|
|
8679
8697
|
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
8680
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8698
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__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) {
|
|
8681
8699
|
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 ";
|
|
8682
8700
|
});
|
|
8683
8701
|
|
|
@@ -8993,7 +9011,7 @@ var Information = function Information(_ref) {
|
|
|
8993
9011
|
})))));
|
|
8994
9012
|
};
|
|
8995
9013
|
|
|
8996
|
-
var _templateObject$_, _templateObject2$L, _templateObject3$x, _templateObject4$s, _templateObject5$m, _templateObject6$h, _templateObject7$
|
|
9014
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$x, _templateObject4$s, _templateObject5$m, _templateObject6$h, _templateObject7$c, _templateObject8$8;
|
|
8997
9015
|
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
8998
9016
|
var theme = _ref.theme;
|
|
8999
9017
|
return theme.colors.primary;
|
|
@@ -9012,7 +9030,7 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$s || (_t
|
|
|
9012
9030
|
}, devices.mobile);
|
|
9013
9031
|
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
9014
9032
|
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__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 @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
9015
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9033
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__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);
|
|
9016
9034
|
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
9017
9035
|
|
|
9018
9036
|
var _excluded$l = ["text"];
|
|
@@ -9091,14 +9109,14 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
9091
9109
|
})));
|
|
9092
9110
|
};
|
|
9093
9111
|
|
|
9094
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$y, _templateObject4$t, _templateObject5$n, _templateObject6$i, _templateObject7$
|
|
9112
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$y, _templateObject4$t, _templateObject5$n, _templateObject6$i, _templateObject7$d, _templateObject8$9;
|
|
9095
9113
|
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
9096
9114
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
9097
9115
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$y || (_templateObject3$y = /*#__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);
|
|
9098
9116
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__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);
|
|
9099
9117
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9100
9118
|
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);
|
|
9101
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9119
|
+
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);
|
|
9102
9120
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
9103
9121
|
|
|
9104
9122
|
var _excluded$o = ["text"];
|
|
@@ -9228,7 +9246,7 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
9228
9246
|
}))));
|
|
9229
9247
|
};
|
|
9230
9248
|
|
|
9231
|
-
var _templateObject$12, _templateObject2$O, _templateObject3$A, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$
|
|
9249
|
+
var _templateObject$12, _templateObject2$O, _templateObject3$A, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
9232
9250
|
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9233
9251
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9234
9252
|
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__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\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n \n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet, devices.tablet);
|
|
@@ -9241,7 +9259,7 @@ var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_te
|
|
|
9241
9259
|
return showBlock ? 'block' : 'none';
|
|
9242
9260
|
}, devices.mobile);
|
|
9243
9261
|
var BadgeWrapper$1 = /*#__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);
|
|
9244
|
-
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9262
|
+
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) {
|
|
9245
9263
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
9246
9264
|
return isBadgePresent ? '1' : '4';
|
|
9247
9265
|
});
|
|
@@ -9257,7 +9275,7 @@ var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject10$5 || (_t
|
|
|
9257
9275
|
var isButtonPresent = _ref6.isButtonPresent;
|
|
9258
9276
|
return isButtonPresent ? '20px' : '0';
|
|
9259
9277
|
});
|
|
9260
|
-
var ContentWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 70px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n @media ", " {\n height: auto;\n flex-direction: column;\n justify-content: start;\n }\n"])), devices.mobile);
|
|
9278
|
+
var ContentWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 70px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n @media ", " {\n min-height: auto;\n flex-direction: column;\n justify-content: start;\n }\n"])), devices.mobile);
|
|
9261
9279
|
|
|
9262
9280
|
var PageHeadingPromoBadge;
|
|
9263
9281
|
(function (PageHeadingPromoBadge) {
|
|
@@ -9437,7 +9455,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9437
9455
|
}))))))))))));
|
|
9438
9456
|
};
|
|
9439
9457
|
|
|
9440
|
-
var _templateObject$13, _templateObject2$P, _templateObject3$B, _templateObject5$q, _templateObject6$k, _templateObject7$
|
|
9458
|
+
var _templateObject$13, _templateObject2$P, _templateObject3$B, _templateObject5$q, _templateObject6$k, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6;
|
|
9441
9459
|
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);
|
|
9442
9460
|
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
9443
9461
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
@@ -9458,7 +9476,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
9458
9476
|
var theme = _ref4.theme;
|
|
9459
9477
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
9460
9478
|
}, devices.tablet, devices.mobile);
|
|
9461
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9479
|
+
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);
|
|
9462
9480
|
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__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);
|
|
9463
9481
|
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$6 || (_templateObject9$6 = /*#__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);
|
|
9464
9482
|
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject10$6 || (_templateObject10$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (_ref5) {
|
|
@@ -9769,14 +9787,14 @@ var Pagination = function Pagination(_ref) {
|
|
|
9769
9787
|
})))));
|
|
9770
9788
|
};
|
|
9771
9789
|
|
|
9772
|
-
var _templateObject$15, _templateObject2$R, _templateObject3$D, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$
|
|
9790
|
+
var _templateObject$15, _templateObject2$R, _templateObject3$D, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$g;
|
|
9773
9791
|
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);
|
|
9774
9792
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9775
9793
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9776
9794
|
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"])));
|
|
9777
9795
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9778
9796
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
9779
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
9797
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9780
9798
|
|
|
9781
9799
|
var Person = function Person(_ref) {
|
|
9782
9800
|
var person = _ref.person,
|
|
@@ -9958,7 +9976,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9958
9976
|
}, creditEntries);
|
|
9959
9977
|
};
|
|
9960
9978
|
|
|
9961
|
-
var _templateObject$17, _templateObject2$T, _templateObject3$F, _templateObject4$z, _templateObject5$s, _templateObject6$m, _templateObject7$
|
|
9979
|
+
var _templateObject$17, _templateObject2$T, _templateObject3$F, _templateObject4$z, _templateObject5$s, _templateObject6$m, _templateObject7$h, _templateObject8$c, _templateObject9$7, _templateObject10$7, _templateObject11$4, _templateObject12$3, _templateObject13$3, _templateObject14$3, _templateObject15$2, _templateObject16$1, _templateObject17$1, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
9962
9980
|
var LENGTH_TEXT = 28;
|
|
9963
9981
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9964
9982
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -10006,7 +10024,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
|
10006
10024
|
return marginBottom + "px";
|
|
10007
10025
|
});
|
|
10008
10026
|
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
10009
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10027
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
10010
10028
|
var TextLinkWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
10011
10029
|
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$7 || (_templateObject9$7 = /*#__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);
|
|
10012
10030
|
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$7 || (_templateObject10$7 = /*#__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);
|
|
@@ -10210,7 +10228,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10210
10228
|
}))));
|
|
10211
10229
|
};
|
|
10212
10230
|
|
|
10213
|
-
var _templateObject$18, _templateObject2$U, _templateObject3$G, _templateObject4$A, _templateObject5$t, _templateObject6$n, _templateObject7$
|
|
10231
|
+
var _templateObject$18, _templateObject2$U, _templateObject3$G, _templateObject4$A, _templateObject5$t, _templateObject6$n, _templateObject7$i;
|
|
10214
10232
|
var LENGTH_TEXT$2 = 28;
|
|
10215
10233
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10216
10234
|
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) {
|
|
@@ -10230,8 +10248,8 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
10230
10248
|
}, devices.mobile);
|
|
10231
10249
|
var HarmonicHeaderWithWrapper = /*#__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);
|
|
10232
10250
|
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10233
|
-
var BodyCopyHarmonicWithWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$n || (_templateObject6$n = /*#__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);
|
|
10234
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10251
|
+
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$n || (_templateObject6$n = /*#__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);
|
|
10252
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__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) {
|
|
10235
10253
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10236
10254
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
10237
10255
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -10421,7 +10439,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10421
10439
|
hierarchy: titleHierarchy
|
|
10422
10440
|
}, title), subtitle ? /*#__PURE__*/React__default.createElement(HarmonicSubtitleWithWrapper, {
|
|
10423
10441
|
size: "medium"
|
|
10424
|
-
}, subtitle) : null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonicWithWrapper, {
|
|
10442
|
+
}, subtitle) : null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonicWithWrapper$1, {
|
|
10425
10443
|
size: "large",
|
|
10426
10444
|
dangerouslySetInnerHTML: {
|
|
10427
10445
|
__html: text
|
|
@@ -10668,7 +10686,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10668
10686
|
}, description)))));
|
|
10669
10687
|
};
|
|
10670
10688
|
|
|
10671
|
-
var _templateObject$1e, _templateObject2$X, _templateObject3$J, _templateObject4$B, _templateObject5$u, _templateObject6$o, _templateObject7$
|
|
10689
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$J, _templateObject4$B, _templateObject5$u, _templateObject6$o, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject10$8, _templateObject11$5;
|
|
10672
10690
|
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) {
|
|
10673
10691
|
var theme = _ref.theme;
|
|
10674
10692
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10694,7 +10712,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10694
10712
|
};
|
|
10695
10713
|
})(_templateObject5$u || (_templateObject5$u = /*#__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"])));
|
|
10696
10714
|
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10697
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10715
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10698
10716
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10699
10717
|
var Option = /*#__PURE__*/styled__default.li(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10700
10718
|
var theme = _ref6.theme,
|
|
@@ -11657,7 +11675,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11657
11675
|
}, strengthLabel))));
|
|
11658
11676
|
};
|
|
11659
11677
|
|
|
11660
|
-
var _templateObject$1m, _templateObject2$13, _templateObject3$Q, _templateObject4$H, _templateObject5$z, _templateObject6$r, _templateObject7$
|
|
11678
|
+
var _templateObject$1m, _templateObject2$13, _templateObject3$Q, _templateObject4$H, _templateObject5$z, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject10$9;
|
|
11661
11679
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11662
11680
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11663
11681
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11672,7 +11690,7 @@ var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$z || (_template
|
|
|
11672
11690
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11673
11691
|
}, devices.mobile);
|
|
11674
11692
|
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: none;\n }\n"])));
|
|
11675
|
-
var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$
|
|
11693
|
+
var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n\n /* Active state */\n ", "\n"])), function (_ref) {
|
|
11676
11694
|
var active = _ref.active;
|
|
11677
11695
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
11678
11696
|
});
|
|
@@ -11861,20 +11879,20 @@ var Table = function Table(_ref) {
|
|
|
11861
11879
|
}))))))))));
|
|
11862
11880
|
};
|
|
11863
11881
|
|
|
11864
|
-
var _templateObject$1n, _templateObject2$14, _templateObject3$R, _templateObject4$I, _templateObject5$A, _templateObject6$s, _templateObject7$
|
|
11882
|
+
var _templateObject$1n, _templateObject2$14, _templateObject3$R, _templateObject4$I, _templateObject5$A, _templateObject6$s, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject10$a, _templateObject11$6, _templateObject12$4, _templateObject13$4, _templateObject14$4, _templateObject15$3;
|
|
11865
11883
|
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) {
|
|
11866
11884
|
var theme = _ref.theme;
|
|
11867
|
-
return "var(--
|
|
11885
|
+
return "var(--color-" + theme + ")";
|
|
11868
11886
|
}, function (_ref2) {
|
|
11869
11887
|
var theme = _ref2.theme;
|
|
11870
|
-
return "var(--
|
|
11888
|
+
return "var(--color-" + theme + ")";
|
|
11871
11889
|
});
|
|
11872
11890
|
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11873
11891
|
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--base-color-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);
|
|
11874
11892
|
var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--base-color-errorstate);\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11875
11893
|
var Form = /*#__PURE__*/styled__default.form(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error$1);
|
|
11876
11894
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
11877
|
-
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
11895
|
+
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--base-color-errorstate);\n"])));
|
|
11878
11896
|
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n div {\n text-decoration: underline;\n }\n"])));
|
|
11879
11897
|
var ButtonWrapper$3 = /*#__PURE__*/styled__default.button(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n\n @media ", " {\n width: 100%;\n }\n &:focus {\n outline: 3px solid var(--base-color-lapislazuli);\n }\n"])), devices.mobile);
|
|
11880
11898
|
var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject10$a || (_templateObject10$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);
|
|
@@ -11938,7 +11956,7 @@ var themeToColor = function themeToColor(theme) {
|
|
|
11938
11956
|
case exports.ThemeType.Core:
|
|
11939
11957
|
return ThemeColor['primary-red'];
|
|
11940
11958
|
case exports.ThemeType.Stream:
|
|
11941
|
-
return ThemeColor['
|
|
11959
|
+
return ThemeColor['base-black'];
|
|
11942
11960
|
case exports.ThemeType.Cinema:
|
|
11943
11961
|
return ThemeColor['primary-black'];
|
|
11944
11962
|
default:
|
|
@@ -11955,8 +11973,11 @@ var SignUpTitle = function SignUpTitle(_ref) {
|
|
|
11955
11973
|
columnSpanDesktop: 10,
|
|
11956
11974
|
columnStartDevice: 2,
|
|
11957
11975
|
columnSpanDevice: 12
|
|
11958
|
-
}, /*#__PURE__*/React__default.createElement(SignUpTitleWrapper, null, /*#__PURE__*/React__default.createElement(
|
|
11959
|
-
|
|
11976
|
+
}, /*#__PURE__*/React__default.createElement(SignUpTitleWrapper, null, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
11977
|
+
color: "black",
|
|
11978
|
+
hierarchy: "h3",
|
|
11979
|
+
serif: true,
|
|
11980
|
+
size: isMobile ? 'small' : 'medium'
|
|
11960
11981
|
}, title)));
|
|
11961
11982
|
};
|
|
11962
11983
|
var SignUpMessage = function SignUpMessage(_ref2) {
|
|
@@ -11968,8 +11989,8 @@ var SignUpMessage = function SignUpMessage(_ref2) {
|
|
|
11968
11989
|
columnSpanDesktop: 10,
|
|
11969
11990
|
columnStartDevice: 2,
|
|
11970
11991
|
columnSpanDevice: withDropdown ? 11 : 12
|
|
11971
|
-
}, /*#__PURE__*/React__default.createElement(MessageWrapper$1, null, /*#__PURE__*/React__default.createElement(
|
|
11972
|
-
|
|
11992
|
+
}, /*#__PURE__*/React__default.createElement(MessageWrapper$1, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
11993
|
+
size: "large"
|
|
11973
11994
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11974
11995
|
dangerouslySetInnerHTML: {
|
|
11975
11996
|
__html: message
|
|
@@ -12130,12 +12151,10 @@ var SignUpForm = function SignUpForm(_ref3) {
|
|
|
12130
12151
|
}, /*#__PURE__*/React__default.createElement(ServerError, {
|
|
12131
12152
|
role: "alert",
|
|
12132
12153
|
"aria-live": "assertive"
|
|
12133
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12134
|
-
level: 6
|
|
12135
|
-
}, errors.serverError)))), !isLoggedIn && isMobile ? (/*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
12154
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, null, errors.serverError)))), !isLoggedIn && isMobile ? (/*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
12136
12155
|
href: ctaPrivacy.link
|
|
12137
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12138
|
-
|
|
12156
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
12157
|
+
size: "small"
|
|
12139
12158
|
}, ctaPrivacy.text)), /*#__PURE__*/React__default.createElement(ButtonWrapper$3, {
|
|
12140
12159
|
type: "submit"
|
|
12141
12160
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
@@ -12146,8 +12165,8 @@ var SignUpForm = function SignUpForm(_ref3) {
|
|
|
12146
12165
|
backgroundColor: themeToColor(theme)
|
|
12147
12166
|
}, "Sign up")), /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
12148
12167
|
href: ctaPrivacy.link
|
|
12149
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12150
|
-
|
|
12168
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
12169
|
+
size: "large"
|
|
12151
12170
|
}, ctaPrivacy.text))))));
|
|
12152
12171
|
};
|
|
12153
12172
|
var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
@@ -12158,6 +12177,7 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
|
12158
12177
|
errorMessage = _ref5.errorMessage,
|
|
12159
12178
|
_ref5$isLoggedIn = _ref5.isLoggedIn,
|
|
12160
12179
|
isLoggedIn = _ref5$isLoggedIn === void 0 ? false : _ref5$isLoggedIn,
|
|
12180
|
+
className = _ref5.className,
|
|
12161
12181
|
submitHandler = _ref5.submitHandler;
|
|
12162
12182
|
var signUpHeaderId = 'signup-header';
|
|
12163
12183
|
var signUpInstructionsId = 'sign-up-instructions';
|
|
@@ -12185,7 +12205,8 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
|
12185
12205
|
}
|
|
12186
12206
|
}, [isSuccess]);
|
|
12187
12207
|
return /*#__PURE__*/React__default.createElement(Wrapper$9, {
|
|
12188
|
-
theme: themeToColor(theme)
|
|
12208
|
+
theme: themeToColor(theme),
|
|
12209
|
+
className: className
|
|
12189
12210
|
}, /*#__PURE__*/React__default.createElement(SignUpFormWrapper, null, isMobile && !isLoggedIn && !isSuccess ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(HiddenInstructions, {
|
|
12190
12211
|
id: signUpInstructionsId,
|
|
12191
12212
|
"aria-hidden": "true"
|
|
@@ -12298,21 +12319,18 @@ var SwipeCarousel = function SwipeCarousel(_ref2) {
|
|
|
12298
12319
|
currentSlide = _ref2.currentSlide,
|
|
12299
12320
|
carouselRef = _ref2.carouselRef,
|
|
12300
12321
|
hasMultipleSlides = _ref2.hasMultipleSlides,
|
|
12301
|
-
setCurrentSlide = _ref2.setCurrentSlide
|
|
12322
|
+
setCurrentSlide = _ref2.setCurrentSlide,
|
|
12323
|
+
carouselTitle = _ref2.carouselTitle;
|
|
12302
12324
|
var hasOnlyImageSlides = slidesMedia.every(function (slide) {
|
|
12303
12325
|
return !isVideoSlide(slide);
|
|
12304
12326
|
});
|
|
12305
12327
|
return /*#__PURE__*/React__default.createElement(Swipe, {
|
|
12306
12328
|
ref: carouselRef,
|
|
12307
12329
|
infinite: hasMultipleSlides && hasOnlyImageSlides,
|
|
12308
|
-
onIndexChange: setCurrentSlide
|
|
12309
|
-
"aria-roledescription": "carousel"
|
|
12330
|
+
onIndexChange: setCurrentSlide
|
|
12310
12331
|
}, slidesMedia.map(function (mediaContent, index) {
|
|
12311
12332
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12312
|
-
|
|
12313
|
-
key: mediaContent.key,
|
|
12314
|
-
"aria-hidden": index !== currentSlide,
|
|
12315
|
-
"aria-roledescription": "slide"
|
|
12333
|
+
key: mediaContent.key + "-" + carouselTitle
|
|
12316
12334
|
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
12317
12335
|
aspectRatio: exports.AspectRatio['4:3']
|
|
12318
12336
|
}, isVideoSlide(mediaContent) ? (/*#__PURE__*/React__default.createElement(VideoSlide, {
|
|
@@ -12325,6 +12343,7 @@ var SwipeCarousel = function SwipeCarousel(_ref2) {
|
|
|
12325
12343
|
}));
|
|
12326
12344
|
};
|
|
12327
12345
|
|
|
12346
|
+
var TYPOGRAPHY_CLASS_NAME = 'highlight-carousel-text';
|
|
12328
12347
|
var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
12329
12348
|
var logo = _ref.logo,
|
|
12330
12349
|
carouselTitle = _ref.carouselTitle,
|
|
@@ -12371,6 +12390,7 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12371
12390
|
}, /*#__PURE__*/React__default.createElement(HeaderWrapper, {
|
|
12372
12391
|
id: carouselTitleId
|
|
12373
12392
|
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
12393
|
+
className: TYPOGRAPHY_CLASS_NAME,
|
|
12374
12394
|
size: "medium",
|
|
12375
12395
|
serif: true,
|
|
12376
12396
|
hierarchy: titleSemanticLevelValue
|
|
@@ -12396,6 +12416,7 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12396
12416
|
availablePrev: hasOnlyImageSlides || currentSlide !== 0,
|
|
12397
12417
|
availableNext: hasOnlyImageSlides || currentSlide !== slidesMedia.length - 1
|
|
12398
12418
|
}))), /*#__PURE__*/React__default.createElement(SwipeCarousel, {
|
|
12419
|
+
carouselTitle: carouselTitle,
|
|
12399
12420
|
slidesMedia: slidesMedia,
|
|
12400
12421
|
hasMultipleSlides: hasMultipleSlides,
|
|
12401
12422
|
carouselRef: carouselRef,
|