@royaloperahouse/harmonic 0.2.3-i → 0.2.3-j
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/components/SwipeCarousel.d.ts +1 -0
- package/dist/harmonic.cjs.development.css +319 -0
- package/dist/harmonic.cjs.development.js +106 -93
- 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 +117 -101
- 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$
|
|
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;
|
|
7927
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 color: var(--color-base-white);\n user-select: none;\n\n .color-primary {\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);
|
|
@@ -8319,7 +8331,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8319
8331
|
}))))));
|
|
8320
8332
|
};
|
|
8321
8333
|
|
|
8322
|
-
var _templateObject$U, _templateObject2$F, _templateObject3$s, _templateObject4$n, _templateObject5$i, _templateObject6$f, _templateObject7$
|
|
8334
|
+
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
8335
|
var LENGTH_LARGE_TEXT = 28;
|
|
8324
8336
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8325
8337
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8341,7 +8353,7 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$n ||
|
|
|
8341
8353
|
});
|
|
8342
8354
|
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
8355
|
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$
|
|
8356
|
+
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
8357
|
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8346
8358
|
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
|
|
8347
8359
|
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 +8678,7 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8666
8678
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString))))))));
|
|
8667
8679
|
};
|
|
8668
8680
|
|
|
8669
|
-
var _templateObject$X, _templateObject2$I, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$g, _templateObject7$
|
|
8681
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$g, _templateObject7$b;
|
|
8670
8682
|
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8671
8683
|
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
8684
|
return props.clickable ? 'pointer' : 'default';
|
|
@@ -8677,7 +8689,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
|
8677
8689
|
}, devices.mobile);
|
|
8678
8690
|
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
8691
|
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$
|
|
8692
|
+
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
8693
|
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
8694
|
});
|
|
8683
8695
|
|
|
@@ -8993,7 +9005,7 @@ var Information = function Information(_ref) {
|
|
|
8993
9005
|
})))));
|
|
8994
9006
|
};
|
|
8995
9007
|
|
|
8996
|
-
var _templateObject$_, _templateObject2$L, _templateObject3$x, _templateObject4$s, _templateObject5$m, _templateObject6$h, _templateObject7$
|
|
9008
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$x, _templateObject4$s, _templateObject5$m, _templateObject6$h, _templateObject7$c, _templateObject8$8;
|
|
8997
9009
|
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
9010
|
var theme = _ref.theme;
|
|
8999
9011
|
return theme.colors.primary;
|
|
@@ -9012,7 +9024,7 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$s || (_t
|
|
|
9012
9024
|
}, devices.mobile);
|
|
9013
9025
|
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
9026
|
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$
|
|
9027
|
+
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
9028
|
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
9029
|
|
|
9018
9030
|
var _excluded$l = ["text"];
|
|
@@ -9091,14 +9103,14 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
9091
9103
|
})));
|
|
9092
9104
|
};
|
|
9093
9105
|
|
|
9094
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$y, _templateObject4$t, _templateObject5$n, _templateObject6$i, _templateObject7$
|
|
9106
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$y, _templateObject4$t, _templateObject5$n, _templateObject6$i, _templateObject7$d, _templateObject8$9;
|
|
9095
9107
|
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
9108
|
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
9109
|
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
9110
|
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
9111
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9100
9112
|
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$
|
|
9113
|
+
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
9114
|
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
9115
|
|
|
9104
9116
|
var _excluded$o = ["text"];
|
|
@@ -9228,7 +9240,7 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
9228
9240
|
}))));
|
|
9229
9241
|
};
|
|
9230
9242
|
|
|
9231
|
-
var _templateObject$12, _templateObject2$O, _templateObject3$A, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$
|
|
9243
|
+
var _templateObject$12, _templateObject2$O, _templateObject3$A, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
9232
9244
|
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9233
9245
|
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
9246
|
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 +9253,7 @@ var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_te
|
|
|
9241
9253
|
return showBlock ? 'block' : 'none';
|
|
9242
9254
|
}, devices.mobile);
|
|
9243
9255
|
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$
|
|
9256
|
+
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
9257
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
9246
9258
|
return isBadgePresent ? '1' : '4';
|
|
9247
9259
|
});
|
|
@@ -9257,7 +9269,7 @@ var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject10$5 || (_t
|
|
|
9257
9269
|
var isButtonPresent = _ref6.isButtonPresent;
|
|
9258
9270
|
return isButtonPresent ? '20px' : '0';
|
|
9259
9271
|
});
|
|
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);
|
|
9272
|
+
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
9273
|
|
|
9262
9274
|
var PageHeadingPromoBadge;
|
|
9263
9275
|
(function (PageHeadingPromoBadge) {
|
|
@@ -9437,7 +9449,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9437
9449
|
}))))))))))));
|
|
9438
9450
|
};
|
|
9439
9451
|
|
|
9440
|
-
var _templateObject$13, _templateObject2$P, _templateObject3$B, _templateObject5$q, _templateObject6$k, _templateObject7$
|
|
9452
|
+
var _templateObject$13, _templateObject2$P, _templateObject3$B, _templateObject5$q, _templateObject6$k, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6;
|
|
9441
9453
|
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
9454
|
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
9455
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
@@ -9458,7 +9470,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
9458
9470
|
var theme = _ref4.theme;
|
|
9459
9471
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
9460
9472
|
}, devices.tablet, devices.mobile);
|
|
9461
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9473
|
+
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
9474
|
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
9475
|
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
9476
|
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 +9781,14 @@ var Pagination = function Pagination(_ref) {
|
|
|
9769
9781
|
})))));
|
|
9770
9782
|
};
|
|
9771
9783
|
|
|
9772
|
-
var _templateObject$15, _templateObject2$R, _templateObject3$D, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$
|
|
9784
|
+
var _templateObject$15, _templateObject2$R, _templateObject3$D, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$g;
|
|
9773
9785
|
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
9786
|
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
9787
|
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
9788
|
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
9789
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9778
9790
|
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$
|
|
9791
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9780
9792
|
|
|
9781
9793
|
var Person = function Person(_ref) {
|
|
9782
9794
|
var person = _ref.person,
|
|
@@ -9958,7 +9970,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9958
9970
|
}, creditEntries);
|
|
9959
9971
|
};
|
|
9960
9972
|
|
|
9961
|
-
var _templateObject$17, _templateObject2$T, _templateObject3$F, _templateObject4$z, _templateObject5$s, _templateObject6$m, _templateObject7$
|
|
9973
|
+
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
9974
|
var LENGTH_TEXT = 28;
|
|
9963
9975
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9964
9976
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -10006,7 +10018,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
|
10006
10018
|
return marginBottom + "px";
|
|
10007
10019
|
});
|
|
10008
10020
|
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$
|
|
10021
|
+
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
10022
|
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
10023
|
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
10024
|
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 +10222,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10210
10222
|
}))));
|
|
10211
10223
|
};
|
|
10212
10224
|
|
|
10213
|
-
var _templateObject$18, _templateObject2$U, _templateObject3$G, _templateObject4$A, _templateObject5$t, _templateObject6$n, _templateObject7$
|
|
10225
|
+
var _templateObject$18, _templateObject2$U, _templateObject3$G, _templateObject4$A, _templateObject5$t, _templateObject6$n, _templateObject7$i;
|
|
10214
10226
|
var LENGTH_TEXT$2 = 28;
|
|
10215
10227
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10216
10228
|
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 +10242,8 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
10230
10242
|
}, devices.mobile);
|
|
10231
10243
|
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
10244
|
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$
|
|
10245
|
+
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);
|
|
10246
|
+
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
10247
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10236
10248
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
10237
10249
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -10421,7 +10433,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10421
10433
|
hierarchy: titleHierarchy
|
|
10422
10434
|
}, title), subtitle ? /*#__PURE__*/React__default.createElement(HarmonicSubtitleWithWrapper, {
|
|
10423
10435
|
size: "medium"
|
|
10424
|
-
}, subtitle) : null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonicWithWrapper, {
|
|
10436
|
+
}, subtitle) : null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonicWithWrapper$1, {
|
|
10425
10437
|
size: "large",
|
|
10426
10438
|
dangerouslySetInnerHTML: {
|
|
10427
10439
|
__html: text
|
|
@@ -10668,7 +10680,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10668
10680
|
}, description)))));
|
|
10669
10681
|
};
|
|
10670
10682
|
|
|
10671
|
-
var _templateObject$1e, _templateObject2$X, _templateObject3$J, _templateObject4$B, _templateObject5$u, _templateObject6$o, _templateObject7$
|
|
10683
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$J, _templateObject4$B, _templateObject5$u, _templateObject6$o, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject10$8, _templateObject11$5;
|
|
10672
10684
|
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
10685
|
var theme = _ref.theme;
|
|
10674
10686
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10694,7 +10706,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10694
10706
|
};
|
|
10695
10707
|
})(_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
10708
|
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$
|
|
10709
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10698
10710
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10699
10711
|
var Option = /*#__PURE__*/styled__default.li(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10700
10712
|
var theme = _ref6.theme,
|
|
@@ -11657,7 +11669,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11657
11669
|
}, strengthLabel))));
|
|
11658
11670
|
};
|
|
11659
11671
|
|
|
11660
|
-
var _templateObject$1m, _templateObject2$13, _templateObject3$Q, _templateObject4$H, _templateObject5$z, _templateObject6$r, _templateObject7$
|
|
11672
|
+
var _templateObject$1m, _templateObject2$13, _templateObject3$Q, _templateObject4$H, _templateObject5$z, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject10$9;
|
|
11661
11673
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11662
11674
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11663
11675
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11672,7 +11684,7 @@ var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$z || (_template
|
|
|
11672
11684
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11673
11685
|
}, devices.mobile);
|
|
11674
11686
|
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$
|
|
11687
|
+
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
11688
|
var active = _ref.active;
|
|
11677
11689
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
11678
11690
|
});
|
|
@@ -11861,20 +11873,20 @@ var Table = function Table(_ref) {
|
|
|
11861
11873
|
}))))))))));
|
|
11862
11874
|
};
|
|
11863
11875
|
|
|
11864
|
-
var _templateObject$1n, _templateObject2$14, _templateObject3$R, _templateObject4$I, _templateObject5$A, _templateObject6$s, _templateObject7$
|
|
11876
|
+
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
11877
|
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
11878
|
var theme = _ref.theme;
|
|
11867
|
-
return "var(--
|
|
11879
|
+
return "var(--color-" + theme + ")";
|
|
11868
11880
|
}, function (_ref2) {
|
|
11869
11881
|
var theme = _ref2.theme;
|
|
11870
|
-
return "var(--
|
|
11882
|
+
return "var(--color-" + theme + ")";
|
|
11871
11883
|
});
|
|
11872
11884
|
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
11885
|
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
11886
|
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
11887
|
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
11888
|
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$
|
|
11889
|
+
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--base-color-errorstate);\n"])));
|
|
11878
11890
|
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
11891
|
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
11892
|
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 +11950,7 @@ var themeToColor = function themeToColor(theme) {
|
|
|
11938
11950
|
case exports.ThemeType.Core:
|
|
11939
11951
|
return ThemeColor['primary-red'];
|
|
11940
11952
|
case exports.ThemeType.Stream:
|
|
11941
|
-
return ThemeColor['
|
|
11953
|
+
return ThemeColor['base-black'];
|
|
11942
11954
|
case exports.ThemeType.Cinema:
|
|
11943
11955
|
return ThemeColor['primary-black'];
|
|
11944
11956
|
default:
|
|
@@ -11955,8 +11967,11 @@ var SignUpTitle = function SignUpTitle(_ref) {
|
|
|
11955
11967
|
columnSpanDesktop: 10,
|
|
11956
11968
|
columnStartDevice: 2,
|
|
11957
11969
|
columnSpanDevice: 12
|
|
11958
|
-
}, /*#__PURE__*/React__default.createElement(SignUpTitleWrapper, null, /*#__PURE__*/React__default.createElement(
|
|
11959
|
-
|
|
11970
|
+
}, /*#__PURE__*/React__default.createElement(SignUpTitleWrapper, null, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
11971
|
+
color: "black",
|
|
11972
|
+
hierarchy: "h3",
|
|
11973
|
+
serif: true,
|
|
11974
|
+
size: isMobile ? 'small' : 'medium'
|
|
11960
11975
|
}, title)));
|
|
11961
11976
|
};
|
|
11962
11977
|
var SignUpMessage = function SignUpMessage(_ref2) {
|
|
@@ -11968,8 +11983,8 @@ var SignUpMessage = function SignUpMessage(_ref2) {
|
|
|
11968
11983
|
columnSpanDesktop: 10,
|
|
11969
11984
|
columnStartDevice: 2,
|
|
11970
11985
|
columnSpanDevice: withDropdown ? 11 : 12
|
|
11971
|
-
}, /*#__PURE__*/React__default.createElement(MessageWrapper$1, null, /*#__PURE__*/React__default.createElement(
|
|
11972
|
-
|
|
11986
|
+
}, /*#__PURE__*/React__default.createElement(MessageWrapper$1, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
11987
|
+
size: "large"
|
|
11973
11988
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11974
11989
|
dangerouslySetInnerHTML: {
|
|
11975
11990
|
__html: message
|
|
@@ -12130,12 +12145,10 @@ var SignUpForm = function SignUpForm(_ref3) {
|
|
|
12130
12145
|
}, /*#__PURE__*/React__default.createElement(ServerError, {
|
|
12131
12146
|
role: "alert",
|
|
12132
12147
|
"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, {
|
|
12148
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, null, errors.serverError)))), !isLoggedIn && isMobile ? (/*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
12136
12149
|
href: ctaPrivacy.link
|
|
12137
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12138
|
-
|
|
12150
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
12151
|
+
size: "small"
|
|
12139
12152
|
}, ctaPrivacy.text)), /*#__PURE__*/React__default.createElement(ButtonWrapper$3, {
|
|
12140
12153
|
type: "submit"
|
|
12141
12154
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
@@ -12146,8 +12159,8 @@ var SignUpForm = function SignUpForm(_ref3) {
|
|
|
12146
12159
|
backgroundColor: themeToColor(theme)
|
|
12147
12160
|
}, "Sign up")), /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
12148
12161
|
href: ctaPrivacy.link
|
|
12149
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12150
|
-
|
|
12162
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
12163
|
+
size: "large"
|
|
12151
12164
|
}, ctaPrivacy.text))))));
|
|
12152
12165
|
};
|
|
12153
12166
|
var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
@@ -12158,6 +12171,7 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
|
12158
12171
|
errorMessage = _ref5.errorMessage,
|
|
12159
12172
|
_ref5$isLoggedIn = _ref5.isLoggedIn,
|
|
12160
12173
|
isLoggedIn = _ref5$isLoggedIn === void 0 ? false : _ref5$isLoggedIn,
|
|
12174
|
+
className = _ref5.className,
|
|
12161
12175
|
submitHandler = _ref5.submitHandler;
|
|
12162
12176
|
var signUpHeaderId = 'signup-header';
|
|
12163
12177
|
var signUpInstructionsId = 'sign-up-instructions';
|
|
@@ -12185,7 +12199,8 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
|
12185
12199
|
}
|
|
12186
12200
|
}, [isSuccess]);
|
|
12187
12201
|
return /*#__PURE__*/React__default.createElement(Wrapper$9, {
|
|
12188
|
-
theme: themeToColor(theme)
|
|
12202
|
+
theme: themeToColor(theme),
|
|
12203
|
+
className: className
|
|
12189
12204
|
}, /*#__PURE__*/React__default.createElement(SignUpFormWrapper, null, isMobile && !isLoggedIn && !isSuccess ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(HiddenInstructions, {
|
|
12190
12205
|
id: signUpInstructionsId,
|
|
12191
12206
|
"aria-hidden": "true"
|
|
@@ -12298,21 +12313,18 @@ var SwipeCarousel = function SwipeCarousel(_ref2) {
|
|
|
12298
12313
|
currentSlide = _ref2.currentSlide,
|
|
12299
12314
|
carouselRef = _ref2.carouselRef,
|
|
12300
12315
|
hasMultipleSlides = _ref2.hasMultipleSlides,
|
|
12301
|
-
setCurrentSlide = _ref2.setCurrentSlide
|
|
12316
|
+
setCurrentSlide = _ref2.setCurrentSlide,
|
|
12317
|
+
carouselTitle = _ref2.carouselTitle;
|
|
12302
12318
|
var hasOnlyImageSlides = slidesMedia.every(function (slide) {
|
|
12303
12319
|
return !isVideoSlide(slide);
|
|
12304
12320
|
});
|
|
12305
12321
|
return /*#__PURE__*/React__default.createElement(Swipe, {
|
|
12306
12322
|
ref: carouselRef,
|
|
12307
12323
|
infinite: hasMultipleSlides && hasOnlyImageSlides,
|
|
12308
|
-
onIndexChange: setCurrentSlide
|
|
12309
|
-
"aria-roledescription": "carousel"
|
|
12324
|
+
onIndexChange: setCurrentSlide
|
|
12310
12325
|
}, slidesMedia.map(function (mediaContent, index) {
|
|
12311
12326
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12312
|
-
|
|
12313
|
-
key: mediaContent.key,
|
|
12314
|
-
"aria-hidden": index !== currentSlide,
|
|
12315
|
-
"aria-roledescription": "slide"
|
|
12327
|
+
key: mediaContent.key + "-" + carouselTitle
|
|
12316
12328
|
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
12317
12329
|
aspectRatio: exports.AspectRatio['4:3']
|
|
12318
12330
|
}, isVideoSlide(mediaContent) ? (/*#__PURE__*/React__default.createElement(VideoSlide, {
|
|
@@ -12396,6 +12408,7 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12396
12408
|
availablePrev: hasOnlyImageSlides || currentSlide !== 0,
|
|
12397
12409
|
availableNext: hasOnlyImageSlides || currentSlide !== slidesMedia.length - 1
|
|
12398
12410
|
}))), /*#__PURE__*/React__default.createElement(SwipeCarousel, {
|
|
12411
|
+
carouselTitle: carouselTitle,
|
|
12399
12412
|
slidesMedia: slidesMedia,
|
|
12400
12413
|
hasMultipleSlides: hasMultipleSlides,
|
|
12401
12414
|
carouselRef: carouselRef,
|