@royaloperahouse/chord 2.2.9-a-chord-development → 2.2.9-c-chord-development

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 (15) hide show
  1. package/dist/chord.cjs.development.js +162 -116
  2. package/dist/chord.cjs.development.js.map +1 -1
  3. package/dist/chord.cjs.production.min.js +1 -1
  4. package/dist/chord.cjs.production.min.js.map +1 -1
  5. package/dist/chord.esm.js +161 -117
  6. package/dist/chord.esm.js.map +1 -1
  7. package/dist/components/index.d.ts +2 -2
  8. package/dist/components/molecules/Select/Select.d.ts +1 -0
  9. package/dist/components/molecules/Select2/Select2.d.ts +18 -0
  10. package/dist/components/molecules/Select2/Select2.style.d.ts +5 -0
  11. package/dist/components/molecules/Select2/index.d.ts +2 -0
  12. package/dist/components/molecules/index.d.ts +2 -1
  13. package/dist/index.d.ts +2 -2
  14. package/dist/types/formTypes.d.ts +27 -0
  15. package/package.json +5 -3
package/dist/chord.cjs.development.js CHANGED
@@ -10,6 +10,8 @@ var styled = require('styled-components');
10
10
  var styled__default = _interopDefault(styled);
11
11
  var moment = _interopDefault(require('moment'));
12
12
  var server = require('react-dom/server');
13
+ var Select$1 = require('react-select');
14
+ var Select$1__default = _interopDefault(Select$1);
13
15
  var Modal = _interopDefault(require('react-modal'));
14
16
  var ScrollLock = _interopDefault(require('react-scrolllock'));
15
17
 
@@ -2262,15 +2264,13 @@ var Icon = /*#__PURE__*/React.memo(function (_ref) {
2262
2264
  });
2263
2265
  Icon.displayName = 'Icon';
2264
2266
 
2265
- var _excluded = ["children", "iconName", "iconDirection", "iconClassName", "color"];
2266
-
2267
2267
  var Button = function Button(_ref) {
2268
2268
  var children = _ref.children,
2269
2269
  iconName = _ref.iconName,
2270
2270
  iconDirection = _ref.iconDirection,
2271
2271
  iconClassName = _ref.iconClassName,
2272
2272
  color = _ref.color,
2273
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
2273
+ rest = _objectWithoutPropertiesLoose(_ref, ["children", "iconName", "iconDirection", "iconClassName", "color"]);
2274
2274
 
2275
2275
  var truncatedString = children.substring(0, 30);
2276
2276
  return /*#__PURE__*/React__default.createElement(ButtonWrapper, Object.assign({}, rest, {
@@ -2339,11 +2339,9 @@ var AspectRatioWidth;
2339
2339
  ButtonType["Tertiary"] = "Tertiary";
2340
2340
  })(exports.ButtonType || (exports.ButtonType = {}));
2341
2341
 
2342
- var _excluded$1 = ["children"];
2343
-
2344
2342
  var PrimaryButton = function PrimaryButton(_ref) {
2345
2343
  var children = _ref.children,
2346
- props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
2344
+ props = _objectWithoutPropertiesLoose(_ref, ["children"]);
2347
2345
 
2348
2346
  return /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper, Object.assign({
2349
2347
  color: exports.Colors.White
@@ -2357,11 +2355,9 @@ var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default(Button)(_templateObjec
2357
2355
  return color ? "var(--base-color-" + color + ")" : theme.colors.primary;
2358
2356
  });
2359
2357
 
2360
- var _excluded$2 = ["children"];
2361
-
2362
2358
  var SecondaryButton = function SecondaryButton(_ref) {
2363
2359
  var children = _ref.children,
2364
- props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
2360
+ props = _objectWithoutPropertiesLoose(_ref, ["children"]);
2365
2361
 
2366
2362
  return /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper$1, Object.assign({
2367
2363
  color: exports.Colors.Primary
@@ -2375,12 +2371,10 @@ var TertiaryButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject$6 ||
2375
2371
  });
2376
2372
  var TertiaryIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n min-width: 20px;\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n display: inline-block;\n"])));
2377
2373
 
2378
- var _excluded$3 = ["children", "color"];
2379
-
2380
2374
  var Button$1 = function Button(_ref) {
2381
2375
  var children = _ref.children,
2382
2376
  color = _ref.color,
2383
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
2377
+ rest = _objectWithoutPropertiesLoose(_ref, ["children", "color"]);
2384
2378
 
2385
2379
  var truncatedString = children.substring(0, 100);
2386
2380
  return /*#__PURE__*/React__default.createElement(TertiaryButtonWrapper, Object.assign({}, rest, {
@@ -2906,7 +2900,6 @@ var ErrorLabel = /*#__PURE__*/styled__default.div(_templateObject6 || (_template
2906
2900
  return 'var(--base-color-errorstate)';
2907
2901
  });
2908
2902
 
2909
- var _excluded$4 = ["children", "disabled", "error", "darkMode", "blackBox"];
2910
2903
  /**
2911
2904
  * A Radio component, that wraps around the native `<input type="radio"/>` element
2912
2905
  * and adds some extra styling, states and information around it (i.e. an error label,
@@ -2936,7 +2929,7 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
2936
2929
  darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
2937
2930
  _ref$blackBox = _ref.blackBox,
2938
2931
  blackBox = _ref$blackBox === void 0 ? false : _ref$blackBox,
2939
- inputProps = _objectWithoutPropertiesLoose(_ref, _excluded$4);
2932
+ inputProps = _objectWithoutPropertiesLoose(_ref, ["children", "disabled", "error", "darkMode", "blackBox"]);
2940
2933
 
2941
2934
  return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(TickboxLabel, {
2942
2935
  darkMode: darkMode,
@@ -3456,8 +3449,6 @@ var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$m || (_templ
3456
3449
  });
3457
3450
  var TabLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$a || (_templateObject2$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-right: var(--button-icon-margin);\n"])));
3458
3451
 
3459
- var _excluded$5 = ["children", "iconName", "iconDirection", "color", "hoverColor"];
3460
-
3461
3452
  var TabLink = function TabLink(_ref) {
3462
3453
  var children = _ref.children,
3463
3454
  iconName = _ref.iconName,
@@ -3466,7 +3457,7 @@ var TabLink = function TabLink(_ref) {
3466
3457
  color = _ref$color === void 0 ? exports.Colors.DarkGrey : _ref$color,
3467
3458
  _ref$hoverColor = _ref.hoverColor,
3468
3459
  hoverColor = _ref$hoverColor === void 0 ? exports.Colors.Primary : _ref$hoverColor,
3469
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
3460
+ rest = _objectWithoutPropertiesLoose(_ref, ["children", "iconName", "iconDirection", "color", "hoverColor"]);
3470
3461
 
3471
3462
  return /*#__PURE__*/React__default.createElement(TabLinkWrapper, Object.assign({
3472
3463
  color: color,
@@ -3516,7 +3507,6 @@ var TextAreaError = /*#__PURE__*/styled__default.div(_templateObject4$3 || (_tem
3516
3507
  return darkMode ? 'var(--base-color-white)' : 'var(--base-color-errorstate)';
3517
3508
  });
3518
3509
 
3519
- var _excluded$6 = ["label", "error", "width", "darkMode", "height", "columnStartDesktop", "columnStartDevice", "columnSpanDesktop", "columnSpanDevice", "maxLength", "tabIndex"];
3520
3510
  /**
3521
3511
  * An HTML textarea component for Chord.
3522
3512
  *
@@ -3578,7 +3568,7 @@ var TextArea = function TextArea(_ref) {
3578
3568
  maxLength = _ref$maxLength === void 0 ? 950 : _ref$maxLength,
3579
3569
  _ref$tabIndex = _ref.tabIndex,
3580
3570
  tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
3581
- textareaProps = _objectWithoutPropertiesLoose(_ref, _excluded$6);
3571
+ textareaProps = _objectWithoutPropertiesLoose(_ref, ["label", "error", "width", "darkMode", "height", "columnStartDesktop", "columnStartDevice", "columnSpanDesktop", "columnSpanDevice", "maxLength", "tabIndex"]);
3582
3572
 
3583
3573
  return /*#__PURE__*/React__default.createElement(GridItem, {
3584
3574
  columnStartDesktop: columnStartDesktop,
@@ -3638,7 +3628,6 @@ var ErrorLabel$1 = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_temp
3638
3628
  return "var(--base-color-errorstate)";
3639
3629
  });
3640
3630
 
3641
- var _excluded$7 = ["label", "type", "error", "darkMode", "width"];
3642
3631
  /**
3643
3632
  * A text field component, that wraps around the native `<input />` element
3644
3633
  * and adds some extra states and information around it (i.e. a text and an error labels,
@@ -3686,7 +3675,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
3686
3675
  _ref$darkMode = _ref.darkMode,
3687
3676
  darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
3688
3677
  width = _ref.width,
3689
- inputProps = _objectWithoutPropertiesLoose(_ref, _excluded$7);
3678
+ inputProps = _objectWithoutPropertiesLoose(_ref, ["label", "type", "error", "darkMode", "width"]);
3690
3679
 
3691
3680
  var _useState = React.useState(false),
3692
3681
  showPassword = _useState[0],
@@ -3744,14 +3733,12 @@ var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$p || (_temp
3744
3733
  });
3745
3734
  var TextLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n"])));
3746
3735
 
3747
- var _excluded$8 = ["children", "iconName", "iconDirection", "color"];
3748
-
3749
3736
  var TextLink = function TextLink(_ref) {
3750
3737
  var children = _ref.children,
3751
3738
  iconName = _ref.iconName,
3752
3739
  iconDirection = _ref.iconDirection,
3753
3740
  color = _ref.color,
3754
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
3741
+ rest = _objectWithoutPropertiesLoose(_ref, ["children", "iconName", "iconDirection", "color"]);
3755
3742
 
3756
3743
  var truncatedString = children.substring(0, 30);
3757
3744
  return /*#__PURE__*/React__default.createElement(TextLinkWrapper, Object.assign({
@@ -3970,7 +3957,6 @@ var ErrorLabel$2 = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_temp
3970
3957
  return 'var(--base-color-errorstate)';
3971
3958
  });
3972
3959
 
3973
- var _excluded$9 = ["children", "disabled", "error", "darkMode", "blackBox"];
3974
3960
  /**
3975
3961
  * A Tickbox component, that wraps around the native `<input type="checkbox"/>` element
3976
3962
  * and adds some extra styling, states and information around it (i.e. an error label,
@@ -4000,7 +3986,7 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4000
3986
  darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
4001
3987
  _ref$blackBox = _ref.blackBox,
4002
3988
  blackBox = _ref$blackBox === void 0 ? false : _ref$blackBox,
4003
- inputProps = _objectWithoutPropertiesLoose(_ref, _excluded$9);
3989
+ inputProps = _objectWithoutPropertiesLoose(_ref, ["children", "disabled", "error", "darkMode", "blackBox"]);
4004
3990
 
4005
3991
  return /*#__PURE__*/React__default.createElement(Container$2, null, /*#__PURE__*/React__default.createElement(TickboxLabel$2, {
4006
3992
  darkMode: darkMode,
@@ -5475,8 +5461,6 @@ var ContactNewsletter = function ContactNewsletter(_ref) {
5475
5461
  }, contact.title))));
5476
5462
  };
5477
5463
 
5478
- var _excluded$a = ["dataRoh"];
5479
-
5480
5464
  var Footer = function Footer(_ref) {
5481
5465
  var data = _ref.data;
5482
5466
  var policyLinks = data.policyLinks;
@@ -5486,7 +5470,7 @@ var Footer = function Footer(_ref) {
5486
5470
 
5487
5471
  var _data$artsLogo = data.artsLogo,
5488
5472
  artsDataRoh = _data$artsLogo.dataRoh,
5489
- artsLogo = _objectWithoutPropertiesLoose(_data$artsLogo, _excluded$a);
5473
+ artsLogo = _objectWithoutPropertiesLoose(_data$artsLogo, ["dataRoh"]);
5490
5474
 
5491
5475
  var additionalInfo = data.additionalInfo;
5492
5476
  return /*#__PURE__*/React__default.createElement(FooterSection, null, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
@@ -5541,8 +5525,6 @@ var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$b || (_t
5541
5525
  });
5542
5526
  var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: flex-center;\n\n :hover {\n && svg path {\n fill: var(--base-color-primary);\n }\n }\n"])));
5543
5527
 
5544
- var _excluded$b = ["id", "text"];
5545
-
5546
5528
  var AnchorTabBar = function AnchorTabBar(_ref) {
5547
5529
  var tabs = _ref.tabs,
5548
5530
  onTabClick = _ref.onTabClick,
@@ -5757,7 +5739,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
5757
5739
  }, tabs.map(function (_ref4) {
5758
5740
  var id = _ref4.id,
5759
5741
  text = _ref4.text,
5760
- rest = _objectWithoutPropertiesLoose(_ref4, _excluded$b);
5742
+ rest = _objectWithoutPropertiesLoose(_ref4, ["id", "text"]);
5761
5743
 
5762
5744
  return /*#__PURE__*/React__default.createElement("li", {
5763
5745
  key: id
@@ -5813,9 +5795,6 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
5813
5795
  var MessageWrapper = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-right: var(--grid-outer-margin);\n height: var(--button-height);\n\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n margin-right: var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.tablet, devices.mobile);
5814
5796
  var MessageWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h6 {\n margin: 0;\n padding: 0;\n }\n display: none;\n\n @media ", " {\n & {\n display: flex;\n align-items: center;\n margin-left: var(--grid-margin);\n padding: 12px 0;\n }\n }\n"])), devices.mobile);
5815
5797
 
5816
- var _excluded$c = ["text"],
5817
- _excluded2 = ["text"];
5818
-
5819
5798
  var TitleWithCTA = function TitleWithCTA(_ref) {
5820
5799
  var title = _ref.title,
5821
5800
  links = _ref.links,
@@ -5825,11 +5804,11 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
5825
5804
 
5826
5805
  var _ref2 = (links == null ? void 0 : links[0]) || {},
5827
5806
  primaryButtonText = _ref2.text,
5828
- primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$c);
5807
+ primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, ["text"]);
5829
5808
 
5830
5809
  var _ref3 = (links == null ? void 0 : links[1]) || {},
5831
5810
  secondaryButtonText = _ref3.text,
5832
- secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2);
5811
+ secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, ["text"]);
5833
5812
 
5834
5813
  return /*#__PURE__*/React__default.createElement(TitleCTAGridWrapper, {
5835
5814
  sticky: sticky
@@ -6173,13 +6152,11 @@ var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObjec
6173
6152
  return color;
6174
6153
  });
6175
6154
 
6176
- var _excluded$d = ["children"];
6177
-
6178
6155
  var AuxiliaryButton = function AuxiliaryButton(_ref) {
6179
6156
  var _props$color;
6180
6157
 
6181
6158
  var children = _ref.children,
6182
- props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
6159
+ props = _objectWithoutPropertiesLoose(_ref, ["children"]);
6183
6160
 
6184
6161
  return /*#__PURE__*/React__default.createElement(AuxiliaryButtonWrapper, Object.assign({}, props, {
6185
6162
  color: (_props$color = props.color) != null ? _props$color : exports.Colors.Black,
@@ -6337,9 +6314,6 @@ var truncateReactNodeString = function truncateReactNodeString(node, resultLengt
6337
6314
  return truncateHtmlString(nodeString, resultLength, addDots);
6338
6315
  };
6339
6316
 
6340
- var _excluded$e = ["text"],
6341
- _excluded2$1 = ["text"];
6342
-
6343
6317
  var _buttonTypeToButton;
6344
6318
  var LENGTH_LARGE_TEXT$1 = 28;
6345
6319
  var LENGTH_SMALL_TEXT$2 = 19;
@@ -6393,7 +6367,7 @@ var Card = function Card(_ref) {
6393
6367
  var _ref2 = firstButton || {},
6394
6368
  _ref2$text = _ref2.text,
6395
6369
  firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
6396
- restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$e);
6370
+ restFirstButton = _objectWithoutPropertiesLoose(_ref2, ["text"]);
6397
6371
 
6398
6372
  var primaryButtonTextTruncate = size === 'small' ? truncate(firstButtonText, LENGTH_SMALL_TEXT$2) : truncate(firstButtonText, LENGTH_LARGE_TEXT$1);
6399
6373
  var secondButton = links == null ? void 0 : links[1];
@@ -6401,7 +6375,7 @@ var Card = function Card(_ref) {
6401
6375
  var _ref3 = secondButton || {},
6402
6376
  _ref3$text = _ref3.text,
6403
6377
  secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
6404
- restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
6378
+ restSecondButton = _objectWithoutPropertiesLoose(_ref3, ["text"]);
6405
6379
 
6406
6380
  var tertiaryButtonTextTruncate = size === 'small' ? truncate(secondButtonText, LENGTH_SMALL_TEXT$2) : truncate(secondButtonText, LENGTH_LARGE_TEXT$1);
6407
6381
 
@@ -6475,6 +6449,7 @@ var Card = function Card(_ref) {
6475
6449
  }, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, null, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
6476
6450
  ref: node,
6477
6451
  "data-testid": "buttonscontainer",
6452
+ className: "cardButtonsContainer",
6478
6453
  size: size,
6479
6454
  primaryButtonTextLength: firstButtonText.length,
6480
6455
  tertiaryButtonTextLength: secondButtonText.length,
@@ -6909,8 +6884,6 @@ var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_tem
6909
6884
  var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
6910
6885
  var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
6911
6886
 
6912
- var _excluded$f = ["text"];
6913
-
6914
6887
  var PageHeading = function PageHeading(_ref) {
6915
6888
  var title = _ref.title,
6916
6889
  text = _ref.text,
@@ -6921,7 +6894,7 @@ var PageHeading = function PageHeading(_ref) {
6921
6894
 
6922
6895
  var _ref2 = link || {},
6923
6896
  linkText = _ref2.text,
6924
- restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
6897
+ restLink = _objectWithoutPropertiesLoose(_ref2, ["text"]);
6925
6898
 
6926
6899
  var truncatedText = text == null ? void 0 : text.substring(0, 250);
6927
6900
  var truncatedTitle = title && title.substring(0, 40);
@@ -6949,11 +6922,9 @@ var PageHeading = function PageHeading(_ref) {
6949
6922
  }, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
6950
6923
  };
6951
6924
 
6952
- var _excluded$g = ["link"];
6953
-
6954
6925
  var PageHeadingCore = function PageHeadingCore(_ref) {
6955
6926
  var link = _ref.link,
6956
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
6927
+ rest = _objectWithoutPropertiesLoose(_ref, ["link"]);
6957
6928
 
6958
6929
  var coreLink = link && _extends({}, link, {
6959
6930
  color: exports.Colors.White,
@@ -6967,11 +6938,9 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
6967
6938
  })));
6968
6939
  };
6969
6940
 
6970
- var _excluded$h = ["link"];
6971
-
6972
6941
  var PageHeadingCinema = function PageHeadingCinema(_ref) {
6973
6942
  var link = _ref.link,
6974
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
6943
+ rest = _objectWithoutPropertiesLoose(_ref, ["link"]);
6975
6944
 
6976
6945
  var cinemaLink = link && _extends({}, link, {
6977
6946
  color: exports.Colors.Black,
@@ -6995,8 +6964,6 @@ var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_tem
6995
6964
  var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__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);
6996
6965
  var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__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);
6997
6966
 
6998
- var _excluded$i = ["text"];
6999
-
7000
6967
  var PageHeadingImpact = function PageHeadingImpact(_ref) {
7001
6968
  var children = _ref.children,
7002
6969
  text = _ref.text,
@@ -7013,7 +6980,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
7013
6980
 
7014
6981
  var _ref2 = link || {},
7015
6982
  linkText = _ref2.text,
7016
- restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$i);
6983
+ restLink = _objectWithoutPropertiesLoose(_ref2, ["text"]);
7017
6984
 
7018
6985
  return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
7019
6986
  bgUrlDesktop: bgUrlDesktop,
@@ -7106,11 +7073,9 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
7106
7073
  var _templateObject$Z;
7107
7074
  var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
7108
7075
 
7109
- var _excluded$j = ["link"];
7110
-
7111
7076
  var PageHeadingStream = function PageHeadingStream(_ref) {
7112
7077
  var link = _ref.link,
7113
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
7078
+ rest = _objectWithoutPropertiesLoose(_ref, ["link"]);
7114
7079
 
7115
7080
  var streamLink = link && _extends({}, link, {
7116
7081
  color: exports.Colors.Black,
@@ -7304,8 +7269,6 @@ var useMobile = function useMobile() {
7304
7269
  return mobile;
7305
7270
  };
7306
7271
 
7307
- var _excluded$k = ["text"];
7308
-
7309
7272
  var useResponsiveVideo = function useResponsiveVideo(video, poster) {
7310
7273
  var mobileVideo = video.mobile || video.desktop;
7311
7274
  var desktopVideo = video.desktop || video.mobile;
@@ -7420,7 +7383,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
7420
7383
 
7421
7384
  var _ref5 = link || {},
7422
7385
  linkText = _ref5.text,
7423
- restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$k);
7386
+ restLink = _objectWithoutPropertiesLoose(_ref5, ["text"]);
7424
7387
 
7425
7388
  var titleSize = title && title.length > 20 ? 4 : 3;
7426
7389
  var video = {
@@ -7760,10 +7723,6 @@ var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject19
7760
7723
  var TimerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
7761
7724
  var EndDateText = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid var(--base-color-black);\n padding-bottom: 32px;\n margin-bottom: 32px;\n\n @media ", " {\n padding-bottom: 20px;\n margin-bottom: 20px;\n }\n"])), devices.mobile);
7762
7725
 
7763
- var _excluded$l = ["text"],
7764
- _excluded2$2 = ["text"],
7765
- _excluded3 = ["text"];
7766
-
7767
7726
  var _buttonTypeToButton$1;
7768
7727
  var LENGTH_TEXT$1 = 28;
7769
7728
  var LENGTH_TEXT_PARAGRAPH = 130;
@@ -7834,7 +7793,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
7834
7793
  var _ref2 = firstButton || {},
7835
7794
  _ref2$text = _ref2.text,
7836
7795
  firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
7837
- restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
7796
+ restFirstButton = _objectWithoutPropertiesLoose(_ref2, ["text"]);
7838
7797
 
7839
7798
  var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
7840
7799
  var secondButton = links == null ? void 0 : links[1];
@@ -7842,7 +7801,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
7842
7801
  var _ref3 = secondButton || {},
7843
7802
  _ref3$text = _ref3.text,
7844
7803
  secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
7845
- restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
7804
+ restSecondButton = _objectWithoutPropertiesLoose(_ref3, ["text"]);
7846
7805
 
7847
7806
  var secondButtonTextTruncate = truncate(secondButtonText, LENGTH_TEXT$1);
7848
7807
  var textTruncate = asCard ? truncate(text || '', LENGTH_TEXT_PARAGRAPH) : text;
@@ -7851,7 +7810,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
7851
7810
  var textLinkItems = textLinks ? textLinks.map(function (link, index) {
7852
7811
  var _link$text = link.text,
7853
7812
  textLinkText = _link$text === void 0 ? '' : _link$text,
7854
- restTextLink = _objectWithoutPropertiesLoose(link, _excluded3);
7813
+ restTextLink = _objectWithoutPropertiesLoose(link, ["text"]);
7855
7814
 
7856
7815
  return /*#__PURE__*/React__default.createElement(TextLinkWrapper$2, {
7857
7816
  key: index
@@ -8009,8 +7968,6 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
8009
7968
  return '';
8010
7969
  });
8011
7970
 
8012
- var _excluded$m = ["text"],
8013
- _excluded2$3 = ["text"];
8014
7971
  var LENGTH_TEXT$3 = 28;
8015
7972
 
8016
7973
  var PromoWithTitle = function PromoWithTitle(_ref) {
@@ -8036,7 +7993,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
8036
7993
  var _ref2 = primaryButton || {},
8037
7994
  _ref2$text = _ref2.text,
8038
7995
  primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
8039
- restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
7996
+ restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, ["text"]);
8040
7997
 
8041
7998
  var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
8042
7999
  var tertiaryButton = links == null ? void 0 : links[1];
@@ -8044,7 +8001,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
8044
8001
  var _ref3 = tertiaryButton || {},
8045
8002
  _ref3$text = _ref3.text,
8046
8003
  tertiaryButtonText = _ref3$text === void 0 ? '' : _ref3$text,
8047
- restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$3);
8004
+ restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, ["text"]);
8048
8005
 
8049
8006
  var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$3);
8050
8007
  return /*#__PURE__*/React__default.createElement(PromoWithTitleGrid, {
@@ -8513,6 +8470,7 @@ var useAccessibility = function useAccessibility(props) {
8513
8470
  };
8514
8471
  };
8515
8472
  /**
8473
+ * DEPRECATED. Use Select2 instead.
8516
8474
  * A select component, created using <ul> and <li> elements, with bespoke accessibility
8517
8475
  * logic.
8518
8476
  *
@@ -8733,8 +8691,96 @@ function Select(_ref3) {
8733
8691
  }))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
8734
8692
  }
8735
8693
 
8736
- var _templateObject$19;
8737
- var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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\n & h1,\n h2,\n h3,\n h4 {\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 margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\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 margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
8694
+ var _templateObject$19, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
8695
+ var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
8696
+ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__indicator-separator {\n display: none;\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 15px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-darkgrey);\n text-align: left;\n }\n"])), function (_ref) {
8697
+ var width = _ref.width;
8698
+ if (!width) return 'none';
8699
+ return width + 'px';
8700
+ }, function (_ref2) {
8701
+ var error = _ref2.error;
8702
+ if (error !== undefined) return "1px solid var(--base-color-errorstate)";
8703
+ return "1px solid var(--base-color-darkgrey)";
8704
+ }, function (_ref3) {
8705
+ var error = _ref3.error;
8706
+ if (error !== undefined) return "var(--base-color-errorstate)";
8707
+ return "var(--base-color-darkgrey)";
8708
+ }, function (_ref4) {
8709
+ var darkMode = _ref4.darkMode;
8710
+ if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
8711
+ return "0 0 0 3px var(--base-color-lapislazuli)";
8712
+ });
8713
+ var TextLabel$3 = /*#__PURE__*/styled__default.p(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
8714
+ var darkMode = _ref5.darkMode;
8715
+ if (darkMode) return "var(--base-color-white)";
8716
+ return "var(--base-color-black)";
8717
+ });
8718
+ var ErrorLabel$4 = /*#__PURE__*/styled__default.p(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
8719
+ var darkMode = _ref6.darkMode;
8720
+ if (darkMode) return "var(--base-color-white)";
8721
+ return "var(--base-color-errorstate)";
8722
+ });
8723
+
8724
+ var DropdownIndicator = function DropdownIndicator(props) {
8725
+ return /*#__PURE__*/React__default.createElement(Select$1.components.DropdownIndicator, Object.assign({}, props), /*#__PURE__*/React__default.createElement(Icon, {
8726
+ iconName: "DropdownArrow"
8727
+ }));
8728
+ };
8729
+ /**
8730
+ * A Select2 component wraps react-select with Chord styling and additional elements like
8731
+ * text and error labels. This should be used just as usual react-select component.
8732
+ * Note: using some advanced opportunities of react-select may require additional styling.
8733
+ *
8734
+ * # Error state
8735
+ * An error label will be shown below the select if the `error` prop exists.
8736
+ * Also select will be rendered with a red border. An empty string can be passed to
8737
+ * render only error state without error message.
8738
+ *
8739
+ * # Light / Dark mode
8740
+ * The component can also adapt its styles for light / dark mode. If you want this component
8741
+ * to be rendered on a dark / coloured background, you can use the `darkMode` prop.
8742
+ */
8743
+
8744
+
8745
+ var SelectComponent = function SelectComponent(_ref) {
8746
+ var label = _ref.label,
8747
+ error = _ref.error,
8748
+ width = _ref.width,
8749
+ _ref$darkMode = _ref.darkMode,
8750
+ darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
8751
+ _ref$isSearchable = _ref.isSearchable,
8752
+ isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
8753
+ _ref$placeholder = _ref.placeholder,
8754
+ placeholder = _ref$placeholder === void 0 ? 'Please select' : _ref$placeholder,
8755
+ selectProps = _objectWithoutPropertiesLoose(_ref, ["label", "error", "width", "darkMode", "isSearchable", "placeholder"]);
8756
+
8757
+ return /*#__PURE__*/React__default.createElement(Container$4, null, /*#__PURE__*/React__default.createElement("label", null, !!label && /*#__PURE__*/React__default.createElement(TextLabel$3, {
8758
+ darkMode: darkMode,
8759
+ "data-testid": "select2-text-label"
8760
+ }, /*#__PURE__*/React__default.createElement(AltHeader, {
8761
+ level: 6
8762
+ }, label)), /*#__PURE__*/React__default.createElement(SelectWrapper$1, {
8763
+ width: width,
8764
+ error: error,
8765
+ darkMode: darkMode
8766
+ }, /*#__PURE__*/React__default.createElement(Select$1__default, Object.assign({
8767
+ components: {
8768
+ DropdownIndicator: DropdownIndicator
8769
+ },
8770
+ isSearchable: isSearchable,
8771
+ placeholder: placeholder,
8772
+ className: "chord-select-container",
8773
+ classNamePrefix: "chord-select"
8774
+ }, selectProps)))), !!error && /*#__PURE__*/React__default.createElement(ErrorLabel$4, {
8775
+ darkMode: darkMode,
8776
+ "data-testid": "select2-error-label"
8777
+ }, /*#__PURE__*/React__default.createElement(AltHeader, {
8778
+ level: 6
8779
+ }, error)));
8780
+ };
8781
+
8782
+ var _templateObject$1a;
8783
+ var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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\n & h1,\n h2,\n h3,\n h4 {\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 margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\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 margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
8738
8784
  var theme = _ref.theme;
8739
8785
  return theme.colors.primary;
8740
8786
  });
@@ -8762,8 +8808,8 @@ var TextOnly = function TextOnly(_ref) {
8762
8808
  })));
8763
8809
  };
8764
8810
 
8765
- var _templateObject$1a, _templateObject2$Q;
8766
- var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
8811
+ var _templateObject$1b, _templateObject2$R;
8812
+ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
8767
8813
  var _ref$aspectRatio = _ref.aspectRatio,
8768
8814
  aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
8769
8815
  return aspectRatio;
@@ -8773,7 +8819,7 @@ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templat
8773
8819
  height = _ref2.height;
8774
8820
  return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
8775
8821
  });
8776
- var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
8822
+ var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
8777
8823
 
8778
8824
  var ImageWithCaption = function ImageWithCaption(_ref) {
8779
8825
  var caption = _ref.caption,
@@ -8811,13 +8857,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
8811
8857
  }, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
8812
8858
  };
8813
8859
 
8814
- var _templateObject$1b, _templateObject2$R, _templateObject3$I;
8815
- var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
8816
- var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
8860
+ var _templateObject$1c, _templateObject2$S, _templateObject3$J;
8861
+ var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
8862
+ var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
8817
8863
  var displayAttribution = _ref.displayAttribution;
8818
8864
  return "display: " + (displayAttribution ? 'block' : 'none') + ";";
8819
8865
  });
8820
- var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
8866
+ var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
8821
8867
 
8822
8868
  var Quote = function Quote(_ref) {
8823
8869
  var text = _ref.text,
@@ -8841,11 +8887,11 @@ var Quote = function Quote(_ref) {
8841
8887
  }, attribution))));
8842
8888
  };
8843
8889
 
8844
- var _templateObject$1c, _templateObject2$S, _templateObject3$J, _templateObject4$y, _templateObject5$q, _templateObject6$l;
8845
- var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
8846
- var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
8847
- var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
8848
- var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
8890
+ var _templateObject$1d, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$q, _templateObject6$l;
8891
+ var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
8892
+ var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
8893
+ var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
8894
+ var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
8849
8895
  var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
8850
8896
  var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
8851
8897
 
@@ -8885,11 +8931,11 @@ var MiniCard = function MiniCard(_ref) {
8885
8931
  }, title)))));
8886
8932
  };
8887
8933
 
8888
- var _templateObject$1d, _templateObject2$T, _templateObject3$K, _templateObject4$z;
8889
- var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
8890
- var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
8891
- var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
8892
- var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s 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\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"])));
8934
+ var _templateObject$1e, _templateObject2$U, _templateObject3$L, _templateObject4$A;
8935
+ var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
8936
+ var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
8937
+ var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
8938
+ var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s 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\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"])));
8893
8939
 
8894
8940
  var keyDown = function keyDown(e, toggleFunction) {
8895
8941
  if (e.key === 'Enter' || e.key === 'Space') {
@@ -8987,14 +9033,14 @@ var ReadMore = function ReadMore(_ref) {
8987
9033
  }, isFullTextOpen ? "" + hideText : "" + showMoreText)));
8988
9034
  };
8989
9035
 
8990
- var _templateObject$1e, _templateObject2$U, _templateObject3$L, _templateObject4$A, _templateObject5$r, _templateObject6$m;
8991
- var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
8992
- var Sections = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
8993
- var Section = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
9036
+ var _templateObject$1f, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$r, _templateObject6$m;
9037
+ var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
9038
+ var Sections = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
9039
+ var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
8994
9040
  var color = _ref.color;
8995
9041
  return "var(--base-color-" + color + ")";
8996
9042
  });
8997
- var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
9043
+ var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
8998
9044
  var Text = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
8999
9045
  var color = _ref2.color;
9000
9046
  return "var(--base-color-" + color + ")";
@@ -9060,7 +9106,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
9060
9106
  return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
9061
9107
  };
9062
9108
 
9063
- return /*#__PURE__*/React__default.createElement(Container$4, {
9109
+ return /*#__PURE__*/React__default.createElement(Container$5, {
9064
9110
  "data-testid": "password-strength-container"
9065
9111
  }, /*#__PURE__*/React__default.createElement(Sections, {
9066
9112
  "data-testid": "password-strength-sections"
@@ -9085,17 +9131,17 @@ var PasswordStrength = function PasswordStrength(_ref) {
9085
9131
  }, strengthLabel))));
9086
9132
  };
9087
9133
 
9088
- var _templateObject$1f, _templateObject2$V, _templateObject3$M, _templateObject4$B;
9089
- var MenuContainer$2 = /*#__PURE__*/styled__default.menu(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
9090
- var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n @media ", " {\n margin-left: 0px;\n }\n }\n @media ", " {\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n }\n"])), exports.Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
9134
+ var _templateObject$1g, _templateObject2$W, _templateObject3$N, _templateObject4$C;
9135
+ var MenuContainer$2 = /*#__PURE__*/styled__default.menu(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
9136
+ var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n @media ", " {\n margin-left: 0px;\n }\n }\n @media ", " {\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n }\n"])), exports.Colors.LightGrey, devices.mobile, devices.mobile, function (_ref) {
9091
9137
  var mobileOpen = _ref.mobileOpen;
9092
9138
  return mobileOpen ? "block" : 'none';
9093
9139
  }, exports.Colors.White, exports.Colors.DarkGrey);
9094
- var MenuItem$1 = /*#__PURE__*/styled__default.button(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 20px 15px 5px;\n border: 0;\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n @media ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), exports.Colors.Black, function (_ref2) {
9140
+ var MenuItem$1 = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 20px 15px 5px;\n border: 0;\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n @media ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), exports.Colors.Black, function (_ref2) {
9095
9141
  var active = _ref2.active;
9096
9142
  return active ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
9097
9143
  }, exports.Colors.MidGrey, devices.mobile);
9098
- var MobileButton = /*#__PURE__*/styled__default.button(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: none;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n @media ", " {\n display: block;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey, devices.mobile);
9144
+ var MobileButton = /*#__PURE__*/styled__default.button(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: none;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n @media ", " {\n display: block;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey, devices.mobile);
9099
9145
 
9100
9146
  /**
9101
9147
  * Vertical menu component uses for navigation
@@ -9255,9 +9301,9 @@ var LiveChat = function LiveChat() {
9255
9301
  });
9256
9302
  };
9257
9303
 
9258
- var _templateObject$1g, _templateObject2$W;
9259
- var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
9260
- var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
9304
+ var _templateObject$1h, _templateObject2$X;
9305
+ var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
9306
+ var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
9261
9307
  var hideBottomBorder = _ref.hideBottomBorder;
9262
9308
  return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
9263
9309
  }, devices.mobileAndTablet, devices.mobile);
@@ -9285,13 +9331,12 @@ var StickyBar = function StickyBar(_ref) {
9285
9331
  }, children)));
9286
9332
  };
9287
9333
 
9288
- var _templateObject$1h, _templateObject2$X, _templateObject3$N, _templateObject4$C;
9289
- var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
9290
- var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
9291
- var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9292
- var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
9334
+ var _templateObject$1i, _templateObject2$Y, _templateObject3$O, _templateObject4$D;
9335
+ var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
9336
+ var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
9337
+ var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9338
+ var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
9293
9339
 
9294
- var _excluded$n = ["isOpen", "setIsOpen", "children", "appElementId"];
9295
9340
  var MAX_Z_INDEX = 9999999999;
9296
9341
 
9297
9342
  if (Modal.defaultStyles.content) {
@@ -9368,7 +9413,7 @@ var ModalWindow = function ModalWindow(_ref) {
9368
9413
  setIsOpen = _ref.setIsOpen,
9369
9414
  children = _ref.children,
9370
9415
  appElementId = _ref.appElementId,
9371
- modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
9416
+ modalProps = _objectWithoutPropertiesLoose(_ref, ["isOpen", "setIsOpen", "children", "appElementId"]);
9372
9417
 
9373
9418
  var isMobile = useMobile();
9374
9419
  var customStyles = {
@@ -9410,8 +9455,8 @@ var ModalWindow = function ModalWindow(_ref) {
9410
9455
  })), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
9411
9456
  };
9412
9457
 
9413
- var _templateObject$1i;
9414
- var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
9458
+ var _templateObject$1j;
9459
+ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
9415
9460
  var theme = _ref.theme;
9416
9461
  return theme.colors.primary;
9417
9462
  }, function (_ref2) {
@@ -10408,6 +10453,7 @@ exports.SecondaryLogo = SecondaryLogo;
10408
10453
  exports.SectionSplitter = SectionSplitter;
10409
10454
  exports.SectionTitle = SectionTitle;
10410
10455
  exports.Select = Select;
10456
+ exports.Select2 = SelectComponent;
10411
10457
  exports.Sponsorship = Sponsorship;
10412
10458
  exports.StatusBanner = StatusBanner;
10413
10459
  exports.Stepper = Component;