@royaloperahouse/harmonic 0.12.0-a → 0.12.0-b
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/index.d.ts +2 -2
- package/dist/components/molecules/PageHeading/Highlight/Highlight.d.ts +4 -0
- package/dist/components/molecules/PageHeading/Highlight/Highlight.style.d.ts +9 -0
- package/dist/components/molecules/PageHeading/Highlight/index.d.ts +2 -0
- package/dist/components/molecules/PageHeading/index.d.ts +2 -1
- package/dist/components/molecules/index.d.ts +2 -2
- package/dist/harmonic.cjs.development.js +151 -102
- 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 +151 -103
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/types/impactHeader.d.ts +20 -2
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -9510,10 +9510,58 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9510
9510
|
})))))))))));
|
|
9511
9511
|
};
|
|
9512
9512
|
|
|
9513
|
-
var _templateObject$13, _templateObject2$Q, _templateObject3$D,
|
|
9514
|
-
var
|
|
9515
|
-
|
|
9516
|
-
|
|
9513
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject4$y;
|
|
9514
|
+
var GRID = {
|
|
9515
|
+
desktop: {
|
|
9516
|
+
leftWithImage: '1 / 1 / 3 / 7',
|
|
9517
|
+
leftNoImage: '1 / 1 / 3 / 12',
|
|
9518
|
+
right: '1 / 7 / 3 / 17'
|
|
9519
|
+
},
|
|
9520
|
+
mobile: {
|
|
9521
|
+
leftWithImage: '3 / 1 / 4 / 15',
|
|
9522
|
+
leftNoImage: '1 / 1 / 3 / 15',
|
|
9523
|
+
right: '2 / 1 / 3 / 15'
|
|
9524
|
+
}
|
|
9525
|
+
};
|
|
9526
|
+
var HighlightPanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n background-color: ", ";\n color: var(--color-base-white);\n"])), function (_ref) {
|
|
9527
|
+
var $background = _ref.$background;
|
|
9528
|
+
return "var(--color-" + $background + ")";
|
|
9529
|
+
});
|
|
9530
|
+
var LeftPanel$1 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
9531
|
+
var hasImage = _ref2.hasImage;
|
|
9532
|
+
return hasImage ? GRID.desktop.leftWithImage : GRID.desktop.leftNoImage;
|
|
9533
|
+
}, devices.mobileAndTablet, function (_ref3) {
|
|
9534
|
+
var hasImage = _ref3.hasImage;
|
|
9535
|
+
return hasImage ? GRID.mobile.leftWithImage : GRID.mobile.leftNoImage;
|
|
9536
|
+
});
|
|
9537
|
+
var RightPanel$1 = /*#__PURE__*/styled.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--color-base-black);\n\n @media ", " {\n grid-area: ", ";\n }\n"])), GRID.desktop.right, devices.mobileAndTablet, GRID.mobile.right);
|
|
9538
|
+
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px 36px 36px 50px;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px 5px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
9539
|
+
|
|
9540
|
+
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
9541
|
+
var _image$src, _image$alt;
|
|
9542
|
+
var image = _ref.image,
|
|
9543
|
+
children = _ref.children,
|
|
9544
|
+
_ref$background = _ref.background,
|
|
9545
|
+
background = _ref$background === void 0 ? 'base-black' : _ref$background,
|
|
9546
|
+
className = _ref.className;
|
|
9547
|
+
return /*#__PURE__*/React__default.createElement(HighlightPanelGrid, {
|
|
9548
|
+
className: className,
|
|
9549
|
+
"$background": background,
|
|
9550
|
+
"data-testid": "highlight-heading-wrapper"
|
|
9551
|
+
}, /*#__PURE__*/React__default.createElement(LeftPanel$1, {
|
|
9552
|
+
hasImage: !!image
|
|
9553
|
+
}, /*#__PURE__*/React__default.createElement(Wrapper$6, null, children)), image && (/*#__PURE__*/React__default.createElement(RightPanel$1, null, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
9554
|
+
aspectRatio: AspectRatio['4:3']
|
|
9555
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
9556
|
+
src: (_image$src = image == null ? void 0 : image.src) != null ? _image$src : '',
|
|
9557
|
+
alt: (_image$alt = image == null ? void 0 : image.alt) != null ? _image$alt : ''
|
|
9558
|
+
})))));
|
|
9559
|
+
};
|
|
9560
|
+
|
|
9561
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$r, _templateObject6$k, _templateObject7$f, _templateObject8$c, _templateObject9$8, _templateObject0$7;
|
|
9562
|
+
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
9563
|
+
var BrandingTextBody = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
9564
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9517
9565
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
9518
9566
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
9519
9567
|
var invert = _ref.invert,
|
|
@@ -9764,10 +9812,10 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9764
9812
|
}), linkText))))));
|
|
9765
9813
|
};
|
|
9766
9814
|
|
|
9767
|
-
var _templateObject$
|
|
9768
|
-
var linkButtonStyles = /*#__PURE__*/css(_templateObject$
|
|
9769
|
-
var PageNav = /*#__PURE__*/styled.a(_templateObject2$
|
|
9770
|
-
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$
|
|
9815
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject5$s, _templateObject6$l, _templateObject7$g, _templateObject8$d;
|
|
9816
|
+
var linkButtonStyles = /*#__PURE__*/css(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n background: none;\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n font: inherit;\n padding: 0;\n\n span {\n height: 1.5em;\n width: 1.5em;\n\n svg > path {\n fill: var(--color-base-black);\n }\n }\n\n &:hover {\n outline: none;\n }\n"])));
|
|
9817
|
+
var PageNav = /*#__PURE__*/styled.a(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9818
|
+
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9771
9819
|
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\n align-items: center;\n justify-content: center;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: 0 auto;\n\n li {\n margin-left: 24px;\n color: var(--color-base-black);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n li:first-child {\n margin-left: 0px;\n }\n"])));
|
|
9772
9820
|
var LastPageItem = /*#__PURE__*/styled.li(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9773
9821
|
var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
@@ -9919,11 +9967,11 @@ var Pagination = function Pagination(_ref) {
|
|
|
9919
9967
|
}))))));
|
|
9920
9968
|
};
|
|
9921
9969
|
|
|
9922
|
-
var _templateObject$
|
|
9923
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9924
|
-
var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
9925
|
-
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9926
|
-
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
9970
|
+
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$z, _templateObject5$t, _templateObject6$m, _templateObject7$h;
|
|
9971
|
+
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
9972
|
+
var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9973
|
+
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9974
|
+
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9927
9975
|
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9928
9976
|
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
9929
9977
|
var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
@@ -9983,14 +10031,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9983
10031
|
}));
|
|
9984
10032
|
};
|
|
9985
10033
|
|
|
9986
|
-
var _templateObject$
|
|
9987
|
-
var ReplacementWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
9988
|
-
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$
|
|
10034
|
+
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A;
|
|
10035
|
+
var ReplacementWrapper$1 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
10036
|
+
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$U || (_templateObject2$U = /*#__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) {
|
|
9989
10037
|
var columnCount = _ref.columnCount;
|
|
9990
10038
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9991
10039
|
}, devices.mobile, devices.tablet);
|
|
9992
|
-
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9993
|
-
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
10040
|
+
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
10041
|
+
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9994
10042
|
|
|
9995
10043
|
// Get the total character length of a property in an array of objects
|
|
9996
10044
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -10117,14 +10165,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
10117
10165
|
}, creditEntries);
|
|
10118
10166
|
};
|
|
10119
10167
|
|
|
10120
|
-
var _templateObject$
|
|
10168
|
+
var _templateObject$18, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$n, _templateObject7$i, _templateObject8$e, _templateObject9$9, _templateObject0$8, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16;
|
|
10121
10169
|
var LENGTH_TEXT = 28;
|
|
10122
10170
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
10123
10171
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
10124
10172
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
10125
10173
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
10126
10174
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
10127
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
10175
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
10128
10176
|
var imageToLeft = _ref.imageToLeft;
|
|
10129
10177
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
10130
10178
|
}, devices.tablet, function (_ref2) {
|
|
@@ -10134,7 +10182,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$17 || (_templa
|
|
|
10134
10182
|
var asCard = _ref3.asCard;
|
|
10135
10183
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
10136
10184
|
});
|
|
10137
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10185
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref4) {
|
|
10138
10186
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
10139
10187
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
10140
10188
|
}, function (_ref5) {
|
|
@@ -10158,7 +10206,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$H || (_templat
|
|
|
10158
10206
|
}
|
|
10159
10207
|
return '';
|
|
10160
10208
|
});
|
|
10161
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
10209
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref7) {
|
|
10162
10210
|
var marginBottom = _ref7.marginBottom;
|
|
10163
10211
|
return marginBottom + "px";
|
|
10164
10212
|
}, function (_ref8) {
|
|
@@ -10372,25 +10420,25 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10372
10420
|
}))));
|
|
10373
10421
|
};
|
|
10374
10422
|
|
|
10375
|
-
var _templateObject$
|
|
10423
|
+
var _templateObject$19, _templateObject2$V, _templateObject3$J, _templateObject4$C, _templateObject5$v, _templateObject6$o, _templateObject7$j;
|
|
10376
10424
|
var LENGTH_TEXT$2 = 28;
|
|
10377
10425
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10378
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
10426
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$19 || (_templateObject$19 = /*#__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) {
|
|
10379
10427
|
var imageToLeft = _ref.imageToLeft;
|
|
10380
10428
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
10381
10429
|
}, devices.tablet, function (_ref2) {
|
|
10382
10430
|
var imageToLeft = _ref2.imageToLeft;
|
|
10383
10431
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
10384
10432
|
}, devices.mobile);
|
|
10385
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
10433
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
10386
10434
|
var imageToLeft = _ref3.imageToLeft;
|
|
10387
10435
|
return imageToLeft ? 'left' : 'right';
|
|
10388
10436
|
}, devices.mobile);
|
|
10389
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
10437
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
10390
10438
|
var imageToLeft = _ref4.imageToLeft;
|
|
10391
10439
|
return imageToLeft ? 'right' : 'left';
|
|
10392
10440
|
}, devices.mobile);
|
|
10393
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$
|
|
10441
|
+
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10394
10442
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10395
10443
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$o || (_templateObject6$o = /*#__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);
|
|
10396
10444
|
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$j || (_templateObject7$j = /*#__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) {
|
|
@@ -10415,8 +10463,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$j || (_templat
|
|
|
10415
10463
|
return '';
|
|
10416
10464
|
});
|
|
10417
10465
|
|
|
10418
|
-
var _templateObject$
|
|
10419
|
-
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10466
|
+
var _templateObject$1a;
|
|
10467
|
+
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
10420
10468
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10421
10469
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10422
10470
|
return aspectRatio;
|
|
@@ -10598,8 +10646,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10598
10646
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
10599
10647
|
};
|
|
10600
10648
|
|
|
10601
|
-
var _templateObject$
|
|
10602
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10649
|
+
var _templateObject$1b;
|
|
10650
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
10603
10651
|
|
|
10604
10652
|
/**
|
|
10605
10653
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -10654,9 +10702,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
10654
10702
|
})));
|
|
10655
10703
|
};
|
|
10656
10704
|
|
|
10657
|
-
var _templateObject$
|
|
10658
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
10659
|
-
var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10705
|
+
var _templateObject$1c, _templateObject2$W, _templateObject3$K;
|
|
10706
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10707
|
+
var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
10660
10708
|
var horizontalMode = _ref.horizontalMode;
|
|
10661
10709
|
if (horizontalMode) return 'row';
|
|
10662
10710
|
return 'column';
|
|
@@ -10664,7 +10712,7 @@ var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObjec
|
|
|
10664
10712
|
var gap = _ref2.gap;
|
|
10665
10713
|
return gap + "px";
|
|
10666
10714
|
});
|
|
10667
|
-
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10715
|
+
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
10668
10716
|
var darkMode = _ref3.darkMode;
|
|
10669
10717
|
if (darkMode) return 'var(--base-color-white)';
|
|
10670
10718
|
return 'var(--base-color-errorstate)';
|
|
@@ -10741,10 +10789,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
10741
10789
|
}, error))));
|
|
10742
10790
|
};
|
|
10743
10791
|
|
|
10744
|
-
var _templateObject$
|
|
10745
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
10746
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10747
|
-
var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10792
|
+
var _templateObject$1d, _templateObject2$X, _templateObject3$L;
|
|
10793
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-light-grey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
10794
|
+
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
10795
|
+
var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
10748
10796
|
|
|
10749
10797
|
/* eslint-disable react/no-danger */
|
|
10750
10798
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -10800,8 +10848,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
10800
10848
|
return null;
|
|
10801
10849
|
};
|
|
10802
10850
|
|
|
10803
|
-
var _templateObject$
|
|
10804
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
10851
|
+
var _templateObject$1e;
|
|
10852
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
10805
10853
|
|
|
10806
10854
|
/* ~~~~~~~ new harmonic types ~~~~~~~ */
|
|
10807
10855
|
var HarmonicSize = {
|
|
@@ -10843,8 +10891,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10843
10891
|
}, description)))));
|
|
10844
10892
|
};
|
|
10845
10893
|
|
|
10846
|
-
var _templateObject$
|
|
10847
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
10894
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$D, _templateObject5$w, _templateObject6$p, _templateObject7$k, _templateObject8$f, _templateObject9$a, _templateObject0$9, _templateObject1$5;
|
|
10895
|
+
var stateStyles = /*#__PURE__*/css(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
10848
10896
|
var theme = _ref.theme;
|
|
10849
10897
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
10850
10898
|
}, function (_ref2) {
|
|
@@ -10854,12 +10902,12 @@ var stateStyles = /*#__PURE__*/css(_templateObject$1e || (_templateObject$1e = /
|
|
|
10854
10902
|
var theme = _ref3.theme;
|
|
10855
10903
|
return theme.colors.lightgrey;
|
|
10856
10904
|
});
|
|
10857
|
-
var borderStyles = /*#__PURE__*/css(_templateObject2$
|
|
10905
|
+
var borderStyles = /*#__PURE__*/css(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
10858
10906
|
var theme = _ref4.theme;
|
|
10859
10907
|
return theme.colors.darkgrey;
|
|
10860
10908
|
});
|
|
10861
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$
|
|
10862
|
-
var listItemStyles = /*#__PURE__*/css(_templateObject4$
|
|
10909
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10910
|
+
var listItemStyles = /*#__PURE__*/css(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
10863
10911
|
var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
10864
10912
|
var theme = _ref5.theme;
|
|
10865
10913
|
return {
|
|
@@ -10868,7 +10916,7 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
10868
10916
|
title: 'Select Arrow'
|
|
10869
10917
|
};
|
|
10870
10918
|
})(_templateObject5$w || (_templateObject5$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
10871
|
-
var Wrapper$
|
|
10919
|
+
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10872
10920
|
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10873
10921
|
var Options = /*#__PURE__*/styled.div(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10874
10922
|
var Option = /*#__PURE__*/styled.li(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
@@ -11177,7 +11225,7 @@ function Select(_ref3) {
|
|
|
11177
11225
|
}
|
|
11178
11226
|
setSelectedValue(options[0]);
|
|
11179
11227
|
}, [options, resetWhenOptionsUpdate]);
|
|
11180
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
11228
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$7, null, label !== '' && (/*#__PURE__*/React__default.createElement(BodyText, {
|
|
11181
11229
|
level: 1,
|
|
11182
11230
|
tag: "p",
|
|
11183
11231
|
"data-testid": "select-label"
|
|
@@ -11224,9 +11272,9 @@ function Select(_ref3) {
|
|
|
11224
11272
|
})))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
11225
11273
|
}
|
|
11226
11274
|
|
|
11227
|
-
var _templateObject$
|
|
11228
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
11229
|
-
var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11275
|
+
var _templateObject$1g, _templateObject2$Z, _templateObject3$N, _templateObject4$E;
|
|
11276
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11277
|
+
var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__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 .harmonic-select__control--is-focused {\n border-color: var(--base-color-dark-grey);\n box-shadow: ", ";\n }\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\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-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .harmonic-select__placeholder {\n color: var(--base-color-dark-grey);\n }\n .harmonic-select__single-value {\n color: var(--base-color-black);\n }\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--base-color-light-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--base-color-dark-grey);\n }\n }\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-dark-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .harmonic-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--base-color-mid-grey);\n }\n }\n .harmonic-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .harmonic-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
11230
11278
|
var width = _ref.width;
|
|
11231
11279
|
if (!width) return 'none';
|
|
11232
11280
|
return width + "px";
|
|
@@ -11243,12 +11291,12 @@ var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateOb
|
|
|
11243
11291
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
11244
11292
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
11245
11293
|
});
|
|
11246
|
-
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
11294
|
+
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
11247
11295
|
var darkMode = _ref5.darkMode;
|
|
11248
11296
|
if (darkMode) return "var(--base-color-white)";
|
|
11249
11297
|
return "var(--base-color-black)";
|
|
11250
11298
|
});
|
|
11251
|
-
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$
|
|
11299
|
+
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
11252
11300
|
var darkMode = _ref6.darkMode;
|
|
11253
11301
|
if (darkMode) return "var(--base-color-white)";
|
|
11254
11302
|
return "var(--base-color-errorstate)";
|
|
@@ -11362,8 +11410,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
11362
11410
|
})));
|
|
11363
11411
|
};
|
|
11364
11412
|
|
|
11365
|
-
var _templateObject$
|
|
11366
|
-
var Wrapper$
|
|
11413
|
+
var _templateObject$1h, _templateObject2$_;
|
|
11414
|
+
var Wrapper$8 = /*#__PURE__*/styled.figure(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 34px);\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n\n @media ", " {\n height: calc(100% - 30px);\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
|
|
11367
11415
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
11368
11416
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
11369
11417
|
return aspectRatio;
|
|
@@ -11382,7 +11430,7 @@ var Wrapper$7 = /*#__PURE__*/styled.figure(_templateObject$1g || (_templateObjec
|
|
|
11382
11430
|
height = _ref4.height;
|
|
11383
11431
|
return "calc(calc(" + height + "px - 30px) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
11384
11432
|
});
|
|
11385
|
-
var CaptionWrapper = /*#__PURE__*/styled(Caption)(_templateObject2$
|
|
11433
|
+
var CaptionWrapper = /*#__PURE__*/styled(Caption)(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: 22px;\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n word-break: var(--word-break-body);\n font-style: italic;\n\n @media ", " {\n height: 18px;\n }\n"])), devices.mobile);
|
|
11386
11434
|
|
|
11387
11435
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
11388
11436
|
var caption = _ref.caption,
|
|
@@ -11403,7 +11451,7 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11403
11451
|
return window.removeEventListener('resize', setWrapperHeight);
|
|
11404
11452
|
};
|
|
11405
11453
|
}, []);
|
|
11406
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
11454
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$8, {
|
|
11407
11455
|
aspectRatio: aspectRatio,
|
|
11408
11456
|
ref: wrapperRef,
|
|
11409
11457
|
height: height
|
|
@@ -11418,13 +11466,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11418
11466
|
}, caption));
|
|
11419
11467
|
};
|
|
11420
11468
|
|
|
11421
|
-
var _templateObject$
|
|
11422
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
11423
|
-
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2
|
|
11469
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$O;
|
|
11470
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
11471
|
+
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
11424
11472
|
var displayAttribution = _ref.displayAttribution;
|
|
11425
11473
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
11426
11474
|
});
|
|
11427
|
-
var Line$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
11475
|
+
var Line$1 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
|
|
11428
11476
|
|
|
11429
11477
|
/* eslint-disable react/no-danger */
|
|
11430
11478
|
var Quote = function Quote(_ref) {
|
|
@@ -11449,11 +11497,11 @@ var Quote = function Quote(_ref) {
|
|
|
11449
11497
|
}, attribution))));
|
|
11450
11498
|
};
|
|
11451
11499
|
|
|
11452
|
-
var _templateObject$
|
|
11453
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
11454
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2
|
|
11455
|
-
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$
|
|
11456
|
-
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
11500
|
+
var _templateObject$1j, _templateObject2$10, _templateObject3$P, _templateObject4$F, _templateObject5$x, _templateObject6$q;
|
|
11501
|
+
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1j || (_templateObject$1j = /*#__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"])));
|
|
11502
|
+
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11503
|
+
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11504
|
+
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11457
11505
|
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$x || (_templateObject5$x = /*#__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);
|
|
11458
11506
|
var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject6$q || (_templateObject6$q = /*#__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);
|
|
11459
11507
|
|
|
@@ -11493,14 +11541,14 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11493
11541
|
}, title)))));
|
|
11494
11542
|
};
|
|
11495
11543
|
|
|
11496
|
-
var _templateObject$
|
|
11497
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11498
|
-
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
11499
|
-
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
11544
|
+
var _templateObject$1k, _templateObject2$11, _templateObject3$Q, _templateObject4$G, _templateObject5$y;
|
|
11545
|
+
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
11546
|
+
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
11547
|
+
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
11500
11548
|
var isVisible = _ref.isVisible;
|
|
11501
11549
|
return isVisible ? 'visible' : 'hidden';
|
|
11502
11550
|
});
|
|
11503
|
-
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
11551
|
+
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
11504
11552
|
var isVisible = _ref2.isVisible;
|
|
11505
11553
|
return isVisible ? 'visible' : 'hidden';
|
|
11506
11554
|
});
|
|
@@ -11585,11 +11633,11 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11585
11633
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11586
11634
|
};
|
|
11587
11635
|
|
|
11588
|
-
var _templateObject$
|
|
11589
|
-
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$
|
|
11590
|
-
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$
|
|
11591
|
-
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$
|
|
11592
|
-
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$
|
|
11636
|
+
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$H, _templateObject5$z;
|
|
11637
|
+
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11638
|
+
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$12 || (_templateObject2$12 = /*#__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);
|
|
11639
|
+
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$R || (_templateObject3$R = /*#__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);
|
|
11640
|
+
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$H || (_templateObject4$H = /*#__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) {
|
|
11593
11641
|
var isActive = _ref.isActive;
|
|
11594
11642
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
11595
11643
|
}, Colors.MidGrey);
|
|
@@ -11749,14 +11797,14 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11749
11797
|
});
|
|
11750
11798
|
};
|
|
11751
11799
|
|
|
11752
|
-
var _templateObject$
|
|
11753
|
-
var Container$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
11754
|
-
var Sections = /*#__PURE__*/styled.div(_templateObject2$
|
|
11755
|
-
var Section = /*#__PURE__*/styled.div(_templateObject3$
|
|
11800
|
+
var _templateObject$1m, _templateObject2$13, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$r;
|
|
11801
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11802
|
+
var Sections = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11803
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11756
11804
|
var color = _ref.color;
|
|
11757
11805
|
return "var(--base-color-" + color + ")";
|
|
11758
11806
|
});
|
|
11759
|
-
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$
|
|
11807
|
+
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
11760
11808
|
var Text = /*#__PURE__*/styled.div(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11761
11809
|
var color = _ref2.color;
|
|
11762
11810
|
return "var(--base-color-" + color + ")";
|
|
@@ -11843,11 +11891,11 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11843
11891
|
}, strengthLabel))));
|
|
11844
11892
|
};
|
|
11845
11893
|
|
|
11846
|
-
var _templateObject$
|
|
11847
|
-
var TableContainer = /*#__PURE__*/styled.table(_templateObject$
|
|
11848
|
-
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11849
|
-
var Wrapper$
|
|
11850
|
-
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$
|
|
11894
|
+
var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$s, _templateObject7$l, _templateObject8$g;
|
|
11895
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11896
|
+
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11897
|
+
var Wrapper$9 = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11898
|
+
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$J || (_templateObject4$J = /*#__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) {
|
|
11851
11899
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11852
11900
|
}, devices.tablet, devices.mobile);
|
|
11853
11901
|
var TableCell = /*#__PURE__*/styled.td(_templateObject5$B || (_templateObject5$B = /*#__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) {
|
|
@@ -12028,7 +12076,7 @@ var Table = function Table(_ref) {
|
|
|
12028
12076
|
} else {
|
|
12029
12077
|
visibleRows = totalRows;
|
|
12030
12078
|
}
|
|
12031
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
12079
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$9, {
|
|
12032
12080
|
className: className
|
|
12033
12081
|
}, showScrollButtons && (/*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
12034
12082
|
onClickPrev: handlePrev,
|
|
@@ -12058,17 +12106,17 @@ var Table = function Table(_ref) {
|
|
|
12058
12106
|
}))));
|
|
12059
12107
|
};
|
|
12060
12108
|
|
|
12061
|
-
var _templateObject$
|
|
12062
|
-
var Wrapper$
|
|
12109
|
+
var _templateObject$1o, _templateObject2$15, _templateObject3$U, _templateObject4$K, _templateObject5$C, _templateObject6$t, _templateObject7$m, _templateObject8$h, _templateObject9$b, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
|
|
12110
|
+
var Wrapper$a = /*#__PURE__*/styled('div')(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
12063
12111
|
var theme = _ref.theme;
|
|
12064
12112
|
return "var(--color-" + theme + ")";
|
|
12065
12113
|
}, function (_ref2) {
|
|
12066
12114
|
var theme = _ref2.theme;
|
|
12067
12115
|
return "var(--color-" + theme + ")";
|
|
12068
12116
|
});
|
|
12069
|
-
var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
12070
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
12071
|
-
var Error = /*#__PURE__*/styled.div(_templateObject4$
|
|
12117
|
+
var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
12118
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$U || (_templateObject3$U = /*#__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);
|
|
12119
|
+
var Error = /*#__PURE__*/styled.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
12072
12120
|
var Form = /*#__PURE__*/styled.form(_templateObject5$C || (_templateObject5$C = /*#__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);
|
|
12073
12121
|
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$t || (_templateObject6$t = /*#__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);
|
|
12074
12122
|
var ServerError = /*#__PURE__*/styled.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
@@ -12416,7 +12464,7 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12416
12464
|
useEffect(function () {
|
|
12417
12465
|
setDropdownOpen(isOpened);
|
|
12418
12466
|
}, [isOpened]);
|
|
12419
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
12467
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$a, {
|
|
12420
12468
|
theme: themeToColor(theme),
|
|
12421
12469
|
className: className
|
|
12422
12470
|
}, /*#__PURE__*/React__default.createElement(SignUpFormWrapper, null, isMobile && !isLoggedIn && !isSuccess ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(HiddenInstructions, {
|
|
@@ -12481,12 +12529,12 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12481
12529
|
}))))));
|
|
12482
12530
|
};
|
|
12483
12531
|
|
|
12484
|
-
var _templateObject$
|
|
12485
|
-
var AnchorBarContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
12532
|
+
var _templateObject$1p, _templateObject2$16, _templateObject4$L, _templateObject5$D;
|
|
12533
|
+
var AnchorBarContainer = /*#__PURE__*/styled(Grid)(_templateObject$1p || (_templateObject$1p = /*#__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) {
|
|
12486
12534
|
var withShadow = _ref.withShadow;
|
|
12487
|
-
return withShadow && css(_templateObject2$
|
|
12535
|
+
return withShadow && css(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12488
12536
|
}, devices.mobile);
|
|
12489
|
-
var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$
|
|
12537
|
+
var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$L || (_templateObject4$L = /*#__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);
|
|
12490
12538
|
var ContentWrapper$3 = /*#__PURE__*/styled.a(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
12491
12539
|
|
|
12492
12540
|
var AnchorBar = function AnchorBar(_ref) {
|
|
@@ -12755,9 +12803,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
12755
12803
|
})));
|
|
12756
12804
|
};
|
|
12757
12805
|
|
|
12758
|
-
var _templateObject$
|
|
12759
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
12760
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
12806
|
+
var _templateObject$1q, _templateObject3$V;
|
|
12807
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
12808
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
12761
12809
|
|
|
12762
12810
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
12763
12811
|
var children = _ref.children;
|
|
@@ -12792,8 +12840,8 @@ var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
|
12792
12840
|
}))));
|
|
12793
12841
|
};
|
|
12794
12842
|
|
|
12795
|
-
var _templateObject$
|
|
12796
|
-
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 6px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
12843
|
+
var _templateObject$1r;
|
|
12844
|
+
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 6px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
12797
12845
|
var theme = _ref.theme;
|
|
12798
12846
|
return theme.colors.primary;
|
|
12799
12847
|
}, function (_ref2) {
|
|
@@ -13740,5 +13788,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1q || (_templa
|
|
|
13740
13788
|
return theme.footer.tablet.paddingBottom;
|
|
13741
13789
|
}, devices.desktop, devices.largeDesktop);
|
|
13742
13790
|
|
|
13743
|
-
export { Accordion, Accordions, AltHeader, AnchorBar, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyContent, BodyCopyHarmonic, BodyText, ButtonText, ButtonType, Caption, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicHeader, HarmonicOverline, HarmonicSize, HarmonicSubtitle, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, MinimalCarousel, ModalWindow, Navigation, NavigationText, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, useHarmonicTheme, zIndexes };
|
|
13791
|
+
export { Accordion, Accordions, AltHeader, AnchorBar, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyContent, BodyCopyHarmonic, BodyText, ButtonText, ButtonType, Caption, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicHeader, HarmonicOverline, HarmonicSize, HarmonicSubtitle, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, MinimalCarousel, ModalWindow, Navigation, NavigationText, Overline, PageHeading, PageHeadingCompact, PageHeadingHighlight, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, useHarmonicTheme, zIndexes };
|
|
13744
13792
|
//# sourceMappingURL=harmonic.esm.js.map
|