@royaloperahouse/harmonic 1.0.6-s → 1.0.7-a
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/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +0 -1
- package/dist/harmonic.cjs.development.js +46 -47
- 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 +46 -47
- package/dist/harmonic.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,6 +4,5 @@ export declare const CreditListingWrapper: import("styled-components").StyledCom
|
|
|
4
4
|
} & {
|
|
5
5
|
columnCount: number;
|
|
6
6
|
}, never>;
|
|
7
|
-
export declare const DescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
7
|
export declare const RoleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
8
|
export declare const CreditWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -9012,14 +9012,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9012
9012
|
}));
|
|
9013
9013
|
};
|
|
9014
9014
|
|
|
9015
|
-
var _templateObject$11, _templateObject2$P, _templateObject3$A
|
|
9015
|
+
var _templateObject$11, _templateObject2$P, _templateObject3$A;
|
|
9016
9016
|
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9017
9017
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
|
|
9018
9018
|
var columnCount = _ref.columnCount;
|
|
9019
9019
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9020
9020
|
}, devices.mobile, devices.tablet);
|
|
9021
|
-
var
|
|
9022
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9021
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9023
9022
|
|
|
9024
9023
|
// Get the total character length of a property in an array of objects
|
|
9025
9024
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -9117,10 +9116,10 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9117
9116
|
}, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, {
|
|
9118
9117
|
size: "small",
|
|
9119
9118
|
color: "grey"
|
|
9120
|
-
}, name)), description && (/*#__PURE__*/React__default.createElement(
|
|
9119
|
+
}, name)), description && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9121
9120
|
size: "small",
|
|
9122
9121
|
color: "grey"
|
|
9123
|
-
}, description))
|
|
9122
|
+
}, description)), personArrays.map(function (personArray, arrayIndex) {
|
|
9124
9123
|
return /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9125
9124
|
key: "personArray" + arrayIndex,
|
|
9126
9125
|
size: "medium"
|
|
@@ -9164,7 +9163,7 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
9164
9163
|
}));
|
|
9165
9164
|
};
|
|
9166
9165
|
|
|
9167
|
-
var _templateObject$13, _templateObject3$B, _templateObject4$
|
|
9166
|
+
var _templateObject$13, _templateObject3$B, _templateObject4$v, _templateObject5$q, _templateObject6$j, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6, _templateObject1$4, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
9168
9167
|
var LENGTH_TEXT = 28;
|
|
9169
9168
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9170
9169
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9205,7 +9204,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$B ||
|
|
|
9205
9204
|
}
|
|
9206
9205
|
return '';
|
|
9207
9206
|
});
|
|
9208
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9207
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref7) {
|
|
9209
9208
|
var marginBottom = _ref7.marginBottom;
|
|
9210
9209
|
return marginBottom + "px";
|
|
9211
9210
|
}, function (_ref8) {
|
|
@@ -9436,7 +9435,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9436
9435
|
}))));
|
|
9437
9436
|
};
|
|
9438
9437
|
|
|
9439
|
-
var _templateObject$14, _templateObject2$Q, _templateObject3$C, _templateObject4$
|
|
9438
|
+
var _templateObject$14, _templateObject2$Q, _templateObject3$C, _templateObject4$w, _templateObject5$r, _templateObject6$k, _templateObject7$g;
|
|
9440
9439
|
var LENGTH_TEXT$2 = 28;
|
|
9441
9440
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9442
9441
|
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__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) {
|
|
@@ -9454,7 +9453,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
9454
9453
|
var imageToLeft = _ref4.imageToLeft;
|
|
9455
9454
|
return imageToLeft ? 'right' : 'left';
|
|
9456
9455
|
}, devices.mobile);
|
|
9457
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$
|
|
9456
|
+
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9458
9457
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9459
9458
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$k || (_templateObject6$k = /*#__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);
|
|
9460
9459
|
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$g || (_templateObject7$g = /*#__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) {
|
|
@@ -10028,7 +10027,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10028
10027
|
}, description)))));
|
|
10029
10028
|
};
|
|
10030
10029
|
|
|
10031
|
-
var _templateObject$1b, _templateObject2$V, _templateObject3$H, _templateObject4$
|
|
10030
|
+
var _templateObject$1b, _templateObject2$V, _templateObject3$H, _templateObject4$x;
|
|
10032
10031
|
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10033
10032
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .harmonic-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n\n .harmonic-select__control--is-focused {\n border-color: var(--color-base-dark-grey);\n box-shadow: ", ";\n }\n\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--color-primary-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n\n .harmonic-select__single-value,\n .harmonic-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n\n @media ", " {\n font-size: 17px;\n }\n }\n\n .harmonic-select__placeholder {\n color: var(--color-primary-black);\n }\n\n .harmonic-select__single-value {\n color: var(--color-primary-black);\n }\n\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--color-base-light-grey);\n background: var(--color-base-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--color-base-dark-grey);\n }\n }\n\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--color-base-mid-grey);\n }\n\n .harmonic-select__menu-list {\n padding: 10px 0;\n }\n\n .harmonic-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n color: var(--color-primary-black);\n\n @media ", " {\n font-size: 17px;\n }\n\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--color-base-light-grey);\n }\n }\n\n .harmonic-select__option--is-selected {\n color: var(--color-primary-black);\n background: none;\n }\n\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n color: var(--color-primary-black);\n }\n\n .harmonic-select__menu-notice {\n color: var(--color-primary-black);\n padding: 20px 20px;\n text-align: left;\n }\n\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
10034
10033
|
var width = _ref.width;
|
|
@@ -10052,7 +10051,7 @@ var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templ
|
|
|
10052
10051
|
if (darkMode) return "var(--color-base-white)";
|
|
10053
10052
|
return "var(--color-primary-black)";
|
|
10054
10053
|
}, devices.mobile);
|
|
10055
|
-
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10054
|
+
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
10056
10055
|
var darkMode = _ref6.darkMode;
|
|
10057
10056
|
if (darkMode) return "var(--color-base-white)";
|
|
10058
10057
|
return "var(--color-state-error)";
|
|
@@ -10171,7 +10170,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10171
10170
|
})));
|
|
10172
10171
|
};
|
|
10173
10172
|
|
|
10174
|
-
var _templateObject$1c, _templateObject2$W, _templateObject3$I, _templateObject4$
|
|
10173
|
+
var _templateObject$1c, _templateObject2$W, _templateObject3$I, _templateObject4$y;
|
|
10175
10174
|
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
10176
10175
|
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
10177
10176
|
if (props.showMenu) {
|
|
@@ -10180,7 +10179,7 @@ var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$W || (_te
|
|
|
10180
10179
|
return "display: none;";
|
|
10181
10180
|
});
|
|
10182
10181
|
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\n font-size: var(--harmonic-font-size-navigation);\n font-family: var(--font-family-sans);\n color: var(--color-primary-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--color-primary-red);\n }\n }\n\n && svg path {\n fill: var(--color-primary-black);\n }\n\n :hover {\n && svg path {\n fill: var(--color-primary-red);\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10183
|
-
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10182
|
+
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 0;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10184
10183
|
|
|
10185
10184
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
10186
10185
|
var Tabs = function Tabs(_ref) {
|
|
@@ -10306,10 +10305,10 @@ var Tabs = function Tabs(_ref) {
|
|
|
10306
10305
|
}, "Menu"))))));
|
|
10307
10306
|
};
|
|
10308
10307
|
|
|
10309
|
-
var _templateObject$1d, _templateObject3$J, _templateObject4$
|
|
10308
|
+
var _templateObject$1d, _templateObject3$J, _templateObject4$z, _templateObject5$t, _templateObject6$m, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10310
10309
|
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-light-grey);\n padding: 40px 20px;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 20px;\n align-items: stretch;\n"])));
|
|
10311
10310
|
var PromoLabel = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: var(--upsell-border-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\n && {\n color: var(--color-base-white);\n }\n\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'liga' off,\n 'calt' off;\n text-align: center;\n"])));
|
|
10312
|
-
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10311
|
+
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: auto;\n padding-top: 10px;\n width: fit-content;\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media ", " {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n }\n\n ", "\n\n @media ", ", ", " {\n a {\n text-align: center;\n }\n }\n"])), function (_ref) {
|
|
10313
10312
|
var stackCtasEarly = _ref.stackCtasEarly;
|
|
10314
10313
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
10315
10314
|
}, function (_ref2) {
|
|
@@ -10320,7 +10319,7 @@ var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$t || (_
|
|
|
10320
10319
|
var singleChild = _ref3.singleChild;
|
|
10321
10320
|
return singleChild ? '0' : '10px';
|
|
10322
10321
|
});
|
|
10323
|
-
var DescriptionWrapper
|
|
10322
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && p {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
10324
10323
|
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n"])));
|
|
10325
10324
|
var LineThrough = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--color-base-dark-grey);\n"])));
|
|
10326
10325
|
var VisuallyHidden = /*#__PURE__*/styled__default.span(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 0 !important;\n clip: rect(1px, 1px, 1px, 1px) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n height: 1px !important;\n margin: -1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n white-space: nowrap !important;\n"])));
|
|
@@ -10342,7 +10341,7 @@ var capitalizeFirstLetter = function capitalizeFirstLetter(string) {
|
|
|
10342
10341
|
var OfferText = function OfferText(_ref) {
|
|
10343
10342
|
var title = _ref.title,
|
|
10344
10343
|
description = _ref.description;
|
|
10345
|
-
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, null, title), description && /*#__PURE__*/React__default.createElement(DescriptionWrapper
|
|
10344
|
+
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, null, title), description && /*#__PURE__*/React__default.createElement(DescriptionWrapper, {
|
|
10346
10345
|
tag: "div",
|
|
10347
10346
|
size: "large",
|
|
10348
10347
|
dangerouslySetInnerHTML: {
|
|
@@ -10459,11 +10458,11 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10459
10458
|
}, caption))));
|
|
10460
10459
|
};
|
|
10461
10460
|
|
|
10462
|
-
var _templateObject$1f, _templateObject2$Y, _templateObject3$L, _templateObject4$
|
|
10461
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$L, _templateObject4$A, _templateObject5$u, _templateObject6$n;
|
|
10463
10462
|
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
10464
10463
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10465
10464
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10466
|
-
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10465
|
+
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10467
10466
|
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
10468
10467
|
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
10469
10468
|
|
|
@@ -10544,14 +10543,14 @@ var NavTop = function NavTop(_ref) {
|
|
|
10544
10543
|
}));
|
|
10545
10544
|
};
|
|
10546
10545
|
|
|
10547
|
-
var _templateObject$1h, _templateObject2$Z, _templateObject3$M, _templateObject4$
|
|
10546
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$M, _templateObject4$B, _templateObject5$v;
|
|
10548
10547
|
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3 {\n margin: 0px 0px 12px 0px !important;\n }\n\n p {\n font-size: 17px !important;\n }\n"])));
|
|
10549
10548
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 12px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10550
10549
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n margin-bottom: 12px;\n p {\n font-size: 17px !important;\n }\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10551
10550
|
var isVisible = _ref.isVisible;
|
|
10552
10551
|
return isVisible ? 'visible' : 'hidden';
|
|
10553
10552
|
});
|
|
10554
|
-
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10553
|
+
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n line-height: 24px;\n font-size: 17px;\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
10555
10554
|
var isVisible = _ref2.isVisible;
|
|
10556
10555
|
return isVisible ? 'visible' : 'hidden';
|
|
10557
10556
|
});
|
|
@@ -10667,11 +10666,11 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10667
10666
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
10668
10667
|
};
|
|
10669
10668
|
|
|
10670
|
-
var _templateObject$1j, _templateObject2$$, _templateObject3$N, _templateObject4$
|
|
10669
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$N, _templateObject4$C, _templateObject5$w;
|
|
10671
10670
|
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10672
10671
|
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10673
10672
|
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10674
|
-
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
10673
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10675
10674
|
var isActive = _ref.isActive;
|
|
10676
10675
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10677
10676
|
}, exports.Colors.MidGrey);
|
|
@@ -10831,14 +10830,14 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10831
10830
|
});
|
|
10832
10831
|
};
|
|
10833
10832
|
|
|
10834
|
-
var _templateObject$1k, _templateObject2$10, _templateObject3$O, _templateObject4$
|
|
10833
|
+
var _templateObject$1k, _templateObject2$10, _templateObject3$O, _templateObject4$D, _templateObject5$x, _templateObject6$o;
|
|
10835
10834
|
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10836
10835
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10837
10836
|
var Section = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10838
10837
|
var color = _ref.color;
|
|
10839
10838
|
return "var(--base-color-" + color + ")";
|
|
10840
10839
|
});
|
|
10841
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10840
|
+
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10842
10841
|
var Text = /*#__PURE__*/styled__default.div(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10843
10842
|
var color = _ref2.color;
|
|
10844
10843
|
return "var(--base-color-" + color + ")";
|
|
@@ -10925,11 +10924,11 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10925
10924
|
}, strengthLabel))));
|
|
10926
10925
|
};
|
|
10927
10926
|
|
|
10928
|
-
var _templateObject$1l, _templateObject2$11, _templateObject3$P, _templateObject4$
|
|
10927
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$P, _templateObject4$E, _templateObject5$y, _templateObject6$p, _templateObject7$j, _templateObject8$d;
|
|
10929
10928
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10930
10929
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10931
10930
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10932
|
-
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$
|
|
10931
|
+
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n text-transform: capitalize;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n min-width: 150px;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
10933
10932
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10934
10933
|
}, devices.tablet, devices.mobile);
|
|
10935
10934
|
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n vertical-align: middle;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n min-width: 150px;\n }\n"])), function (props) {
|
|
@@ -11140,7 +11139,7 @@ var Table = function Table(_ref) {
|
|
|
11140
11139
|
}))));
|
|
11141
11140
|
};
|
|
11142
11141
|
|
|
11143
|
-
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$
|
|
11142
|
+
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$F, _templateObject5$z, _templateObject6$q, _templateObject7$k, _templateObject8$e, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
11144
11143
|
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11145
11144
|
var theme = _ref.theme;
|
|
11146
11145
|
return "var(--color-" + theme + ")";
|
|
@@ -11150,7 +11149,7 @@ var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1m || (_temp
|
|
|
11150
11149
|
});
|
|
11151
11150
|
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11152
11151
|
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
|
|
11153
|
-
var Error = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11152
|
+
var Error = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11154
11153
|
var Form = /*#__PURE__*/styled__default.form(_templateObject5$z || (_templateObject5$z = /*#__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);
|
|
11155
11154
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$q || (_templateObject6$q = /*#__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);
|
|
11156
11155
|
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
@@ -11567,12 +11566,12 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
11567
11566
|
}))))));
|
|
11568
11567
|
};
|
|
11569
11568
|
|
|
11570
|
-
var _templateObject$1n, _templateObject2$13, _templateObject4$
|
|
11569
|
+
var _templateObject$1n, _templateObject2$13, _templateObject4$G, _templateObject5$A;
|
|
11571
11570
|
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n border-bottom: 1px solid var(--color-base-light-grey);\n\n ", "\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, function (_ref) {
|
|
11572
11571
|
var withShadow = _ref.withShadow;
|
|
11573
11572
|
return withShadow && styled.css(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11574
11573
|
}, devices.mobile);
|
|
11575
|
-
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
11574
|
+
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 24px;\n min-width: 24px;\n max-height: 24px;\n max-width: 24px;\n border: none;\n padding: 0;\n background: none;\n\n :hover {\n cursor: pointer;\n }\n\n @media ", " {\n min-height: 12px;\n min-width: 12px;\n max-height: 12px;\n max-width: 12px;\n }\n"])), devices.mobile);
|
|
11576
11575
|
var ContentWrapper$2 = /*#__PURE__*/styled__default.a(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
11577
11576
|
|
|
11578
11577
|
var defaultGrid = {
|
|
@@ -11728,7 +11727,7 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
11728
11727
|
}));
|
|
11729
11728
|
};
|
|
11730
11729
|
|
|
11731
|
-
var _templateObject$1p, _templateObject2$15, _templateObject3$R, _templateObject4$
|
|
11730
|
+
var _templateObject$1p, _templateObject2$15, _templateObject3$R, _templateObject4$H, _templateObject5$B, _templateObject6$r, _templateObject7$l;
|
|
11732
11731
|
var color = 'primary-black';
|
|
11733
11732
|
var Button$2 = /*#__PURE__*/styled__default(SecondaryButton).attrs({
|
|
11734
11733
|
borderColor: color,
|
|
@@ -11741,7 +11740,7 @@ var Description = /*#__PURE__*/styled__default(BodyContentTextContainer)(_templa
|
|
|
11741
11740
|
var Heading = /*#__PURE__*/styled__default(HarmonicHeader).attrs({
|
|
11742
11741
|
serif: true,
|
|
11743
11742
|
size: 'medium'
|
|
11744
|
-
})(_templateObject4$
|
|
11743
|
+
})(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n letter-spacing: -0.5px;\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
11745
11744
|
var Intro = /*#__PURE__*/styled__default(HarmonicSubtitle).attrs({
|
|
11746
11745
|
size: 'large'
|
|
11747
11746
|
})(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
@@ -11967,11 +11966,11 @@ var Navigation = function Navigation(_ref) {
|
|
|
11967
11966
|
})))))));
|
|
11968
11967
|
};
|
|
11969
11968
|
|
|
11970
|
-
var _templateObject$1r, _templateObject2$16, _templateObject3$S, _templateObject4$
|
|
11969
|
+
var _templateObject$1r, _templateObject2$16, _templateObject3$S, _templateObject4$I, _templateObject5$C, _templateObject6$s, _templateObject7$m;
|
|
11971
11970
|
var FooterSection = /*#__PURE__*/styled__default(Grid)(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n padding: 44px 0px;\n grid-template-areas: '. . policy policy policy policy social social social social logo logo logo logo . .';\n\n @media ", " {\n padding: 40px 0px;\n gap: 24px;\n }\n\n @media ", " {\n padding: 20px 0px;\n row-gap: 40px;\n grid-template-areas:\n '. social social social social social social social social social social social social .'\n '. policy policy policy policy policy policy policy policy policy policy policy policy .'\n '. logo logo logo logo logo logo logo logo logo logo logo logo .';\n }\n"])), devices.tablet, devices.mobile);
|
|
11972
11971
|
var PolicyLinksSection = /*#__PURE__*/styled__default(GridItem)(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: policy;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media ", " {\n gap: 20px;\n }\n\n @media ", " {\n gap: 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
11973
11972
|
var SocialAndNewsletterSection = /*#__PURE__*/styled__default(GridItem)(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: social;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n\n @media ", " {\n gap: 40px;\n }\n"])), devices.mobile);
|
|
11974
|
-
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11973
|
+
var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
11975
11974
|
var LogoAndDescriptionSection = /*#__PURE__*/styled__default(GridItem)(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
|
|
11976
11975
|
var SponsorLogoContainer = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
11977
11976
|
var TextLinkWrapper$5 = /*#__PURE__*/styled__default(TextLink)(_templateObject7$m || (_templateObject7$m = /*#__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: var(--harmonic-text-link-underline-offset);\n margin-bottom: 0;\n padding-bottom: 0;\n"])));
|
|
@@ -12032,7 +12031,7 @@ var Footer = function Footer(_ref) {
|
|
|
12032
12031
|
}, additionalInfo))));
|
|
12033
12032
|
};
|
|
12034
12033
|
|
|
12035
|
-
var _templateObject$1s, _templateObject2$17, _templateObject3$T, _templateObject4$
|
|
12034
|
+
var _templateObject$1s, _templateObject2$17, _templateObject3$T, _templateObject4$J, _templateObject5$D, _templateObject8$f, _templateObject9$9, _templateObject0$8;
|
|
12036
12035
|
var LIST_ITEM_GAP = 32;
|
|
12037
12036
|
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--color-base-white);\n z-index: ", ";\n\n ", "\n"])), function (_ref) {
|
|
12038
12037
|
var bottomBorder = _ref.bottomBorder;
|
|
@@ -12042,7 +12041,7 @@ var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1s ||
|
|
|
12042
12041
|
return withShadow && styled.css(_templateObject2$17 || (_templateObject2$17 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12043
12042
|
});
|
|
12044
12043
|
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
12045
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12044
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12046
12045
|
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref3) {
|
|
12047
12046
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
12048
12047
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
@@ -12313,7 +12312,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12313
12312
|
})))) : null))));
|
|
12314
12313
|
};
|
|
12315
12314
|
|
|
12316
|
-
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$
|
|
12315
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$K, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12317
12316
|
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
12318
12317
|
var sticky = _ref.sticky;
|
|
12319
12318
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -12323,7 +12322,7 @@ var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$U || (_
|
|
|
12323
12322
|
var title = _ref2.title;
|
|
12324
12323
|
return title ? 'row' : 'row-reverse';
|
|
12325
12324
|
}, devices.tablet, devices.mobile);
|
|
12326
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12325
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$K || (_templateObject4$K = /*#__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);
|
|
12327
12326
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$t || (_templateObject6$t = /*#__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);
|
|
12328
12327
|
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
12329
12328
|
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
@@ -12373,11 +12372,11 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12373
12372
|
}, message))));
|
|
12374
12373
|
};
|
|
12375
12374
|
|
|
12376
|
-
var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$
|
|
12375
|
+
var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$L;
|
|
12377
12376
|
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: var(--upsell-border-color);\n padding: 66px 74px 70px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding: 40px 0px;\n }\n }\n"])), devices.mobile);
|
|
12378
12377
|
var TitleContent = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n\n @media ", " {\n margin-left: 20px;\n margin-right: 20px;\n }\n }\n"])), devices.mobile);
|
|
12379
12378
|
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 60px;\n\n @media ", " {\n margin-bottom: 40px;\n margin-left: 20px;\n margin-right: 20px;\n }\n"])), devices.mobile);
|
|
12380
|
-
var TextContent = /*#__PURE__*/styled__default(BodyContent)(_templateObject4$
|
|
12379
|
+
var TextContent = /*#__PURE__*/styled__default(BodyContent)(_templateObject4$L || (_templateObject4$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):first-child {\n margin: 35px 0 10px;\n\n @media ", " {\n margin-top: 24px;\n }\n }\n\n && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):last-child {\n margin-bottom: 0;\n }\n"])), devices.mobile);
|
|
12381
12380
|
|
|
12382
12381
|
var UpsellSection = function UpsellSection(_ref) {
|
|
12383
12382
|
var title = _ref.title,
|
|
@@ -12455,11 +12454,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
12455
12454
|
}, children)));
|
|
12456
12455
|
};
|
|
12457
12456
|
|
|
12458
|
-
var _templateObject$1w, _templateObject2$1b, _templateObject3$W, _templateObject4$
|
|
12457
|
+
var _templateObject$1w, _templateObject2$1b, _templateObject3$W, _templateObject4$M;
|
|
12459
12458
|
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
12460
12459
|
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
12461
12460
|
var ContentWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12462
|
-
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
12461
|
+
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$M || (_templateObject4$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
12463
12462
|
|
|
12464
12463
|
var _excluded$u = ["isOpen", "setIsOpen", "children", "appElementId", "closeButtonAriaLabel"];
|
|
12465
12464
|
var MAX_Z_INDEX = 9999999999;
|
|
@@ -12666,7 +12665,7 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
12666
12665
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
12667
12666
|
};
|
|
12668
12667
|
|
|
12669
|
-
var _templateObject$1x, _templateObject2$1c, _templateObject3$X, _templateObject4$
|
|
12668
|
+
var _templateObject$1x, _templateObject2$1c, _templateObject3$X, _templateObject4$N, _templateObject5$E, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
12670
12669
|
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n\n &:fullscreen {\n background: var(--color-base-white);\n padding-top: 44px;\n padding-bottom: 84px;\n\n .swipe-slide > figure {\n height: var(--fullscreen-figure-height);\n\n > div {\n height: var(--fullscreen-figure-height);\n }\n }\n }\n"])), function (_ref) {
|
|
12671
12670
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
12672
12671
|
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\n > div {\n height: " + imagesHeightDesktop + "px;\n }\n }\n }\n }";
|
|
@@ -12680,7 +12679,7 @@ var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1c
|
|
|
12680
12679
|
return "\n & {\n .swipe-slide {\n " + getCardSlideDesktopStyles(type, isActive) + "\n }\n }\n\n @media " + devices.tablet + " {\n & {\n .swipe-slide {\n " + getCardSlideTabletStyles(type) + "\n }\n }\n }\n\n @media " + devices.mobile + " {\n && {\n .swipe-slide {\n " + getCardSlideMobileStyles(type) + "\n }\n }\n }\n ";
|
|
12681
12680
|
});
|
|
12682
12681
|
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n padding-bottom: 0;\n }\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile, devices.mobile);
|
|
12683
|
-
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12682
|
+
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$N || (_templateObject4$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n user-select: text;\n"])));
|
|
12684
12683
|
var TitleWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject5$E || (_templateObject5$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
12685
12684
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
12686
12685
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
@@ -12958,11 +12957,11 @@ var Carousel = function Carousel(_ref) {
|
|
|
12958
12957
|
}, children))));
|
|
12959
12958
|
};
|
|
12960
12959
|
|
|
12961
|
-
var _templateObject$1y, _templateObject2$1d, _templateObject3$Y, _templateObject4$
|
|
12960
|
+
var _templateObject$1y, _templateObject2$1d, _templateObject3$Y, _templateObject4$O, _templateObject5$F, _templateObject6$v, _templateObject7$p, _templateObject8$i, _templateObject9$c, _templateObject0$a, _templateObject1$6, _templateObject10$5, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1, _templateObject16$1;
|
|
12962
12961
|
var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n user-select: none;\n\n .highlight-carousel-text {\n color: var(--color-base-white);\n }\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
12963
12962
|
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1d || (_templateObject2$1d = /*#__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);
|
|
12964
12963
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
12965
|
-
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12964
|
+
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$O || (_templateObject4$O = /*#__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 a {\n text-underline-offset: var(--harmonic-text-link-underline-offset);\n }\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);
|
|
12966
12965
|
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);
|
|
12967
12966
|
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
12968
12967
|
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$p || (_templateObject7$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|