@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.
Files changed (20) hide show
  1. package/dist/components/Typography/Typography.d.ts +2 -2
  2. package/dist/components/atoms/TextField/TextField.style.d.ts +1 -1
  3. package/dist/components/molecules/Accordion/Accordion.style.d.ts +5 -3
  4. package/dist/components/molecules/BodyContent/BodyContent.style.d.ts +1 -1
  5. package/dist/components/molecules/Card/Card.style.d.ts +1 -1
  6. package/dist/components/molecules/ContentSummary/ContentSummary.style.d.ts +1 -1
  7. package/dist/components/molecules/Editorial/Editorial.style.d.ts +2 -2
  8. package/dist/components/molecules/Information/Information.style.d.ts +1 -1
  9. package/dist/components/molecules/Pagination/Pagination.style.d.ts +1 -1
  10. package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +2 -2
  11. package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +2 -2
  12. package/dist/harmonic.cjs.development.js +92 -109
  13. package/dist/harmonic.cjs.development.js.map +1 -1
  14. package/dist/harmonic.cjs.production.min.js +1 -1
  15. package/dist/harmonic.cjs.production.min.js.map +1 -1
  16. package/dist/harmonic.esm.js +92 -109
  17. package/dist/harmonic.esm.js.map +1 -1
  18. package/dist/types/editorial.d.ts +6 -20
  19. package/dist/types/types.d.ts +9 -32
  20. 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("p", {
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 BodyCopyHarmonic(_ref4) {
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,
@@ -7044,7 +7049,7 @@ var Theme = function Theme(_ref) {
7044
7049
  };
7045
7050
 
7046
7051
  var _templateObject$I;
7047
- var TextContainer$1 = /*#__PURE__*/styled.div(_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);
7052
+ var TextContainer$1 = /*#__PURE__*/styled(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);
7048
7053
 
7049
7054
  var addTypographyClasses = function addTypographyClasses(html) {
7050
7055
  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'] + "\">");
@@ -7069,8 +7074,9 @@ var BodyContent = function BodyContent(_ref) {
7069
7074
  columnStartDevice: columnStartDevice,
7070
7075
  columnSpanDevice: columnSpanDevice
7071
7076
  }, /*#__PURE__*/React__default.createElement(TextContainer$1, {
7077
+ tag: "div",
7078
+ size: "large",
7072
7079
  "data-testid": "text-container",
7073
- className: typographyStyles.bodycopy + " " + typographyStyles['bodycopy--large'],
7074
7080
  dangerouslySetInnerHTML: {
7075
7081
  __html: addTypographyClasses(text)
7076
7082
  }
@@ -8149,19 +8155,30 @@ var InfoSection = function InfoSection(_ref) {
8149
8155
  }, additionalInfo)))));
8150
8156
  };
8151
8157
 
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 LineContainer = /*#__PURE__*/styled.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-light-grey);\n width: 100%;\n"])));
8155
- var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
8156
- var isVisible = _ref.isVisible;
8157
- return isVisible ? 'visible' : 'hidden';
8158
+ var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$n, _templateObject5$h, _templateObject6$d, _templateObject7$a;
8159
+ 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) {
8160
+ var showLine = _ref.showLine;
8161
+ return showLine ? '2px solid var(--color-base-light-grey)' : 'none';
8162
+ });
8163
+ 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) {
8164
+ var isVisible = _ref2.isVisible;
8165
+ return isVisible ? 1 : 0;
8166
+ }, function (_ref3) {
8167
+ var isVisible = _ref3.isVisible;
8168
+ return isVisible ? 'auto' : 'none';
8158
8169
  }, devices.mobile);
8159
- var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
8160
- var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\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 text-transform: var(--text-transform-body);\n max-height: ", ";\n\n @media print {\n max-height: max-content;\n }\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\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 (_ref2) {
8161
- var textHeight = _ref2.textHeight;
8170
+ 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"])));
8171
+ 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"])));
8172
+ 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"])));
8173
+ var ContentContainer = /*#__PURE__*/styled(ExtendedBodyCopyHarmonic).withConfig({
8174
+ shouldForwardProp: function shouldForwardProp(prop) {
8175
+ return prop !== 'textHeight';
8176
+ }
8177
+ })(_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) {
8178
+ var textHeight = _ref4.textHeight;
8162
8179
  return textHeight;
8163
8180
  }, devices.mobile);
8164
- var PrintHideWrapper = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
8181
+ var PrintHideWrapper = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
8165
8182
 
8166
8183
  /* eslint-disable react/no-unstable-nested-components */
8167
8184
  var Accordion = function Accordion(_ref) {
@@ -8170,15 +8187,9 @@ var Accordion = function Accordion(_ref) {
8170
8187
  _ref$showLine = _ref.showLine,
8171
8188
  showLine = _ref$showLine === void 0 ? true : _ref$showLine,
8172
8189
  children = _ref.children,
8173
- visibleStandfirst = _ref.visibleStandfirst,
8174
8190
  _ref$initOpen = _ref.initOpen,
8175
8191
  initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen,
8176
- _ref$contentType = _ref.contentType,
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;
8192
+ className = _ref.className;
8182
8193
  var _useState = useState(initOpen),
8183
8194
  openAccordion = _useState[0],
8184
8195
  setOpenAccordion = _useState[1];
@@ -8210,60 +8221,31 @@ var Accordion = function Accordion(_ref) {
8210
8221
  toggleAccordion();
8211
8222
  }
8212
8223
  };
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
8224
  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
8225
  return /*#__PURE__*/React__default.createElement(AccordionContainer, {
8226
+ showLine: showLine,
8244
8227
  tabIndex: 0,
8245
- onKeyDown: keyDown
8246
- }, /*#__PURE__*/React__default.createElement(LineContainer, null), /*#__PURE__*/React__default.createElement(TitleContainer$3, {
8228
+ onKeyDown: keyDown,
8229
+ className: className
8230
+ }, /*#__PURE__*/React__default.createElement(TitleContainer$3, {
8247
8231
  onClick: toggleAccordion,
8248
8232
  tabIndex: -1,
8249
8233
  role: "button",
8250
8234
  "aria-label": title,
8251
8235
  "aria-expanded": openAccordion,
8252
8236
  "aria-controls": contentContainerId
8253
- }, /*#__PURE__*/React__default.createElement(AccordionTitle, {
8254
- level: displayLevel,
8255
- semanticLevel: semanticLevel
8256
- }, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
8237
+ }, /*#__PURE__*/React__default.createElement(TitleText$1, null, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
8257
8238
  iconName: iconName
8258
- })))), visibleStandfirst && /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
8239
+ })))), /*#__PURE__*/React__default.createElement(ContentContainer, {
8259
8240
  "data-testid": "richcontainer",
8260
8241
  ref: content,
8261
8242
  textHeight: textHeight,
8262
8243
  id: contentContainerId,
8263
- "aria-live": "polite"
8244
+ "aria-live": "polite",
8245
+ tag: "div"
8264
8246
  }, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
8265
8247
  isVisible: childrenVisibility
8266
- }, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
8248
+ }, children)));
8267
8249
  };
8268
8250
 
8269
8251
  var _templateObject$S;
@@ -8271,19 +8253,18 @@ var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$S || (_templat
8271
8253
 
8272
8254
  var Accordions = function Accordions(_ref) {
8273
8255
  var _ref$items = _ref.items,
8274
- items = _ref$items === void 0 ? [] : _ref$items;
8256
+ items = _ref$items === void 0 ? [] : _ref$items,
8257
+ className = _ref.className;
8275
8258
  var isLastAccordion = function isLastAccordion(index) {
8276
8259
  return items.length - 1 === index;
8277
8260
  };
8278
- return /*#__PURE__*/React__default.createElement(AccordionsContainer, null, items.map(function (accordion, index) {
8261
+ return /*#__PURE__*/React__default.createElement(AccordionsContainer, {
8262
+ className: className
8263
+ }, items.map(function (accordion, index) {
8279
8264
  return /*#__PURE__*/React__default.createElement(Accordion, {
8280
8265
  key: accordion.title + "-" + index,
8281
8266
  title: accordion.title,
8282
- showLine: isLastAccordion(index),
8283
- visibleStandfirst: accordion.visibleStandfirst,
8284
- contentType: accordion.contentType,
8285
- displayLevel: accordion.displayLevel,
8286
- semanticLevel: accordion.semanticLevel
8267
+ showLine: isLastAccordion(index)
8287
8268
  }, accordion.children);
8288
8269
  }));
8289
8270
  };
@@ -8371,7 +8352,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
8371
8352
  }))))));
8372
8353
  };
8373
8354
 
8374
- var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$a, _templateObject8$8, _templateObject9$6, _templateObject0$5, _templateObject1$2, _templateObject10$2, _templateObject11$2, _templateObject12$2;
8355
+ 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
8356
  var LENGTH_LARGE_TEXT = 28;
8376
8357
  var LENGTH_SMALL_TEXT$1 = 19;
8377
8358
  var LENGTH_TEXT_TABLET = 10;
@@ -8396,7 +8377,7 @@ var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject4$p || (_templat
8396
8377
  });
8397
8378
  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
8379
  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$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow-wrap: break-word;\n"])));
8380
+ var TextContainer$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow-wrap: break-word;\n"])));
8400
8381
  var HighlightTextContainer = /*#__PURE__*/styled.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
8401
8382
  var SubtitleContainer = /*#__PURE__*/styled.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
8402
8383
  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 +8635,14 @@ var Cards = function Cards(_ref) {
8654
8635
  }));
8655
8636
  };
8656
8637
 
8657
- var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$b;
8638
+ var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$c;
8658
8639
  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
8640
  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
8641
  var AddressWrapper = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
8661
8642
  var TitleWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
8662
8643
  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
8644
  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$b || (_templateObject7$b = /*#__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);
8645
+ 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
8646
 
8666
8647
  var ContactCard = function ContactCard(_ref) {
8667
8648
  var title = _ref.title,
@@ -8809,17 +8790,21 @@ var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$w || (_templ
8809
8790
  var imageToLeft = _ref3.imageToLeft;
8810
8791
  return imageToLeft ? 'right' : 'left';
8811
8792
  }, devices.mobile);
8812
- var EditorialSubtitle = /*#__PURE__*/styled.span(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
8813
- var EditorialText = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\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"])));
8793
+ 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"])));
8794
+ 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
8795
 
8815
8796
  var Editorial = function Editorial(_ref) {
8816
8797
  var _ref$imagePosition = _ref.imagePosition,
8817
8798
  imagePosition = _ref$imagePosition === void 0 ? 'left' : _ref$imagePosition,
8818
8799
  subtitle = _ref.subtitle,
8819
8800
  text = _ref.text,
8820
- children = _ref.children;
8801
+ children = _ref.children,
8802
+ className = _ref.className;
8821
8803
  var imageToLeft = imagePosition === 'left';
8822
- return /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
8804
+ return /*#__PURE__*/React__default.createElement(Grid, {
8805
+ className: className,
8806
+ "data-testid": "editorial-component"
8807
+ }, /*#__PURE__*/React__default.createElement(GridItem, {
8823
8808
  columnStartDesktop: 3,
8824
8809
  columnSpanDesktop: 12,
8825
8810
  columnStartDevice: 2,
@@ -8834,7 +8819,10 @@ var Editorial = function Editorial(_ref) {
8834
8819
  }, children)), /*#__PURE__*/React__default.createElement(EditorialTextWrapper, {
8835
8820
  "data-testid": "text-wrapper",
8836
8821
  imageToLeft: imageToLeft
8837
- }, subtitle ? /*#__PURE__*/React__default.createElement(EditorialSubtitle, null, subtitle) : null, /*#__PURE__*/React__default.createElement(EditorialText, {
8822
+ }, subtitle ? /*#__PURE__*/React__default.createElement(EditorialSubtitle, {
8823
+ tag: "span"
8824
+ }, subtitle) : null, /*#__PURE__*/React__default.createElement(EditorialText, {
8825
+ tag: "div",
8838
8826
  dangerouslySetInnerHTML: {
8839
8827
  __html: text
8840
8828
  }
@@ -9080,7 +9068,7 @@ var Information = function Information(_ref) {
9080
9068
  })))));
9081
9069
  };
9082
9070
 
9083
- var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$c, _templateObject8$9;
9071
+ var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$d, _templateObject8$9;
9084
9072
  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
9073
  var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
9086
9074
  return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
@@ -9099,7 +9087,7 @@ var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject5$n || (_templateOb
9099
9087
  return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
9100
9088
  }, devices.mobile);
9101
9089
  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$c || (_templateObject7$c = /*#__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) {
9090
+ 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
9091
  var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
9104
9092
  return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
9105
9093
  }, devices.mobile, function (_ref6) {
@@ -9116,10 +9104,6 @@ var PageHeading = function PageHeading(_ref) {
9116
9104
  _ref$sponsor = _ref.sponsor,
9117
9105
  sponsor = _ref$sponsor === void 0 ? false : _ref$sponsor,
9118
9106
  children = _ref.children,
9119
- _ref$copyCharLimit = _ref.copyCharLimit,
9120
- copyCharLimit = _ref$copyCharLimit === void 0 ? 250 : _ref$copyCharLimit,
9121
- _ref$titleCharLimit = _ref.titleCharLimit,
9122
- titleCharLimit = _ref$titleCharLimit === void 0 ? 40 : _ref$titleCharLimit,
9123
9107
  className = _ref.className,
9124
9108
  showBadge = _ref.showBadge,
9125
9109
  theme = _ref.theme;
@@ -9130,8 +9114,6 @@ var PageHeading = function PageHeading(_ref) {
9130
9114
  pressedColor: ThemeColor['white-pressed']
9131
9115
  });
9132
9116
  var linkText = themedLink == null ? void 0 : themedLink.text;
9133
- var truncatedText = text == null ? void 0 : text.substring(0, copyCharLimit);
9134
- var truncatedTitle = title == null ? void 0 : title.substring(0, titleCharLimit);
9135
9117
  var isTitleUnAvailable = !title;
9136
9118
  var renderBadge = function renderBadge(currentTheme) {
9137
9119
  if (!showBadge) return null;
@@ -9165,13 +9147,14 @@ var PageHeading = function PageHeading(_ref) {
9165
9147
  color: "white",
9166
9148
  size: "large",
9167
9149
  hierarchy: hierarchy
9168
- }, truncatedTitle))), text ? (/*#__PURE__*/React__default.createElement(TextWrapper, {
9150
+ }, title))), text ? (/*#__PURE__*/React__default.createElement(TextWrapper, {
9169
9151
  "data-testid": "page-heading-text"
9170
9152
  }, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
9153
+ tag: "div",
9171
9154
  color: "white",
9172
9155
  size: "large",
9173
9156
  dangerouslySetInnerHTML: {
9174
- __html: truncatedText
9157
+ __html: text
9175
9158
  }
9176
9159
  }))) : null, sponsor ? (/*#__PURE__*/React__default.createElement(LogoWrapper, {
9177
9160
  "data-testid": "page-heading-sponsor",
@@ -9181,14 +9164,14 @@ var PageHeading = function PageHeading(_ref) {
9181
9164
  }, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
9182
9165
  };
9183
9166
 
9184
- var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$d, _templateObject8$a;
9167
+ var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$e, _templateObject8$a;
9185
9168
  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
9169
  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
9170
  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
9171
  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
9172
  var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
9190
9173
  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$d || (_templateObject7$d = /*#__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);
9174
+ 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
9175
  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
9176
 
9194
9177
  var _excluded$m = ["text"];
@@ -9296,7 +9279,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
9296
9279
  })))));
9297
9280
  };
9298
9281
 
9299
- var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$x, _templateObject5$q, _templateObject6$j, _templateObject7$e, _templateObject8$b, _templateObject9$7, _templateObject0$6, _templateObject1$3;
9282
+ var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$x, _templateObject5$q, _templateObject6$j, _templateObject7$f, _templateObject8$b, _templateObject9$7, _templateObject0$6, _templateObject1$3;
9300
9283
  var Wrapper$5 = /*#__PURE__*/styled.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
9301
9284
  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
9285
  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 +9292,7 @@ var ContentSection = /*#__PURE__*/styled.div(_templateObject5$q || (_templateObj
9309
9292
  return showBlock ? 'block' : 'none';
9310
9293
  }, devices.mobile);
9311
9294
  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$e || (_templateObject7$e = /*#__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) {
9295
+ 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
9296
  var isBadgePresent = _ref3.isBadgePresent;
9314
9297
  return isBadgePresent ? '1' : '4';
9315
9298
  });
@@ -9558,7 +9541,7 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
9558
9541
  })))));
9559
9542
  };
9560
9543
 
9561
- var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$r, _templateObject6$k, _templateObject7$f, _templateObject8$c, _templateObject9$8, _templateObject0$7;
9544
+ var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject5$r, _templateObject6$k, _templateObject7$g, _templateObject8$c, _templateObject9$8, _templateObject0$7;
9562
9545
  var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
9563
9546
  var BrandingTextBody = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
9564
9547
  var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
@@ -9579,7 +9562,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$k || (
9579
9562
  var theme = _ref4.theme;
9580
9563
  return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
9581
9564
  }, devices.tablet, devices.mobile);
9582
- var CompactHeaderLogoWrapper = /*#__PURE__*/styled.div(_templateObject7$f || (_templateObject7$f = /*#__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);
9565
+ 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);
9583
9566
  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);
9584
9567
  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);
9585
9568
  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) {
@@ -9812,13 +9795,13 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
9812
9795
  }), linkText))))));
9813
9796
  };
9814
9797
 
9815
- var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject5$s, _templateObject6$l, _templateObject7$g, _templateObject8$d;
9798
+ var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject5$s, _templateObject6$l, _templateObject7$h, _templateObject8$d;
9816
9799
  var linkButtonStyles = /*#__PURE__*/css(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n background: none;\n border: none;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n font: inherit;\n padding: 0;\n\n span {\n height: 1.5em;\n width: 1.5em;\n\n svg > path {\n fill: var(--color-base-black);\n }\n }\n\n &:hover {\n outline: none;\n }\n"])));
9817
9800
  var PageNav = /*#__PURE__*/styled.a(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
9818
9801
  var PaginationLink = /*#__PURE__*/styled.a(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), linkButtonStyles);
9819
9802
  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"])));
9820
9803
  var LastPageItem = /*#__PURE__*/styled.li(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
9821
- var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
9804
+ var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
9822
9805
  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) {
9823
9806
  var active = _ref.active;
9824
9807
  return active ? "var(--color-primary-red)" : 'inherit';
@@ -9967,14 +9950,14 @@ var Pagination = function Pagination(_ref) {
9967
9950
  }))))));
9968
9951
  };
9969
9952
 
9970
- var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$z, _templateObject5$t, _templateObject6$m, _templateObject7$h;
9953
+ var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$z, _templateObject5$t, _templateObject6$m, _templateObject7$i;
9971
9954
  var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
9972
9955
  var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
9973
9956
  var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
9974
9957
  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"])));
9975
9958
  var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
9976
9959
  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"])));
9977
- var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
9960
+ var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
9978
9961
 
9979
9962
  var Person = function Person(_ref) {
9980
9963
  var person = _ref.person,
@@ -10165,7 +10148,7 @@ var CreditListing = function CreditListing(_ref) {
10165
10148
  }, creditEntries);
10166
10149
  };
10167
10150
 
10168
- var _templateObject$18, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$n, _templateObject7$i, _templateObject8$e, _templateObject9$9, _templateObject0$8, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16;
10151
+ 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;
10169
10152
  var LENGTH_TEXT = 28;
10170
10153
  var LENGTH_TEXT_TABLET$1 = 12;
10171
10154
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
@@ -10215,7 +10198,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$B || (_te
10215
10198
  });
10216
10199
  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"])));
10217
10200
  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"])));
10218
- var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject7$i || (_templateObject7$i = /*#__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);
10201
+ 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);
10219
10202
  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);
10220
10203
  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);
10221
10204
  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);
@@ -10420,7 +10403,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
10420
10403
  }))));
10421
10404
  };
10422
10405
 
10423
- var _templateObject$19, _templateObject2$V, _templateObject3$J, _templateObject4$C, _templateObject5$v, _templateObject6$o, _templateObject7$j;
10406
+ var _templateObject$19, _templateObject2$V, _templateObject3$J, _templateObject4$C, _templateObject5$v, _templateObject6$o, _templateObject7$k;
10424
10407
  var LENGTH_TEXT$2 = 28;
10425
10408
  var LENGTH_TEXT_TABLET$2 = 10;
10426
10409
  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) {
@@ -10441,7 +10424,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$J ||
10441
10424
  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);
10442
10425
  var HarmonicSubtitleWithWrapper$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
10443
10426
  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);
10444
- var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref5) {
10427
+ 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) {
10445
10428
  var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
10446
10429
  primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
10447
10430
  _ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
@@ -10891,7 +10874,7 @@ var SectionTitle = function SectionTitle(_ref) {
10891
10874
  }, description)))));
10892
10875
  };
10893
10876
 
10894
- var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$D, _templateObject5$w, _templateObject6$p, _templateObject7$k, _templateObject8$f, _templateObject9$a, _templateObject0$9, _templateObject1$5;
10877
+ var _templateObject$1f, _templateObject2$Y, _templateObject3$M, _templateObject4$D, _templateObject5$w, _templateObject6$p, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject0$9, _templateObject1$5;
10895
10878
  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) {
10896
10879
  var theme = _ref.theme;
10897
10880
  return "3px solid " + theme.colors.lapisLazuli;
@@ -10917,7 +10900,7 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
10917
10900
  };
10918
10901
  })(_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"])));
10919
10902
  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);
10920
- var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
10903
+ var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
10921
10904
  var Options = /*#__PURE__*/styled.div(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
10922
10905
  var Option = /*#__PURE__*/styled.li(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
10923
10906
  var theme = _ref6.theme,
@@ -11891,7 +11874,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
11891
11874
  }, strengthLabel))));
11892
11875
  };
11893
11876
 
11894
- var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$s, _templateObject7$l, _templateObject8$g;
11877
+ var _templateObject$1n, _templateObject2$14, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$s, _templateObject7$m, _templateObject8$g;
11895
11878
  var TableContainer = /*#__PURE__*/styled.table(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
11896
11879
  var Container$6 = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
11897
11880
  var Wrapper$9 = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
@@ -11902,7 +11885,7 @@ var TableCell = /*#__PURE__*/styled.td(_templateObject5$B || (_templateObject5$B
11902
11885
  return "calc(100% / " + (props.columns - 1) + ")";
11903
11886
  }, devices.mobile);
11904
11887
  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);
11905
- var ScrollButtons = /*#__PURE__*/styled.div(_templateObject7$l || (_templateObject7$l = /*#__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"])));
11888
+ 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"])));
11906
11889
  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"])));
11907
11890
 
11908
11891
  /* eslint-disable react/no-danger */
@@ -12106,7 +12089,7 @@ var Table = function Table(_ref) {
12106
12089
  }))));
12107
12090
  };
12108
12091
 
12109
- var _templateObject$1o, _templateObject2$15, _templateObject3$U, _templateObject4$K, _templateObject5$C, _templateObject6$t, _templateObject7$m, _templateObject8$h, _templateObject9$b, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
12092
+ 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;
12110
12093
  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) {
12111
12094
  var theme = _ref.theme;
12112
12095
  return "var(--color-" + theme + ")";
@@ -12119,7 +12102,7 @@ var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$U || (_temp
12119
12102
  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"])));
12120
12103
  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);
12121
12104
  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);
12122
- var ServerError = /*#__PURE__*/styled.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
12105
+ var ServerError = /*#__PURE__*/styled.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
12123
12106
  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);
12124
12107
  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);
12125
12108
  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);