@royaloperahouse/harmonic 0.2.3-g → 0.2.3-h
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/Typography/Typography.d.ts +0 -1
- 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 +105 -105
- 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 +137 -124
- 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
|
@@ -4098,37 +4098,38 @@ var TextArea = function TextArea(_ref) {
|
|
|
4098
4098
|
}, error)))));
|
|
4099
4099
|
};
|
|
4100
4100
|
|
|
4101
|
-
var _templateObject$n, _templateObject2$f, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
4101
|
+
var _templateObject$n, _templateObject2$f, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7;
|
|
4102
4102
|
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4103
4103
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
4104
4104
|
var width = _ref.width;
|
|
4105
4105
|
if (!width) return 'none';
|
|
4106
4106
|
return width + "px";
|
|
4107
4107
|
});
|
|
4108
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n font-family: var(--font-family-
|
|
4108
|
+
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) {
|
|
4109
4109
|
var isPasswordField = _ref2.isPasswordField;
|
|
4110
4110
|
if (isPasswordField) return "80px";
|
|
4111
4111
|
return "20px";
|
|
4112
4112
|
}, function (_ref3) {
|
|
4113
4113
|
var error = _ref3.error;
|
|
4114
|
-
if (error !== undefined) return "1px solid var(--
|
|
4115
|
-
return "1px solid var(--base-
|
|
4114
|
+
if (error !== undefined) return "1px solid var(--color-state-error)";
|
|
4115
|
+
return "1px solid var(--color-base-dark-grey)";
|
|
4116
4116
|
}, function (_ref4) {
|
|
4117
4117
|
var darkMode = _ref4.darkMode;
|
|
4118
4118
|
if (darkMode) return "4px solid var(--base-color-lemonchiffon)";
|
|
4119
4119
|
return "3px solid var(--base-color-lapislazuli)";
|
|
4120
|
-
});
|
|
4121
|
-
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-
|
|
4120
|
+
}, devices.mobile);
|
|
4121
|
+
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"])));
|
|
4122
4122
|
var TextLabel$1 = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
4123
4123
|
var darkMode = _ref5.darkMode;
|
|
4124
|
-
if (darkMode) return "var(--base-
|
|
4124
|
+
if (darkMode) return "var(--color-base-white)";
|
|
4125
4125
|
return "var(--base-color-black)";
|
|
4126
4126
|
});
|
|
4127
4127
|
var ErrorLabel$1 = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref6) {
|
|
4128
4128
|
var darkMode = _ref6.darkMode;
|
|
4129
|
-
if (darkMode) return "var(--base-
|
|
4130
|
-
return "var(--
|
|
4129
|
+
if (darkMode) return "var(--color-base-white)";
|
|
4130
|
+
return "var(--color-state-error)";
|
|
4131
4131
|
});
|
|
4132
|
+
var BodyCopyHarmonicWithWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-state-error);\n"])));
|
|
4132
4133
|
|
|
4133
4134
|
var _excluded$9 = ["label", "type", "error", "darkMode", "width"];
|
|
4134
4135
|
/**
|
|
@@ -4199,8 +4200,9 @@ var TextFieldComponent = function TextFieldComponent(_ref, ref) {
|
|
|
4199
4200
|
darkMode: darkMode,
|
|
4200
4201
|
"data-testid": "text-field-text-label",
|
|
4201
4202
|
"aria-hidden": "true"
|
|
4202
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
4203
|
-
|
|
4203
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
4204
|
+
size: "large",
|
|
4205
|
+
color: "black"
|
|
4204
4206
|
}, label))), /*#__PURE__*/React__default.createElement(InputWrapper, {
|
|
4205
4207
|
width: width
|
|
4206
4208
|
}, /*#__PURE__*/React__default.createElement(Input, Object.assign({
|
|
@@ -4223,8 +4225,8 @@ var TextFieldComponent = function TextFieldComponent(_ref, ref) {
|
|
|
4223
4225
|
"data-testid": "text-field-error-label",
|
|
4224
4226
|
role: "alert",
|
|
4225
4227
|
"aria-live": "assertive"
|
|
4226
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
4227
|
-
|
|
4228
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonicWithWrapper, {
|
|
4229
|
+
size: "large"
|
|
4228
4230
|
}, error))));
|
|
4229
4231
|
};
|
|
4230
4232
|
var TextField = /*#__PURE__*/React.forwardRef(TextFieldComponent);
|
|
@@ -4576,7 +4578,7 @@ var Tickbox2Component = function Tickbox2Component(_ref, ref) {
|
|
|
4576
4578
|
};
|
|
4577
4579
|
var Tickbox2 = /*#__PURE__*/React.forwardRef(Tickbox2Component);
|
|
4578
4580
|
|
|
4579
|
-
var _templateObject$s, _templateObject2$k, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4581
|
+
var _templateObject$s, _templateObject2$k, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7$1, _templateObject8;
|
|
4580
4582
|
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) {
|
|
4581
4583
|
var color = _ref.color;
|
|
4582
4584
|
return color;
|
|
@@ -4592,7 +4594,7 @@ var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_temp
|
|
|
4592
4594
|
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4593
4595
|
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
4594
4596
|
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);
|
|
4595
|
-
var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4597
|
+
var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4596
4598
|
var TimerValue = /*#__PURE__*/styled__default.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4597
4599
|
|
|
4598
4600
|
var Timer = function Timer(_ref) {
|
|
@@ -4699,14 +4701,14 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
4699
4701
|
}));
|
|
4700
4702
|
};
|
|
4701
4703
|
|
|
4702
|
-
var _templateObject$u, _templateObject2$l, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$
|
|
4704
|
+
var _templateObject$u, _templateObject2$l, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10;
|
|
4703
4705
|
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"])));
|
|
4704
4706
|
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"])));
|
|
4705
4707
|
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
4706
4708
|
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"])));
|
|
4707
4709
|
var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
4708
4710
|
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
4709
|
-
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject7$
|
|
4711
|
+
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"])));
|
|
4710
4712
|
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"])));
|
|
4711
4713
|
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"])));
|
|
4712
4714
|
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) {
|
|
@@ -5199,7 +5201,7 @@ var SocialLinks = function SocialLinks(_ref) {
|
|
|
5199
5201
|
}));
|
|
5200
5202
|
};
|
|
5201
5203
|
|
|
5202
|
-
var _templateObject$x, _templateObject2$o, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$
|
|
5204
|
+
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;
|
|
5203
5205
|
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) {
|
|
5204
5206
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5205
5207
|
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 ";
|
|
@@ -5230,7 +5232,7 @@ var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$8 |
|
|
|
5230
5232
|
return visible ? 'translateY(0)' : 'translateY(-10px)';
|
|
5231
5233
|
}, zIndexes.search, devices.mobile);
|
|
5232
5234
|
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);
|
|
5233
|
-
var MobileMenuContainer = /*#__PURE__*/styled__default(Grid)(_templateObject7$
|
|
5235
|
+
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) {
|
|
5234
5236
|
var showSearch = _ref9.showSearch;
|
|
5235
5237
|
return showSearch ? '110px' : '12px';
|
|
5236
5238
|
});
|
|
@@ -5799,13 +5801,13 @@ var Tabs = function Tabs(_ref) {
|
|
|
5799
5801
|
}, "Menu"))))));
|
|
5800
5802
|
};
|
|
5801
5803
|
|
|
5802
|
-
var _templateObject$C, _templateObject2$s, _templateObject3$h, _templateObject5$a, _templateObject6$7, _templateObject7$
|
|
5804
|
+
var _templateObject$C, _templateObject2$s, _templateObject3$h, _templateObject5$a, _templateObject6$7, _templateObject7$4;
|
|
5803
5805
|
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);
|
|
5804
5806
|
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"])));
|
|
5805
5807
|
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"])));
|
|
5806
5808
|
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);
|
|
5807
5809
|
var TextLinkWrapper$1 = /*#__PURE__*/styled__default(TextLink)(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
5808
|
-
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$
|
|
5810
|
+
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"])));
|
|
5809
5811
|
|
|
5810
5812
|
var SearchBar = function SearchBar(_ref) {
|
|
5811
5813
|
var onClick = _ref.onClick,
|
|
@@ -6049,14 +6051,14 @@ var Navigation = function Navigation(_ref) {
|
|
|
6049
6051
|
})))))));
|
|
6050
6052
|
};
|
|
6051
6053
|
|
|
6052
|
-
var _templateObject$D, _templateObject2$t, _templateObject3$i, _templateObject4$e, _templateObject5$b, _templateObject6$8, _templateObject7$
|
|
6054
|
+
var _templateObject$D, _templateObject2$t, _templateObject3$i, _templateObject4$e, _templateObject5$b, _templateObject6$8, _templateObject7$5;
|
|
6053
6055
|
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);
|
|
6054
6056
|
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);
|
|
6055
6057
|
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);
|
|
6056
6058
|
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);
|
|
6057
6059
|
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);
|
|
6058
6060
|
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);
|
|
6059
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled__default(TextLink)(_templateObject7$
|
|
6061
|
+
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"])));
|
|
6060
6062
|
|
|
6061
6063
|
var _templateObject$E;
|
|
6062
6064
|
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"])));
|
|
@@ -6375,7 +6377,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6375
6377
|
}))) : null)) : null))));
|
|
6376
6378
|
};
|
|
6377
6379
|
|
|
6378
|
-
var _templateObject$G, _templateObject2$v, _templateObject3$k, _templateObject4$g, _templateObject6$a, _templateObject7$
|
|
6380
|
+
var _templateObject$G, _templateObject2$v, _templateObject3$k, _templateObject4$g, _templateObject6$a, _templateObject7$6, _templateObject8$3, _templateObject9$2, _templateObject10$2;
|
|
6379
6381
|
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) {
|
|
6380
6382
|
var sticky = _ref.sticky;
|
|
6381
6383
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -6387,7 +6389,7 @@ var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$k || (_
|
|
|
6387
6389
|
}, devices.tablet, devices.mobile);
|
|
6388
6390
|
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);
|
|
6389
6391
|
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);
|
|
6390
|
-
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6392
|
+
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);
|
|
6391
6393
|
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) {
|
|
6392
6394
|
var theme = _ref3.theme;
|
|
6393
6395
|
return theme.colors.primaryButtonReverseBg;
|
|
@@ -7046,7 +7048,7 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
7046
7048
|
ButtonType["Tertiary"] = "Tertiary";
|
|
7047
7049
|
})(exports.ButtonType || (exports.ButtonType = {}));
|
|
7048
7050
|
|
|
7049
|
-
var _templateObject$J, _templateObject2$x, _templateObject3$m, _templateObject4$h, _templateObject5$d, _templateObject6$b, _templateObject7$
|
|
7051
|
+
var _templateObject$J, _templateObject2$x, _templateObject3$m, _templateObject4$h, _templateObject5$d, _templateObject6$b, _templateObject7$7, _templateObject8$4;
|
|
7050
7052
|
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);
|
|
7051
7053
|
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"])));
|
|
7052
7054
|
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) {
|
|
@@ -7056,7 +7058,7 @@ var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templa
|
|
|
7056
7058
|
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
7057
7059
|
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"])));
|
|
7058
7060
|
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
7059
|
-
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7061
|
+
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"])));
|
|
7060
7062
|
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"])));
|
|
7061
7063
|
|
|
7062
7064
|
// Set max. character length
|
|
@@ -7396,7 +7398,7 @@ var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
|
|
|
7396
7398
|
return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
|
|
7397
7399
|
};
|
|
7398
7400
|
|
|
7399
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$o, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$
|
|
7401
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$o, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$8, _templateObject8$5;
|
|
7400
7402
|
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n"])), function (_ref) {
|
|
7401
7403
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
7402
7404
|
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 }";
|
|
@@ -7416,7 +7418,7 @@ var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$e || (_te
|
|
|
7416
7418
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
7417
7419
|
});
|
|
7418
7420
|
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);
|
|
7419
|
-
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject7$
|
|
7421
|
+
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
7420
7422
|
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) {
|
|
7421
7423
|
var active = _ref5.active;
|
|
7422
7424
|
return active ? 'grid-column: 1 / span 16' : '';
|
|
@@ -7449,6 +7451,17 @@ var generateDomElementId = function generateDomElementId() {
|
|
|
7449
7451
|
return randomPart + "-" + datePart;
|
|
7450
7452
|
};
|
|
7451
7453
|
|
|
7454
|
+
var DISABLED_TABBING_TAGS = 'a, button';
|
|
7455
|
+
var disableTabbingInside = function disableTabbingInside(element, shouldDisable) {
|
|
7456
|
+
if (!element) return;
|
|
7457
|
+
var focusables = element.querySelectorAll(DISABLED_TABBING_TAGS);
|
|
7458
|
+
focusables.forEach(function (el) {
|
|
7459
|
+
if (shouldDisable) el.setAttribute('tabindex', '-1');
|
|
7460
|
+
});
|
|
7461
|
+
};
|
|
7462
|
+
var isCloneSlide = function isCloneSlide(index, clonesCount, childrenLength, infinite) {
|
|
7463
|
+
return infinite && (index < clonesCount || index >= childrenLength + clonesCount);
|
|
7464
|
+
};
|
|
7452
7465
|
var getVisibleIndexes = function getVisibleIndexes(currentIndex, slideWidths, containerWidth, slidesLength) {
|
|
7453
7466
|
var widthSoFar = 0;
|
|
7454
7467
|
var visible = [];
|
|
@@ -7712,11 +7725,13 @@ var Swipe = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
7712
7725
|
var visibleIndexes = getVisibleIndexes(currentIndex, slideWidths, containerWidth, slides.length);
|
|
7713
7726
|
return /*#__PURE__*/React__default.createElement(SwipeContainer, Object.assign({
|
|
7714
7727
|
ref: containerRef,
|
|
7728
|
+
className: "swipe",
|
|
7715
7729
|
onTouchStart: handleTouchStart,
|
|
7716
7730
|
onTouchMove: handleTouchMove,
|
|
7717
7731
|
onTouchEnd: handleTouchEnd,
|
|
7718
7732
|
onMouseDown: handleMouseDown,
|
|
7719
|
-
|
|
7733
|
+
"aria-roledescription": "carousel",
|
|
7734
|
+
role: "list"
|
|
7720
7735
|
}, props), /*#__PURE__*/React__default.createElement(SwipeTrack, {
|
|
7721
7736
|
className: "swipe-track-wrapper",
|
|
7722
7737
|
translateX: dragTranslateX !== null ? dragTranslateX : getTranslateX(),
|
|
@@ -7724,17 +7739,21 @@ var Swipe = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
7724
7739
|
onTransitionEnd: handleTransitionEnd
|
|
7725
7740
|
}, slides.map(function (child, index) {
|
|
7726
7741
|
var isVisible = visibleIndexes.includes(index);
|
|
7727
|
-
|
|
7742
|
+
var isClone = isCloneSlide(index, clonesCount, children.length, infinite);
|
|
7743
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
7728
7744
|
key: "swipe-slide-" + uniqueIdRef.current + "-" + index,
|
|
7729
|
-
ariaHidden: !isVisible,
|
|
7730
7745
|
className: SWIPE_SLIDE_CLASS_NAME,
|
|
7746
|
+
"aria-hidden": !isVisible,
|
|
7747
|
+
"aria-roledescription": "slide",
|
|
7748
|
+
role: "listitem",
|
|
7731
7749
|
ref: function ref(el) {
|
|
7732
7750
|
childRefs.current[index] = el;
|
|
7751
|
+
disableTabbingInside(el, isClone);
|
|
7733
7752
|
},
|
|
7734
7753
|
onFocus: function onFocus() {
|
|
7735
7754
|
return onSlideFocus(isVisible, index);
|
|
7736
7755
|
}
|
|
7737
|
-
});
|
|
7756
|
+
}, child);
|
|
7738
7757
|
})));
|
|
7739
7758
|
});
|
|
7740
7759
|
Swipe.displayName = 'Swipe';
|
|
@@ -7849,25 +7868,18 @@ var Carousel = function Carousel(_ref) {
|
|
|
7849
7868
|
"data-testid": "carousel-swipe",
|
|
7850
7869
|
ref: swipeRef,
|
|
7851
7870
|
infinite: infinite,
|
|
7852
|
-
slidesOffsetBefore: slidesOffsetBefore
|
|
7853
|
-
|
|
7854
|
-
"aria-roledescription": "carousel"
|
|
7855
|
-
}, React__default.Children.toArray(children).map(function (child, index) {
|
|
7856
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
7857
|
-
key: "carousel-slide-" + index,
|
|
7858
|
-
"aria-roledescription": "slide"
|
|
7859
|
-
}, child);
|
|
7860
|
-
})))));
|
|
7871
|
+
slidesOffsetBefore: slidesOffsetBefore
|
|
7872
|
+
}, children))));
|
|
7861
7873
|
};
|
|
7862
7874
|
|
|
7863
|
-
var _templateObject$P, _templateObject2$C, _templateObject3$p, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$
|
|
7875
|
+
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;
|
|
7864
7876
|
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);
|
|
7865
7877
|
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);
|
|
7866
7878
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7867
7879
|
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);
|
|
7868
7880
|
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);
|
|
7869
7881
|
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"])));
|
|
7870
|
-
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7882
|
+
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);
|
|
7871
7883
|
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);
|
|
7872
7884
|
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);
|
|
7873
7885
|
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);
|
|
@@ -8256,7 +8268,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8256
8268
|
}))))));
|
|
8257
8269
|
};
|
|
8258
8270
|
|
|
8259
|
-
var _templateObject$U, _templateObject2$F, _templateObject3$s, _templateObject4$n, _templateObject5$i, _templateObject6$f, _templateObject7$
|
|
8271
|
+
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;
|
|
8260
8272
|
var LENGTH_LARGE_TEXT = 28;
|
|
8261
8273
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8262
8274
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8278,7 +8290,7 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$n ||
|
|
|
8278
8290
|
});
|
|
8279
8291
|
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);
|
|
8280
8292
|
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);
|
|
8281
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8293
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow-wrap: break-word;\n"])));
|
|
8282
8294
|
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8283
8295
|
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
|
|
8284
8296
|
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) {
|
|
@@ -8603,7 +8615,7 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8603
8615
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString))))))));
|
|
8604
8616
|
};
|
|
8605
8617
|
|
|
8606
|
-
var _templateObject$X, _templateObject2$I, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$g, _templateObject7$
|
|
8618
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$g, _templateObject7$b;
|
|
8607
8619
|
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8608
8620
|
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) {
|
|
8609
8621
|
return props.clickable ? 'pointer' : 'default';
|
|
@@ -8614,7 +8626,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
|
8614
8626
|
}, devices.mobile);
|
|
8615
8627
|
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);
|
|
8616
8628
|
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
8617
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8629
|
+
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) {
|
|
8618
8630
|
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 ";
|
|
8619
8631
|
});
|
|
8620
8632
|
|
|
@@ -8930,7 +8942,7 @@ var Information = function Information(_ref) {
|
|
|
8930
8942
|
})))));
|
|
8931
8943
|
};
|
|
8932
8944
|
|
|
8933
|
-
var _templateObject$_, _templateObject2$L, _templateObject3$x, _templateObject4$s, _templateObject5$m, _templateObject6$h, _templateObject7$
|
|
8945
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$x, _templateObject4$s, _templateObject5$m, _templateObject6$h, _templateObject7$c, _templateObject8$8;
|
|
8934
8946
|
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) {
|
|
8935
8947
|
var theme = _ref.theme;
|
|
8936
8948
|
return theme.colors.primary;
|
|
@@ -8949,7 +8961,7 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$s || (_t
|
|
|
8949
8961
|
}, devices.mobile);
|
|
8950
8962
|
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"])));
|
|
8951
8963
|
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);
|
|
8952
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8964
|
+
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);
|
|
8953
8965
|
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"])));
|
|
8954
8966
|
|
|
8955
8967
|
var _excluded$l = ["text"];
|
|
@@ -9028,14 +9040,14 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
9028
9040
|
})));
|
|
9029
9041
|
};
|
|
9030
9042
|
|
|
9031
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$y, _templateObject4$t, _templateObject5$n, _templateObject6$i, _templateObject7$
|
|
9043
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$y, _templateObject4$t, _templateObject5$n, _templateObject6$i, _templateObject7$d, _templateObject8$9;
|
|
9032
9044
|
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);
|
|
9033
9045
|
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);
|
|
9034
9046
|
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);
|
|
9035
9047
|
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);
|
|
9036
9048
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9037
9049
|
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);
|
|
9038
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9050
|
+
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);
|
|
9039
9051
|
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);
|
|
9040
9052
|
|
|
9041
9053
|
var _excluded$o = ["text"];
|
|
@@ -9165,7 +9177,7 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
9165
9177
|
}))));
|
|
9166
9178
|
};
|
|
9167
9179
|
|
|
9168
|
-
var _templateObject$12, _templateObject2$O, _templateObject3$A, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$
|
|
9180
|
+
var _templateObject$12, _templateObject2$O, _templateObject3$A, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
9169
9181
|
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9170
9182
|
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"])));
|
|
9171
9183
|
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);
|
|
@@ -9178,7 +9190,7 @@ var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_te
|
|
|
9178
9190
|
return showBlock ? 'block' : 'none';
|
|
9179
9191
|
}, devices.mobile);
|
|
9180
9192
|
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);
|
|
9181
|
-
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9193
|
+
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) {
|
|
9182
9194
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
9183
9195
|
return isBadgePresent ? '1' : '4';
|
|
9184
9196
|
});
|
|
@@ -9194,7 +9206,7 @@ var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject10$5 || (_t
|
|
|
9194
9206
|
var isButtonPresent = _ref6.isButtonPresent;
|
|
9195
9207
|
return isButtonPresent ? '20px' : '0';
|
|
9196
9208
|
});
|
|
9197
|
-
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);
|
|
9209
|
+
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);
|
|
9198
9210
|
|
|
9199
9211
|
var PageHeadingPromoBadge;
|
|
9200
9212
|
(function (PageHeadingPromoBadge) {
|
|
@@ -9374,7 +9386,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9374
9386
|
}))))))))))));
|
|
9375
9387
|
};
|
|
9376
9388
|
|
|
9377
|
-
var _templateObject$13, _templateObject2$P, _templateObject3$B, _templateObject5$q, _templateObject6$k, _templateObject7$
|
|
9389
|
+
var _templateObject$13, _templateObject2$P, _templateObject3$B, _templateObject5$q, _templateObject6$k, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6;
|
|
9378
9390
|
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);
|
|
9379
9391
|
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"])));
|
|
9380
9392
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
@@ -9395,7 +9407,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
9395
9407
|
var theme = _ref4.theme;
|
|
9396
9408
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
9397
9409
|
}, devices.tablet, devices.mobile);
|
|
9398
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9410
|
+
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);
|
|
9399
9411
|
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);
|
|
9400
9412
|
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);
|
|
9401
9413
|
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) {
|
|
@@ -9706,14 +9718,14 @@ var Pagination = function Pagination(_ref) {
|
|
|
9706
9718
|
})))));
|
|
9707
9719
|
};
|
|
9708
9720
|
|
|
9709
|
-
var _templateObject$15, _templateObject2$R, _templateObject3$D, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$
|
|
9721
|
+
var _templateObject$15, _templateObject2$R, _templateObject3$D, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$g;
|
|
9710
9722
|
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);
|
|
9711
9723
|
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"])));
|
|
9712
9724
|
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"])));
|
|
9713
9725
|
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"])));
|
|
9714
9726
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9715
9727
|
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"])));
|
|
9716
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
9728
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9717
9729
|
|
|
9718
9730
|
var Person = function Person(_ref) {
|
|
9719
9731
|
var person = _ref.person,
|
|
@@ -9895,7 +9907,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9895
9907
|
}, creditEntries);
|
|
9896
9908
|
};
|
|
9897
9909
|
|
|
9898
|
-
var _templateObject$17, _templateObject2$T, _templateObject3$F, _templateObject4$z, _templateObject5$s, _templateObject6$m, _templateObject7$
|
|
9910
|
+
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;
|
|
9899
9911
|
var LENGTH_TEXT = 28;
|
|
9900
9912
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9901
9913
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9943,7 +9955,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
|
9943
9955
|
return marginBottom + "px";
|
|
9944
9956
|
});
|
|
9945
9957
|
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
9946
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9958
|
+
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"])));
|
|
9947
9959
|
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"])));
|
|
9948
9960
|
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);
|
|
9949
9961
|
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);
|
|
@@ -10147,7 +10159,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10147
10159
|
}))));
|
|
10148
10160
|
};
|
|
10149
10161
|
|
|
10150
|
-
var _templateObject$18, _templateObject2$U, _templateObject3$G, _templateObject4$A, _templateObject5$t, _templateObject6$n, _templateObject7$
|
|
10162
|
+
var _templateObject$18, _templateObject2$U, _templateObject3$G, _templateObject4$A, _templateObject5$t, _templateObject6$n, _templateObject7$i;
|
|
10151
10163
|
var LENGTH_TEXT$2 = 28;
|
|
10152
10164
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10153
10165
|
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) {
|
|
@@ -10167,8 +10179,8 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
10167
10179
|
}, devices.mobile);
|
|
10168
10180
|
var HarmonicHeaderWithWrapper = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10169
10181
|
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10170
|
-
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);
|
|
10171
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10182
|
+
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);
|
|
10183
|
+
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) {
|
|
10172
10184
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10173
10185
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
10174
10186
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -10358,7 +10370,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10358
10370
|
hierarchy: titleHierarchy
|
|
10359
10371
|
}, title), subtitle ? /*#__PURE__*/React__default.createElement(HarmonicSubtitleWithWrapper, {
|
|
10360
10372
|
size: "medium"
|
|
10361
|
-
}, subtitle) : null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonicWithWrapper, {
|
|
10373
|
+
}, subtitle) : null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonicWithWrapper$1, {
|
|
10362
10374
|
size: "large",
|
|
10363
10375
|
dangerouslySetInnerHTML: {
|
|
10364
10376
|
__html: text
|
|
@@ -10605,7 +10617,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10605
10617
|
}, description)))));
|
|
10606
10618
|
};
|
|
10607
10619
|
|
|
10608
|
-
var _templateObject$1e, _templateObject2$X, _templateObject3$J, _templateObject4$B, _templateObject5$u, _templateObject6$o, _templateObject7$
|
|
10620
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$J, _templateObject4$B, _templateObject5$u, _templateObject6$o, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject10$8, _templateObject11$5;
|
|
10609
10621
|
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) {
|
|
10610
10622
|
var theme = _ref.theme;
|
|
10611
10623
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10631,7 +10643,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10631
10643
|
};
|
|
10632
10644
|
})(_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"])));
|
|
10633
10645
|
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);
|
|
10634
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10646
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10635
10647
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10636
10648
|
var Option = /*#__PURE__*/styled__default.li(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10637
10649
|
var theme = _ref6.theme,
|
|
@@ -11594,7 +11606,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11594
11606
|
}, strengthLabel))));
|
|
11595
11607
|
};
|
|
11596
11608
|
|
|
11597
|
-
var _templateObject$1m, _templateObject2$13, _templateObject3$Q, _templateObject4$H, _templateObject5$z, _templateObject6$r, _templateObject7$
|
|
11609
|
+
var _templateObject$1m, _templateObject2$13, _templateObject3$Q, _templateObject4$H, _templateObject5$z, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject10$9;
|
|
11598
11610
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11599
11611
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11600
11612
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11609,7 +11621,7 @@ var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$z || (_template
|
|
|
11609
11621
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11610
11622
|
}, devices.mobile);
|
|
11611
11623
|
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"])));
|
|
11612
|
-
var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$
|
|
11624
|
+
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) {
|
|
11613
11625
|
var active = _ref.active;
|
|
11614
11626
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
11615
11627
|
});
|
|
@@ -11798,20 +11810,20 @@ var Table = function Table(_ref) {
|
|
|
11798
11810
|
}))))))))));
|
|
11799
11811
|
};
|
|
11800
11812
|
|
|
11801
|
-
var _templateObject$1n, _templateObject2$14, _templateObject3$R, _templateObject4$I, _templateObject5$A, _templateObject6$s, _templateObject7$
|
|
11813
|
+
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;
|
|
11802
11814
|
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) {
|
|
11803
11815
|
var theme = _ref.theme;
|
|
11804
|
-
return "var(--
|
|
11816
|
+
return "var(--color-" + theme + ")";
|
|
11805
11817
|
}, function (_ref2) {
|
|
11806
11818
|
var theme = _ref2.theme;
|
|
11807
|
-
return "var(--
|
|
11819
|
+
return "var(--color-" + theme + ")";
|
|
11808
11820
|
});
|
|
11809
11821
|
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);
|
|
11810
11822
|
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);
|
|
11811
11823
|
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"])));
|
|
11812
11824
|
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);
|
|
11813
11825
|
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);
|
|
11814
|
-
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
11826
|
+
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--base-color-errorstate);\n"])));
|
|
11815
11827
|
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"])));
|
|
11816
11828
|
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);
|
|
11817
11829
|
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);
|
|
@@ -11875,7 +11887,7 @@ var themeToColor = function themeToColor(theme) {
|
|
|
11875
11887
|
case exports.ThemeType.Core:
|
|
11876
11888
|
return ThemeColor['primary-red'];
|
|
11877
11889
|
case exports.ThemeType.Stream:
|
|
11878
|
-
return ThemeColor['
|
|
11890
|
+
return ThemeColor['base-black'];
|
|
11879
11891
|
case exports.ThemeType.Cinema:
|
|
11880
11892
|
return ThemeColor['primary-black'];
|
|
11881
11893
|
default:
|
|
@@ -11892,8 +11904,11 @@ var SignUpTitle = function SignUpTitle(_ref) {
|
|
|
11892
11904
|
columnSpanDesktop: 10,
|
|
11893
11905
|
columnStartDevice: 2,
|
|
11894
11906
|
columnSpanDevice: 12
|
|
11895
|
-
}, /*#__PURE__*/React__default.createElement(SignUpTitleWrapper, null, /*#__PURE__*/React__default.createElement(
|
|
11896
|
-
|
|
11907
|
+
}, /*#__PURE__*/React__default.createElement(SignUpTitleWrapper, null, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
11908
|
+
color: "black",
|
|
11909
|
+
hierarchy: "h3",
|
|
11910
|
+
serif: true,
|
|
11911
|
+
size: isMobile ? 'small' : 'medium'
|
|
11897
11912
|
}, title)));
|
|
11898
11913
|
};
|
|
11899
11914
|
var SignUpMessage = function SignUpMessage(_ref2) {
|
|
@@ -11905,8 +11920,8 @@ var SignUpMessage = function SignUpMessage(_ref2) {
|
|
|
11905
11920
|
columnSpanDesktop: 10,
|
|
11906
11921
|
columnStartDevice: 2,
|
|
11907
11922
|
columnSpanDevice: withDropdown ? 11 : 12
|
|
11908
|
-
}, /*#__PURE__*/React__default.createElement(MessageWrapper$1, null, /*#__PURE__*/React__default.createElement(
|
|
11909
|
-
|
|
11923
|
+
}, /*#__PURE__*/React__default.createElement(MessageWrapper$1, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
11924
|
+
size: "large"
|
|
11910
11925
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11911
11926
|
dangerouslySetInnerHTML: {
|
|
11912
11927
|
__html: message
|
|
@@ -12067,12 +12082,10 @@ var SignUpForm = function SignUpForm(_ref3) {
|
|
|
12067
12082
|
}, /*#__PURE__*/React__default.createElement(ServerError, {
|
|
12068
12083
|
role: "alert",
|
|
12069
12084
|
"aria-live": "assertive"
|
|
12070
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12071
|
-
level: 6
|
|
12072
|
-
}, errors.serverError)))), !isLoggedIn && isMobile ? (/*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
12085
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, null, errors.serverError)))), !isLoggedIn && isMobile ? (/*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
12073
12086
|
href: ctaPrivacy.link
|
|
12074
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12075
|
-
|
|
12087
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
12088
|
+
size: "small"
|
|
12076
12089
|
}, ctaPrivacy.text)), /*#__PURE__*/React__default.createElement(ButtonWrapper$3, {
|
|
12077
12090
|
type: "submit"
|
|
12078
12091
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
@@ -12083,8 +12096,8 @@ var SignUpForm = function SignUpForm(_ref3) {
|
|
|
12083
12096
|
backgroundColor: themeToColor(theme)
|
|
12084
12097
|
}, "Sign up")), /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
12085
12098
|
href: ctaPrivacy.link
|
|
12086
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
12087
|
-
|
|
12099
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
12100
|
+
size: "large"
|
|
12088
12101
|
}, ctaPrivacy.text))))));
|
|
12089
12102
|
};
|
|
12090
12103
|
var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
@@ -12095,6 +12108,7 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
|
12095
12108
|
errorMessage = _ref5.errorMessage,
|
|
12096
12109
|
_ref5$isLoggedIn = _ref5.isLoggedIn,
|
|
12097
12110
|
isLoggedIn = _ref5$isLoggedIn === void 0 ? false : _ref5$isLoggedIn,
|
|
12111
|
+
className = _ref5.className,
|
|
12098
12112
|
submitHandler = _ref5.submitHandler;
|
|
12099
12113
|
var signUpHeaderId = 'signup-header';
|
|
12100
12114
|
var signUpInstructionsId = 'sign-up-instructions';
|
|
@@ -12122,7 +12136,8 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
|
12122
12136
|
}
|
|
12123
12137
|
}, [isSuccess]);
|
|
12124
12138
|
return /*#__PURE__*/React__default.createElement(Wrapper$9, {
|
|
12125
|
-
theme: themeToColor(theme)
|
|
12139
|
+
theme: themeToColor(theme),
|
|
12140
|
+
className: className
|
|
12126
12141
|
}, /*#__PURE__*/React__default.createElement(SignUpFormWrapper, null, isMobile && !isLoggedIn && !isSuccess ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(HiddenInstructions, {
|
|
12127
12142
|
id: signUpInstructionsId,
|
|
12128
12143
|
"aria-hidden": "true"
|
|
@@ -12235,21 +12250,18 @@ var SwipeCarousel = function SwipeCarousel(_ref2) {
|
|
|
12235
12250
|
currentSlide = _ref2.currentSlide,
|
|
12236
12251
|
carouselRef = _ref2.carouselRef,
|
|
12237
12252
|
hasMultipleSlides = _ref2.hasMultipleSlides,
|
|
12238
|
-
setCurrentSlide = _ref2.setCurrentSlide
|
|
12253
|
+
setCurrentSlide = _ref2.setCurrentSlide,
|
|
12254
|
+
carouselTitle = _ref2.carouselTitle;
|
|
12239
12255
|
var hasOnlyImageSlides = slidesMedia.every(function (slide) {
|
|
12240
12256
|
return !isVideoSlide(slide);
|
|
12241
12257
|
});
|
|
12242
12258
|
return /*#__PURE__*/React__default.createElement(Swipe, {
|
|
12243
12259
|
ref: carouselRef,
|
|
12244
12260
|
infinite: hasMultipleSlides && hasOnlyImageSlides,
|
|
12245
|
-
onIndexChange: setCurrentSlide
|
|
12246
|
-
"aria-roledescription": "carousel"
|
|
12261
|
+
onIndexChange: setCurrentSlide
|
|
12247
12262
|
}, slidesMedia.map(function (mediaContent, index) {
|
|
12248
12263
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12249
|
-
|
|
12250
|
-
key: mediaContent.key,
|
|
12251
|
-
"aria-hidden": index !== currentSlide,
|
|
12252
|
-
"aria-roledescription": "slide"
|
|
12264
|
+
key: mediaContent.key + "-" + carouselTitle
|
|
12253
12265
|
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
12254
12266
|
aspectRatio: exports.AspectRatio['4:3']
|
|
12255
12267
|
}, isVideoSlide(mediaContent) ? (/*#__PURE__*/React__default.createElement(VideoSlide, {
|
|
@@ -12333,6 +12345,7 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
12333
12345
|
availablePrev: hasOnlyImageSlides || currentSlide !== 0,
|
|
12334
12346
|
availableNext: hasOnlyImageSlides || currentSlide !== slidesMedia.length - 1
|
|
12335
12347
|
}))), /*#__PURE__*/React__default.createElement(SwipeCarousel, {
|
|
12348
|
+
carouselTitle: carouselTitle,
|
|
12336
12349
|
slidesMedia: slidesMedia,
|
|
12337
12350
|
hasMultipleSlides: hasMultipleSlides,
|
|
12338
12351
|
carouselRef: carouselRef,
|