@royaloperahouse/harmonic 0.12.0-b → 0.12.0-d
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/molecules/Accordion/Accordion.style.d.ts +5 -3
- package/dist/components/molecules/BodyContent/BodyContent.style.d.ts +1 -1
- 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/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/harmonic.cjs.development.js +92 -109
- 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 +92 -109
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/types/editorial.d.ts +6 -20
- package/dist/types/types.d.ts +9 -32
- package/package.json +1 -1
|
@@ -231,21 +231,24 @@ var HarmonicHeader = function HarmonicHeader(_ref2) {
|
|
|
231
231
|
/* ~~~ Subtitle - (use case) ~~~ */
|
|
232
232
|
var HarmonicSubtitle = function HarmonicSubtitle(_ref3) {
|
|
233
233
|
var children = _ref3.children,
|
|
234
|
-
size = _ref3.size,
|
|
234
|
+
_ref3$size = _ref3.size,
|
|
235
|
+
size = _ref3$size === void 0 ? 'large' : _ref3$size,
|
|
235
236
|
_ref3$color = _ref3.color,
|
|
236
237
|
color = _ref3$color === void 0 ? 'inherit' : _ref3$color,
|
|
237
|
-
className = _ref3.className
|
|
238
|
+
className = _ref3.className,
|
|
239
|
+
_ref3$tag = _ref3.tag,
|
|
240
|
+
Tag = _ref3$tag === void 0 ? 'p' : _ref3$tag;
|
|
238
241
|
var classNames = createClassNames('subtitle', {
|
|
239
242
|
size: size,
|
|
240
243
|
color: color,
|
|
241
244
|
className: className
|
|
242
245
|
}, typographyStyles);
|
|
243
|
-
return /*#__PURE__*/React__default.createElement(
|
|
246
|
+
return /*#__PURE__*/React__default.createElement(Tag, {
|
|
244
247
|
className: classNames
|
|
245
248
|
}, children);
|
|
246
249
|
};
|
|
247
250
|
/* ~~~ Body Copy Text - (use case) ~~~ */
|
|
248
|
-
var BodyCopyHarmonic = function
|
|
251
|
+
var BodyCopyHarmonic = /*#__PURE__*/React__default.forwardRef(function (_ref4, ref) {
|
|
249
252
|
var children = _ref4.children,
|
|
250
253
|
_ref4$size = _ref4.size,
|
|
251
254
|
size = _ref4$size === void 0 ? 'medium' : _ref4$size,
|
|
@@ -263,9 +266,11 @@ var BodyCopyHarmonic = function BodyCopyHarmonic(_ref4) {
|
|
|
263
266
|
className: className
|
|
264
267
|
}, typographyStyles);
|
|
265
268
|
return /*#__PURE__*/React__default.createElement(Tag, Object.assign({
|
|
266
|
-
className: classNames
|
|
269
|
+
className: classNames,
|
|
270
|
+
ref: ref
|
|
267
271
|
}, props), children);
|
|
268
|
-
};
|
|
272
|
+
});
|
|
273
|
+
BodyCopyHarmonic.displayName = 'BodyCopyHarmonic';
|
|
269
274
|
/* ~~~ Overline - (use case) ~~~ */
|
|
270
275
|
var HarmonicOverline = function HarmonicOverline(_ref5) {
|
|
271
276
|
var children = _ref5.children,
|
|
@@ -7003,7 +7008,7 @@ var Theme = function Theme(_ref) {
|
|
|
7003
7008
|
};
|
|
7004
7009
|
|
|
7005
7010
|
var _templateObject$I;
|
|
7006
|
-
var TextContainer$1 = /*#__PURE__*/styled__default
|
|
7011
|
+
var TextContainer$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-black);\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-feature-settings: var(--font-feature-settings-header);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-feature-settings: var(--font-feature-settings-subtitle);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: var(--color-base-black);\n text-decoration: underline;\n cursor: pointer;\n\n &:hover {\n color: var(--color-rbo-black-hovered);\n }\n\n &:active {\n color: var(--color-rbo-black-pressed);\n }\n }\n\n p {\n margin: 30px 0;\n }\n\n p:has(+ ul),\n p:has(+ ol) {\n margin-bottom: 12px;\n }\n\n & ul,\n & ol {\n padding: 0;\n list-style: none;\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n & ul li,\n & ol li {\n line-height: var(--line-height-listing);\n position: relative;\n padding-left: 32px;\n\n @media ", " {\n padding-left: 28px;\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n position: absolute;\n left: 0;\n width: 20px;\n text-align: right;\n margin-right: 12px;\n\n @media ", " {\n width: 16px;\n margin-right: 12px;\n }\n }\n\n & ol {\n counter-reset: custom-ol;\n }\n\n & ol > li {\n counter-increment: custom-ol;\n }\n\n & ol > li::before {\n content: counter(custom-ol, decimal-leading-zero) '';\n position: absolute;\n left: 0;\n min-width: 20px;\n text-align: right;\n margin-right: 12px;\n display: inline-block;\n\n @media ", " {\n min-width: 16px;\n margin-right: 12px;\n }\n }\n"])), devices.mobile, devices.mobile, devices.mobile);
|
|
7007
7012
|
|
|
7008
7013
|
var addTypographyClasses = function addTypographyClasses(html) {
|
|
7009
7014
|
return html.replace(/<h1>/g, "<h1 class=\"" + typographyStyles.header + " " + typographyStyles['header--large'] + "\">").replace(/<h2>/g, "<h2 class=\"" + typographyStyles.header + " " + typographyStyles['header--large'] + "\">").replace(/<h3>/g, "<h3 class=\"" + typographyStyles.header + " " + typographyStyles['header--medium'] + "\">").replace(/<h4>/g, "<h4 class=\"" + typographyStyles.header + " " + typographyStyles['header--medium'] + "\">").replace(/<h5>/g, "<h5 class=\"" + typographyStyles.header + " " + typographyStyles['header--small'] + "\">").replace(/<h6>/g, "<h6 class=\"" + typographyStyles.header + " " + typographyStyles['header--small'] + "\">");
|
|
@@ -7028,8 +7033,9 @@ var BodyContent = function BodyContent(_ref) {
|
|
|
7028
7033
|
columnStartDevice: columnStartDevice,
|
|
7029
7034
|
columnSpanDevice: columnSpanDevice
|
|
7030
7035
|
}, /*#__PURE__*/React__default.createElement(TextContainer$1, {
|
|
7036
|
+
tag: "div",
|
|
7037
|
+
size: "large",
|
|
7031
7038
|
"data-testid": "text-container",
|
|
7032
|
-
className: typographyStyles.bodycopy + " " + typographyStyles['bodycopy--large'],
|
|
7033
7039
|
dangerouslySetInnerHTML: {
|
|
7034
7040
|
__html: addTypographyClasses(text)
|
|
7035
7041
|
}
|
|
@@ -8108,19 +8114,30 @@ var InfoSection = function InfoSection(_ref) {
|
|
|
8108
8114
|
}, additionalInfo)))));
|
|
8109
8115
|
};
|
|
8110
8116
|
|
|
8111
|
-
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$n, _templateObject5$h, _templateObject6$d;
|
|
8112
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])))
|
|
8113
|
-
var
|
|
8114
|
-
|
|
8115
|
-
|
|
8116
|
-
|
|
8117
|
+
var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$n, _templateObject5$h, _templateObject6$d, _templateObject7$a;
|
|
8118
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n border-top: 2px solid var(--color-base-light-grey);\n border-bottom: ", ";\n"])), function (_ref) {
|
|
8119
|
+
var showLine = _ref.showLine;
|
|
8120
|
+
return showLine ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
8121
|
+
});
|
|
8122
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n opacity: ", ";\n transition: opacity 0.2s ease;\n pointer-events: ", ";\n\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref2) {
|
|
8123
|
+
var isVisible = _ref2.isVisible;
|
|
8124
|
+
return isVisible ? 1 : 0;
|
|
8125
|
+
}, function (_ref3) {
|
|
8126
|
+
var isVisible = _ref3.isVisible;
|
|
8127
|
+
return isVisible ? 'auto' : 'none';
|
|
8117
8128
|
}, devices.mobile);
|
|
8118
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(
|
|
8119
|
-
var
|
|
8120
|
-
|
|
8129
|
+
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding-top: 28px;\n padding-bottom: 28px;\n color: var(--color-primary-black);\n\n && svg {\n width: 24px;\n height: 24px;\n }\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
8130
|
+
var TitleText$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: calc(100% - 32px);\n"])));
|
|
8131
|
+
var ExtendedBodyCopyHarmonic = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n"])));
|
|
8132
|
+
var ContentContainer = /*#__PURE__*/styled__default(ExtendedBodyCopyHarmonic).withConfig({
|
|
8133
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
8134
|
+
return prop !== 'textHeight';
|
|
8135
|
+
}
|
|
8136
|
+
})(_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) {
|
|
8137
|
+
var textHeight = _ref4.textHeight;
|
|
8121
8138
|
return textHeight;
|
|
8122
8139
|
}, devices.mobile);
|
|
8123
|
-
var PrintHideWrapper = /*#__PURE__*/styled__default.div(
|
|
8140
|
+
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
|
|
8124
8141
|
|
|
8125
8142
|
/* eslint-disable react/no-unstable-nested-components */
|
|
8126
8143
|
var Accordion = function Accordion(_ref) {
|
|
@@ -8129,15 +8146,9 @@ var Accordion = function Accordion(_ref) {
|
|
|
8129
8146
|
_ref$showLine = _ref.showLine,
|
|
8130
8147
|
showLine = _ref$showLine === void 0 ? true : _ref$showLine,
|
|
8131
8148
|
children = _ref.children,
|
|
8132
|
-
visibleStandfirst = _ref.visibleStandfirst,
|
|
8133
8149
|
_ref$initOpen = _ref.initOpen,
|
|
8134
8150
|
initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen,
|
|
8135
|
-
|
|
8136
|
-
contentType = _ref$contentType === void 0 ? 'subtitle' : _ref$contentType,
|
|
8137
|
-
_ref$semanticLevel = _ref.semanticLevel,
|
|
8138
|
-
semanticLevel = _ref$semanticLevel === void 0 ? 4 : _ref$semanticLevel,
|
|
8139
|
-
_ref$displayLevel = _ref.displayLevel,
|
|
8140
|
-
displayLevel = _ref$displayLevel === void 0 ? 1 : _ref$displayLevel;
|
|
8151
|
+
className = _ref.className;
|
|
8141
8152
|
var _useState = React.useState(initOpen),
|
|
8142
8153
|
openAccordion = _useState[0],
|
|
8143
8154
|
setOpenAccordion = _useState[1];
|
|
@@ -8169,60 +8180,31 @@ var Accordion = function Accordion(_ref) {
|
|
|
8169
8180
|
toggleAccordion();
|
|
8170
8181
|
}
|
|
8171
8182
|
};
|
|
8172
|
-
var Standfirst = function Standfirst() {
|
|
8173
|
-
return visibleStandfirst ? (/*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
8174
|
-
isVisible: childrenVisibility
|
|
8175
|
-
}, visibleStandfirst))) : null;
|
|
8176
|
-
};
|
|
8177
8183
|
var contentContainerId = title + "-accordion-content";
|
|
8178
|
-
var AccordionTitle = function AccordionTitle(_ref2) {
|
|
8179
|
-
var level = _ref2.level,
|
|
8180
|
-
localSemanticLevel = _ref2.semanticLevel;
|
|
8181
|
-
var subtitleLevel = level;
|
|
8182
|
-
if (contentType === 'header') {
|
|
8183
|
-
return /*#__PURE__*/React__default.createElement(Header, {
|
|
8184
|
-
semanticLevel: localSemanticLevel,
|
|
8185
|
-
level: level
|
|
8186
|
-
}, title);
|
|
8187
|
-
}
|
|
8188
|
-
if (contentType === 'subtitle') {
|
|
8189
|
-
if (contentType === 'subtitle') {
|
|
8190
|
-
if (![1, 2].includes(level)) {
|
|
8191
|
-
console.warn('Invalid Subtitle level:', level);
|
|
8192
|
-
subtitleLevel = level > 2 ? 2 : level;
|
|
8193
|
-
}
|
|
8194
|
-
}
|
|
8195
|
-
return /*#__PURE__*/React__default.createElement(Subtitle, Object.assign({}, {
|
|
8196
|
-
level: subtitleLevel,
|
|
8197
|
-
semanticLevel: localSemanticLevel
|
|
8198
|
-
}), title);
|
|
8199
|
-
}
|
|
8200
|
-
return null;
|
|
8201
|
-
};
|
|
8202
8184
|
return /*#__PURE__*/React__default.createElement(AccordionContainer, {
|
|
8185
|
+
showLine: showLine,
|
|
8203
8186
|
tabIndex: 0,
|
|
8204
|
-
onKeyDown: keyDown
|
|
8205
|
-
|
|
8187
|
+
onKeyDown: keyDown,
|
|
8188
|
+
className: className
|
|
8189
|
+
}, /*#__PURE__*/React__default.createElement(TitleContainer$3, {
|
|
8206
8190
|
onClick: toggleAccordion,
|
|
8207
8191
|
tabIndex: -1,
|
|
8208
8192
|
role: "button",
|
|
8209
8193
|
"aria-label": title,
|
|
8210
8194
|
"aria-expanded": openAccordion,
|
|
8211
8195
|
"aria-controls": contentContainerId
|
|
8212
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
8213
|
-
level: displayLevel,
|
|
8214
|
-
semanticLevel: semanticLevel
|
|
8215
|
-
}, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
8196
|
+
}, /*#__PURE__*/React__default.createElement(TitleText$1, null, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
8216
8197
|
iconName: iconName
|
|
8217
|
-
})))),
|
|
8198
|
+
})))), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
8218
8199
|
"data-testid": "richcontainer",
|
|
8219
8200
|
ref: content,
|
|
8220
8201
|
textHeight: textHeight,
|
|
8221
8202
|
id: contentContainerId,
|
|
8222
|
-
"aria-live": "polite"
|
|
8203
|
+
"aria-live": "polite",
|
|
8204
|
+
tag: "div"
|
|
8223
8205
|
}, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
8224
8206
|
isVisible: childrenVisibility
|
|
8225
|
-
}, children))
|
|
8207
|
+
}, children)));
|
|
8226
8208
|
};
|
|
8227
8209
|
|
|
8228
8210
|
var _templateObject$S;
|
|
@@ -8230,19 +8212,18 @@ var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$S ||
|
|
|
8230
8212
|
|
|
8231
8213
|
var Accordions = function Accordions(_ref) {
|
|
8232
8214
|
var _ref$items = _ref.items,
|
|
8233
|
-
items = _ref$items === void 0 ? [] : _ref$items
|
|
8215
|
+
items = _ref$items === void 0 ? [] : _ref$items,
|
|
8216
|
+
className = _ref.className;
|
|
8234
8217
|
var isLastAccordion = function isLastAccordion(index) {
|
|
8235
8218
|
return items.length - 1 === index;
|
|
8236
8219
|
};
|
|
8237
|
-
return /*#__PURE__*/React__default.createElement(AccordionsContainer,
|
|
8220
|
+
return /*#__PURE__*/React__default.createElement(AccordionsContainer, {
|
|
8221
|
+
className: className
|
|
8222
|
+
}, items.map(function (accordion, index) {
|
|
8238
8223
|
return /*#__PURE__*/React__default.createElement(Accordion, {
|
|
8239
8224
|
key: accordion.title + "-" + index,
|
|
8240
8225
|
title: accordion.title,
|
|
8241
|
-
showLine: isLastAccordion(index)
|
|
8242
|
-
visibleStandfirst: accordion.visibleStandfirst,
|
|
8243
|
-
contentType: accordion.contentType,
|
|
8244
|
-
displayLevel: accordion.displayLevel,
|
|
8245
|
-
semanticLevel: accordion.semanticLevel
|
|
8226
|
+
showLine: isLastAccordion(index)
|
|
8246
8227
|
}, accordion.children);
|
|
8247
8228
|
}));
|
|
8248
8229
|
};
|
|
@@ -8330,7 +8311,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
8330
8311
|
}))))));
|
|
8331
8312
|
};
|
|
8332
8313
|
|
|
8333
|
-
var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$
|
|
8314
|
+
var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$b, _templateObject8$8, _templateObject9$6, _templateObject0$5, _templateObject1$2, _templateObject10$2, _templateObject11$2, _templateObject12$2;
|
|
8334
8315
|
var LENGTH_LARGE_TEXT = 28;
|
|
8335
8316
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
8336
8317
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -8355,7 +8336,7 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$p ||
|
|
|
8355
8336
|
});
|
|
8356
8337
|
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8357
8338
|
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8358
|
-
var TextContainer$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject7$
|
|
8339
|
+
var TextContainer$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow-wrap: break-word;\n"])));
|
|
8359
8340
|
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8360
8341
|
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
|
|
8361
8342
|
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject0$5 || (_templateObject0$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 25px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (_ref6) {
|
|
@@ -8613,14 +8594,14 @@ var Cards = function Cards(_ref) {
|
|
|
8613
8594
|
}));
|
|
8614
8595
|
};
|
|
8615
8596
|
|
|
8616
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$
|
|
8597
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$c;
|
|
8617
8598
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
8618
8599
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), devices.mobileAndTablet);
|
|
8619
8600
|
var AddressWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
8620
8601
|
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
8621
8602
|
var MobileSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8622
8603
|
var DesktopSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8623
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8604
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n a {\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n color: var(--color-base-black);\n text-decoration: underline;\n text-underline-offset: 4px;\n margin-right: 13px;\n display: inline-block;\n\n &:last-child {\n margin-right: 0;\n }\n\n @media ", " {\n font-size: 17px;\n line-height: 24px;\n }\n }\n"])), devices.mobile);
|
|
8624
8605
|
|
|
8625
8606
|
var ContactCard = function ContactCard(_ref) {
|
|
8626
8607
|
var title = _ref.title,
|
|
@@ -8768,17 +8749,21 @@ var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$w |
|
|
|
8768
8749
|
var imageToLeft = _ref3.imageToLeft;
|
|
8769
8750
|
return imageToLeft ? 'right' : 'left';
|
|
8770
8751
|
}, devices.mobile);
|
|
8771
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default
|
|
8772
|
-
var EditorialText = /*#__PURE__*/styled__default
|
|
8752
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-feature-settings: var(--font-feature-settings-subtitle);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
8753
|
+
var EditorialText = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
8773
8754
|
|
|
8774
8755
|
var Editorial = function Editorial(_ref) {
|
|
8775
8756
|
var _ref$imagePosition = _ref.imagePosition,
|
|
8776
8757
|
imagePosition = _ref$imagePosition === void 0 ? 'left' : _ref$imagePosition,
|
|
8777
8758
|
subtitle = _ref.subtitle,
|
|
8778
8759
|
text = _ref.text,
|
|
8779
|
-
children = _ref.children
|
|
8760
|
+
children = _ref.children,
|
|
8761
|
+
className = _ref.className;
|
|
8780
8762
|
var imageToLeft = imagePosition === 'left';
|
|
8781
|
-
return /*#__PURE__*/React__default.createElement(Grid,
|
|
8763
|
+
return /*#__PURE__*/React__default.createElement(Grid, {
|
|
8764
|
+
className: className,
|
|
8765
|
+
"data-testid": "editorial-component"
|
|
8766
|
+
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8782
8767
|
columnStartDesktop: 3,
|
|
8783
8768
|
columnSpanDesktop: 12,
|
|
8784
8769
|
columnStartDevice: 2,
|
|
@@ -8793,7 +8778,10 @@ var Editorial = function Editorial(_ref) {
|
|
|
8793
8778
|
}, children)), /*#__PURE__*/React__default.createElement(EditorialTextWrapper, {
|
|
8794
8779
|
"data-testid": "text-wrapper",
|
|
8795
8780
|
imageToLeft: imageToLeft
|
|
8796
|
-
}, subtitle ? /*#__PURE__*/React__default.createElement(EditorialSubtitle,
|
|
8781
|
+
}, subtitle ? /*#__PURE__*/React__default.createElement(EditorialSubtitle, {
|
|
8782
|
+
tag: "span"
|
|
8783
|
+
}, subtitle) : null, /*#__PURE__*/React__default.createElement(EditorialText, {
|
|
8784
|
+
tag: "div",
|
|
8797
8785
|
dangerouslySetInnerHTML: {
|
|
8798
8786
|
__html: text
|
|
8799
8787
|
}
|
|
@@ -9039,7 +9027,7 @@ var Information = function Information(_ref) {
|
|
|
9039
9027
|
})))));
|
|
9040
9028
|
};
|
|
9041
9029
|
|
|
9042
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$
|
|
9030
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$d, _templateObject8$9;
|
|
9043
9031
|
var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: var(--page-header-bg-color);\n color: var(--color-base-white);\n\n ", ";\n\n h1,\n h2,\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
9044
9032
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
9045
9033
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -9058,7 +9046,7 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$n || (_t
|
|
|
9058
9046
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
9059
9047
|
}, devices.mobile);
|
|
9060
9048
|
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-white);\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
9061
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9049
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n ", ";\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n\n ", ";\n }\n }\n"])), function (_ref5) {
|
|
9062
9050
|
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
9063
9051
|
return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
|
|
9064
9052
|
}, devices.mobile, function (_ref6) {
|
|
@@ -9075,10 +9063,6 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9075
9063
|
_ref$sponsor = _ref.sponsor,
|
|
9076
9064
|
sponsor = _ref$sponsor === void 0 ? false : _ref$sponsor,
|
|
9077
9065
|
children = _ref.children,
|
|
9078
|
-
_ref$copyCharLimit = _ref.copyCharLimit,
|
|
9079
|
-
copyCharLimit = _ref$copyCharLimit === void 0 ? 250 : _ref$copyCharLimit,
|
|
9080
|
-
_ref$titleCharLimit = _ref.titleCharLimit,
|
|
9081
|
-
titleCharLimit = _ref$titleCharLimit === void 0 ? 40 : _ref$titleCharLimit,
|
|
9082
9066
|
className = _ref.className,
|
|
9083
9067
|
showBadge = _ref.showBadge,
|
|
9084
9068
|
theme = _ref.theme;
|
|
@@ -9089,8 +9073,6 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9089
9073
|
pressedColor: ThemeColor['white-pressed']
|
|
9090
9074
|
});
|
|
9091
9075
|
var linkText = themedLink == null ? void 0 : themedLink.text;
|
|
9092
|
-
var truncatedText = text == null ? void 0 : text.substring(0, copyCharLimit);
|
|
9093
|
-
var truncatedTitle = title == null ? void 0 : title.substring(0, titleCharLimit);
|
|
9094
9076
|
var isTitleUnAvailable = !title;
|
|
9095
9077
|
var renderBadge = function renderBadge(currentTheme) {
|
|
9096
9078
|
if (!showBadge) return null;
|
|
@@ -9124,13 +9106,14 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9124
9106
|
color: "white",
|
|
9125
9107
|
size: "large",
|
|
9126
9108
|
hierarchy: hierarchy
|
|
9127
|
-
},
|
|
9109
|
+
}, title))), text ? (/*#__PURE__*/React__default.createElement(TextWrapper, {
|
|
9128
9110
|
"data-testid": "page-heading-text"
|
|
9129
9111
|
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9112
|
+
tag: "div",
|
|
9130
9113
|
color: "white",
|
|
9131
9114
|
size: "large",
|
|
9132
9115
|
dangerouslySetInnerHTML: {
|
|
9133
|
-
__html:
|
|
9116
|
+
__html: text
|
|
9134
9117
|
}
|
|
9135
9118
|
}))) : null, sponsor ? (/*#__PURE__*/React__default.createElement(LogoWrapper, {
|
|
9136
9119
|
"data-testid": "page-heading-sponsor",
|
|
@@ -9140,14 +9123,14 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9140
9123
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
9141
9124
|
};
|
|
9142
9125
|
|
|
9143
|
-
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$
|
|
9126
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$e, _templateObject8$a;
|
|
9144
9127
|
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
9145
9128
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
9146
9129
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
9147
9130
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
9148
9131
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9149
9132
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
9150
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9133
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
9151
9134
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
9152
9135
|
|
|
9153
9136
|
var _excluded$m = ["text"];
|
|
@@ -9255,7 +9238,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9255
9238
|
})))));
|
|
9256
9239
|
};
|
|
9257
9240
|
|
|
9258
|
-
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$x, _templateObject5$q, _templateObject6$j, _templateObject7$
|
|
9241
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$x, _templateObject5$q, _templateObject6$j, _templateObject7$f, _templateObject8$b, _templateObject9$7, _templateObject0$6, _templateObject1$3;
|
|
9259
9242
|
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9260
9243
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9261
9244
|
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
@@ -9268,7 +9251,7 @@ var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$q || (_te
|
|
|
9268
9251
|
return showBlock ? 'block' : 'none';
|
|
9269
9252
|
}, devices.mobile);
|
|
9270
9253
|
var BadgeWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n height: 32px;\n }\n\n @media ", " {\n margin-bottom: 12px;\n }\n"])), devices.mobile);
|
|
9271
|
-
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9254
|
+
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: start;\n align-items: center;\n width: 200px;\n\n @media ", " {\n order: ", ";\n width: 100%;\n justify-content: center;\n }\n"])), devices.mobile, function (_ref3) {
|
|
9272
9255
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
9273
9256
|
return isBadgePresent ? '1' : '4';
|
|
9274
9257
|
});
|
|
@@ -9517,7 +9500,7 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
|
9517
9500
|
})))));
|
|
9518
9501
|
};
|
|
9519
9502
|
|
|
9520
|
-
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$r, _templateObject6$k, _templateObject7$
|
|
9503
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$r, _templateObject6$k, _templateObject7$g, _templateObject8$c, _templateObject9$8, _templateObject0$7;
|
|
9521
9504
|
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
9522
9505
|
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
9523
9506
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
@@ -9538,7 +9521,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
9538
9521
|
var theme = _ref4.theme;
|
|
9539
9522
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
9540
9523
|
}, devices.tablet, devices.mobile);
|
|
9541
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9524
|
+
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: logo;\n padding-left: 50px;\n justify-content: left;\n align-items: center;\n width: 100%;\n @media ", " {\n padding-left: 0px;\n justify-content: center;\n }\n @media ", " {\n width: fit-content;\n }\n"])), devices.mobile, devices.tablet);
|
|
9542
9525
|
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: title;\n align-items: center;\n justify-content: center;\n font-family: var(--font-family-header);\n text-transform: uppercase;\n text-align: center;\n padding: 0 2em;\n @media ", " {\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9543
9526
|
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: cta;\n justify-content: right;\n align-items: center;\n padding-right: 50px;\n @media ", " {\n padding-right: 0px;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9544
9527
|
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject0$7 || (_templateObject0$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (_ref5) {
|
|
@@ -9771,13 +9754,13 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9771
9754
|
}), linkText))))));
|
|
9772
9755
|
};
|
|
9773
9756
|
|
|
9774
|
-
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject5$s, _templateObject6$l, _templateObject7$
|
|
9757
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject5$s, _templateObject6$l, _templateObject7$h, _templateObject8$d;
|
|
9775
9758
|
var linkButtonStyles = /*#__PURE__*/styled.css(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n background: none;\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n font: inherit;\n padding: 0;\n\n span {\n height: 1.5em;\n width: 1.5em;\n\n svg > path {\n fill: var(--color-base-black);\n }\n }\n\n &:hover {\n outline: none;\n }\n"])));
|
|
9776
9759
|
var PageNav = /*#__PURE__*/styled__default.a(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9777
9760
|
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
|
|
9778
9761
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\n align-items: center;\n justify-content: center;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: 0 auto;\n\n li {\n margin-left: 24px;\n color: var(--color-base-black);\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n li:first-child {\n margin-left: 0px;\n }\n"])));
|
|
9779
9762
|
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9780
|
-
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$
|
|
9763
|
+
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9781
9764
|
var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: ", ";\n border-bottom: ", ";\n }\n\n :hover {\n cursor: pointer;\n color: var(--color-primary-red);\n border-bottom: 1px solid var(--color-primary-red);\n svg > path {\n fill: var(--color-base-black);\n }\n }\n"])), function (_ref) {
|
|
9782
9765
|
var active = _ref.active;
|
|
9783
9766
|
return active ? "var(--color-primary-red)" : 'inherit';
|
|
@@ -9926,14 +9909,14 @@ var Pagination = function Pagination(_ref) {
|
|
|
9926
9909
|
}))))));
|
|
9927
9910
|
};
|
|
9928
9911
|
|
|
9929
|
-
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$z, _templateObject5$t, _templateObject6$m, _templateObject7$
|
|
9912
|
+
var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$z, _templateObject5$t, _templateObject6$m, _templateObject7$i;
|
|
9930
9913
|
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
9931
9914
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9932
9915
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9933
9916
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9934
9917
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9935
9918
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
9936
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
9919
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9937
9920
|
|
|
9938
9921
|
var Person = function Person(_ref) {
|
|
9939
9922
|
var person = _ref.person,
|
|
@@ -10124,7 +10107,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
10124
10107
|
}, creditEntries);
|
|
10125
10108
|
};
|
|
10126
10109
|
|
|
10127
|
-
var _templateObject$18, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$n, _templateObject7$
|
|
10110
|
+
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;
|
|
10128
10111
|
var LENGTH_TEXT = 28;
|
|
10129
10112
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
10130
10113
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -10174,7 +10157,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
|
10174
10157
|
});
|
|
10175
10158
|
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
10176
10159
|
var TextLinkWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
10177
|
-
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10160
|
+
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
10178
10161
|
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
10179
10162
|
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
10180
10163
|
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject0$8 || (_templateObject0$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin: 0 50px 0 20px;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
@@ -10379,7 +10362,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10379
10362
|
}))));
|
|
10380
10363
|
};
|
|
10381
10364
|
|
|
10382
|
-
var _templateObject$19, _templateObject2$V, _templateObject3$J, _templateObject4$C, _templateObject5$v, _templateObject6$o, _templateObject7$
|
|
10365
|
+
var _templateObject$19, _templateObject2$V, _templateObject3$J, _templateObject4$C, _templateObject5$v, _templateObject6$o, _templateObject7$k;
|
|
10383
10366
|
var LENGTH_TEXT$2 = 28;
|
|
10384
10367
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10385
10368
|
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
@@ -10400,7 +10383,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
10400
10383
|
var HarmonicHeaderWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10401
10384
|
var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10402
10385
|
var BodyCopyHarmonicWithWrapper$2 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n margin-bottom: 32px;\n whiete-space: break-spaces;\n overflow-wrap: break-word;\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10403
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10386
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref5) {
|
|
10404
10387
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10405
10388
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
10406
10389
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -10850,7 +10833,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10850
10833
|
}, description)))));
|
|
10851
10834
|
};
|
|
10852
10835
|
|
|
10853
|
-
var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$D, _templateObject5$w, _templateObject6$p, _templateObject7$
|
|
10836
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$D, _templateObject5$w, _templateObject6$p, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject0$9, _templateObject1$5;
|
|
10854
10837
|
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
10855
10838
|
var theme = _ref.theme;
|
|
10856
10839
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10876,7 +10859,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10876
10859
|
};
|
|
10877
10860
|
})(_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"])));
|
|
10878
10861
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10879
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10862
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10880
10863
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10881
10864
|
var Option = /*#__PURE__*/styled__default.li(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10882
10865
|
var theme = _ref6.theme,
|
|
@@ -11850,7 +11833,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11850
11833
|
}, strengthLabel))));
|
|
11851
11834
|
};
|
|
11852
11835
|
|
|
11853
|
-
var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$s, _templateObject7$
|
|
11836
|
+
var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$s, _templateObject7$m, _templateObject8$g;
|
|
11854
11837
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11855
11838
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11856
11839
|
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11861,7 +11844,7 @@ var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$B || (_template
|
|
|
11861
11844
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11862
11845
|
}, devices.mobile);
|
|
11863
11846
|
var PaginationWrapper = /*#__PURE__*/styled__default(Pagination)(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 40px;\n padding-bottom: 80px;\n\n @media ", " {\n padding-top: 24px;\n padding-bottom: 60px;\n }\n"])), devices.mobile);
|
|
11864
|
-
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
11847
|
+
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 60px 0 24px 0;\n\n div:hover {\n background-color: var(--color-base-light-grey);\n }\n\n > div > div {\n background-color: var(--color-base-light-grey);\n }\n\n svg path {\n fill: var(--color-base-black) !important;\n }\n"])));
|
|
11865
11848
|
var AriaDescription$2 = /*#__PURE__*/styled__default.span(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
11866
11849
|
|
|
11867
11850
|
/* eslint-disable react/no-danger */
|
|
@@ -12065,7 +12048,7 @@ var Table = function Table(_ref) {
|
|
|
12065
12048
|
}))));
|
|
12066
12049
|
};
|
|
12067
12050
|
|
|
12068
|
-
var _templateObject$1o, _templateObject2$15, _templateObject3$U, _templateObject4$K, _templateObject5$C, _templateObject6$t, _templateObject7$
|
|
12051
|
+
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;
|
|
12069
12052
|
var Wrapper$a = /*#__PURE__*/styled__default('div')(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
12070
12053
|
var theme = _ref.theme;
|
|
12071
12054
|
return "var(--color-" + theme + ")";
|
|
@@ -12078,7 +12061,7 @@ var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$U
|
|
|
12078
12061
|
var Error = /*#__PURE__*/styled__default.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
12079
12062
|
var Form = /*#__PURE__*/styled__default.form(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error);
|
|
12080
12063
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
12081
|
-
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
12064
|
+
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
12082
12065
|
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
12083
12066
|
var ButtonWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n color: var(--base-color-white);\n text-decoration: none;\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
12084
12067
|
var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$a || (_templateObject0$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 36px;\n\n @media ", " {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n"])), devices.mobile);
|