@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
package/dist/harmonic.esm.js
CHANGED
|
@@ -9053,14 +9053,13 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9053
9053
|
}));
|
|
9054
9054
|
};
|
|
9055
9055
|
|
|
9056
|
-
var _templateObject$11, _templateObject2$P, _templateObject3$A
|
|
9056
|
+
var _templateObject$11, _templateObject2$P, _templateObject3$A;
|
|
9057
9057
|
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9058
9058
|
var CreditListingWrapper = /*#__PURE__*/styled(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) {
|
|
9059
9059
|
var columnCount = _ref.columnCount;
|
|
9060
9060
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9061
9061
|
}, devices.mobile, devices.tablet);
|
|
9062
|
-
var
|
|
9063
|
-
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9062
|
+
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9064
9063
|
|
|
9065
9064
|
// Get the total character length of a property in an array of objects
|
|
9066
9065
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -9158,10 +9157,10 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9158
9157
|
}, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, {
|
|
9159
9158
|
size: "small",
|
|
9160
9159
|
color: "grey"
|
|
9161
|
-
}, name)), description && (/*#__PURE__*/React__default.createElement(
|
|
9160
|
+
}, name)), description && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9162
9161
|
size: "small",
|
|
9163
9162
|
color: "grey"
|
|
9164
|
-
}, description))
|
|
9163
|
+
}, description)), personArrays.map(function (personArray, arrayIndex) {
|
|
9165
9164
|
return /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9166
9165
|
key: "personArray" + arrayIndex,
|
|
9167
9166
|
size: "medium"
|
|
@@ -9205,7 +9204,7 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
9205
9204
|
}));
|
|
9206
9205
|
};
|
|
9207
9206
|
|
|
9208
|
-
var _templateObject$13, _templateObject3$B, _templateObject4$
|
|
9207
|
+
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;
|
|
9209
9208
|
var LENGTH_TEXT = 28;
|
|
9210
9209
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9211
9210
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9246,7 +9245,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$B || (_templat
|
|
|
9246
9245
|
}
|
|
9247
9246
|
return '';
|
|
9248
9247
|
});
|
|
9249
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
9248
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref7) {
|
|
9250
9249
|
var marginBottom = _ref7.marginBottom;
|
|
9251
9250
|
return marginBottom + "px";
|
|
9252
9251
|
}, function (_ref8) {
|
|
@@ -9477,7 +9476,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9477
9476
|
}))));
|
|
9478
9477
|
};
|
|
9479
9478
|
|
|
9480
|
-
var _templateObject$14, _templateObject2$Q, _templateObject3$C, _templateObject4$
|
|
9479
|
+
var _templateObject$14, _templateObject2$Q, _templateObject3$C, _templateObject4$w, _templateObject5$r, _templateObject6$k, _templateObject7$g;
|
|
9481
9480
|
var LENGTH_TEXT$2 = 28;
|
|
9482
9481
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9483
9482
|
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
@@ -9495,7 +9494,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$C ||
|
|
|
9495
9494
|
var imageToLeft = _ref4.imageToLeft;
|
|
9496
9495
|
return imageToLeft ? 'right' : 'left';
|
|
9497
9496
|
}, devices.mobile);
|
|
9498
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$
|
|
9497
|
+
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
9499
9498
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
9500
9499
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(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);
|
|
9501
9500
|
var ButtonsContainer$3 = /*#__PURE__*/styled.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) {
|
|
@@ -10069,7 +10068,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10069
10068
|
}, description)))));
|
|
10070
10069
|
};
|
|
10071
10070
|
|
|
10072
|
-
var _templateObject$1b, _templateObject2$V, _templateObject3$H, _templateObject4$
|
|
10071
|
+
var _templateObject$1b, _templateObject2$V, _templateObject3$H, _templateObject4$x;
|
|
10073
10072
|
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10074
10073
|
var SelectWrapper = /*#__PURE__*/styled.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) {
|
|
10075
10074
|
var width = _ref.width;
|
|
@@ -10093,7 +10092,7 @@ var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject
|
|
|
10093
10092
|
if (darkMode) return "var(--color-base-white)";
|
|
10094
10093
|
return "var(--color-primary-black)";
|
|
10095
10094
|
}, devices.mobile);
|
|
10096
|
-
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$
|
|
10095
|
+
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
10097
10096
|
var darkMode = _ref6.darkMode;
|
|
10098
10097
|
if (darkMode) return "var(--color-base-white)";
|
|
10099
10098
|
return "var(--color-state-error)";
|
|
@@ -10212,7 +10211,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10212
10211
|
})));
|
|
10213
10212
|
};
|
|
10214
10213
|
|
|
10215
|
-
var _templateObject$1c, _templateObject2$W, _templateObject3$I, _templateObject4$
|
|
10214
|
+
var _templateObject$1c, _templateObject2$W, _templateObject3$I, _templateObject4$y;
|
|
10216
10215
|
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
10217
10216
|
var ItemsContainer = /*#__PURE__*/styled.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) {
|
|
10218
10217
|
if (props.showMenu) {
|
|
@@ -10221,7 +10220,7 @@ var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObj
|
|
|
10221
10220
|
return "display: none;";
|
|
10222
10221
|
});
|
|
10223
10222
|
var MenuContainer$1 = /*#__PURE__*/styled.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);
|
|
10224
|
-
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$
|
|
10223
|
+
var MenuItem = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 0;\n }\n }\n"])), devices.mobileAndTablet);
|
|
10225
10224
|
|
|
10226
10225
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
10227
10226
|
var Tabs = function Tabs(_ref) {
|
|
@@ -10347,10 +10346,10 @@ var Tabs = function Tabs(_ref) {
|
|
|
10347
10346
|
}, "Menu"))))));
|
|
10348
10347
|
};
|
|
10349
10348
|
|
|
10350
|
-
var _templateObject$1d, _templateObject3$J, _templateObject4$
|
|
10349
|
+
var _templateObject$1d, _templateObject3$J, _templateObject4$z, _templateObject5$t, _templateObject6$m, _templateObject7$i, _templateObject8$c, _templateObject9$7;
|
|
10351
10350
|
var Wrapper$5 = /*#__PURE__*/styled.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"])));
|
|
10352
10351
|
var PromoLabel = /*#__PURE__*/styled(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"])));
|
|
10353
|
-
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
10352
|
+
var ButtonContainer = /*#__PURE__*/styled.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) {
|
|
10354
10353
|
var stackCtasEarly = _ref.stackCtasEarly;
|
|
10355
10354
|
return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
|
|
10356
10355
|
}, function (_ref2) {
|
|
@@ -10361,7 +10360,7 @@ var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject5$t || (_templateO
|
|
|
10361
10360
|
var singleChild = _ref3.singleChild;
|
|
10362
10361
|
return singleChild ? '0' : '10px';
|
|
10363
10362
|
});
|
|
10364
|
-
var DescriptionWrapper
|
|
10363
|
+
var DescriptionWrapper = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && p {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
10365
10364
|
var PriceRow = /*#__PURE__*/styled.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n"])));
|
|
10366
10365
|
var LineThrough = /*#__PURE__*/styled(HarmonicHeader)(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--color-base-dark-grey);\n"])));
|
|
10367
10366
|
var VisuallyHidden = /*#__PURE__*/styled.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"])));
|
|
@@ -10383,7 +10382,7 @@ var capitalizeFirstLetter = function capitalizeFirstLetter(string) {
|
|
|
10383
10382
|
var OfferText = function OfferText(_ref) {
|
|
10384
10383
|
var title = _ref.title,
|
|
10385
10384
|
description = _ref.description;
|
|
10386
|
-
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, null, title), description && /*#__PURE__*/React__default.createElement(DescriptionWrapper
|
|
10385
|
+
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, null, title), description && /*#__PURE__*/React__default.createElement(DescriptionWrapper, {
|
|
10387
10386
|
tag: "div",
|
|
10388
10387
|
size: "large",
|
|
10389
10388
|
dangerouslySetInnerHTML: {
|
|
@@ -10500,11 +10499,11 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10500
10499
|
}, caption))));
|
|
10501
10500
|
};
|
|
10502
10501
|
|
|
10503
|
-
var _templateObject$1f, _templateObject2$Y, _templateObject3$L, _templateObject4$
|
|
10502
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$L, _templateObject4$A, _templateObject5$u, _templateObject6$n;
|
|
10504
10503
|
var CardContainer$1 = /*#__PURE__*/styled.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"])));
|
|
10505
10504
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10506
10505
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10507
|
-
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
10506
|
+
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10508
10507
|
var IconWrapper$3 = /*#__PURE__*/styled.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);
|
|
10509
10508
|
var TitleWrapper$4 = /*#__PURE__*/styled.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);
|
|
10510
10509
|
|
|
@@ -10585,14 +10584,14 @@ var NavTop = function NavTop(_ref) {
|
|
|
10585
10584
|
}));
|
|
10586
10585
|
};
|
|
10587
10586
|
|
|
10588
|
-
var _templateObject$1h, _templateObject2$Z, _templateObject3$M, _templateObject4$
|
|
10587
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$M, _templateObject4$B, _templateObject5$v;
|
|
10589
10588
|
var ReadMoreContainer = /*#__PURE__*/styled.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"])));
|
|
10590
10589
|
var LinkContainer = /*#__PURE__*/styled.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"])));
|
|
10591
10590
|
var FullTextContainer = /*#__PURE__*/styled.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) {
|
|
10592
10591
|
var isVisible = _ref.isVisible;
|
|
10593
10592
|
return isVisible ? 'visible' : 'hidden';
|
|
10594
10593
|
});
|
|
10595
|
-
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
10594
|
+
var IntroTextContainer = /*#__PURE__*/styled.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) {
|
|
10596
10595
|
var isVisible = _ref2.isVisible;
|
|
10597
10596
|
return isVisible ? 'visible' : 'hidden';
|
|
10598
10597
|
});
|
|
@@ -10708,11 +10707,11 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10708
10707
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
10709
10708
|
};
|
|
10710
10709
|
|
|
10711
|
-
var _templateObject$1j, _templateObject2$$, _templateObject3$N, _templateObject4$
|
|
10710
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$N, _templateObject4$C, _templateObject5$w;
|
|
10712
10711
|
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10713
10712
|
var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey);
|
|
10714
10713
|
var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey);
|
|
10715
|
-
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$
|
|
10714
|
+
var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref) {
|
|
10716
10715
|
var isActive = _ref.isActive;
|
|
10717
10716
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
10718
10717
|
}, Colors.MidGrey);
|
|
@@ -10872,14 +10871,14 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10872
10871
|
});
|
|
10873
10872
|
};
|
|
10874
10873
|
|
|
10875
|
-
var _templateObject$1k, _templateObject2$10, _templateObject3$O, _templateObject4$
|
|
10874
|
+
var _templateObject$1k, _templateObject2$10, _templateObject3$O, _templateObject4$D, _templateObject5$x, _templateObject6$o;
|
|
10876
10875
|
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10877
10876
|
var Sections = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10878
10877
|
var Section = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10879
10878
|
var color = _ref.color;
|
|
10880
10879
|
return "var(--base-color-" + color + ")";
|
|
10881
10880
|
});
|
|
10882
|
-
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$
|
|
10881
|
+
var BottomLine = /*#__PURE__*/styled.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"])));
|
|
10883
10882
|
var Text = /*#__PURE__*/styled.div(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10884
10883
|
var color = _ref2.color;
|
|
10885
10884
|
return "var(--base-color-" + color + ")";
|
|
@@ -10966,11 +10965,11 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10966
10965
|
}, strengthLabel))));
|
|
10967
10966
|
};
|
|
10968
10967
|
|
|
10969
|
-
var _templateObject$1l, _templateObject2$11, _templateObject3$P, _templateObject4$
|
|
10968
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$P, _templateObject4$E, _templateObject5$y, _templateObject6$p, _templateObject7$j, _templateObject8$d;
|
|
10970
10969
|
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10971
10970
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10972
10971
|
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10973
|
-
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$
|
|
10972
|
+
var TableHeader = /*#__PURE__*/styled.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) {
|
|
10974
10973
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10975
10974
|
}, devices.tablet, devices.mobile);
|
|
10976
10975
|
var TableCell = /*#__PURE__*/styled.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) {
|
|
@@ -11181,7 +11180,7 @@ var Table = function Table(_ref) {
|
|
|
11181
11180
|
}))));
|
|
11182
11181
|
};
|
|
11183
11182
|
|
|
11184
|
-
var _templateObject$1m, _templateObject2$12, _templateObject3$Q, _templateObject4$
|
|
11183
|
+
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;
|
|
11185
11184
|
var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11186
11185
|
var theme = _ref.theme;
|
|
11187
11186
|
return "var(--color-" + theme + ")";
|
|
@@ -11191,7 +11190,7 @@ var Wrapper$8 = /*#__PURE__*/styled('div')(_templateObject$1m || (_templateObjec
|
|
|
11191
11190
|
});
|
|
11192
11191
|
var SignUpFormWrapper = /*#__PURE__*/styled(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);
|
|
11193
11192
|
var SignUpTitleWrapper = /*#__PURE__*/styled('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);
|
|
11194
|
-
var Error = /*#__PURE__*/styled.div(_templateObject4$
|
|
11193
|
+
var Error = /*#__PURE__*/styled.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"])));
|
|
11195
11194
|
var Form = /*#__PURE__*/styled.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);
|
|
11196
11195
|
var FormFooterWrapper = /*#__PURE__*/styled.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);
|
|
11197
11196
|
var ServerError = /*#__PURE__*/styled.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
@@ -11608,12 +11607,12 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
11608
11607
|
}))))));
|
|
11609
11608
|
};
|
|
11610
11609
|
|
|
11611
|
-
var _templateObject$1n, _templateObject2$13, _templateObject4$
|
|
11610
|
+
var _templateObject$1n, _templateObject2$13, _templateObject4$G, _templateObject5$A;
|
|
11612
11611
|
var AnchorBarContainer = /*#__PURE__*/styled(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) {
|
|
11613
11612
|
var withShadow = _ref.withShadow;
|
|
11614
11613
|
return withShadow && css(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11615
11614
|
}, devices.mobile);
|
|
11616
|
-
var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$
|
|
11615
|
+
var CloseButtonWrapper = /*#__PURE__*/styled.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);
|
|
11617
11616
|
var ContentWrapper$2 = /*#__PURE__*/styled.a(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
11618
11617
|
|
|
11619
11618
|
var defaultGrid = {
|
|
@@ -11769,7 +11768,7 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
11769
11768
|
}));
|
|
11770
11769
|
};
|
|
11771
11770
|
|
|
11772
|
-
var _templateObject$1p, _templateObject2$15, _templateObject3$R, _templateObject4$
|
|
11771
|
+
var _templateObject$1p, _templateObject2$15, _templateObject3$R, _templateObject4$H, _templateObject5$B, _templateObject6$r, _templateObject7$l;
|
|
11773
11772
|
var color = 'primary-black';
|
|
11774
11773
|
var Button$2 = /*#__PURE__*/styled(SecondaryButton).attrs({
|
|
11775
11774
|
borderColor: color,
|
|
@@ -11782,7 +11781,7 @@ var Description = /*#__PURE__*/styled(BodyContentTextContainer)(_templateObject3
|
|
|
11782
11781
|
var Heading = /*#__PURE__*/styled(HarmonicHeader).attrs({
|
|
11783
11782
|
serif: true,
|
|
11784
11783
|
size: 'medium'
|
|
11785
|
-
})(_templateObject4$
|
|
11784
|
+
})(_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);
|
|
11786
11785
|
var Intro = /*#__PURE__*/styled(HarmonicSubtitle).attrs({
|
|
11787
11786
|
size: 'large'
|
|
11788
11787
|
})(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-bottom: 27px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
@@ -12008,11 +12007,11 @@ var Navigation = function Navigation(_ref) {
|
|
|
12008
12007
|
})))))));
|
|
12009
12008
|
};
|
|
12010
12009
|
|
|
12011
|
-
var _templateObject$1r, _templateObject2$16, _templateObject3$S, _templateObject4$
|
|
12010
|
+
var _templateObject$1r, _templateObject2$16, _templateObject3$S, _templateObject4$I, _templateObject5$C, _templateObject6$s, _templateObject7$m;
|
|
12012
12011
|
var FooterSection = /*#__PURE__*/styled(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);
|
|
12013
12012
|
var PolicyLinksSection = /*#__PURE__*/styled(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);
|
|
12014
12013
|
var SocialAndNewsletterSection = /*#__PURE__*/styled(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);
|
|
12015
|
-
var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
12014
|
+
var SectionWrapper = /*#__PURE__*/styled.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);
|
|
12016
12015
|
var LogoAndDescriptionSection = /*#__PURE__*/styled(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);
|
|
12017
12016
|
var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-width: 290px;\n\n @media ", " {\n max-width: unset;\n }\n"])), devices.mobile);
|
|
12018
12017
|
var TextLinkWrapper$5 = /*#__PURE__*/styled(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"])));
|
|
@@ -12073,7 +12072,7 @@ var Footer = function Footer(_ref) {
|
|
|
12073
12072
|
}, additionalInfo))));
|
|
12074
12073
|
};
|
|
12075
12074
|
|
|
12076
|
-
var _templateObject$1s, _templateObject2$17, _templateObject3$T, _templateObject4$
|
|
12075
|
+
var _templateObject$1s, _templateObject2$17, _templateObject3$T, _templateObject4$J, _templateObject5$D, _templateObject8$f, _templateObject9$9, _templateObject0$8;
|
|
12077
12076
|
var LIST_ITEM_GAP = 32;
|
|
12078
12077
|
var AnchorTabbarWrapper = /*#__PURE__*/styled.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) {
|
|
12079
12078
|
var bottomBorder = _ref.bottomBorder;
|
|
@@ -12083,7 +12082,7 @@ var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$1s || (_templa
|
|
|
12083
12082
|
return withShadow && css(_templateObject2$17 || (_templateObject2$17 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12084
12083
|
});
|
|
12085
12084
|
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
12086
|
-
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
12085
|
+
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12087
12086
|
var TabsList = /*#__PURE__*/styled.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) {
|
|
12088
12087
|
var tabsOverflow = _ref3.tabsOverflow;
|
|
12089
12088
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
@@ -12354,7 +12353,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
12354
12353
|
})))) : null))));
|
|
12355
12354
|
};
|
|
12356
12355
|
|
|
12357
|
-
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$
|
|
12356
|
+
var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$K, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$a, _templateObject0$9;
|
|
12358
12357
|
var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
|
|
12359
12358
|
var sticky = _ref.sticky;
|
|
12360
12359
|
return sticky ? 'sticky' : 'initial';
|
|
@@ -12364,7 +12363,7 @@ var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$U || (_templateO
|
|
|
12364
12363
|
var title = _ref2.title;
|
|
12365
12364
|
return title ? 'row' : 'row-reverse';
|
|
12366
12365
|
}, devices.tablet, devices.mobile);
|
|
12367
|
-
var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$
|
|
12366
|
+
var AnchorTitle = /*#__PURE__*/styled.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);
|
|
12368
12367
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled.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);
|
|
12369
12368
|
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
12370
12369
|
var PrimaryButtonReverse = /*#__PURE__*/styled(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) {
|
|
@@ -12414,11 +12413,11 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
12414
12413
|
}, message))));
|
|
12415
12414
|
};
|
|
12416
12415
|
|
|
12417
|
-
var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$
|
|
12416
|
+
var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$L;
|
|
12418
12417
|
var UpsellBorderBox = /*#__PURE__*/styled.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);
|
|
12419
12418
|
var TitleContent = /*#__PURE__*/styled(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);
|
|
12420
12419
|
var TextContainer$2 = /*#__PURE__*/styled.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);
|
|
12421
|
-
var TextContent = /*#__PURE__*/styled(BodyContent)(_templateObject4$
|
|
12420
|
+
var TextContent = /*#__PURE__*/styled(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);
|
|
12422
12421
|
|
|
12423
12422
|
var UpsellSection = function UpsellSection(_ref) {
|
|
12424
12423
|
var title = _ref.title,
|
|
@@ -12496,11 +12495,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
12496
12495
|
}, children)));
|
|
12497
12496
|
};
|
|
12498
12497
|
|
|
12499
|
-
var _templateObject$1w, _templateObject2$1b, _templateObject3$W, _templateObject4$
|
|
12498
|
+
var _templateObject$1w, _templateObject2$1b, _templateObject3$W, _templateObject4$M;
|
|
12500
12499
|
var InnerModal = /*#__PURE__*/styled.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);
|
|
12501
12500
|
var CloseButton = /*#__PURE__*/styled.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);
|
|
12502
12501
|
var ContentWrapper$3 = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12503
|
-
var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$
|
|
12502
|
+
var Overlay = /*#__PURE__*/styled(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"])));
|
|
12504
12503
|
|
|
12505
12504
|
var _excluded$u = ["isOpen", "setIsOpen", "children", "appElementId", "closeButtonAriaLabel"];
|
|
12506
12505
|
var MAX_Z_INDEX = 9999999999;
|
|
@@ -12707,7 +12706,7 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
|
|
|
12707
12706
|
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
12708
12707
|
};
|
|
12709
12708
|
|
|
12710
|
-
var _templateObject$1x, _templateObject2$1c, _templateObject3$X, _templateObject4$
|
|
12709
|
+
var _templateObject$1x, _templateObject2$1c, _templateObject3$X, _templateObject4$N, _templateObject5$E, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$b;
|
|
12711
12710
|
var ImageCarouselWrapper = /*#__PURE__*/styled.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) {
|
|
12712
12711
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
12713
12712
|
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 }";
|
|
@@ -12721,7 +12720,7 @@ var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$1c || (_temp
|
|
|
12721
12720
|
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 ";
|
|
12722
12721
|
});
|
|
12723
12722
|
var TitleButtonsGrid = /*#__PURE__*/styled(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);
|
|
12724
|
-
var CarouselInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
12723
|
+
var CarouselInfoWrapper = /*#__PURE__*/styled.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"])));
|
|
12725
12724
|
var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$E || (_templateObject5$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
12726
12725
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
12727
12726
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
@@ -12999,11 +12998,11 @@ var Carousel = function Carousel(_ref) {
|
|
|
12999
12998
|
}, children))));
|
|
13000
12999
|
};
|
|
13001
13000
|
|
|
13002
|
-
var _templateObject$1y, _templateObject2$1d, _templateObject3$Y, _templateObject4$
|
|
13001
|
+
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;
|
|
13003
13002
|
var HighlightsGrid$1 = /*#__PURE__*/styled(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);
|
|
13004
13003
|
var CarouselTitleWrapper = /*#__PURE__*/styled.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);
|
|
13005
13004
|
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
13006
|
-
var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
13005
|
+
var InfoWrapper$2 = /*#__PURE__*/styled.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);
|
|
13007
13006
|
var InfoLogoWrapper = /*#__PURE__*/styled.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);
|
|
13008
13007
|
var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
13009
13008
|
var InfoTextWrapper = /*#__PURE__*/styled.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);
|