@royaloperahouse/harmonic 0.12.0-a → 0.12.0-c
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Typography/Typography.d.ts +2 -2
- package/dist/components/atoms/TextField/TextField.style.d.ts +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/Accordion/Accordion.style.d.ts +5 -3
- package/dist/components/molecules/Card/Card.style.d.ts +1 -1
- package/dist/components/molecules/ContentSummary/ContentSummary.style.d.ts +1 -1
- package/dist/components/molecules/Editorial/Editorial.style.d.ts +2 -2
- package/dist/components/molecules/Information/Information.style.d.ts +1 -1
- 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/Pagination/Pagination.style.d.ts +1 -1
- package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +2 -2
- package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +2 -2
- package/dist/components/molecules/index.d.ts +2 -2
- package/dist/harmonic.cjs.development.js +229 -193
- 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 +229 -194
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/types/editorial.d.ts +6 -12
- package/dist/types/impactHeader.d.ts +20 -2
- package/dist/types/types.d.ts +9 -32
- package/package.json +1 -1
|
@@ -231,21 +231,24 @@ var HarmonicHeader = function HarmonicHeader(_ref2) {
|
|
|
231
231
|
/* ~~~ Subtitle - (use case) ~~~ */
|
|
232
232
|
var HarmonicSubtitle = function HarmonicSubtitle(_ref3) {
|
|
233
233
|
var children = _ref3.children,
|
|
234
|
-
size = _ref3.size,
|
|
234
|
+
_ref3$size = _ref3.size,
|
|
235
|
+
size = _ref3$size === void 0 ? 'large' : _ref3$size,
|
|
235
236
|
_ref3$color = _ref3.color,
|
|
236
237
|
color = _ref3$color === void 0 ? 'inherit' : _ref3$color,
|
|
237
|
-
className = _ref3.className
|
|
238
|
+
className = _ref3.className,
|
|
239
|
+
_ref3$tag = _ref3.tag,
|
|
240
|
+
Tag = _ref3$tag === void 0 ? 'p' : _ref3$tag;
|
|
238
241
|
var classNames = createClassNames('subtitle', {
|
|
239
242
|
size: size,
|
|
240
243
|
color: color,
|
|
241
244
|
className: className
|
|
242
245
|
}, typographyStyles);
|
|
243
|
-
return /*#__PURE__*/React__default.createElement(
|
|
246
|
+
return /*#__PURE__*/React__default.createElement(Tag, {
|
|
244
247
|
className: classNames
|
|
245
248
|
}, children);
|
|
246
249
|
};
|
|
247
250
|
/* ~~~ Body Copy Text - (use case) ~~~ */
|
|
248
|
-
var BodyCopyHarmonic = function
|
|
251
|
+
var BodyCopyHarmonic = /*#__PURE__*/React__default.forwardRef(function (_ref4, ref) {
|
|
249
252
|
var children = _ref4.children,
|
|
250
253
|
_ref4$size = _ref4.size,
|
|
251
254
|
size = _ref4$size === void 0 ? 'medium' : _ref4$size,
|
|
@@ -263,9 +266,11 @@ var BodyCopyHarmonic = function BodyCopyHarmonic(_ref4) {
|
|
|
263
266
|
className: className
|
|
264
267
|
}, typographyStyles);
|
|
265
268
|
return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
|
|
266
|
-
className: classNames
|
|
269
|
+
className: classNames,
|
|
270
|
+
ref: ref
|
|
267
271
|
}, props), children);
|
|
268
|
-
};
|
|
272
|
+
});
|
|
273
|
+
BodyCopyHarmonic.displayName = 'BodyCopyHarmonic';
|
|
269
274
|
/* ~~~ Overline - (use case) ~~~ */
|
|
270
275
|
var HarmonicOverline = function HarmonicOverline(_ref5) {
|
|
271
276
|
var children = _ref5.children,
|
|
@@ -8108,19 +8113,30 @@ var InfoSection = function InfoSection(_ref) {
|
|
|
8108
8113
|
}, additionalInfo)))));
|
|
8109
8114
|
};
|
|
8110
8115
|
|
|
8111
|
-
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$n, _templateObject5$h, _templateObject6$d;
|
|
8112
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])))
|
|
8113
|
-
var
|
|
8114
|
-
|
|
8115
|
-
|
|
8116
|
-
|
|
8116
|
+
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$n, _templateObject5$h, _templateObject6$d, _templateObject7$a;
|
|
8117
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n border-top: 2px solid var(--color-base-light-grey);\n border-bottom: ", ";\n"])), function (_ref) {
|
|
8118
|
+
var showLine = _ref.showLine;
|
|
8119
|
+
return showLine ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
8120
|
+
});
|
|
8121
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n opacity: ", ";\n transition: opacity 0.2s ease;\n pointer-events: ", ";\n\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref2) {
|
|
8122
|
+
var isVisible = _ref2.isVisible;
|
|
8123
|
+
return isVisible ? 1 : 0;
|
|
8124
|
+
}, function (_ref3) {
|
|
8125
|
+
var isVisible = _ref3.isVisible;
|
|
8126
|
+
return isVisible ? 'auto' : 'none';
|
|
8117
8127
|
}, devices.mobile);
|
|
8118
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(
|
|
8119
|
-
var
|
|
8120
|
-
|
|
8128
|
+
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding-top: 28px;\n padding-bottom: 28px;\n color: var(--color-primary-black);\n\n && svg {\n width: 24px;\n height: 24px;\n }\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
8129
|
+
var TitleText$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: calc(100% - 32px);\n"])));
|
|
8130
|
+
var ExtendedBodyCopyHarmonic = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n"])));
|
|
8131
|
+
var ContentContainer = /*#__PURE__*/styled__default(ExtendedBodyCopyHarmonic).withConfig({
|
|
8132
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
8133
|
+
return prop !== 'textHeight';
|
|
8134
|
+
}
|
|
8135
|
+
})(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: ", ";\n\n @media print {\n max-height: max-content;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), function (_ref4) {
|
|
8136
|
+
var textHeight = _ref4.textHeight;
|
|
8121
8137
|
return textHeight;
|
|
8122
8138
|
}, devices.mobile);
|
|
8123
|
-
var PrintHideWrapper = /*#__PURE__*/styled__default.div(
|
|
8139
|
+
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
|
|
8124
8140
|
|
|
8125
8141
|
/* eslint-disable react/no-unstable-nested-components */
|
|
8126
8142
|
var Accordion = function Accordion(_ref) {
|
|
@@ -8129,15 +8145,9 @@ var Accordion = function Accordion(_ref) {
|
|
|
8129
8145
|
_ref$showLine = _ref.showLine,
|
|
8130
8146
|
showLine = _ref$showLine === void 0 ? true : _ref$showLine,
|
|
8131
8147
|
children = _ref.children,
|
|
8132
|
-
visibleStandfirst = _ref.visibleStandfirst,
|
|
8133
8148
|
_ref$initOpen = _ref.initOpen,
|
|
8134
8149
|
initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen,
|
|
8135
|
-
|
|
8136
|
-
contentType = _ref$contentType === void 0 ? 'subtitle' : _ref$contentType,
|
|
8137
|
-
_ref$semanticLevel = _ref.semanticLevel,
|
|
8138
|
-
semanticLevel = _ref$semanticLevel === void 0 ? 4 : _ref$semanticLevel,
|
|
8139
|
-
_ref$displayLevel = _ref.displayLevel,
|
|
8140
|
-
displayLevel = _ref$displayLevel === void 0 ? 1 : _ref$displayLevel;
|
|
8150
|
+
className = _ref.className;
|
|
8141
8151
|
var _useState = React.useState(initOpen),
|
|
8142
8152
|
openAccordion = _useState[0],
|
|
8143
8153
|
setOpenAccordion = _useState[1];
|
|
@@ -8169,60 +8179,31 @@ var Accordion = function Accordion(_ref) {
|
|
|
8169
8179
|
toggleAccordion();
|
|
8170
8180
|
}
|
|
8171
8181
|
};
|
|
8172
|
-
var Standfirst = function Standfirst() {
|
|
8173
|
-
return visibleStandfirst ? (/*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
8174
|
-
isVisible: childrenVisibility
|
|
8175
|
-
}, visibleStandfirst))) : null;
|
|
8176
|
-
};
|
|
8177
8182
|
var contentContainerId = title + "-accordion-content";
|
|
8178
|
-
var AccordionTitle = function AccordionTitle(_ref2) {
|
|
8179
|
-
var level = _ref2.level,
|
|
8180
|
-
localSemanticLevel = _ref2.semanticLevel;
|
|
8181
|
-
var subtitleLevel = level;
|
|
8182
|
-
if (contentType === 'header') {
|
|
8183
|
-
return /*#__PURE__*/React__default.createElement(Header, {
|
|
8184
|
-
semanticLevel: localSemanticLevel,
|
|
8185
|
-
level: level
|
|
8186
|
-
}, title);
|
|
8187
|
-
}
|
|
8188
|
-
if (contentType === 'subtitle') {
|
|
8189
|
-
if (contentType === 'subtitle') {
|
|
8190
|
-
if (![1, 2].includes(level)) {
|
|
8191
|
-
console.warn('Invalid Subtitle level:', level);
|
|
8192
|
-
subtitleLevel = level > 2 ? 2 : level;
|
|
8193
|
-
}
|
|
8194
|
-
}
|
|
8195
|
-
return /*#__PURE__*/React__default.createElement(Subtitle, Object.assign({}, {
|
|
8196
|
-
level: subtitleLevel,
|
|
8197
|
-
semanticLevel: localSemanticLevel
|
|
8198
|
-
}), title);
|
|
8199
|
-
}
|
|
8200
|
-
return null;
|
|
8201
|
-
};
|
|
8202
8183
|
return /*#__PURE__*/React__default.createElement(AccordionContainer, {
|
|
8184
|
+
showLine: showLine,
|
|
8203
8185
|
tabIndex: 0,
|
|
8204
|
-
onKeyDown: keyDown
|
|
8205
|
-
|
|
8186
|
+
onKeyDown: keyDown,
|
|
8187
|
+
className: className
|
|
8188
|
+
}, /*#__PURE__*/React__default.createElement(TitleContainer$3, {
|
|
8206
8189
|
onClick: toggleAccordion,
|
|
8207
8190
|
tabIndex: -1,
|
|
8208
8191
|
role: "button",
|
|
8209
8192
|
"aria-label": title,
|
|
8210
8193
|
"aria-expanded": openAccordion,
|
|
8211
8194
|
"aria-controls": contentContainerId
|
|
8212
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
8213
|
-
level: displayLevel,
|
|
8214
|
-
semanticLevel: semanticLevel
|
|
8215
|
-
}, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
8195
|
+
}, /*#__PURE__*/React__default.createElement(TitleText$1, null, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
8216
8196
|
iconName: iconName
|
|
8217
|
-
})))),
|
|
8197
|
+
})))), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
8218
8198
|
"data-testid": "richcontainer",
|
|
8219
8199
|
ref: content,
|
|
8220
8200
|
textHeight: textHeight,
|
|
8221
8201
|
id: contentContainerId,
|
|
8222
|
-
"aria-live": "polite"
|
|
8202
|
+
"aria-live": "polite",
|
|
8203
|
+
tag: "div"
|
|
8223
8204
|
}, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
8224
8205
|
isVisible: childrenVisibility
|
|
8225
|
-
}, children))
|
|
8206
|
+
}, children)));
|
|
8226
8207
|
};
|
|
8227
8208
|
|
|
8228
8209
|
var _templateObject$S;
|
|
@@ -8230,19 +8211,18 @@ var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$S ||
|
|
|
8230
8211
|
|
|
8231
8212
|
var Accordions = function Accordions(_ref) {
|
|
8232
8213
|
var _ref$items = _ref.items,
|
|
8233
|
-
items = _ref$items === void 0 ? [] : _ref$items
|
|
8214
|
+
items = _ref$items === void 0 ? [] : _ref$items,
|
|
8215
|
+
className = _ref.className;
|
|
8234
8216
|
var isLastAccordion = function isLastAccordion(index) {
|
|
8235
8217
|
return items.length - 1 === index;
|
|
8236
8218
|
};
|
|
8237
|
-
return /*#__PURE__*/React__default.createElement(AccordionsContainer,
|
|
8219
|
+
return /*#__PURE__*/React__default.createElement(AccordionsContainer, {
|
|
8220
|
+
className: className
|
|
8221
|
+
}, items.map(function (accordion, index) {
|
|
8238
8222
|
return /*#__PURE__*/React__default.createElement(Accordion, {
|
|
8239
8223
|
key: accordion.title + "-" + index,
|
|
8240
8224
|
title: accordion.title,
|
|
8241
|
-
showLine: isLastAccordion(index)
|
|
8242
|
-
visibleStandfirst: accordion.visibleStandfirst,
|
|
8243
|
-
contentType: accordion.contentType,
|
|
8244
|
-
displayLevel: accordion.displayLevel,
|
|
8245
|
-
semanticLevel: accordion.semanticLevel
|
|
8225
|
+
showLine: isLastAccordion(index)
|
|
8246
8226
|
}, accordion.children);
|
|
8247
8227
|
}));
|
|
8248
8228
|
};
|
|
@@ -8330,7 +8310,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8330
8310
|
}))))));
|
|
8331
8311
|
};
|
|
8332
8312
|
|
|
8333
|
-
var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$
|
|
8313
|
+
var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$b, _templateObject8$8, _templateObject9$6, _templateObject0$5, _templateObject1$2, _templateObject10$2, _templateObject11$2, _templateObject12$2;
|
|
8334
8314
|
var LENGTH_LARGE_TEXT = 28;
|
|
8335
8315
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8336
8316
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8355,7 +8335,7 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$p ||
|
|
|
8355
8335
|
});
|
|
8356
8336
|
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8357
8337
|
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8358
|
-
var TextContainer$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject7$
|
|
8338
|
+
var TextContainer$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow-wrap: break-word;\n"])));
|
|
8359
8339
|
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8360
8340
|
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
|
|
8361
8341
|
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject0$5 || (_templateObject0$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 25px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (_ref6) {
|
|
@@ -8613,14 +8593,14 @@ var Cards = function Cards(_ref) {
|
|
|
8613
8593
|
}));
|
|
8614
8594
|
};
|
|
8615
8595
|
|
|
8616
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$
|
|
8596
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$c;
|
|
8617
8597
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
8618
8598
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), devices.mobileAndTablet);
|
|
8619
8599
|
var AddressWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
8620
8600
|
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
8621
8601
|
var MobileSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8622
8602
|
var DesktopSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8623
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8603
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n a {\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-base-black);\n text-decoration: underline;\n text-underline-offset: 4px;\n margin-right: 13px;\n display: inline-block;\n\n &:last-child {\n margin-right: 0;\n }\n\n @media ", " {\n font-size: 17px;\n line-height: 24px;\n }\n }\n"])), devices.mobile);
|
|
8624
8604
|
|
|
8625
8605
|
var ContactCard = function ContactCard(_ref) {
|
|
8626
8606
|
var title = _ref.title,
|
|
@@ -8768,17 +8748,21 @@ var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$w |
|
|
|
8768
8748
|
var imageToLeft = _ref3.imageToLeft;
|
|
8769
8749
|
return imageToLeft ? 'right' : 'left';
|
|
8770
8750
|
}, devices.mobile);
|
|
8771
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default
|
|
8772
|
-
var EditorialText = /*#__PURE__*/styled__default
|
|
8751
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-feature-settings: var(--font-feature-settings-subtitle);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
8752
|
+
var EditorialText = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
8773
8753
|
|
|
8774
8754
|
var Editorial = function Editorial(_ref) {
|
|
8775
8755
|
var _ref$imagePosition = _ref.imagePosition,
|
|
8776
8756
|
imagePosition = _ref$imagePosition === void 0 ? 'left' : _ref$imagePosition,
|
|
8777
8757
|
subtitle = _ref.subtitle,
|
|
8778
8758
|
text = _ref.text,
|
|
8779
|
-
children = _ref.children
|
|
8759
|
+
children = _ref.children,
|
|
8760
|
+
className = _ref.className;
|
|
8780
8761
|
var imageToLeft = imagePosition === 'left';
|
|
8781
|
-
return /*#__PURE__*/React__default.createElement(Grid,
|
|
8762
|
+
return /*#__PURE__*/React__default.createElement(Grid, {
|
|
8763
|
+
className: className,
|
|
8764
|
+
"data-testid": "editorial-component"
|
|
8765
|
+
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8782
8766
|
columnStartDesktop: 3,
|
|
8783
8767
|
columnSpanDesktop: 12,
|
|
8784
8768
|
columnStartDevice: 2,
|
|
@@ -8793,7 +8777,10 @@ var Editorial = function Editorial(_ref) {
|
|
|
8793
8777
|
}, children)), /*#__PURE__*/React__default.createElement(EditorialTextWrapper, {
|
|
8794
8778
|
"data-testid": "text-wrapper",
|
|
8795
8779
|
imageToLeft: imageToLeft
|
|
8796
|
-
}, subtitle ? /*#__PURE__*/React__default.createElement(EditorialSubtitle,
|
|
8780
|
+
}, subtitle ? /*#__PURE__*/React__default.createElement(EditorialSubtitle, {
|
|
8781
|
+
tag: "span"
|
|
8782
|
+
}, subtitle) : null, /*#__PURE__*/React__default.createElement(EditorialText, {
|
|
8783
|
+
tag: "div",
|
|
8797
8784
|
dangerouslySetInnerHTML: {
|
|
8798
8785
|
__html: text
|
|
8799
8786
|
}
|
|
@@ -9039,7 +9026,7 @@ var Information = function Information(_ref) {
|
|
|
9039
9026
|
})))));
|
|
9040
9027
|
};
|
|
9041
9028
|
|
|
9042
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$
|
|
9029
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$d, _templateObject8$9;
|
|
9043
9030
|
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: var(--page-header-bg-color);\n color: var(--color-base-white);\n\n ", ";\n\n h1,\n h2,\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
9044
9031
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
9045
9032
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -9058,7 +9045,7 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$n || (_t
|
|
|
9058
9045
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
9059
9046
|
}, devices.mobile);
|
|
9060
9047
|
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-white);\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
9061
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9048
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n ", ";\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n\n ", ";\n }\n }\n"])), function (_ref5) {
|
|
9062
9049
|
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
9063
9050
|
return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
|
|
9064
9051
|
}, devices.mobile, function (_ref6) {
|
|
@@ -9140,14 +9127,14 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9140
9127
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
9141
9128
|
};
|
|
9142
9129
|
|
|
9143
|
-
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$
|
|
9130
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$e, _templateObject8$a;
|
|
9144
9131
|
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
9145
9132
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
9146
9133
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
9147
9134
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
9148
9135
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9149
9136
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
9150
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9137
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
9151
9138
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
9152
9139
|
|
|
9153
9140
|
var _excluded$m = ["text"];
|
|
@@ -9255,7 +9242,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9255
9242
|
})))));
|
|
9256
9243
|
};
|
|
9257
9244
|
|
|
9258
|
-
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$x, _templateObject5$q, _templateObject6$j, _templateObject7$
|
|
9245
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$x, _templateObject5$q, _templateObject6$j, _templateObject7$f, _templateObject8$b, _templateObject9$7, _templateObject0$6, _templateObject1$3;
|
|
9259
9246
|
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9260
9247
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9261
9248
|
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
@@ -9268,7 +9255,7 @@ var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$q || (_te
|
|
|
9268
9255
|
return showBlock ? 'block' : 'none';
|
|
9269
9256
|
}, devices.mobile);
|
|
9270
9257
|
var BadgeWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n height: 32px;\n }\n\n @media ", " {\n margin-bottom: 12px;\n }\n"])), devices.mobile);
|
|
9271
|
-
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9258
|
+
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: start;\n align-items: center;\n width: 200px;\n\n @media ", " {\n order: ", ";\n width: 100%;\n justify-content: center;\n }\n"])), devices.mobile, function (_ref3) {
|
|
9272
9259
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
9273
9260
|
return isBadgePresent ? '1' : '4';
|
|
9274
9261
|
});
|
|
@@ -9469,10 +9456,58 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9469
9456
|
})))))))))));
|
|
9470
9457
|
};
|
|
9471
9458
|
|
|
9472
|
-
var _templateObject$13, _templateObject2$Q, _templateObject3$D,
|
|
9473
|
-
var
|
|
9474
|
-
|
|
9475
|
-
|
|
9459
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject4$y;
|
|
9460
|
+
var GRID = {
|
|
9461
|
+
desktop: {
|
|
9462
|
+
leftWithImage: '1 / 1 / 3 / 7',
|
|
9463
|
+
leftNoImage: '1 / 1 / 3 / 12',
|
|
9464
|
+
right: '1 / 7 / 3 / 17'
|
|
9465
|
+
},
|
|
9466
|
+
mobile: {
|
|
9467
|
+
leftWithImage: '3 / 1 / 4 / 15',
|
|
9468
|
+
leftNoImage: '1 / 1 / 3 / 15',
|
|
9469
|
+
right: '2 / 1 / 3 / 15'
|
|
9470
|
+
}
|
|
9471
|
+
};
|
|
9472
|
+
var HighlightPanelGrid = /*#__PURE__*/styled__default(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) {
|
|
9473
|
+
var $background = _ref.$background;
|
|
9474
|
+
return "var(--color-" + $background + ")";
|
|
9475
|
+
});
|
|
9476
|
+
var LeftPanel$1 = /*#__PURE__*/styled__default.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) {
|
|
9477
|
+
var hasImage = _ref2.hasImage;
|
|
9478
|
+
return hasImage ? GRID.desktop.leftWithImage : GRID.desktop.leftNoImage;
|
|
9479
|
+
}, devices.mobileAndTablet, function (_ref3) {
|
|
9480
|
+
var hasImage = _ref3.hasImage;
|
|
9481
|
+
return hasImage ? GRID.mobile.leftWithImage : GRID.mobile.leftNoImage;
|
|
9482
|
+
});
|
|
9483
|
+
var RightPanel$1 = /*#__PURE__*/styled__default.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);
|
|
9484
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.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);
|
|
9485
|
+
|
|
9486
|
+
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
9487
|
+
var _image$src, _image$alt;
|
|
9488
|
+
var image = _ref.image,
|
|
9489
|
+
children = _ref.children,
|
|
9490
|
+
_ref$background = _ref.background,
|
|
9491
|
+
background = _ref$background === void 0 ? 'base-black' : _ref$background,
|
|
9492
|
+
className = _ref.className;
|
|
9493
|
+
return /*#__PURE__*/React__default.createElement(HighlightPanelGrid, {
|
|
9494
|
+
className: className,
|
|
9495
|
+
"$background": background,
|
|
9496
|
+
"data-testid": "highlight-heading-wrapper"
|
|
9497
|
+
}, /*#__PURE__*/React__default.createElement(LeftPanel$1, {
|
|
9498
|
+
hasImage: !!image
|
|
9499
|
+
}, /*#__PURE__*/React__default.createElement(Wrapper$6, null, children)), image && (/*#__PURE__*/React__default.createElement(RightPanel$1, null, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
9500
|
+
aspectRatio: exports.AspectRatio['4:3']
|
|
9501
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
9502
|
+
src: (_image$src = image == null ? void 0 : image.src) != null ? _image$src : '',
|
|
9503
|
+
alt: (_image$alt = image == null ? void 0 : image.alt) != null ? _image$alt : ''
|
|
9504
|
+
})))));
|
|
9505
|
+
};
|
|
9506
|
+
|
|
9507
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$r, _templateObject6$k, _templateObject7$g, _templateObject8$c, _templateObject9$8, _templateObject0$7;
|
|
9508
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.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);
|
|
9509
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.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"])));
|
|
9510
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9476
9511
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.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);
|
|
9477
9512
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(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) {
|
|
9478
9513
|
var invert = _ref.invert,
|
|
@@ -9490,7 +9525,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
9490
9525
|
var theme = _ref4.theme;
|
|
9491
9526
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
9492
9527
|
}, devices.tablet, devices.mobile);
|
|
9493
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9528
|
+
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: logo;\n padding-left: 50px;\n justify-content: left;\n align-items: center;\n width: 100%;\n @media ", " {\n padding-left: 0px;\n justify-content: center;\n }\n @media ", " {\n width: fit-content;\n }\n"])), devices.mobile, devices.tablet);
|
|
9494
9529
|
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: title;\n align-items: center;\n justify-content: center;\n font-family: var(--font-family-header);\n text-transform: uppercase;\n text-align: center;\n padding: 0 2em;\n @media ", " {\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9495
9530
|
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: cta;\n justify-content: right;\n align-items: center;\n padding-right: 50px;\n @media ", " {\n padding-right: 0px;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9496
9531
|
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject0$7 || (_templateObject0$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (_ref5) {
|
|
@@ -9723,13 +9758,13 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9723
9758
|
}), linkText))))));
|
|
9724
9759
|
};
|
|
9725
9760
|
|
|
9726
|
-
var _templateObject$
|
|
9727
|
-
var linkButtonStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
9728
|
-
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$
|
|
9729
|
-
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
9761
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject5$s, _templateObject6$l, _templateObject7$h, _templateObject8$d;
|
|
9762
|
+
var linkButtonStyles = /*#__PURE__*/styled.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"])));
|
|
9763
|
+
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9764
|
+
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9730
9765
|
var PageNumberWrapper = /*#__PURE__*/styled__default.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"])));
|
|
9731
9766
|
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9732
|
-
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$
|
|
9767
|
+
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9733
9768
|
var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: ", ";\n border-bottom: ", ";\n }\n\n :hover {\n cursor: pointer;\n color: var(--color-primary-red);\n border-bottom: 1px solid var(--color-primary-red);\n svg > path {\n fill: var(--color-base-black);\n }\n }\n"])), function (_ref) {
|
|
9734
9769
|
var active = _ref.active;
|
|
9735
9770
|
return active ? "var(--color-primary-red)" : 'inherit';
|
|
@@ -9878,14 +9913,14 @@ var Pagination = function Pagination(_ref) {
|
|
|
9878
9913
|
}))))));
|
|
9879
9914
|
};
|
|
9880
9915
|
|
|
9881
|
-
var _templateObject$
|
|
9882
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9883
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9884
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9885
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9916
|
+
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$z, _templateObject5$t, _templateObject6$m, _templateObject7$i;
|
|
9917
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(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);
|
|
9918
|
+
var PersonWrapper = /*#__PURE__*/styled__default.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"])));
|
|
9919
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9920
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9886
9921
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9887
9922
|
var PersonLink = /*#__PURE__*/styled__default.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"])));
|
|
9888
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
9923
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9889
9924
|
|
|
9890
9925
|
var Person = function Person(_ref) {
|
|
9891
9926
|
var person = _ref.person,
|
|
@@ -9942,14 +9977,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9942
9977
|
}));
|
|
9943
9978
|
};
|
|
9944
9979
|
|
|
9945
|
-
var _templateObject$
|
|
9946
|
-
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9947
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
9980
|
+
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A;
|
|
9981
|
+
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9982
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(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) {
|
|
9948
9983
|
var columnCount = _ref.columnCount;
|
|
9949
9984
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9950
9985
|
}, devices.mobile, devices.tablet);
|
|
9951
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9952
|
-
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9986
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.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"])));
|
|
9987
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9953
9988
|
|
|
9954
9989
|
// Get the total character length of a property in an array of objects
|
|
9955
9990
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -10076,14 +10111,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
10076
10111
|
}, creditEntries);
|
|
10077
10112
|
};
|
|
10078
10113
|
|
|
10079
|
-
var _templateObject$
|
|
10114
|
+
var _templateObject$18, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$n, _templateObject7$j, _templateObject8$e, _templateObject9$9, _templateObject0$8, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16;
|
|
10080
10115
|
var LENGTH_TEXT = 28;
|
|
10081
10116
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
10082
10117
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
10083
10118
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
10084
10119
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
10085
10120
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
10086
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
10121
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
10087
10122
|
var imageToLeft = _ref.imageToLeft;
|
|
10088
10123
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
10089
10124
|
}, devices.tablet, function (_ref2) {
|
|
@@ -10093,7 +10128,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$17 ||
|
|
|
10093
10128
|
var asCard = _ref3.asCard;
|
|
10094
10129
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
10095
10130
|
});
|
|
10096
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10131
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.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) {
|
|
10097
10132
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
10098
10133
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
10099
10134
|
}, function (_ref5) {
|
|
@@ -10117,7 +10152,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$H ||
|
|
|
10117
10152
|
}
|
|
10118
10153
|
return '';
|
|
10119
10154
|
});
|
|
10120
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10155
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref7) {
|
|
10121
10156
|
var marginBottom = _ref7.marginBottom;
|
|
10122
10157
|
return marginBottom + "px";
|
|
10123
10158
|
}, function (_ref8) {
|
|
@@ -10126,7 +10161,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
|
10126
10161
|
});
|
|
10127
10162
|
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
10128
10163
|
var TextLinkWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
10129
|
-
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10164
|
+
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
10130
10165
|
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
10131
10166
|
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
10132
10167
|
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject0$8 || (_templateObject0$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin: 0 50px 0 20px;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
@@ -10331,28 +10366,28 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10331
10366
|
}))));
|
|
10332
10367
|
};
|
|
10333
10368
|
|
|
10334
|
-
var _templateObject$
|
|
10369
|
+
var _templateObject$19, _templateObject2$V, _templateObject3$J, _templateObject4$C, _templateObject5$v, _templateObject6$o, _templateObject7$k;
|
|
10335
10370
|
var LENGTH_TEXT$2 = 28;
|
|
10336
10371
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10337
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
10372
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(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) {
|
|
10338
10373
|
var imageToLeft = _ref.imageToLeft;
|
|
10339
10374
|
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'";
|
|
10340
10375
|
}, devices.tablet, function (_ref2) {
|
|
10341
10376
|
var imageToLeft = _ref2.imageToLeft;
|
|
10342
10377
|
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'";
|
|
10343
10378
|
}, devices.mobile);
|
|
10344
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10379
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.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) {
|
|
10345
10380
|
var imageToLeft = _ref3.imageToLeft;
|
|
10346
10381
|
return imageToLeft ? 'left' : 'right';
|
|
10347
10382
|
}, devices.mobile);
|
|
10348
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10383
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.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) {
|
|
10349
10384
|
var imageToLeft = _ref4.imageToLeft;
|
|
10350
10385
|
return imageToLeft ? 'right' : 'left';
|
|
10351
10386
|
}, devices.mobile);
|
|
10352
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$
|
|
10387
|
+
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10353
10388
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10354
10389
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled__default(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);
|
|
10355
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10390
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__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) {
|
|
10356
10391
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10357
10392
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
10358
10393
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -10374,8 +10409,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$j ||
|
|
|
10374
10409
|
return '';
|
|
10375
10410
|
});
|
|
10376
10411
|
|
|
10377
|
-
var _templateObject$
|
|
10378
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10412
|
+
var _templateObject$1a;
|
|
10413
|
+
var VideoContainer = /*#__PURE__*/styled__default.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) {
|
|
10379
10414
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10380
10415
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10381
10416
|
return aspectRatio;
|
|
@@ -10557,8 +10592,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10557
10592
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
10558
10593
|
};
|
|
10559
10594
|
|
|
10560
|
-
var _templateObject$
|
|
10561
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10595
|
+
var _templateObject$1b;
|
|
10596
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
10562
10597
|
|
|
10563
10598
|
/**
|
|
10564
10599
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -10613,9 +10648,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
10613
10648
|
})));
|
|
10614
10649
|
};
|
|
10615
10650
|
|
|
10616
|
-
var _templateObject$
|
|
10617
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10618
|
-
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10651
|
+
var _templateObject$1c, _templateObject2$W, _templateObject3$K;
|
|
10652
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10653
|
+
var RadioGroup$1 = /*#__PURE__*/styled__default.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) {
|
|
10619
10654
|
var horizontalMode = _ref.horizontalMode;
|
|
10620
10655
|
if (horizontalMode) return 'row';
|
|
10621
10656
|
return 'column';
|
|
@@ -10623,7 +10658,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$V || (_temp
|
|
|
10623
10658
|
var gap = _ref2.gap;
|
|
10624
10659
|
return gap + "px";
|
|
10625
10660
|
});
|
|
10626
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10661
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
10627
10662
|
var darkMode = _ref3.darkMode;
|
|
10628
10663
|
if (darkMode) return 'var(--base-color-white)';
|
|
10629
10664
|
return 'var(--base-color-errorstate)';
|
|
@@ -10700,10 +10735,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
10700
10735
|
}, error))));
|
|
10701
10736
|
};
|
|
10702
10737
|
|
|
10703
|
-
var _templateObject$
|
|
10704
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10705
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10706
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10738
|
+
var _templateObject$1d, _templateObject2$X, _templateObject3$L;
|
|
10739
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.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);
|
|
10740
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
10741
|
+
var SvgContainer$3 = /*#__PURE__*/styled__default.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);
|
|
10707
10742
|
|
|
10708
10743
|
/* eslint-disable react/no-danger */
|
|
10709
10744
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -10759,8 +10794,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
10759
10794
|
return null;
|
|
10760
10795
|
};
|
|
10761
10796
|
|
|
10762
|
-
var _templateObject$
|
|
10763
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10797
|
+
var _templateObject$1e;
|
|
10798
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.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);
|
|
10764
10799
|
|
|
10765
10800
|
/* ~~~~~~~ new harmonic types ~~~~~~~ */
|
|
10766
10801
|
var HarmonicSize = {
|
|
@@ -10802,8 +10837,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10802
10837
|
}, description)))));
|
|
10803
10838
|
};
|
|
10804
10839
|
|
|
10805
|
-
var _templateObject$
|
|
10806
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
10840
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$D, _templateObject5$w, _templateObject6$p, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject0$9, _templateObject1$5;
|
|
10841
|
+
var stateStyles = /*#__PURE__*/styled.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) {
|
|
10807
10842
|
var theme = _ref.theme;
|
|
10808
10843
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
10809
10844
|
}, function (_ref2) {
|
|
@@ -10813,12 +10848,12 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$1e || (_templateObject
|
|
|
10813
10848
|
var theme = _ref3.theme;
|
|
10814
10849
|
return theme.colors.lightgrey;
|
|
10815
10850
|
});
|
|
10816
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
10851
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
10817
10852
|
var theme = _ref4.theme;
|
|
10818
10853
|
return theme.colors.darkgrey;
|
|
10819
10854
|
});
|
|
10820
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
10821
|
-
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$
|
|
10855
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10856
|
+
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
10822
10857
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
10823
10858
|
var theme = _ref5.theme;
|
|
10824
10859
|
return {
|
|
@@ -10827,8 +10862,8 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10827
10862
|
title: 'Select Arrow'
|
|
10828
10863
|
};
|
|
10829
10864
|
})(_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"])));
|
|
10830
|
-
var Wrapper$
|
|
10831
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10865
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10866
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10832
10867
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10833
10868
|
var Option = /*#__PURE__*/styled__default.li(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10834
10869
|
var theme = _ref6.theme,
|
|
@@ -11136,7 +11171,7 @@ function Select(_ref3) {
|
|
|
11136
11171
|
}
|
|
11137
11172
|
setSelectedValue(options[0]);
|
|
11138
11173
|
}, [options, resetWhenOptionsUpdate]);
|
|
11139
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
11174
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$7, null, label !== '' && (/*#__PURE__*/React__default.createElement(BodyText, {
|
|
11140
11175
|
level: 1,
|
|
11141
11176
|
tag: "p",
|
|
11142
11177
|
"data-testid": "select-label"
|
|
@@ -11183,9 +11218,9 @@ function Select(_ref3) {
|
|
|
11183
11218
|
})))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
11184
11219
|
}
|
|
11185
11220
|
|
|
11186
|
-
var _templateObject$
|
|
11187
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11188
|
-
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11221
|
+
var _templateObject$1g, _templateObject2$Z, _templateObject3$N, _templateObject4$E;
|
|
11222
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11223
|
+
var SelectWrapper$1 = /*#__PURE__*/styled__default.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) {
|
|
11189
11224
|
var width = _ref.width;
|
|
11190
11225
|
if (!width) return 'none';
|
|
11191
11226
|
return width + "px";
|
|
@@ -11202,12 +11237,12 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_t
|
|
|
11202
11237
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
11203
11238
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
11204
11239
|
});
|
|
11205
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11240
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
11206
11241
|
var darkMode = _ref5.darkMode;
|
|
11207
11242
|
if (darkMode) return "var(--base-color-white)";
|
|
11208
11243
|
return "var(--base-color-black)";
|
|
11209
11244
|
});
|
|
11210
|
-
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11245
|
+
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
11211
11246
|
var darkMode = _ref6.darkMode;
|
|
11212
11247
|
if (darkMode) return "var(--base-color-white)";
|
|
11213
11248
|
return "var(--base-color-errorstate)";
|
|
@@ -11321,8 +11356,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
11321
11356
|
})));
|
|
11322
11357
|
};
|
|
11323
11358
|
|
|
11324
|
-
var _templateObject$
|
|
11325
|
-
var Wrapper$
|
|
11359
|
+
var _templateObject$1h, _templateObject2$_;
|
|
11360
|
+
var Wrapper$8 = /*#__PURE__*/styled__default.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) {
|
|
11326
11361
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
11327
11362
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
11328
11363
|
return aspectRatio;
|
|
@@ -11341,7 +11376,7 @@ var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1g || (_temp
|
|
|
11341
11376
|
height = _ref4.height;
|
|
11342
11377
|
return "calc(calc(" + height + "px - 30px) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
11343
11378
|
});
|
|
11344
|
-
var CaptionWrapper = /*#__PURE__*/styled__default(Caption)(_templateObject2$
|
|
11379
|
+
var CaptionWrapper = /*#__PURE__*/styled__default(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);
|
|
11345
11380
|
|
|
11346
11381
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
11347
11382
|
var caption = _ref.caption,
|
|
@@ -11362,7 +11397,7 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11362
11397
|
return window.removeEventListener('resize', setWrapperHeight);
|
|
11363
11398
|
};
|
|
11364
11399
|
}, []);
|
|
11365
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
11400
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$8, {
|
|
11366
11401
|
aspectRatio: aspectRatio,
|
|
11367
11402
|
ref: wrapperRef,
|
|
11368
11403
|
height: height
|
|
@@ -11377,13 +11412,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11377
11412
|
}, caption));
|
|
11378
11413
|
};
|
|
11379
11414
|
|
|
11380
|
-
var _templateObject$
|
|
11381
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11382
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2
|
|
11415
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$O;
|
|
11416
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
11417
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
11383
11418
|
var displayAttribution = _ref.displayAttribution;
|
|
11384
11419
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
11385
11420
|
});
|
|
11386
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11421
|
+
var Line$1 = /*#__PURE__*/styled__default.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);
|
|
11387
11422
|
|
|
11388
11423
|
/* eslint-disable react/no-danger */
|
|
11389
11424
|
var Quote = function Quote(_ref) {
|
|
@@ -11408,11 +11443,11 @@ var Quote = function Quote(_ref) {
|
|
|
11408
11443
|
}, attribution))));
|
|
11409
11444
|
};
|
|
11410
11445
|
|
|
11411
|
-
var _templateObject$
|
|
11412
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11413
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2
|
|
11414
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
11415
|
-
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11446
|
+
var _templateObject$1j, _templateObject2$10, _templateObject3$P, _templateObject4$F, _templateObject5$x, _templateObject6$q;
|
|
11447
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.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"])));
|
|
11448
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11449
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11450
|
+
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11416
11451
|
var IconWrapper$3 = /*#__PURE__*/styled__default.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);
|
|
11417
11452
|
var TitleWrapper$5 = /*#__PURE__*/styled__default.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);
|
|
11418
11453
|
|
|
@@ -11452,14 +11487,14 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11452
11487
|
}, title)))));
|
|
11453
11488
|
};
|
|
11454
11489
|
|
|
11455
|
-
var _templateObject$
|
|
11456
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11457
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11458
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11490
|
+
var _templateObject$1k, _templateObject2$11, _templateObject3$Q, _templateObject4$G, _templateObject5$y;
|
|
11491
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.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"])));
|
|
11492
|
+
var LinkContainer = /*#__PURE__*/styled__default.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"])));
|
|
11493
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
11459
11494
|
var isVisible = _ref.isVisible;
|
|
11460
11495
|
return isVisible ? 'visible' : 'hidden';
|
|
11461
11496
|
});
|
|
11462
|
-
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11497
|
+
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
11463
11498
|
var isVisible = _ref2.isVisible;
|
|
11464
11499
|
return isVisible ? 'visible' : 'hidden';
|
|
11465
11500
|
});
|
|
@@ -11544,11 +11579,11 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11544
11579
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11545
11580
|
};
|
|
11546
11581
|
|
|
11547
|
-
var _templateObject$
|
|
11548
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
11549
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$
|
|
11550
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
11551
|
-
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
11582
|
+
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$H, _templateObject5$z;
|
|
11583
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11584
|
+
var MenuList = /*#__PURE__*/styled__default.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"])), exports.Colors.LightGrey);
|
|
11585
|
+
var MobileButton = /*#__PURE__*/styled__default.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"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
11586
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.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"])), exports.Colors.Black, function (_ref) {
|
|
11552
11587
|
var isActive = _ref.isActive;
|
|
11553
11588
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
11554
11589
|
}, exports.Colors.MidGrey);
|
|
@@ -11708,14 +11743,14 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11708
11743
|
});
|
|
11709
11744
|
};
|
|
11710
11745
|
|
|
11711
|
-
var _templateObject$
|
|
11712
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11713
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11714
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11746
|
+
var _templateObject$1m, _templateObject2$13, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$r;
|
|
11747
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11748
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11749
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11715
11750
|
var color = _ref.color;
|
|
11716
11751
|
return "var(--base-color-" + color + ")";
|
|
11717
11752
|
});
|
|
11718
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11753
|
+
var BottomLine = /*#__PURE__*/styled__default.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"])));
|
|
11719
11754
|
var Text = /*#__PURE__*/styled__default.div(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11720
11755
|
var color = _ref2.color;
|
|
11721
11756
|
return "var(--base-color-" + color + ")";
|
|
@@ -11802,18 +11837,18 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11802
11837
|
}, strengthLabel))));
|
|
11803
11838
|
};
|
|
11804
11839
|
|
|
11805
|
-
var _templateObject$
|
|
11806
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
11807
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11808
|
-
var Wrapper$
|
|
11809
|
-
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$
|
|
11840
|
+
var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$s, _templateObject7$m, _templateObject8$g;
|
|
11841
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11842
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11843
|
+
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11844
|
+
var TableHeader = /*#__PURE__*/styled__default.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) {
|
|
11810
11845
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11811
11846
|
}, devices.tablet, devices.mobile);
|
|
11812
11847
|
var TableCell = /*#__PURE__*/styled__default.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) {
|
|
11813
11848
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11814
11849
|
}, devices.mobile);
|
|
11815
11850
|
var PaginationWrapper = /*#__PURE__*/styled__default(Pagination)(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 40px;\n padding-bottom: 80px;\n\n @media ", " {\n padding-top: 24px;\n padding-bottom: 60px;\n }\n"])), devices.mobile);
|
|
11816
|
-
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
11851
|
+
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 60px 0 24px 0;\n\n div:hover {\n background-color: var(--color-base-light-grey);\n }\n\n > div > div {\n background-color: var(--color-base-light-grey);\n }\n\n svg path {\n fill: var(--color-base-black) !important;\n }\n"])));
|
|
11817
11852
|
var AriaDescription$2 = /*#__PURE__*/styled__default.span(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
11818
11853
|
|
|
11819
11854
|
/* eslint-disable react/no-danger */
|
|
@@ -11987,7 +12022,7 @@ var Table = function Table(_ref) {
|
|
|
11987
12022
|
} else {
|
|
11988
12023
|
visibleRows = totalRows;
|
|
11989
12024
|
}
|
|
11990
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
12025
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$9, {
|
|
11991
12026
|
className: className
|
|
11992
12027
|
}, showScrollButtons && (/*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
11993
12028
|
onClickPrev: handlePrev,
|
|
@@ -12017,20 +12052,20 @@ var Table = function Table(_ref) {
|
|
|
12017
12052
|
}))));
|
|
12018
12053
|
};
|
|
12019
12054
|
|
|
12020
|
-
var _templateObject$
|
|
12021
|
-
var Wrapper$
|
|
12055
|
+
var _templateObject$1o, _templateObject2$15, _templateObject3$U, _templateObject4$K, _templateObject5$C, _templateObject6$t, _templateObject7$n, _templateObject8$h, _templateObject9$b, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
|
|
12056
|
+
var Wrapper$a = /*#__PURE__*/styled__default('div')(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
12022
12057
|
var theme = _ref.theme;
|
|
12023
12058
|
return "var(--color-" + theme + ")";
|
|
12024
12059
|
}, function (_ref2) {
|
|
12025
12060
|
var theme = _ref2.theme;
|
|
12026
12061
|
return "var(--color-" + theme + ")";
|
|
12027
12062
|
});
|
|
12028
|
-
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
12029
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
12030
|
-
var Error = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12063
|
+
var SignUpFormWrapper = /*#__PURE__*/styled__default(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);
|
|
12064
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled__default('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);
|
|
12065
|
+
var Error = /*#__PURE__*/styled__default.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"])));
|
|
12031
12066
|
var Form = /*#__PURE__*/styled__default.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);
|
|
12032
12067
|
var FormFooterWrapper = /*#__PURE__*/styled__default.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);
|
|
12033
|
-
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
12068
|
+
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
12034
12069
|
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
12035
12070
|
var ButtonWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n color: var(--base-color-white);\n text-decoration: none;\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
12036
12071
|
var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$a || (_templateObject0$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 36px;\n\n @media ", " {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n"])), devices.mobile);
|
|
@@ -12375,7 +12410,7 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12375
12410
|
React.useEffect(function () {
|
|
12376
12411
|
setDropdownOpen(isOpened);
|
|
12377
12412
|
}, [isOpened]);
|
|
12378
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
12413
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$a, {
|
|
12379
12414
|
theme: themeToColor(theme),
|
|
12380
12415
|
className: className
|
|
12381
12416
|
}, /*#__PURE__*/React__default.createElement(SignUpFormWrapper, null, isMobile && !isLoggedIn && !isSuccess ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(HiddenInstructions, {
|
|
@@ -12440,12 +12475,12 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12440
12475
|
}))))));
|
|
12441
12476
|
};
|
|
12442
12477
|
|
|
12443
|
-
var _templateObject$
|
|
12444
|
-
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
12478
|
+
var _templateObject$1p, _templateObject2$16, _templateObject4$L, _templateObject5$D;
|
|
12479
|
+
var AnchorBarContainer = /*#__PURE__*/styled__default(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) {
|
|
12445
12480
|
var withShadow = _ref.withShadow;
|
|
12446
|
-
return withShadow && styled.css(_templateObject2$
|
|
12481
|
+
return withShadow && styled.css(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12447
12482
|
}, devices.mobile);
|
|
12448
|
-
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
12483
|
+
var CloseButtonWrapper = /*#__PURE__*/styled__default.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);
|
|
12449
12484
|
var ContentWrapper$3 = /*#__PURE__*/styled__default.a(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
12450
12485
|
|
|
12451
12486
|
var AnchorBar = function AnchorBar(_ref) {
|
|
@@ -12714,9 +12749,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
12714
12749
|
})));
|
|
12715
12750
|
};
|
|
12716
12751
|
|
|
12717
|
-
var _templateObject$
|
|
12718
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12719
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12752
|
+
var _templateObject$1q, _templateObject3$V;
|
|
12753
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
12754
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
12720
12755
|
|
|
12721
12756
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
12722
12757
|
var children = _ref.children;
|
|
@@ -12751,8 +12786,8 @@ var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
|
12751
12786
|
}))));
|
|
12752
12787
|
};
|
|
12753
12788
|
|
|
12754
|
-
var _templateObject$
|
|
12755
|
-
var GlobalStyles = /*#__PURE__*/styled.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) {
|
|
12789
|
+
var _templateObject$1r;
|
|
12790
|
+
var GlobalStyles = /*#__PURE__*/styled.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) {
|
|
12756
12791
|
var theme = _ref.theme;
|
|
12757
12792
|
return theme.colors.primary;
|
|
12758
12793
|
}, function (_ref2) {
|
|
@@ -13748,6 +13783,7 @@ exports.NavigationText = NavigationText;
|
|
|
13748
13783
|
exports.Overline = Overline;
|
|
13749
13784
|
exports.PageHeading = PageHeading;
|
|
13750
13785
|
exports.PageHeadingCompact = PageHeadingCompact;
|
|
13786
|
+
exports.PageHeadingHighlight = PageHeadingHighlight;
|
|
13751
13787
|
exports.PageHeadingImpact = PageHeadingImpact;
|
|
13752
13788
|
exports.PageHeadingPanel = PageHeadingPanel;
|
|
13753
13789
|
exports.PageHeadingPromo = PageHeadingPromo;
|