@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
package/dist/harmonic.esm.js
CHANGED
|
@@ -251,21 +251,24 @@ var HarmonicHeader = function HarmonicHeader(_ref2) {
|
|
|
251
251
|
/* ~~~ Subtitle - (use case) ~~~ */
|
|
252
252
|
var HarmonicSubtitle = function HarmonicSubtitle(_ref3) {
|
|
253
253
|
var children = _ref3.children,
|
|
254
|
-
size = _ref3.size,
|
|
254
|
+
_ref3$size = _ref3.size,
|
|
255
|
+
size = _ref3$size === void 0 ? 'large' : _ref3$size,
|
|
255
256
|
_ref3$color = _ref3.color,
|
|
256
257
|
color = _ref3$color === void 0 ? 'inherit' : _ref3$color,
|
|
257
|
-
className = _ref3.className
|
|
258
|
+
className = _ref3.className,
|
|
259
|
+
_ref3$tag = _ref3.tag,
|
|
260
|
+
Tag = _ref3$tag === void 0 ? 'p' : _ref3$tag;
|
|
258
261
|
var classNames = createClassNames('subtitle', {
|
|
259
262
|
size: size,
|
|
260
263
|
color: color,
|
|
261
264
|
className: className
|
|
262
265
|
}, typographyStyles);
|
|
263
|
-
return /*#__PURE__*/React__default.createElement(
|
|
266
|
+
return /*#__PURE__*/React__default.createElement(Tag, {
|
|
264
267
|
className: classNames
|
|
265
268
|
}, children);
|
|
266
269
|
};
|
|
267
270
|
/* ~~~ Body Copy Text - (use case) ~~~ */
|
|
268
|
-
var BodyCopyHarmonic = function
|
|
271
|
+
var BodyCopyHarmonic = /*#__PURE__*/React__default.forwardRef(function (_ref4, ref) {
|
|
269
272
|
var children = _ref4.children,
|
|
270
273
|
_ref4$size = _ref4.size,
|
|
271
274
|
size = _ref4$size === void 0 ? 'medium' : _ref4$size,
|
|
@@ -283,9 +286,11 @@ var BodyCopyHarmonic = function BodyCopyHarmonic(_ref4) {
|
|
|
283
286
|
className: className
|
|
284
287
|
}, typographyStyles);
|
|
285
288
|
return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
|
|
286
|
-
className: classNames
|
|
289
|
+
className: classNames,
|
|
290
|
+
ref: ref
|
|
287
291
|
}, props), children);
|
|
288
|
-
};
|
|
292
|
+
});
|
|
293
|
+
BodyCopyHarmonic.displayName = 'BodyCopyHarmonic';
|
|
289
294
|
/* ~~~ Overline - (use case) ~~~ */
|
|
290
295
|
var HarmonicOverline = function HarmonicOverline(_ref5) {
|
|
291
296
|
var children = _ref5.children,
|
|
@@ -8149,19 +8154,30 @@ var InfoSection = function InfoSection(_ref) {
|
|
|
8149
8154
|
}, additionalInfo)))));
|
|
8150
8155
|
};
|
|
8151
8156
|
|
|
8152
|
-
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$n, _templateObject5$h, _templateObject6$d;
|
|
8153
|
-
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])))
|
|
8154
|
-
var
|
|
8155
|
-
|
|
8156
|
-
|
|
8157
|
-
|
|
8157
|
+
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$n, _templateObject5$h, _templateObject6$d, _templateObject7$a;
|
|
8158
|
+
var AccordionContainer = /*#__PURE__*/styled.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) {
|
|
8159
|
+
var showLine = _ref.showLine;
|
|
8160
|
+
return showLine ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
8161
|
+
});
|
|
8162
|
+
var ChildrenContainer = /*#__PURE__*/styled.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) {
|
|
8163
|
+
var isVisible = _ref2.isVisible;
|
|
8164
|
+
return isVisible ? 1 : 0;
|
|
8165
|
+
}, function (_ref3) {
|
|
8166
|
+
var isVisible = _ref3.isVisible;
|
|
8167
|
+
return isVisible ? 'auto' : 'none';
|
|
8158
8168
|
}, devices.mobile);
|
|
8159
|
-
var TitleContainer$3 = /*#__PURE__*/styled.div(
|
|
8160
|
-
var
|
|
8161
|
-
|
|
8169
|
+
var TitleContainer$3 = /*#__PURE__*/styled.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"])));
|
|
8170
|
+
var TitleText$1 = /*#__PURE__*/styled(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"])));
|
|
8171
|
+
var ExtendedBodyCopyHarmonic = /*#__PURE__*/styled(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"])));
|
|
8172
|
+
var ContentContainer = /*#__PURE__*/styled(ExtendedBodyCopyHarmonic).withConfig({
|
|
8173
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
8174
|
+
return prop !== 'textHeight';
|
|
8175
|
+
}
|
|
8176
|
+
})(_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) {
|
|
8177
|
+
var textHeight = _ref4.textHeight;
|
|
8162
8178
|
return textHeight;
|
|
8163
8179
|
}, devices.mobile);
|
|
8164
|
-
var PrintHideWrapper = /*#__PURE__*/styled.div(
|
|
8180
|
+
var PrintHideWrapper = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
|
|
8165
8181
|
|
|
8166
8182
|
/* eslint-disable react/no-unstable-nested-components */
|
|
8167
8183
|
var Accordion = function Accordion(_ref) {
|
|
@@ -8170,15 +8186,9 @@ var Accordion = function Accordion(_ref) {
|
|
|
8170
8186
|
_ref$showLine = _ref.showLine,
|
|
8171
8187
|
showLine = _ref$showLine === void 0 ? true : _ref$showLine,
|
|
8172
8188
|
children = _ref.children,
|
|
8173
|
-
visibleStandfirst = _ref.visibleStandfirst,
|
|
8174
8189
|
_ref$initOpen = _ref.initOpen,
|
|
8175
8190
|
initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen,
|
|
8176
|
-
|
|
8177
|
-
contentType = _ref$contentType === void 0 ? 'subtitle' : _ref$contentType,
|
|
8178
|
-
_ref$semanticLevel = _ref.semanticLevel,
|
|
8179
|
-
semanticLevel = _ref$semanticLevel === void 0 ? 4 : _ref$semanticLevel,
|
|
8180
|
-
_ref$displayLevel = _ref.displayLevel,
|
|
8181
|
-
displayLevel = _ref$displayLevel === void 0 ? 1 : _ref$displayLevel;
|
|
8191
|
+
className = _ref.className;
|
|
8182
8192
|
var _useState = useState(initOpen),
|
|
8183
8193
|
openAccordion = _useState[0],
|
|
8184
8194
|
setOpenAccordion = _useState[1];
|
|
@@ -8210,60 +8220,31 @@ var Accordion = function Accordion(_ref) {
|
|
|
8210
8220
|
toggleAccordion();
|
|
8211
8221
|
}
|
|
8212
8222
|
};
|
|
8213
|
-
var Standfirst = function Standfirst() {
|
|
8214
|
-
return visibleStandfirst ? (/*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
8215
|
-
isVisible: childrenVisibility
|
|
8216
|
-
}, visibleStandfirst))) : null;
|
|
8217
|
-
};
|
|
8218
8223
|
var contentContainerId = title + "-accordion-content";
|
|
8219
|
-
var AccordionTitle = function AccordionTitle(_ref2) {
|
|
8220
|
-
var level = _ref2.level,
|
|
8221
|
-
localSemanticLevel = _ref2.semanticLevel;
|
|
8222
|
-
var subtitleLevel = level;
|
|
8223
|
-
if (contentType === 'header') {
|
|
8224
|
-
return /*#__PURE__*/React__default.createElement(Header, {
|
|
8225
|
-
semanticLevel: localSemanticLevel,
|
|
8226
|
-
level: level
|
|
8227
|
-
}, title);
|
|
8228
|
-
}
|
|
8229
|
-
if (contentType === 'subtitle') {
|
|
8230
|
-
if (contentType === 'subtitle') {
|
|
8231
|
-
if (![1, 2].includes(level)) {
|
|
8232
|
-
console.warn('Invalid Subtitle level:', level);
|
|
8233
|
-
subtitleLevel = level > 2 ? 2 : level;
|
|
8234
|
-
}
|
|
8235
|
-
}
|
|
8236
|
-
return /*#__PURE__*/React__default.createElement(Subtitle, Object.assign({}, {
|
|
8237
|
-
level: subtitleLevel,
|
|
8238
|
-
semanticLevel: localSemanticLevel
|
|
8239
|
-
}), title);
|
|
8240
|
-
}
|
|
8241
|
-
return null;
|
|
8242
|
-
};
|
|
8243
8224
|
return /*#__PURE__*/React__default.createElement(AccordionContainer, {
|
|
8225
|
+
showLine: showLine,
|
|
8244
8226
|
tabIndex: 0,
|
|
8245
|
-
onKeyDown: keyDown
|
|
8246
|
-
|
|
8227
|
+
onKeyDown: keyDown,
|
|
8228
|
+
className: className
|
|
8229
|
+
}, /*#__PURE__*/React__default.createElement(TitleContainer$3, {
|
|
8247
8230
|
onClick: toggleAccordion,
|
|
8248
8231
|
tabIndex: -1,
|
|
8249
8232
|
role: "button",
|
|
8250
8233
|
"aria-label": title,
|
|
8251
8234
|
"aria-expanded": openAccordion,
|
|
8252
8235
|
"aria-controls": contentContainerId
|
|
8253
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
8254
|
-
level: displayLevel,
|
|
8255
|
-
semanticLevel: semanticLevel
|
|
8256
|
-
}, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
8236
|
+
}, /*#__PURE__*/React__default.createElement(TitleText$1, null, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
8257
8237
|
iconName: iconName
|
|
8258
|
-
})))),
|
|
8238
|
+
})))), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
8259
8239
|
"data-testid": "richcontainer",
|
|
8260
8240
|
ref: content,
|
|
8261
8241
|
textHeight: textHeight,
|
|
8262
8242
|
id: contentContainerId,
|
|
8263
|
-
"aria-live": "polite"
|
|
8243
|
+
"aria-live": "polite",
|
|
8244
|
+
tag: "div"
|
|
8264
8245
|
}, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
8265
8246
|
isVisible: childrenVisibility
|
|
8266
|
-
}, children))
|
|
8247
|
+
}, children)));
|
|
8267
8248
|
};
|
|
8268
8249
|
|
|
8269
8250
|
var _templateObject$S;
|
|
@@ -8271,19 +8252,18 @@ var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$S || (_templat
|
|
|
8271
8252
|
|
|
8272
8253
|
var Accordions = function Accordions(_ref) {
|
|
8273
8254
|
var _ref$items = _ref.items,
|
|
8274
|
-
items = _ref$items === void 0 ? [] : _ref$items
|
|
8255
|
+
items = _ref$items === void 0 ? [] : _ref$items,
|
|
8256
|
+
className = _ref.className;
|
|
8275
8257
|
var isLastAccordion = function isLastAccordion(index) {
|
|
8276
8258
|
return items.length - 1 === index;
|
|
8277
8259
|
};
|
|
8278
|
-
return /*#__PURE__*/React__default.createElement(AccordionsContainer,
|
|
8260
|
+
return /*#__PURE__*/React__default.createElement(AccordionsContainer, {
|
|
8261
|
+
className: className
|
|
8262
|
+
}, items.map(function (accordion, index) {
|
|
8279
8263
|
return /*#__PURE__*/React__default.createElement(Accordion, {
|
|
8280
8264
|
key: accordion.title + "-" + index,
|
|
8281
8265
|
title: accordion.title,
|
|
8282
|
-
showLine: isLastAccordion(index)
|
|
8283
|
-
visibleStandfirst: accordion.visibleStandfirst,
|
|
8284
|
-
contentType: accordion.contentType,
|
|
8285
|
-
displayLevel: accordion.displayLevel,
|
|
8286
|
-
semanticLevel: accordion.semanticLevel
|
|
8266
|
+
showLine: isLastAccordion(index)
|
|
8287
8267
|
}, accordion.children);
|
|
8288
8268
|
}));
|
|
8289
8269
|
};
|
|
@@ -8371,7 +8351,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8371
8351
|
}))))));
|
|
8372
8352
|
};
|
|
8373
8353
|
|
|
8374
|
-
var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$
|
|
8354
|
+
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;
|
|
8375
8355
|
var LENGTH_LARGE_TEXT = 28;
|
|
8376
8356
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8377
8357
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8396,7 +8376,7 @@ var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject4$p || (_templat
|
|
|
8396
8376
|
});
|
|
8397
8377
|
var TitleContainer$4 = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8398
8378
|
var TitleContainerMobile = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8399
|
-
var TextContainer$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject7$
|
|
8379
|
+
var TextContainer$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow-wrap: break-word;\n"])));
|
|
8400
8380
|
var HighlightTextContainer = /*#__PURE__*/styled.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8401
8381
|
var SubtitleContainer = /*#__PURE__*/styled.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
|
|
8402
8382
|
var LabelContainer = /*#__PURE__*/styled.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) {
|
|
@@ -8654,14 +8634,14 @@ var Cards = function Cards(_ref) {
|
|
|
8654
8634
|
}));
|
|
8655
8635
|
};
|
|
8656
8636
|
|
|
8657
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$
|
|
8637
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$c;
|
|
8658
8638
|
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
8659
8639
|
var Wrapper$4 = /*#__PURE__*/styled.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);
|
|
8660
8640
|
var AddressWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
8661
8641
|
var TitleWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
8662
8642
|
var MobileSuffixWrapper = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8663
8643
|
var DesktopSuffixWrapper = /*#__PURE__*/styled.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8664
|
-
var DetailsWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
8644
|
+
var DetailsWrapper = /*#__PURE__*/styled.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);
|
|
8665
8645
|
|
|
8666
8646
|
var ContactCard = function ContactCard(_ref) {
|
|
8667
8647
|
var title = _ref.title,
|
|
@@ -8809,17 +8789,21 @@ var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$w || (_templ
|
|
|
8809
8789
|
var imageToLeft = _ref3.imageToLeft;
|
|
8810
8790
|
return imageToLeft ? 'right' : 'left';
|
|
8811
8791
|
}, devices.mobile);
|
|
8812
|
-
var EditorialSubtitle = /*#__PURE__*/styled
|
|
8813
|
-
var EditorialText = /*#__PURE__*/styled
|
|
8792
|
+
var EditorialSubtitle = /*#__PURE__*/styled(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"])));
|
|
8793
|
+
var EditorialText = /*#__PURE__*/styled(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"])));
|
|
8814
8794
|
|
|
8815
8795
|
var Editorial = function Editorial(_ref) {
|
|
8816
8796
|
var _ref$imagePosition = _ref.imagePosition,
|
|
8817
8797
|
imagePosition = _ref$imagePosition === void 0 ? 'left' : _ref$imagePosition,
|
|
8818
8798
|
subtitle = _ref.subtitle,
|
|
8819
8799
|
text = _ref.text,
|
|
8820
|
-
children = _ref.children
|
|
8800
|
+
children = _ref.children,
|
|
8801
|
+
className = _ref.className;
|
|
8821
8802
|
var imageToLeft = imagePosition === 'left';
|
|
8822
|
-
return /*#__PURE__*/React__default.createElement(Grid,
|
|
8803
|
+
return /*#__PURE__*/React__default.createElement(Grid, {
|
|
8804
|
+
className: className,
|
|
8805
|
+
"data-testid": "editorial-component"
|
|
8806
|
+
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8823
8807
|
columnStartDesktop: 3,
|
|
8824
8808
|
columnSpanDesktop: 12,
|
|
8825
8809
|
columnStartDevice: 2,
|
|
@@ -8834,7 +8818,10 @@ var Editorial = function Editorial(_ref) {
|
|
|
8834
8818
|
}, children)), /*#__PURE__*/React__default.createElement(EditorialTextWrapper, {
|
|
8835
8819
|
"data-testid": "text-wrapper",
|
|
8836
8820
|
imageToLeft: imageToLeft
|
|
8837
|
-
}, subtitle ? /*#__PURE__*/React__default.createElement(EditorialSubtitle,
|
|
8821
|
+
}, subtitle ? /*#__PURE__*/React__default.createElement(EditorialSubtitle, {
|
|
8822
|
+
tag: "span"
|
|
8823
|
+
}, subtitle) : null, /*#__PURE__*/React__default.createElement(EditorialText, {
|
|
8824
|
+
tag: "div",
|
|
8838
8825
|
dangerouslySetInnerHTML: {
|
|
8839
8826
|
__html: text
|
|
8840
8827
|
}
|
|
@@ -9080,7 +9067,7 @@ var Information = function Information(_ref) {
|
|
|
9080
9067
|
})))));
|
|
9081
9068
|
};
|
|
9082
9069
|
|
|
9083
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$
|
|
9070
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$d, _templateObject8$9;
|
|
9084
9071
|
var PageHeadingWrapper = /*#__PURE__*/styled('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) {
|
|
9085
9072
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
9086
9073
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -9099,7 +9086,7 @@ var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject5$n || (_templateOb
|
|
|
9099
9086
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
9100
9087
|
}, devices.mobile);
|
|
9101
9088
|
var TextWrapper = /*#__PURE__*/styled.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"])));
|
|
9102
|
-
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
9089
|
+
var LogoWrapper = /*#__PURE__*/styled.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) {
|
|
9103
9090
|
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
9104
9091
|
return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
|
|
9105
9092
|
}, devices.mobile, function (_ref6) {
|
|
@@ -9181,14 +9168,14 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9181
9168
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
9182
9169
|
};
|
|
9183
9170
|
|
|
9184
|
-
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$
|
|
9171
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$e, _templateObject8$a;
|
|
9185
9172
|
var ImpactWrapper = /*#__PURE__*/styled.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);
|
|
9186
9173
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.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);
|
|
9187
9174
|
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
9188
9175
|
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
9189
9176
|
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9190
9177
|
var TextWrapper$1 = /*#__PURE__*/styled.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);
|
|
9191
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject7$
|
|
9178
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled.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);
|
|
9192
9179
|
var ScrollDownWrapper = /*#__PURE__*/styled.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);
|
|
9193
9180
|
|
|
9194
9181
|
var _excluded$m = ["text"];
|
|
@@ -9296,7 +9283,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9296
9283
|
})))));
|
|
9297
9284
|
};
|
|
9298
9285
|
|
|
9299
|
-
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$x, _templateObject5$q, _templateObject6$j, _templateObject7$
|
|
9286
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$x, _templateObject5$q, _templateObject6$j, _templateObject7$f, _templateObject8$b, _templateObject9$7, _templateObject0$6, _templateObject1$3;
|
|
9300
9287
|
var Wrapper$5 = /*#__PURE__*/styled.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9301
9288
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9302
9289
|
var SponsorWrapper$1 = /*#__PURE__*/styled.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);
|
|
@@ -9309,7 +9296,7 @@ var ContentSection = /*#__PURE__*/styled.div(_templateObject5$q || (_templateObj
|
|
|
9309
9296
|
return showBlock ? 'block' : 'none';
|
|
9310
9297
|
}, devices.mobile);
|
|
9311
9298
|
var BadgeWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n height: 32px;\n }\n\n @media ", " {\n margin-bottom: 12px;\n }\n"])), devices.mobile);
|
|
9312
|
-
var AdditionalContentWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
9299
|
+
var AdditionalContentWrapper = /*#__PURE__*/styled.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) {
|
|
9313
9300
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
9314
9301
|
return isBadgePresent ? '1' : '4';
|
|
9315
9302
|
});
|
|
@@ -9510,10 +9497,58 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9510
9497
|
})))))))))));
|
|
9511
9498
|
};
|
|
9512
9499
|
|
|
9513
|
-
var _templateObject$13, _templateObject2$Q, _templateObject3$D,
|
|
9514
|
-
var
|
|
9515
|
-
|
|
9516
|
-
|
|
9500
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject4$y;
|
|
9501
|
+
var GRID = {
|
|
9502
|
+
desktop: {
|
|
9503
|
+
leftWithImage: '1 / 1 / 3 / 7',
|
|
9504
|
+
leftNoImage: '1 / 1 / 3 / 12',
|
|
9505
|
+
right: '1 / 7 / 3 / 17'
|
|
9506
|
+
},
|
|
9507
|
+
mobile: {
|
|
9508
|
+
leftWithImage: '3 / 1 / 4 / 15',
|
|
9509
|
+
leftNoImage: '1 / 1 / 3 / 15',
|
|
9510
|
+
right: '2 / 1 / 3 / 15'
|
|
9511
|
+
}
|
|
9512
|
+
};
|
|
9513
|
+
var HighlightPanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n background-color: ", ";\n color: var(--color-base-white);\n"])), function (_ref) {
|
|
9514
|
+
var $background = _ref.$background;
|
|
9515
|
+
return "var(--color-" + $background + ")";
|
|
9516
|
+
});
|
|
9517
|
+
var LeftPanel$1 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
9518
|
+
var hasImage = _ref2.hasImage;
|
|
9519
|
+
return hasImage ? GRID.desktop.leftWithImage : GRID.desktop.leftNoImage;
|
|
9520
|
+
}, devices.mobileAndTablet, function (_ref3) {
|
|
9521
|
+
var hasImage = _ref3.hasImage;
|
|
9522
|
+
return hasImage ? GRID.mobile.leftWithImage : GRID.mobile.leftNoImage;
|
|
9523
|
+
});
|
|
9524
|
+
var RightPanel$1 = /*#__PURE__*/styled.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--color-base-black);\n\n @media ", " {\n grid-area: ", ";\n }\n"])), GRID.desktop.right, devices.mobileAndTablet, GRID.mobile.right);
|
|
9525
|
+
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px 36px 36px 50px;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px 5px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
9526
|
+
|
|
9527
|
+
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
9528
|
+
var _image$src, _image$alt;
|
|
9529
|
+
var image = _ref.image,
|
|
9530
|
+
children = _ref.children,
|
|
9531
|
+
_ref$background = _ref.background,
|
|
9532
|
+
background = _ref$background === void 0 ? 'base-black' : _ref$background,
|
|
9533
|
+
className = _ref.className;
|
|
9534
|
+
return /*#__PURE__*/React__default.createElement(HighlightPanelGrid, {
|
|
9535
|
+
className: className,
|
|
9536
|
+
"$background": background,
|
|
9537
|
+
"data-testid": "highlight-heading-wrapper"
|
|
9538
|
+
}, /*#__PURE__*/React__default.createElement(LeftPanel$1, {
|
|
9539
|
+
hasImage: !!image
|
|
9540
|
+
}, /*#__PURE__*/React__default.createElement(Wrapper$6, null, children)), image && (/*#__PURE__*/React__default.createElement(RightPanel$1, null, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
9541
|
+
aspectRatio: AspectRatio['4:3']
|
|
9542
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
9543
|
+
src: (_image$src = image == null ? void 0 : image.src) != null ? _image$src : '',
|
|
9544
|
+
alt: (_image$alt = image == null ? void 0 : image.alt) != null ? _image$alt : ''
|
|
9545
|
+
})))));
|
|
9546
|
+
};
|
|
9547
|
+
|
|
9548
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$r, _templateObject6$k, _templateObject7$g, _templateObject8$c, _templateObject9$8, _templateObject0$7;
|
|
9549
|
+
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
9550
|
+
var BrandingTextBody = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
9551
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9517
9552
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
9518
9553
|
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
9519
9554
|
var invert = _ref.invert,
|
|
@@ -9531,7 +9566,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$k || (
|
|
|
9531
9566
|
var theme = _ref4.theme;
|
|
9532
9567
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
9533
9568
|
}, devices.tablet, devices.mobile);
|
|
9534
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
9569
|
+
var CompactHeaderLogoWrapper = /*#__PURE__*/styled.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);
|
|
9535
9570
|
var CompactHeaderTitleWrapper = /*#__PURE__*/styled.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);
|
|
9536
9571
|
var CompactHeaderCTAWrapper = /*#__PURE__*/styled.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);
|
|
9537
9572
|
var PrimaryButtonWithInversion = /*#__PURE__*/styled(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) {
|
|
@@ -9764,13 +9799,13 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9764
9799
|
}), linkText))))));
|
|
9765
9800
|
};
|
|
9766
9801
|
|
|
9767
|
-
var _templateObject$
|
|
9768
|
-
var linkButtonStyles = /*#__PURE__*/css(_templateObject$
|
|
9769
|
-
var PageNav = /*#__PURE__*/styled.a(_templateObject2$
|
|
9770
|
-
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$
|
|
9802
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject5$s, _templateObject6$l, _templateObject7$h, _templateObject8$d;
|
|
9803
|
+
var linkButtonStyles = /*#__PURE__*/css(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n background: none;\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n font: inherit;\n padding: 0;\n\n span {\n height: 1.5em;\n width: 1.5em;\n\n svg > path {\n fill: var(--color-base-black);\n }\n }\n\n &:hover {\n outline: none;\n }\n"])));
|
|
9804
|
+
var PageNav = /*#__PURE__*/styled.a(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9805
|
+
var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9771
9806
|
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\n align-items: center;\n justify-content: center;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: 0 auto;\n\n li {\n margin-left: 24px;\n color: var(--color-base-black);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n li:first-child {\n margin-left: 0px;\n }\n"])));
|
|
9772
9807
|
var LastPageItem = /*#__PURE__*/styled.li(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9773
|
-
var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject7$
|
|
9808
|
+
var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9774
9809
|
var TextLinkPagination = /*#__PURE__*/styled(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) {
|
|
9775
9810
|
var active = _ref.active;
|
|
9776
9811
|
return active ? "var(--color-primary-red)" : 'inherit';
|
|
@@ -9919,14 +9954,14 @@ var Pagination = function Pagination(_ref) {
|
|
|
9919
9954
|
}))))));
|
|
9920
9955
|
};
|
|
9921
9956
|
|
|
9922
|
-
var _templateObject$
|
|
9923
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9924
|
-
var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
9925
|
-
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9926
|
-
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
9957
|
+
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$z, _templateObject5$t, _templateObject6$m, _templateObject7$i;
|
|
9958
|
+
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
9959
|
+
var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9960
|
+
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9961
|
+
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9927
9962
|
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9928
9963
|
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
9929
|
-
var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$
|
|
9964
|
+
var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9930
9965
|
|
|
9931
9966
|
var Person = function Person(_ref) {
|
|
9932
9967
|
var person = _ref.person,
|
|
@@ -9983,14 +10018,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9983
10018
|
}));
|
|
9984
10019
|
};
|
|
9985
10020
|
|
|
9986
|
-
var _templateObject$
|
|
9987
|
-
var ReplacementWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
9988
|
-
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$
|
|
10021
|
+
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A;
|
|
10022
|
+
var ReplacementWrapper$1 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
10023
|
+
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
|
|
9989
10024
|
var columnCount = _ref.columnCount;
|
|
9990
10025
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9991
10026
|
}, devices.mobile, devices.tablet);
|
|
9992
|
-
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
9993
|
-
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
10027
|
+
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
10028
|
+
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9994
10029
|
|
|
9995
10030
|
// Get the total character length of a property in an array of objects
|
|
9996
10031
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -10117,14 +10152,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
10117
10152
|
}, creditEntries);
|
|
10118
10153
|
};
|
|
10119
10154
|
|
|
10120
|
-
var _templateObject$
|
|
10155
|
+
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;
|
|
10121
10156
|
var LENGTH_TEXT = 28;
|
|
10122
10157
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
10123
10158
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
10124
10159
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
10125
10160
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
10126
10161
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
10127
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
10162
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
10128
10163
|
var imageToLeft = _ref.imageToLeft;
|
|
10129
10164
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
10130
10165
|
}, devices.tablet, function (_ref2) {
|
|
@@ -10134,7 +10169,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$17 || (_templa
|
|
|
10134
10169
|
var asCard = _ref3.asCard;
|
|
10135
10170
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
10136
10171
|
});
|
|
10137
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10172
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref4) {
|
|
10138
10173
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
10139
10174
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
10140
10175
|
}, function (_ref5) {
|
|
@@ -10158,7 +10193,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$H || (_templat
|
|
|
10158
10193
|
}
|
|
10159
10194
|
return '';
|
|
10160
10195
|
});
|
|
10161
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
10196
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref7) {
|
|
10162
10197
|
var marginBottom = _ref7.marginBottom;
|
|
10163
10198
|
return marginBottom + "px";
|
|
10164
10199
|
}, function (_ref8) {
|
|
@@ -10167,7 +10202,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$A || (_te
|
|
|
10167
10202
|
});
|
|
10168
10203
|
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
10169
10204
|
var TextLinkWrapper$3 = /*#__PURE__*/styled.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"])));
|
|
10170
|
-
var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
10205
|
+
var ExtraContentWrapper = /*#__PURE__*/styled.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);
|
|
10171
10206
|
var IconWrapper$2 = /*#__PURE__*/styled.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);
|
|
10172
10207
|
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
10173
10208
|
var MobileTitleWrapper = /*#__PURE__*/styled.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);
|
|
@@ -10372,28 +10407,28 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10372
10407
|
}))));
|
|
10373
10408
|
};
|
|
10374
10409
|
|
|
10375
|
-
var _templateObject$
|
|
10410
|
+
var _templateObject$19, _templateObject2$V, _templateObject3$J, _templateObject4$C, _templateObject5$v, _templateObject6$o, _templateObject7$k;
|
|
10376
10411
|
var LENGTH_TEXT$2 = 28;
|
|
10377
10412
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10378
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
10413
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
10379
10414
|
var imageToLeft = _ref.imageToLeft;
|
|
10380
10415
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
10381
10416
|
}, devices.tablet, function (_ref2) {
|
|
10382
10417
|
var imageToLeft = _ref2.imageToLeft;
|
|
10383
10418
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
10384
10419
|
}, devices.mobile);
|
|
10385
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
10420
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
10386
10421
|
var imageToLeft = _ref3.imageToLeft;
|
|
10387
10422
|
return imageToLeft ? 'left' : 'right';
|
|
10388
10423
|
}, devices.mobile);
|
|
10389
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
10424
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
10390
10425
|
var imageToLeft = _ref4.imageToLeft;
|
|
10391
10426
|
return imageToLeft ? 'right' : 'left';
|
|
10392
10427
|
}, devices.mobile);
|
|
10393
|
-
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$
|
|
10428
|
+
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10394
10429
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10395
10430
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n margin-bottom: 32px;\n whiete-space: break-spaces;\n overflow-wrap: break-word;\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10396
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$
|
|
10431
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled.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) {
|
|
10397
10432
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10398
10433
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
10399
10434
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -10415,8 +10450,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$j || (_templat
|
|
|
10415
10450
|
return '';
|
|
10416
10451
|
});
|
|
10417
10452
|
|
|
10418
|
-
var _templateObject$
|
|
10419
|
-
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10453
|
+
var _templateObject$1a;
|
|
10454
|
+
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
10420
10455
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10421
10456
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10422
10457
|
return aspectRatio;
|
|
@@ -10598,8 +10633,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
10598
10633
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
10599
10634
|
};
|
|
10600
10635
|
|
|
10601
|
-
var _templateObject$
|
|
10602
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10636
|
+
var _templateObject$1b;
|
|
10637
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
10603
10638
|
|
|
10604
10639
|
/**
|
|
10605
10640
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -10654,9 +10689,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
10654
10689
|
})));
|
|
10655
10690
|
};
|
|
10656
10691
|
|
|
10657
|
-
var _templateObject$
|
|
10658
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
10659
|
-
var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10692
|
+
var _templateObject$1c, _templateObject2$W, _templateObject3$K;
|
|
10693
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10694
|
+
var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
10660
10695
|
var horizontalMode = _ref.horizontalMode;
|
|
10661
10696
|
if (horizontalMode) return 'row';
|
|
10662
10697
|
return 'column';
|
|
@@ -10664,7 +10699,7 @@ var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObjec
|
|
|
10664
10699
|
var gap = _ref2.gap;
|
|
10665
10700
|
return gap + "px";
|
|
10666
10701
|
});
|
|
10667
|
-
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10702
|
+
var ErrorLabel$4 = /*#__PURE__*/styled.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
10668
10703
|
var darkMode = _ref3.darkMode;
|
|
10669
10704
|
if (darkMode) return 'var(--base-color-white)';
|
|
10670
10705
|
return 'var(--base-color-errorstate)';
|
|
@@ -10741,10 +10776,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
10741
10776
|
}, error))));
|
|
10742
10777
|
};
|
|
10743
10778
|
|
|
10744
|
-
var _templateObject$
|
|
10745
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
10746
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10747
|
-
var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$
|
|
10779
|
+
var _templateObject$1d, _templateObject2$X, _templateObject3$L;
|
|
10780
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-light-grey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
10781
|
+
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
10782
|
+
var SvgContainer$3 = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
10748
10783
|
|
|
10749
10784
|
/* eslint-disable react/no-danger */
|
|
10750
10785
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -10800,8 +10835,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
10800
10835
|
return null;
|
|
10801
10836
|
};
|
|
10802
10837
|
|
|
10803
|
-
var _templateObject$
|
|
10804
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
10838
|
+
var _templateObject$1e;
|
|
10839
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
10805
10840
|
|
|
10806
10841
|
/* ~~~~~~~ new harmonic types ~~~~~~~ */
|
|
10807
10842
|
var HarmonicSize = {
|
|
@@ -10843,8 +10878,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10843
10878
|
}, description)))));
|
|
10844
10879
|
};
|
|
10845
10880
|
|
|
10846
|
-
var _templateObject$
|
|
10847
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
10881
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$D, _templateObject5$w, _templateObject6$p, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject0$9, _templateObject1$5;
|
|
10882
|
+
var stateStyles = /*#__PURE__*/css(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
10848
10883
|
var theme = _ref.theme;
|
|
10849
10884
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
10850
10885
|
}, function (_ref2) {
|
|
@@ -10854,12 +10889,12 @@ var stateStyles = /*#__PURE__*/css(_templateObject$1e || (_templateObject$1e = /
|
|
|
10854
10889
|
var theme = _ref3.theme;
|
|
10855
10890
|
return theme.colors.lightgrey;
|
|
10856
10891
|
});
|
|
10857
|
-
var borderStyles = /*#__PURE__*/css(_templateObject2$
|
|
10892
|
+
var borderStyles = /*#__PURE__*/css(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
10858
10893
|
var theme = _ref4.theme;
|
|
10859
10894
|
return theme.colors.darkgrey;
|
|
10860
10895
|
});
|
|
10861
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$
|
|
10862
|
-
var listItemStyles = /*#__PURE__*/css(_templateObject4$
|
|
10896
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10897
|
+
var listItemStyles = /*#__PURE__*/css(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
10863
10898
|
var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
10864
10899
|
var theme = _ref5.theme;
|
|
10865
10900
|
return {
|
|
@@ -10868,8 +10903,8 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
10868
10903
|
title: 'Select Arrow'
|
|
10869
10904
|
};
|
|
10870
10905
|
})(_templateObject5$w || (_templateObject5$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
10871
|
-
var Wrapper$
|
|
10872
|
-
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
10906
|
+
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10907
|
+
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10873
10908
|
var Options = /*#__PURE__*/styled.div(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10874
10909
|
var Option = /*#__PURE__*/styled.li(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10875
10910
|
var theme = _ref6.theme,
|
|
@@ -11177,7 +11212,7 @@ function Select(_ref3) {
|
|
|
11177
11212
|
}
|
|
11178
11213
|
setSelectedValue(options[0]);
|
|
11179
11214
|
}, [options, resetWhenOptionsUpdate]);
|
|
11180
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
11215
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$7, null, label !== '' && (/*#__PURE__*/React__default.createElement(BodyText, {
|
|
11181
11216
|
level: 1,
|
|
11182
11217
|
tag: "p",
|
|
11183
11218
|
"data-testid": "select-label"
|
|
@@ -11224,9 +11259,9 @@ function Select(_ref3) {
|
|
|
11224
11259
|
})))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
11225
11260
|
}
|
|
11226
11261
|
|
|
11227
|
-
var _templateObject$
|
|
11228
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
11229
|
-
var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11262
|
+
var _templateObject$1g, _templateObject2$Z, _templateObject3$N, _templateObject4$E;
|
|
11263
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11264
|
+
var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .harmonic-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .harmonic-select__control--is-focused {\n border-color: var(--base-color-dark-grey);\n box-shadow: ", ";\n }\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .harmonic-select__single-value,\n .harmonic-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .harmonic-select__placeholder {\n color: var(--base-color-dark-grey);\n }\n .harmonic-select__single-value {\n color: var(--base-color-black);\n }\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--base-color-light-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--base-color-dark-grey);\n }\n }\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-dark-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .harmonic-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--base-color-mid-grey);\n }\n }\n .harmonic-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .harmonic-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
11230
11265
|
var width = _ref.width;
|
|
11231
11266
|
if (!width) return 'none';
|
|
11232
11267
|
return width + "px";
|
|
@@ -11243,12 +11278,12 @@ var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateOb
|
|
|
11243
11278
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
11244
11279
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
11245
11280
|
});
|
|
11246
|
-
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$
|
|
11281
|
+
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
11247
11282
|
var darkMode = _ref5.darkMode;
|
|
11248
11283
|
if (darkMode) return "var(--base-color-white)";
|
|
11249
11284
|
return "var(--base-color-black)";
|
|
11250
11285
|
});
|
|
11251
|
-
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$
|
|
11286
|
+
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
11252
11287
|
var darkMode = _ref6.darkMode;
|
|
11253
11288
|
if (darkMode) return "var(--base-color-white)";
|
|
11254
11289
|
return "var(--base-color-errorstate)";
|
|
@@ -11362,8 +11397,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
11362
11397
|
})));
|
|
11363
11398
|
};
|
|
11364
11399
|
|
|
11365
|
-
var _templateObject$
|
|
11366
|
-
var Wrapper$
|
|
11400
|
+
var _templateObject$1h, _templateObject2$_;
|
|
11401
|
+
var Wrapper$8 = /*#__PURE__*/styled.figure(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 34px);\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n\n @media ", " {\n height: calc(100% - 30px);\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
|
|
11367
11402
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
11368
11403
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
11369
11404
|
return aspectRatio;
|
|
@@ -11382,7 +11417,7 @@ var Wrapper$7 = /*#__PURE__*/styled.figure(_templateObject$1g || (_templateObjec
|
|
|
11382
11417
|
height = _ref4.height;
|
|
11383
11418
|
return "calc(calc(" + height + "px - 30px) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
11384
11419
|
});
|
|
11385
|
-
var CaptionWrapper = /*#__PURE__*/styled(Caption)(_templateObject2$
|
|
11420
|
+
var CaptionWrapper = /*#__PURE__*/styled(Caption)(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: 22px;\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n word-break: var(--word-break-body);\n font-style: italic;\n\n @media ", " {\n height: 18px;\n }\n"])), devices.mobile);
|
|
11386
11421
|
|
|
11387
11422
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
11388
11423
|
var caption = _ref.caption,
|
|
@@ -11403,7 +11438,7 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11403
11438
|
return window.removeEventListener('resize', setWrapperHeight);
|
|
11404
11439
|
};
|
|
11405
11440
|
}, []);
|
|
11406
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
11441
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$8, {
|
|
11407
11442
|
aspectRatio: aspectRatio,
|
|
11408
11443
|
ref: wrapperRef,
|
|
11409
11444
|
height: height
|
|
@@ -11418,13 +11453,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
11418
11453
|
}, caption));
|
|
11419
11454
|
};
|
|
11420
11455
|
|
|
11421
|
-
var _templateObject$
|
|
11422
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
11423
|
-
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2
|
|
11456
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$O;
|
|
11457
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
11458
|
+
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
11424
11459
|
var displayAttribution = _ref.displayAttribution;
|
|
11425
11460
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
11426
11461
|
});
|
|
11427
|
-
var Line$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
11462
|
+
var Line$1 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
|
|
11428
11463
|
|
|
11429
11464
|
/* eslint-disable react/no-danger */
|
|
11430
11465
|
var Quote = function Quote(_ref) {
|
|
@@ -11449,11 +11484,11 @@ var Quote = function Quote(_ref) {
|
|
|
11449
11484
|
}, attribution))));
|
|
11450
11485
|
};
|
|
11451
11486
|
|
|
11452
|
-
var _templateObject$
|
|
11453
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
11454
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2
|
|
11455
|
-
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$
|
|
11456
|
-
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
11487
|
+
var _templateObject$1j, _templateObject2$10, _templateObject3$P, _templateObject4$F, _templateObject5$x, _templateObject6$q;
|
|
11488
|
+
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
11489
|
+
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11490
|
+
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11491
|
+
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11457
11492
|
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
11458
11493
|
var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject6$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
11459
11494
|
|
|
@@ -11493,14 +11528,14 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11493
11528
|
}, title)))));
|
|
11494
11529
|
};
|
|
11495
11530
|
|
|
11496
|
-
var _templateObject$
|
|
11497
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11498
|
-
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
11499
|
-
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
11531
|
+
var _templateObject$1k, _templateObject2$11, _templateObject3$Q, _templateObject4$G, _templateObject5$y;
|
|
11532
|
+
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
11533
|
+
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
11534
|
+
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
11500
11535
|
var isVisible = _ref.isVisible;
|
|
11501
11536
|
return isVisible ? 'visible' : 'hidden';
|
|
11502
11537
|
});
|
|
11503
|
-
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
11538
|
+
var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
11504
11539
|
var isVisible = _ref2.isVisible;
|
|
11505
11540
|
return isVisible ? 'visible' : 'hidden';
|
|
11506
11541
|
});
|
|
@@ -11585,11 +11620,11 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11585
11620
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11586
11621
|
};
|
|
11587
11622
|
|
|
11588
|
-
var _templateObject$
|
|
11589
|
-
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$
|
|
11590
|
-
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$
|
|
11591
|
-
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$
|
|
11592
|
-
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$
|
|
11623
|
+
var _templateObject$1l, _templateObject2$12, _templateObject3$R, _templateObject4$H, _templateObject5$z;
|
|
11624
|
+
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11625
|
+
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), Colors.LightGrey);
|
|
11626
|
+
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), Colors.Black, Colors.White, Colors.DarkGrey);
|
|
11627
|
+
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), Colors.Black, function (_ref) {
|
|
11593
11628
|
var isActive = _ref.isActive;
|
|
11594
11629
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
11595
11630
|
}, Colors.MidGrey);
|
|
@@ -11749,14 +11784,14 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11749
11784
|
});
|
|
11750
11785
|
};
|
|
11751
11786
|
|
|
11752
|
-
var _templateObject$
|
|
11753
|
-
var Container$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
11754
|
-
var Sections = /*#__PURE__*/styled.div(_templateObject2$
|
|
11755
|
-
var Section = /*#__PURE__*/styled.div(_templateObject3$
|
|
11787
|
+
var _templateObject$1m, _templateObject2$13, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$r;
|
|
11788
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11789
|
+
var Sections = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11790
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11756
11791
|
var color = _ref.color;
|
|
11757
11792
|
return "var(--base-color-" + color + ")";
|
|
11758
11793
|
});
|
|
11759
|
-
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$
|
|
11794
|
+
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
11760
11795
|
var Text = /*#__PURE__*/styled.div(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11761
11796
|
var color = _ref2.color;
|
|
11762
11797
|
return "var(--base-color-" + color + ")";
|
|
@@ -11843,18 +11878,18 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11843
11878
|
}, strengthLabel))));
|
|
11844
11879
|
};
|
|
11845
11880
|
|
|
11846
|
-
var _templateObject$
|
|
11847
|
-
var TableContainer = /*#__PURE__*/styled.table(_templateObject$
|
|
11848
|
-
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11849
|
-
var Wrapper$
|
|
11850
|
-
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$
|
|
11881
|
+
var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$s, _templateObject7$m, _templateObject8$g;
|
|
11882
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11883
|
+
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11884
|
+
var Wrapper$9 = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11885
|
+
var TableHeader = /*#__PURE__*/styled.th(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n text-transform: capitalize;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n min-width: 150px;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
11851
11886
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11852
11887
|
}, devices.tablet, devices.mobile);
|
|
11853
11888
|
var TableCell = /*#__PURE__*/styled.td(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n vertical-align: middle;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n min-width: 150px;\n }\n"])), function (props) {
|
|
11854
11889
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11855
11890
|
}, devices.mobile);
|
|
11856
11891
|
var PaginationWrapper = /*#__PURE__*/styled(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);
|
|
11857
|
-
var ScrollButtons = /*#__PURE__*/styled.div(_templateObject7$
|
|
11892
|
+
var ScrollButtons = /*#__PURE__*/styled.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"])));
|
|
11858
11893
|
var AriaDescription$2 = /*#__PURE__*/styled.span(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
11859
11894
|
|
|
11860
11895
|
/* eslint-disable react/no-danger */
|
|
@@ -12028,7 +12063,7 @@ var Table = function Table(_ref) {
|
|
|
12028
12063
|
} else {
|
|
12029
12064
|
visibleRows = totalRows;
|
|
12030
12065
|
}
|
|
12031
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
12066
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$9, {
|
|
12032
12067
|
className: className
|
|
12033
12068
|
}, showScrollButtons && (/*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
12034
12069
|
onClickPrev: handlePrev,
|
|
@@ -12058,20 +12093,20 @@ var Table = function Table(_ref) {
|
|
|
12058
12093
|
}))));
|
|
12059
12094
|
};
|
|
12060
12095
|
|
|
12061
|
-
var _templateObject$
|
|
12062
|
-
var Wrapper$
|
|
12096
|
+
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;
|
|
12097
|
+
var Wrapper$a = /*#__PURE__*/styled('div')(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
12063
12098
|
var theme = _ref.theme;
|
|
12064
12099
|
return "var(--color-" + theme + ")";
|
|
12065
12100
|
}, function (_ref2) {
|
|
12066
12101
|
var theme = _ref2.theme;
|
|
12067
12102
|
return "var(--color-" + theme + ")";
|
|
12068
12103
|
});
|
|
12069
|
-
var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
12070
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
12071
|
-
var Error = /*#__PURE__*/styled.div(_templateObject4$
|
|
12104
|
+
var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
12105
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
|
|
12106
|
+
var Error = /*#__PURE__*/styled.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
12072
12107
|
var Form = /*#__PURE__*/styled.form(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error);
|
|
12073
12108
|
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
12074
|
-
var ServerError = /*#__PURE__*/styled.div(_templateObject7$
|
|
12109
|
+
var ServerError = /*#__PURE__*/styled.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
12075
12110
|
var CTALinkWrapper = /*#__PURE__*/styled.a(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
12076
12111
|
var ButtonWrapper$3 = /*#__PURE__*/styled.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);
|
|
12077
12112
|
var FieldsWrapper = /*#__PURE__*/styled.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);
|
|
@@ -12416,7 +12451,7 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12416
12451
|
useEffect(function () {
|
|
12417
12452
|
setDropdownOpen(isOpened);
|
|
12418
12453
|
}, [isOpened]);
|
|
12419
|
-
return /*#__PURE__*/React__default.createElement(Wrapper$
|
|
12454
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$a, {
|
|
12420
12455
|
theme: themeToColor(theme),
|
|
12421
12456
|
className: className
|
|
12422
12457
|
}, /*#__PURE__*/React__default.createElement(SignUpFormWrapper, null, isMobile && !isLoggedIn && !isSuccess ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(HiddenInstructions, {
|
|
@@ -12481,12 +12516,12 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12481
12516
|
}))))));
|
|
12482
12517
|
};
|
|
12483
12518
|
|
|
12484
|
-
var _templateObject$
|
|
12485
|
-
var AnchorBarContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
12519
|
+
var _templateObject$1p, _templateObject2$16, _templateObject4$L, _templateObject5$D;
|
|
12520
|
+
var AnchorBarContainer = /*#__PURE__*/styled(Grid)(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n border-bottom: 1px solid var(--color-base-light-grey);\n\n ", "\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, function (_ref) {
|
|
12486
12521
|
var withShadow = _ref.withShadow;
|
|
12487
|
-
return withShadow && css(_templateObject2$
|
|
12522
|
+
return withShadow && css(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12488
12523
|
}, devices.mobile);
|
|
12489
|
-
var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$
|
|
12524
|
+
var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$L || (_templateObject4$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 24px;\n min-width: 24px;\n max-height: 24px;\n max-width: 24px;\n border: none;\n padding: 0;\n background: none;\n\n :hover {\n cursor: pointer;\n }\n\n @media ", " {\n min-height: 12px;\n min-width: 12px;\n max-height: 12px;\n max-width: 12px;\n }\n"])), devices.mobile);
|
|
12490
12525
|
var ContentWrapper$3 = /*#__PURE__*/styled.a(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
12491
12526
|
|
|
12492
12527
|
var AnchorBar = function AnchorBar(_ref) {
|
|
@@ -12755,9 +12790,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
12755
12790
|
})));
|
|
12756
12791
|
};
|
|
12757
12792
|
|
|
12758
|
-
var _templateObject$
|
|
12759
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
12760
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
12793
|
+
var _templateObject$1q, _templateObject3$V;
|
|
12794
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
12795
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
12761
12796
|
|
|
12762
12797
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
12763
12798
|
var children = _ref.children;
|
|
@@ -12792,8 +12827,8 @@ var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
|
12792
12827
|
}))));
|
|
12793
12828
|
};
|
|
12794
12829
|
|
|
12795
|
-
var _templateObject$
|
|
12796
|
-
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 6px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
12830
|
+
var _templateObject$1r;
|
|
12831
|
+
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 6px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
12797
12832
|
var theme = _ref.theme;
|
|
12798
12833
|
return theme.colors.primary;
|
|
12799
12834
|
}, function (_ref2) {
|
|
@@ -13740,5 +13775,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1q || (_templa
|
|
|
13740
13775
|
return theme.footer.tablet.paddingBottom;
|
|
13741
13776
|
}, devices.desktop, devices.largeDesktop);
|
|
13742
13777
|
|
|
13743
|
-
export { Accordion, Accordions, AltHeader, AnchorBar, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyContent, BodyCopyHarmonic, BodyText, ButtonText, ButtonType, Caption, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicHeader, HarmonicOverline, HarmonicSize, HarmonicSubtitle, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, MinimalCarousel, ModalWindow, Navigation, NavigationText, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, useHarmonicTheme, zIndexes };
|
|
13778
|
+
export { Accordion, Accordions, AltHeader, AnchorBar, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyContent, BodyCopyHarmonic, BodyText, ButtonText, ButtonType, Caption, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicHeader, HarmonicOverline, HarmonicSize, HarmonicSubtitle, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, MinimalCarousel, ModalWindow, Navigation, NavigationText, Overline, PageHeading, PageHeadingCompact, PageHeadingHighlight, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, useHarmonicTheme, zIndexes };
|
|
13744
13779
|
//# sourceMappingURL=harmonic.esm.js.map
|