@royaloperahouse/chord 2.11.0 → 2.11.1-a-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 (25) hide show
  1. package/README.md +255 -40
  2. package/dist/chord.cjs.development.js +340 -253
  3. package/dist/chord.cjs.development.js.map +1 -1
  4. package/dist/chord.cjs.production.min.js +1 -1
  5. package/dist/chord.cjs.production.min.js.map +1 -1
  6. package/dist/chord.esm.js +340 -253
  7. package/dist/chord.esm.js.map +1 -1
  8. package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.d.ts +5 -0
  9. package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.style.d.ts +3 -0
  10. package/dist/components/atoms/AriaAlternativeDescription/index.d.ts +2 -0
  11. package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
  12. package/dist/components/atoms/Grid/GridItemLegacy.d.ts +8 -0
  13. package/dist/components/atoms/Grid/index.d.ts +2 -1
  14. package/dist/components/atoms/Tab/Tab.d.ts +1 -1
  15. package/dist/components/atoms/Tab/Tab.style.d.ts +1 -0
  16. package/dist/components/atoms/index.d.ts +2 -2
  17. package/dist/components/molecules/PageHeading/index.d.ts +1 -1
  18. package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
  19. package/dist/components/molecules/Table/Table.style.d.ts +1 -1
  20. package/dist/components/molecules/index.d.ts +1 -1
  21. package/dist/types/ariaAlternative.d.ts +34 -0
  22. package/dist/types/formTypes.d.ts +12 -9
  23. package/dist/types/types.d.ts +10 -0
  24. package/package.json +3 -3
  25. package/README.GIT +0 -278
package/dist/chord.cjs.development.js CHANGED
@@ -8,7 +8,7 @@ var React = require('react');
8
8
  var React__default = _interopDefault(React);
9
9
  var styled = require('styled-components');
10
10
  var styled__default = _interopDefault(styled);
11
- var moment = _interopDefault(require('moment'));
11
+ var dateFns = require('date-fns');
12
12
  var server = require('react-dom/server');
13
13
  var Select$1 = require('react-select');
14
14
  var Select$1__default = _interopDefault(Select$1);
@@ -967,6 +967,7 @@ var Expand12px = (function (_ref) {
967
967
  height: "12",
968
968
  viewBox: "0 0 12 12",
969
969
  fill: "none",
970
+ role: "img",
970
971
  "aria-label": ariaLabel
971
972
  }, /*#__PURE__*/React.createElement("path", {
972
973
  d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
@@ -984,6 +985,7 @@ var Remove12px = (function (_ref) {
984
985
  height: "12",
985
986
  viewBox: "0 0 12 12",
986
987
  fill: "none",
988
+ role: "img",
987
989
  "aria-label": ariaLabel
988
990
  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
989
991
  d: "M6.9956 5.96581L11.8642 10.8344L10.9042 11.7944L6.0356 6.92581L1.16703 11.7944L0.207031 10.8344L5.0756 5.96581L0.207031 1.16581L1.16703 0.205811L6.0356 5.07438L10.9042 0.205811L11.8642 1.16581L6.9956 5.96581Z",
@@ -1001,6 +1003,7 @@ var Tick = (function (_ref) {
1001
1003
  viewBox: "0 0 12 12",
1002
1004
  fill: "none",
1003
1005
  xmlns: "http://www.w3.org/2000/svg",
1006
+ role: "img",
1004
1007
  "aria-label": ariaLabel
1005
1008
  }, /*#__PURE__*/React.createElement("path", {
1006
1009
  d: "M4.09961 11.1999L1.09961 7.2999L1.89961 6.6999L4.09961 9.4999L10.0996 1.3999L10.8996 1.9999L4.09961 11.1999Z",
@@ -1018,6 +1021,7 @@ var AddToMyList = (function (_ref) {
1018
1021
  viewBox: "0 0 24 24",
1019
1022
  fill: "none",
1020
1023
  xmlns: "http://www.w3.org/2000/svg",
1024
+ role: "img",
1021
1025
  "aria-label": ariaLabel
1022
1026
  }, /*#__PURE__*/React.createElement("path", {
1023
1027
  d: "M21 3H3V4H21V3Z",
@@ -1050,6 +1054,7 @@ var OnMyList = (function (_ref) {
1050
1054
  viewBox: "0 0 24 24",
1051
1055
  fill: "none",
1052
1056
  xmlns: "http://www.w3.org/2000/svg",
1057
+ role: "img",
1053
1058
  "aria-label": ariaLabel
1054
1059
  }, /*#__PURE__*/React.createElement("path", {
1055
1060
  d: "M15.4996 20.2002L13.3996 17.7002L12.5996 18.3002L15.5996 21.8002L20.8996 13.8002L20.0996 13.2002L15.4996 20.2002Z",
@@ -1082,6 +1087,7 @@ var BookTickets = (function (_ref) {
1082
1087
  viewBox: "0 0 24 24",
1083
1088
  fill: "none",
1084
1089
  xmlns: "http://www.w3.org/2000/svg",
1090
+ role: "img",
1085
1091
  "aria-label": ariaLabel
1086
1092
  }, /*#__PURE__*/React.createElement("path", {
1087
1093
  d: "M7 2H6V5H7V2Z",
@@ -1126,6 +1132,7 @@ var ChooseDates = (function (_ref) {
1126
1132
  viewBox: "0 0 24 24",
1127
1133
  fill: "none",
1128
1134
  xmlns: "http://www.w3.org/2000/svg",
1135
+ role: "img",
1129
1136
  "aria-label": ariaLabel
1130
1137
  }, /*#__PURE__*/React.createElement("path", {
1131
1138
  d: "M20.9 9L19 10.9V5H15.5V4H14.5V5H12V4H11V5H8.5V4H7.5V5H4V18C4 19.1 4.9 20 6 20H17C18.1 20 19 19.1 19 18V15.1L23 11.1L20.9 9ZM17.5 12.3H14.3V10H18V11.9L17.5 12.3ZM14.6 15.7H14.3V13.4H16.5L14.7 15.2L14.6 15.7ZM8.7 19H6C5.4 19 5 18.6 5 18V16.7H8.7V19ZM8.7 15.7H5V13.4H8.7V15.7ZM8.7 12.3H5V10H8.7V12.3ZM5 9V6H7.5V7H8.5V6H11V7H12V6H14.5V7H15.5V6H18V9H5ZM13.3 19H9.7V16.7H13.4V19H13.3ZM13.3 15.7H9.7V13.4H13.4V15.7H13.3ZM13.3 12.3H9.7V10H13.4V12.3H13.3ZM18 16.7V18C18 18.6 17.6 19 17 19H14.3V18L16.9 17.2L17.5 16.6H18V16.7ZM19 13.7L18 14.7L17 15.7L16.3 16.4L15.3 16.7L15.6 15.7L17.9 13.4L18.9 12.4L19 12.3L19.7 13L19 13.7ZM19.8 11.5L20.9 10.4L21.6 11.1L20.5 12.2L19.8 11.5Z",
@@ -1143,6 +1150,7 @@ var EditMyList = (function (_ref) {
1143
1150
  viewBox: "0 0 24 24",
1144
1151
  fill: "none",
1145
1152
  xmlns: "http://www.w3.org/2000/svg",
1153
+ role: "img",
1146
1154
  "aria-label": ariaLabel
1147
1155
  }, /*#__PURE__*/React.createElement("path", {
1148
1156
  d: "M21 3H3V4H21V3Z",
@@ -1175,6 +1183,7 @@ var Favourite = (function (_ref) {
1175
1183
  viewBox: "0 0 24 24",
1176
1184
  fill: "none",
1177
1185
  xmlns: "http://www.w3.org/2000/svg",
1186
+ role: "img",
1178
1187
  "aria-label": ariaLabel
1179
1188
  }, /*#__PURE__*/React.createElement("path", {
1180
1189
  d: "M12 4.69994L13.88 8.51994L14.12 8.98994L14.64 9.06994L18.85 9.67994L15.8 12.6799L15.43 13.0499L15.51 13.5599L16.23 17.7599L12.47 15.7599L12 15.5099L11.53 15.7499L7.77 17.7499L8.49 13.5499L8.57 13.0399L8.2 12.6699L5.15 9.66994L9.36 9.05994L9.88 8.97994L10.12 8.50994L12 4.69994ZM12 2.43994L9.22 8.07994L3 8.99994L7.5 13.3899L6.44 19.5799L12 16.6399L17.56 19.5599L16.5 13.3699L21 8.99994L14.78 8.09994L12 2.43994Z",
@@ -1192,6 +1201,7 @@ var FavouriteFull = (function (_ref) {
1192
1201
  viewBox: "0 0 24 24",
1193
1202
  fill: "none",
1194
1203
  xmlns: "http://www.w3.org/2000/svg",
1204
+ role: "img",
1195
1205
  "aria-label": ariaLabel
1196
1206
  }, /*#__PURE__*/React.createElement("path", {
1197
1207
  d: "M9.22 8.07994L12 2.43994L14.78 8.09994L21 8.99994L16.5 13.3699L17.56 19.5599L12 16.6399L6.44 19.5799L7.5 13.3899L3 8.99994L9.22 8.07994Z",
@@ -1209,6 +1219,7 @@ var Filter = (function (_ref) {
1209
1219
  viewBox: "0 0 24 24",
1210
1220
  fill: "none",
1211
1221
  xmlns: "http://www.w3.org/2000/svg",
1222
+ role: "img",
1212
1223
  "aria-label": ariaLabel
1213
1224
  }, /*#__PURE__*/React.createElement("path", {
1214
1225
  d: "M8.4 5C8.2 4.1 7.4 3.5 6.5 3.5C5.6 3.5 4.8 4.1 4.6 5H2V6H4.6C4.8 6.9 5.6 7.5 6.5 7.5C7.4 7.5 8.2 6.9 8.4 6H22V5H8.4ZM6.5 6.5C5.9 6.5 5.5 6.1 5.5 5.5C5.5 4.9 5.9 4.5 6.5 4.5C7.1 4.5 7.5 4.9 7.5 5.5C7.5 6.1 7.1 6.5 6.5 6.5Z",
@@ -1232,6 +1243,7 @@ var FindAScreening = (function (_ref) {
1232
1243
  viewBox: "0 0 24 24",
1233
1244
  fill: "none",
1234
1245
  xmlns: "http://www.w3.org/2000/svg",
1246
+ role: "img",
1235
1247
  "aria-label": ariaLabel
1236
1248
  }, /*#__PURE__*/React.createElement("path", {
1237
1249
  d: "M12 2C9.7381 2.00427 7.54447 2.77523 5.77725 4.18702C4.01004 5.59881 2.77365 7.56802 2.26996 9.77313C1.76627 11.9782 2.02503 14.289 3.00399 16.328C3.98295 18.3671 5.62429 20.0141 7.66 21H2V22H12C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 9.34784 20.9464 6.8043 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 2ZM12 21C10.22 21 8.47991 20.4722 6.99987 19.4832C5.51983 18.4943 4.36627 17.0887 3.68508 15.4442C3.0039 13.7996 2.82567 11.99 3.17293 10.2442C3.5202 8.49836 4.37737 6.89471 5.63604 5.63604C6.89471 4.37737 8.49836 3.5202 10.2442 3.17293C11.99 2.82567 13.7996 3.0039 15.4442 3.68508C17.0887 4.36627 18.4943 5.51983 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C21 14.3869 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.3869 21 12 21Z",
@@ -1264,6 +1276,7 @@ var Reminder = (function (_ref) {
1264
1276
  viewBox: "0 0 24 24",
1265
1277
  fill: "none",
1266
1278
  xmlns: "http://www.w3.org/2000/svg",
1279
+ role: "img",
1267
1280
  "aria-label": ariaLabel
1268
1281
  }, /*#__PURE__*/React.createElement("path", {
1269
1282
  d: "M18 18V10C18 6.9 15.6 4.3 12.5 4V2H11.5V4C8.4 4.3 6 6.9 6 10V18H4V19H6H9C9 20.7 10.3 22 12 22C13.7 22 15 20.7 15 19H18H20V18H18ZM12 21C10.9 21 10 20.1 10 19H14C14 20.1 13.1 21 12 21ZM15 18H9H7V10C7 7.2 9.2 5 12 5C14.8 5 17 7.2 17 10V18H15Z",
@@ -1281,6 +1294,7 @@ var Subscribe = (function (_ref) {
1281
1294
  viewBox: "0 0 24 24",
1282
1295
  fill: "none",
1283
1296
  xmlns: "http://www.w3.org/2000/svg",
1297
+ role: "img",
1284
1298
  "aria-label": ariaLabel
1285
1299
  }, /*#__PURE__*/React.createElement("path", {
1286
1300
  d: "M20 4V20H4V4H20ZM21 3H3V21H21V3Z",
@@ -1301,6 +1315,7 @@ var Watch = (function (_ref) {
1301
1315
  viewBox: "0 0 24 24",
1302
1316
  fill: "none",
1303
1317
  xmlns: "http://www.w3.org/2000/svg",
1318
+ role: "img",
1304
1319
  "aria-label": ariaLabel
1305
1320
  }, /*#__PURE__*/React.createElement("path", {
1306
1321
  d: "M9 8L16 12L9 16V8Z",
@@ -1321,6 +1336,7 @@ var Arrow = (function (_ref) {
1321
1336
  viewBox: "0 0 24 24",
1322
1337
  fill: "none",
1323
1338
  xmlns: "http://www.w3.org/2000/svg",
1339
+ role: "img",
1324
1340
  "aria-label": ariaLabel
1325
1341
  }, /*#__PURE__*/React.createElement("path", {
1326
1342
  d: "M3 12.6001H19L12.9 18.7001L13.6 19.4001L21 12.0001L13.6 4.6001L12.9 5.3001L19.2 11.6001H3V12.6001Z",
@@ -1338,6 +1354,7 @@ var CarouselArrow = (function (_ref) {
1338
1354
  viewBox: "0 0 24 24",
1339
1355
  fill: "none",
1340
1356
  xmlns: "http://www.w3.org/2000/svg",
1357
+ role: "img",
1341
1358
  "aria-label": ariaLabel
1342
1359
  }, /*#__PURE__*/React.createElement("path", {
1343
1360
  d: "M13.6 4.24658L21.3536 12.0001L13.6 19.7537L12.5464 18.7001L18.3964 12.8501H2.75V11.3501H18.5964L12.5464 5.30014L13.6 4.24658Z",
@@ -1355,6 +1372,7 @@ var DropdownArrow = (function (_ref) {
1355
1372
  viewBox: "0 0 24 24",
1356
1373
  fill: "none",
1357
1374
  xmlns: "http://www.w3.org/2000/svg",
1375
+ role: "img",
1358
1376
  "aria-label": ariaLabel
1359
1377
  }, /*#__PURE__*/React.createElement("path", {
1360
1378
  d: "M19.3 8L12 14.7L4.7 8L4 8.7L12 16L20 8.7L19.3 8Z",
@@ -1372,6 +1390,7 @@ var Cinema = (function (_ref) {
1372
1390
  viewBox: "0 0 24 24",
1373
1391
  fill: "none",
1374
1392
  xmlns: "http://www.w3.org/2000/svg",
1393
+ role: "img",
1375
1394
  "aria-label": ariaLabel
1376
1395
  }, /*#__PURE__*/React.createElement("path", {
1377
1396
  d: "M12 2C9.7381 2.00427 7.54447 2.77523 5.77725 4.18702C4.01004 5.59881 2.77365 7.56802 2.26996 9.77313C1.76627 11.9782 2.02503 14.289 3.00399 16.328C3.98295 18.3671 5.62429 20.0141 7.66 21H2V22H12C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 9.34784 20.9464 6.8043 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 2V2ZM12 21C10.22 21 8.47991 20.4722 6.99987 19.4832C5.51983 18.4943 4.36627 17.0887 3.68508 15.4442C3.0039 13.7996 2.82567 11.99 3.17293 10.2442C3.5202 8.49836 4.37737 6.89471 5.63604 5.63604C6.89471 4.37737 8.49836 3.5202 10.2442 3.17293C11.99 2.82567 13.7996 3.0039 15.4442 3.68508C17.0887 4.36627 18.4943 5.51983 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C21 14.3869 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.3869 21 12 21V21Z",
@@ -1404,6 +1423,7 @@ var Clock = (function (_ref) {
1404
1423
  viewBox: "0 0 24 24",
1405
1424
  fill: "none",
1406
1425
  xmlns: "http://www.w3.org/2000/svg",
1426
+ role: "img",
1407
1427
  "aria-label": ariaLabel
1408
1428
  }, /*#__PURE__*/React.createElement("path", {
1409
1429
  d: "M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM12 21C7 21 3 17 3 12C3 7 7 3 12 3C17 3 21 7 21 12C21 17 17 21 12 21Z",
@@ -1424,6 +1444,7 @@ var CreditCard = (function (_ref) {
1424
1444
  viewBox: "0 0 24 24",
1425
1445
  fill: "none",
1426
1446
  xmlns: "http://www.w3.org/2000/svg",
1447
+ role: "img",
1427
1448
  "aria-label": ariaLabel
1428
1449
  }, /*#__PURE__*/React.createElement("path", {
1429
1450
  d: "M10.5 14H5.5C5.2 14 5 14.2 5 14.5C5 14.8 5.2 15 5.5 15H10.5C10.8 15 11 14.8 11 14.5C11 14.2 10.8 14 10.5 14Z",
@@ -1447,6 +1468,7 @@ var Email = (function (_ref) {
1447
1468
  viewBox: "0 0 24 24",
1448
1469
  fill: "none",
1449
1470
  xmlns: "http://www.w3.org/2000/svg",
1471
+ role: "img",
1450
1472
  "aria-label": ariaLabel
1451
1473
  }, /*#__PURE__*/React.createElement("path", {
1452
1474
  d: "M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM21 18.2L15.3 12.5L21 6.7V18C21 18.1 21 18.2 21 18.2ZM4 5H20C20.4 5 20.6 5.2 20.8 5.5L12 14.3L10.2 12.5L9.5 11.8L3.2 5.5C3.4 5.2 3.6 5 4 5ZM3 18.2C3 18.1 3 18 3 18V6.7L8.8 12.5L3 18.2ZM4 19C3.9 19 3.8 19 3.8 19L9.5 13.3L12 15.8L14.5 13.3L20.2 19C20.1 19 20 19 20 19H4Z",
@@ -1464,6 +1486,7 @@ var Info = (function (_ref) {
1464
1486
  viewBox: "0 0 24 24",
1465
1487
  fill: "none",
1466
1488
  xmlns: "http://www.w3.org/2000/svg",
1489
+ role: "img",
1467
1490
  "aria-label": ariaLabel
1468
1491
  }, /*#__PURE__*/React.createElement("path", {
1469
1492
  d: "M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM12 21C7 21 3 17 3 12C3 7 7 3 12 3C17 3 21 7 21 12C21 17 17 21 12 21Z",
@@ -1487,6 +1510,7 @@ var List = (function (_ref) {
1487
1510
  viewBox: "0 0 24 24",
1488
1511
  fill: "none",
1489
1512
  xmlns: "http://www.w3.org/2000/svg",
1513
+ role: "img",
1490
1514
  "aria-label": ariaLabel
1491
1515
  }, /*#__PURE__*/React.createElement("path", {
1492
1516
  d: "M4.5 7C5.32843 7 6 6.32843 6 5.5C6 4.67157 5.32843 4 4.5 4C3.67157 4 3 4.67157 3 5.5C3 6.32843 3.67157 7 4.5 7Z",
@@ -1519,6 +1543,7 @@ var Location = (function (_ref) {
1519
1543
  viewBox: "0 0 24 24",
1520
1544
  fill: "none",
1521
1545
  xmlns: "http://www.w3.org/2000/svg",
1546
+ role: "img",
1522
1547
  "aria-label": ariaLabel
1523
1548
  }, /*#__PURE__*/React.createElement("path", {
1524
1549
  d: "M12 2C9.87827 2 7.84344 2.84285 6.34315 4.34315C4.84286 5.84344 4 7.87827 4 10C4 14.42 12 22 12 22C12 22 20 14.42 20 10C20 7.87827 19.1571 5.84344 17.6569 4.34315C16.1566 2.84285 14.1217 2 12 2ZM12 20.6C9.55 18.14 5 13 5 10C5 8.14348 5.7375 6.36301 7.05025 5.05025C8.36301 3.7375 10.1435 3 12 3C13.8565 3 15.637 3.7375 16.9497 5.05025C18.2625 6.36301 19 8.14348 19 10C19 13 14.45 18.14 12 20.6Z",
@@ -1539,6 +1564,7 @@ var PDF = (function (_ref) {
1539
1564
  viewBox: "0 0 24 24",
1540
1565
  fill: "none",
1541
1566
  xmlns: "http://www.w3.org/2000/svg",
1567
+ role: "img",
1542
1568
  "aria-label": ariaLabel
1543
1569
  }, /*#__PURE__*/React.createElement("path", {
1544
1570
  d: "M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2ZM14.5 3.9L18.1 7.5H14.5V3.9ZM18 21H6C5.4 21 5 20.6 5 20V4C5 3.4 5.4 3 6 3H13.6H13.5V8.5H19V20C19 20.6 18.6 21 18 21Z",
@@ -1565,6 +1591,7 @@ var Phone = (function (_ref) {
1565
1591
  viewBox: "0 0 24 24",
1566
1592
  fill: "none",
1567
1593
  xmlns: "http://www.w3.org/2000/svg",
1594
+ role: "img",
1568
1595
  "aria-label": ariaLabel
1569
1596
  }, /*#__PURE__*/React.createElement("path", {
1570
1597
  d: "M20.14 14H20C18.5808 13.8715 17.201 13.4637 15.94 12.8L15.67 12.66C15.5265 12.5796 15.3645 12.5382 15.2 12.54C14.9377 12.5411 14.6863 12.6453 14.5 12.83L12.9 14.43C11.4318 13.3789 10.1763 12.0589 9.2 10.54L10.85 8.89001C11.0287 8.70464 11.129 8.45748 11.13 8.20001C11.1278 8.08009 11.1041 7.96154 11.06 7.85001L10.87 7.45001C10.3893 6.35669 10.0952 5.19054 10 4.00001C9.99507 3.96686 9.99507 3.93316 10 3.90001C9.97513 3.65249 9.85889 3.42312 9.67398 3.25671C9.48907 3.09029 9.24877 2.99877 9 3.00001H4C3.73478 3.00001 3.48043 3.10537 3.29289 3.29291C3.10536 3.48044 3 3.7348 3 4.00001C3.24002 8.43074 5.10813 12.6167 8.24573 15.7543C11.3833 18.8919 15.5693 20.76 20 21C20.2652 21 20.5196 20.8947 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V15C21.0024 14.7574 20.9165 14.5221 20.7582 14.3381C20.6 14.1541 20.3803 14.034 20.14 14ZM20 17V20C16.9863 19.8334 14.0721 18.8631 11.56 17.19C11.28 17 11.01 16.79 10.74 16.59C9.29429 15.4967 8.03183 14.1802 7 12.69C6.8 12.4 6.62 12.11 6.44 11.82C4.99691 9.45324 4.1589 6.76749 4 4.00001H9C9 4.34001 9.07 4.67001 9.13 5.00001C9.25673 5.76115 9.45769 6.50805 9.73 7.23001C9.85 7.54001 9.98 7.85001 10.12 8.15001L9.41 8.86001L8.62 9.64001L7.89 10.38C8.06 10.68 8.23 10.97 8.42 11.26C9.4178 12.7656 10.6778 14.0797 12.14 15.14C12.41 15.34 12.69 15.53 12.98 15.72L13.71 14.98L14.46 14.23L15.16 13.53L16.06 13.98C16.9924 14.3929 17.9737 14.6853 18.98 14.85C19.3 14.91 19.63 14.95 19.98 14.98V16.98L20 17Z",
@@ -1582,6 +1609,7 @@ var Print = (function (_ref) {
1582
1609
  viewBox: "0 0 24 24",
1583
1610
  fill: "none",
1584
1611
  xmlns: "http://www.w3.org/2000/svg",
1612
+ role: "img",
1585
1613
  "aria-label": ariaLabel
1586
1614
  }, /*#__PURE__*/React.createElement("path", {
1587
1615
  d: "M19 6H16V3H8V6H5C3.9 6 3 6.9 3 8V16C3 17.1 3.9 18 5 18H8V21H16V18H19C20.1 18 21 17.1 21 16V8C21 6.9 20.1 6 19 6ZM9 4H15V6H9V4ZM15 20H9V14H15V20ZM20 16C20 16.6 19.6 17 19 17H16V13H8V17H5C4.4 17 4 16.6 4 16V8C4 7.4 4.4 7 5 7H19C19.6 7 20 7.4 20 8V16Z",
@@ -1599,6 +1627,7 @@ var Seat = (function (_ref) {
1599
1627
  viewBox: "0 0 24 24",
1600
1628
  fill: "none",
1601
1629
  xmlns: "http://www.w3.org/2000/svg",
1630
+ role: "img",
1602
1631
  "aria-label": ariaLabel
1603
1632
  }, /*#__PURE__*/React.createElement("path", {
1604
1633
  d: "M17.5 7.8V4.9c0-2.7-2.2-4.9-4.9-4.9H7.2C4.5 0 2.3 2.2 2.3 4.9v2.9H0V20h4.2v-3.7h11.3V20h4.2V7.8h-2.2ZM3 4.8h.3v.1C3.3 2.8 5 1 7.2 1h5.4c2.2 0 3.9 1.8 3.9 3.9v2.8h-1v4.6H4.2V7.8H3v-3ZM1 19V8.7h2.2v3.6H1.9v4h1.3V19H1Zm1.9-3.6v-2h13.9v2H2.9ZM18.8 19h-2.2v-2.7h1.3v-4h-1.3V8.7h2.2V19Z",
@@ -1619,6 +1648,7 @@ var Secure = (function (_ref) {
1619
1648
  viewBox: "0 0 24 24",
1620
1649
  fill: "none",
1621
1650
  xmlns: "http://www.w3.org/2000/svg",
1651
+ role: "img",
1622
1652
  "aria-label": ariaLabel
1623
1653
  }, /*#__PURE__*/React.createElement("path", {
1624
1654
  d: "M18 9H17V7C17 5.67392 16.4732 4.40215 15.5355 3.46447C14.5979 2.52678 13.3261 2 12 2C10.6739 2 9.40215 2.52678 8.46447 3.46447C7.52678 4.40215 7 5.67392 7 7V9H6C5.46957 9 4.96086 9.21071 4.58579 9.58579C4.21071 9.96086 4 10.4696 4 11V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V11C20 10.4696 19.7893 9.96086 19.4142 9.58579C19.0391 9.21071 18.5304 9 18 9ZM8 7C8 5.93913 8.42143 4.92172 9.17157 4.17157C9.92172 3.42143 10.9391 3 12 3C13.0609 3 14.0783 3.42143 14.8284 4.17157C15.5786 4.92172 16 5.93913 16 7V9H8V7ZM19 20C19 20.2652 18.8946 20.5196 18.7071 20.7071C18.5196 20.8946 18.2652 21 18 21H6C5.73478 21 5.48043 20.8946 5.29289 20.7071C5.10536 20.5196 5 20.2652 5 20V11C5 10.7348 5.10536 10.4804 5.29289 10.2929C5.48043 10.1054 5.73478 10 6 10H18C18.2652 10 18.5196 10.1054 18.7071 10.2929C18.8946 10.4804 19 10.7348 19 11V20Z",
@@ -1639,6 +1669,7 @@ var Standing = (function (_ref) {
1639
1669
  viewBox: "0 0 24 24",
1640
1670
  fill: "none",
1641
1671
  xmlns: "http://www.w3.org/2000/svg",
1672
+ role: "img",
1642
1673
  "aria-label": ariaLabel
1643
1674
  }, /*#__PURE__*/React.createElement("path", {
1644
1675
  d: "M9.8 3.9c1.1 0 1.9-.9 1.9-1.9 0-1-.8-2-1.9-2-1.1 0-1.9.9-1.9 2s.9 1.9 1.9 1.9Zm0-2.9c.5 0 .9.4.9.9s-.4.9-.9.9-.9-.3-.9-.8.4-1 .9-1Zm2 3.2H8c-1.3 0-2.3 1-2.3 2.2v6.4h1.7V20h4.9v-7h1.8V6.4c0-1.2-1.1-2.2-2.3-2.2Zm1.3 7.8h-.8V7.4c0-.2-.2-.4-.5-.4-.2 0-.5.2-.5.4V19h-.9v-6.3c0-.2-.2-.4-.5-.4-.2 0-.5.2-.5.4V19h-1V7.4c0-.2-.2-.4-.5-.4-.2 0-.5.2-.5.4v4.5h-.7V6.5c0-.7.6-1.2 1.3-1.2h3.7c.7 0 1.3.5 1.3 1.2l.1 5.5Z",
@@ -1656,6 +1687,7 @@ var Tickets = (function (_ref) {
1656
1687
  viewBox: "0 0 24 24",
1657
1688
  fill: "none",
1658
1689
  xmlns: "http://www.w3.org/2000/svg",
1690
+ role: "img",
1659
1691
  "aria-label": ariaLabel
1660
1692
  }, /*#__PURE__*/React.createElement("path", {
1661
1693
  d: "M12 14H11V16H12V14Z",
@@ -1679,6 +1711,7 @@ var Wheelchair = (function (_ref) {
1679
1711
  viewBox: "0 0 24 24",
1680
1712
  fill: "none",
1681
1713
  xmlns: "http://www.w3.org/2000/svg",
1714
+ role: "img",
1682
1715
  "aria-label": ariaLabel
1683
1716
  }, /*#__PURE__*/React.createElement("path", {
1684
1717
  d: "M8.4 18.8c-1.1 0-2.2-.4-3-1.1-.8-.8-1.3-1.8-1.3-2.9-.1-1.6.9-3.2 2.3-3.9l-.4-1c-1.9.9-3 2.8-3 4.9.1 2.8 2.4 5.1 5.3 5.1h.2c2.6-.1 4.7-2.1 5.1-4.6l-1.1-.1c-.3 2-2 3.6-4.1 3.6ZM9.8 4.5c1.2 0 2.2-1 2.2-2.2C12 1.1 11 .1 9.8.1c-1.2 0-2.2 1-2.2 2.2 0 1.2.9 2.2 2.2 2.2Zm0-3.3c.6 0 1.1.5 1.1 1.1 0 .6-.5 1.1-1.1 1.1-.6 0-1.1-.5-1.1-1.1 0-.6.5-1.1 1.1-1.1Zm4.9 12c-.3-.5-.9-.8-1.6-.8h-2.6V6.3c0-.6-.5-1.2-1.1-1.2H6.2c-.5.1-.9.5-.9 1v3.2h1.1V6.2l2.9.1v7.2h3.8c.3 0 .5.1.6.3l3.4 5.4.9-.6-3.3-5.4Z",
@@ -1696,6 +1729,7 @@ var BalletAndDance = (function (_ref) {
1696
1729
  viewBox: "0 0 24 24",
1697
1730
  fill: "none",
1698
1731
  xmlns: "http://www.w3.org/2000/svg",
1732
+ role: "img",
1699
1733
  "aria-label": ariaLabel
1700
1734
  }, /*#__PURE__*/React.createElement("path", {
1701
1735
  d: "M20 10.8099C20 10.4099 20 10.0099 19.91 9.61995C19.8296 8.78684 19.7028 7.95889 19.53 7.13995C19.3725 6.36611 19.1722 5.6016 18.93 4.84995C18.83 4.52995 18.72 4.21995 18.61 3.90995L18.19 2.84995C18.12 2.69995 18.06 2.54995 18 2.39995C17.9472 2.27991 17.8602 2.17802 17.75 2.10691C17.6398 2.03581 17.5112 1.99861 17.38 1.99995H10.6C10.4803 1.99361 10.3611 2.02001 10.2552 2.0763C10.1494 2.13259 10.0609 2.21665 9.99918 2.31946C9.9375 2.42226 9.90499 2.53992 9.90513 2.65981C9.90527 2.7797 9.93807 2.89729 10 2.99995L10.61 3.99995C9.02093 4.16117 7.53678 4.8679 6.41 5.99995L3 9.35994L3.72 10.0699L7.16 6.66995C7.75257 6.09557 8.45725 5.64961 9.23 5.35995C8.49778 6.12058 7.95332 7.04171 7.64 8.04995L6.2 12.6399L7.2 12.9299L8.61 8.33995C9.04114 6.96737 9.97284 5.8072 11.22 5.08995C11.69 6.02959 12.091 7.00215 12.42 7.99995C11.9519 8.75685 11.7059 9.63002 11.71 10.5199C11.7119 11.022 11.7895 11.521 11.94 11.9999C12.1174 12.5578 12.3991 13.077 12.77 13.5299C12.8542 13.606 12.9312 13.6897 13 13.7799C13.3354 14.2018 13.5249 14.7212 13.54 15.2599C13.54 15.3699 13.54 15.4799 13.54 15.5899C13.5242 16.3823 13.4675 17.1734 13.37 17.9599C13.2272 18.9861 13.0168 20.0016 12.74 20.9999V20.9999C12.7011 21.1094 12.6881 21.2264 12.7021 21.3417C12.716 21.4571 12.7566 21.5676 12.8206 21.6645C12.8846 21.7615 12.9703 21.8423 13.0708 21.9005C13.1714 21.9587 13.284 21.9927 13.4 21.9999H16.91C17.1788 21.9964 17.4405 21.9126 17.6614 21.7594C17.8823 21.6062 18.0524 21.3905 18.15 21.1399C19.099 18.8653 19.6861 16.4562 19.89 13.9999C19.89 13.7699 19.94 13.5499 19.96 13.3099C19.98 13.0699 19.96 13.1099 19.96 13.0099C19.96 12.6499 19.96 12.2899 19.96 11.9299C19.96 11.5699 20 11.1899 20 10.8099ZM11.61 2.99995H17C17.0499 3.00059 17.0985 3.01618 17.1395 3.0447C17.1805 3.07322 17.212 3.11336 17.23 3.15995C17.34 3.41995 17.44 3.69995 17.55 3.96995H11.7L11.39 3.36995C11.3691 3.33182 11.3586 3.28892 11.3594 3.24547C11.3601 3.20202 11.3722 3.15953 11.3944 3.12218C11.4166 3.08482 11.4482 3.05391 11.486 3.03247C11.5238 3.01104 11.5665 2.99983 11.61 2.99995ZM12.23 4.99995H17.93C17.93 5.13995 18.02 5.27995 18.07 5.41995L17.25 6.31995L15.73 7.99995H15.65L13.08 6.99995C12.83 6.29995 12.54 5.62995 12.23 4.99995V4.99995ZM19 13.8999C18.808 16.2022 18.2545 18.4599 17.36 20.5899C17.3111 20.7095 17.2282 20.8121 17.1215 20.885C17.0149 20.9578 16.8892 20.9978 16.76 20.9999H13.86C13.8411 20.9995 13.8225 20.9945 13.8059 20.9855C13.7892 20.9764 13.775 20.9636 13.7642 20.948C13.7535 20.9324 13.7466 20.9144 13.7442 20.8957C13.7417 20.8769 13.7437 20.8578 13.75 20.8399C14.1769 19.104 14.415 17.327 14.46 15.5399C14.46 15.4699 14.46 14.9099 14.46 14.9099C14.3722 14.1233 14.0196 13.3898 13.46 12.8299V12.8299C12.9343 12.1788 12.6483 11.3668 12.65 10.5299C12.6562 10.1426 12.7203 9.75836 12.84 9.38995C12.9771 8.96486 13.1906 8.56836 13.47 8.21995L15.59 8.99995C15.6034 10.0554 15.9365 11.082 16.5453 11.9443C17.154 12.8066 18.0099 13.464 19 13.8299V13.8999ZM19 12.8099C18.2319 12.4636 17.5815 11.9007 17.1285 11.1902C16.6756 10.4797 16.4398 9.65248 16.45 8.80995C16.445 8.72001 16.445 8.62988 16.45 8.53995L18.33 6.53995C18.43 6.92995 18.53 7.32995 18.61 7.72995C18.9028 9.13498 19.0602 10.5649 19.08 11.9999C19.08 12.2499 19.06 12.5299 19 12.8099Z",
@@ -1713,6 +1747,7 @@ var Basket = (function (_ref) {
1713
1747
  viewBox: "0 0 24 24",
1714
1748
  fill: "none",
1715
1749
  xmlns: "http://www.w3.org/2000/svg",
1750
+ role: "img",
1716
1751
  "aria-label": ariaLabel
1717
1752
  }, /*#__PURE__*/React.createElement("path", {
1718
1753
  d: "M16.0996 8V7C15.9996 4.8 14.1996 3 11.9996 3C9.69961 3 7.89961 4.8 7.89961 7V8H3.09961L5.19961 18.8C5.39961 20.1 6.49961 21 7.79961 21H16.1996C17.4996 21 18.5996 20.1 18.7996 18.8L20.8996 8H16.0996ZM8.89961 7C8.89961 5.4 10.2996 4 11.9996 4C13.5996 4 15.0996 5.4 15.0996 7V8H8.89961V7ZM17.8996 18.6C17.6996 19.4 16.9996 20 16.1996 20H7.79961C6.99961 20 6.29961 19.4 6.19961 18.6L4.29961 9H7.89961H16.0996H19.6996L17.8996 18.6Z",
@@ -1730,6 +1765,7 @@ var BasketFull = (function (_ref) {
1730
1765
  viewBox: "0 0 24 24",
1731
1766
  fill: "none",
1732
1767
  xmlns: "http://www.w3.org/2000/svg",
1768
+ role: "img",
1733
1769
  "aria-label": ariaLabel
1734
1770
  }, /*#__PURE__*/React.createElement("path", {
1735
1771
  d: "M16.0996 8V7C15.9996 4.8 14.1996 3 11.9996 3C9.69961 3 7.89961 4.8 7.89961 7V8H3.09961L5.19961 18.8C5.39961 20.1 6.49961 21 7.79961 21H16.1996C17.4996 21 18.5996 20.1 18.7996 18.8L20.8996 8H16.0996ZM8.89961 7C8.89961 5.4 10.2996 4 11.9996 4C13.5996 4 15.0996 5.4 15.0996 7V8H8.89961V7Z",
@@ -1747,6 +1783,7 @@ var Home = (function (_ref) {
1747
1783
  viewBox: "0 0 24 24",
1748
1784
  fill: "none",
1749
1785
  xmlns: "http://www.w3.org/2000/svg",
1786
+ role: "img",
1750
1787
  "aria-label": ariaLabel
1751
1788
  }, /*#__PURE__*/React.createElement("path", {
1752
1789
  d: "M22 12.1L12 4L2 12.1L2.6 12.9L4.8 11.1V18C4.8 19.1 5.7 20 6.8 20H9.6C10.1 20 10.5 19.6 10.5 19.1V15.3C10.5 14.9 10.7 14.5 11 14.2C11.3 13.9 11.7 13.8 12.1 13.8C12.9 13.8 13.5 14.6 13.5 15.4V19.1C13.5 19.6 13.9 20 14.4 20H17.2C18.3 20 19.2 19.1 19.2 18V11.1L21.4 12.9L22 12.1ZM18.2 18C18.2 18.6 17.8 19 17.2 19H14.6V15.4C14.6 14 13.5 12.8 12.2 12.8C11.5 12.8 10.8 13 10.3 13.5C9.8 14 9.5 14.6 9.5 15.3V19H6.8C6.2 19 5.8 18.5 5.8 18V10.3L12 5.3L18.2 10.3V18Z",
@@ -1764,6 +1801,7 @@ var LiveStream = (function (_ref) {
1764
1801
  viewBox: "0 0 24 24",
1765
1802
  fill: "none",
1766
1803
  xmlns: "http://www.w3.org/2000/svg",
1804
+ role: "img",
1767
1805
  "aria-label": ariaLabel
1768
1806
  }, /*#__PURE__*/React.createElement("path", {
1769
1807
  d: "M12 15.5C10.1 15.5 8.5 13.9 8.5 12C8.5 10.1 10.1 8.5 12 8.5C13.9 8.5 15.5 10.1 15.5 12C15.5 13.9 13.9 15.5 12 15.5ZM12 9.5C10.6 9.5 9.5 10.6 9.5 12C9.5 13.4 10.6 14.5 12 14.5C13.4 14.5 14.5 13.4 14.5 12C14.5 10.6 13.4 9.5 12 9.5Z",
@@ -1793,6 +1831,7 @@ var Menu = (function (_ref) {
1793
1831
  viewBox: "0 0 24 24",
1794
1832
  fill: "none",
1795
1833
  xmlns: "http://www.w3.org/2000/svg",
1834
+ role: "img",
1796
1835
  "aria-label": ariaLabel
1797
1836
  }, /*#__PURE__*/React.createElement("path", {
1798
1837
  d: "M22 5H2V6H22V5Z",
@@ -1816,6 +1855,7 @@ var OperaAndMusic = (function (_ref) {
1816
1855
  viewBox: "0 0 24 24",
1817
1856
  fill: "none",
1818
1857
  xmlns: "http://www.w3.org/2000/svg",
1858
+ role: "img",
1819
1859
  "aria-label": ariaLabel
1820
1860
  }, /*#__PURE__*/React.createElement("path", {
1821
1861
  d: "M22 11V10C20.9391 10 19.9217 9.57857 19.1715 8.82843C18.4214 8.07828 18 7.06087 18 6H17V14.78C16.4875 14.3216 15.833 14.0532 15.1463 14.0197C14.4595 13.9862 13.7821 14.1896 13.2273 14.5958C12.6726 15.0021 12.2743 15.5866 12.0991 16.2515C11.9238 16.9164 11.9823 17.6213 12.2647 18.2482C12.5471 18.8751 13.0363 19.386 13.6504 19.6954C14.2644 20.0047 14.9661 20.0937 15.638 19.9475C16.3098 19.8013 16.9111 19.4287 17.3411 18.8921C17.771 18.3556 18.0037 17.6876 18 17V9C18.4657 9.62098 19.0696 10.125 19.7639 10.4721C20.4582 10.8193 21.2237 11 22 11V11ZM15 19C14.6044 19 14.2177 18.8827 13.8888 18.6629C13.5599 18.4432 13.3036 18.1308 13.1522 17.7654C13.0008 17.3999 12.9612 16.9978 13.0384 16.6098C13.1156 16.2219 13.306 15.8655 13.5857 15.5858C13.8655 15.3061 14.2218 15.1156 14.6098 15.0384C14.9977 14.9613 15.3999 15.0009 15.7653 15.1522C16.1308 15.3036 16.4431 15.56 16.6629 15.8889C16.8827 16.2178 17 16.6044 17 17C17 17.5304 16.7892 18.0391 16.4142 18.4142C16.0391 18.7893 15.5304 19 15 19Z",
@@ -1851,6 +1891,7 @@ var Search = (function (_ref) {
1851
1891
  viewBox: "0 0 24 24",
1852
1892
  fill: "none",
1853
1893
  xmlns: "http://www.w3.org/2000/svg",
1894
+ role: "img",
1854
1895
  "aria-label": ariaLabel
1855
1896
  }, /*#__PURE__*/React.createElement("path", {
1856
1897
  d: "M21 20.3L16.1 15.4C17.3 14.1 18 12.4 18 10.5C18 6.4 14.6 3 10.5 3C6.4 3 3 6.4 3 10.5C3 14.6 6.4 18 10.5 18C12.4 18 14.1 17.3 15.4 16.1L20.3 21L21 20.3ZM4 10.5C4 6.9 6.9 4 10.5 4C14.1 4 17 6.9 17 10.5C17 14.1 14.1 17 10.5 17C6.9 17 4 14.1 4 10.5Z",
@@ -1868,6 +1909,7 @@ var Settings = (function (_ref) {
1868
1909
  viewBox: "0 0 24 24",
1869
1910
  fill: "none",
1870
1911
  xmlns: "http://www.w3.org/2000/svg",
1912
+ role: "img",
1871
1913
  "aria-label": ariaLabel
1872
1914
  }, /*#__PURE__*/React.createElement("path", {
1873
1915
  d: "M19.4157 12.1133C19.4157 11.9133 19.4157 11.7133 19.4157 11.4133L22.1992 8.81328L20.1374 5.31328L16.426 6.31328C16.0137 6.11328 15.6013 5.91328 15.1889 5.71328L14.2611 2.11328H10.1374L9.20953 5.71328C8.79716 5.91328 8.38479 6.11328 8.07551 6.41328L4.36417 5.41328L2.30231 8.91328L4.98272 11.5133C4.98272 11.7133 4.98272 11.9133 4.98272 12.2133C4.98272 12.5133 4.98272 12.6133 4.98272 12.9133L2.19922 15.4133L4.26107 18.9133L8.07551 17.9133C8.38479 18.1133 8.79716 18.3133 9.20953 18.5133L10.1374 22.1133H14.2611L15.1889 18.5133C15.6013 18.3133 16.0137 18.1133 16.3229 17.8133L20.0343 18.8133L22.0961 15.3133L19.3126 12.7133C19.4157 12.5133 19.4157 12.3133 19.4157 12.1133ZM20.859 15.5133L19.6219 17.6133L16.6322 16.8133L16.1167 16.7133L15.7044 17.0133C15.3951 17.2133 14.9827 17.4133 14.6734 17.6133L14.2611 17.8133L14.158 18.3133L13.4363 21.1133H10.859L10.1374 18.2133L10.0343 17.7133L9.6219 17.5133C9.31262 17.3133 8.90025 17.2133 8.59097 16.9133L8.1786 16.6133L7.66314 16.7133L4.77654 17.5133L3.53943 15.4133L5.70437 13.3133L6.01365 13.1133V12.6133C6.01365 12.2133 6.01365 11.8133 6.01365 11.5133V11.0133L5.70437 10.7133L3.53943 8.71328L4.77654 6.61328L7.66314 7.41328L8.1786 7.51328L8.59097 7.21328C8.90025 7.01328 9.31262 6.81328 9.6219 6.61328L10.0343 6.41328L10.1374 5.91328L10.859 3.11328H13.3332L14.0549 6.01328L14.158 6.51328L14.5704 6.71328C14.8796 6.91328 15.292 7.01328 15.6013 7.31328L16.0137 7.61328L16.6322 7.41328L19.6219 6.61328L20.859 8.71328L18.6941 10.8133L18.2817 11.1133V11.6133C18.2817 12.0133 18.2817 12.4133 18.2817 12.7133V13.2133L18.591 13.5133L20.859 15.5133Z",
@@ -1888,6 +1930,7 @@ var User = (function (_ref) {
1888
1930
  viewBox: "0 0 24 24",
1889
1931
  fill: "none",
1890
1932
  xmlns: "http://www.w3.org/2000/svg",
1933
+ role: "img",
1891
1934
  "aria-label": ariaLabel
1892
1935
  }, /*#__PURE__*/React.createElement("path", {
1893
1936
  d: "M12 12C20.1 12 20.6 16.6 20.9 20H3.1C3.4 16.6 3.9 12 12 12ZM12 11C2 11 2.4 17.7 2 21H22C21.6 17.7 22 11 12 11Z",
@@ -1908,6 +1951,7 @@ var UserSignedIn = (function (_ref) {
1908
1951
  viewBox: "0 0 24 24",
1909
1952
  fill: "none",
1910
1953
  xmlns: "http://www.w3.org/2000/svg",
1954
+ role: "img",
1911
1955
  "aria-label": ariaLabel
1912
1956
  }, /*#__PURE__*/React.createElement("path", {
1913
1957
  d: "M22 21H2C2.4 17.7 2 11 12 11C22 11 21.6 17.7 22 21Z",
@@ -2042,6 +2086,7 @@ var Delete = (function (_ref) {
2042
2086
  viewBox: "0 0 24 24",
2043
2087
  fill: "none",
2044
2088
  xmlns: "http://www.w3.org/2000/svg",
2089
+ role: "img",
2045
2090
  "aria-label": ariaLabel
2046
2091
  }, /*#__PURE__*/React.createElement("path", {
2047
2092
  d: "M11 4L2 12L11 20H22V4H11ZM21 19H11.4L3.5 12L11.4 5H21V19Z",
@@ -2079,6 +2124,7 @@ var Space = (function (_ref) {
2079
2124
  viewBox: "0 0 24 24",
2080
2125
  fill: "none",
2081
2126
  xmlns: "http://www.w3.org/2000/svg",
2127
+ role: "img",
2082
2128
  "aria-label": ariaLabel
2083
2129
  }, /*#__PURE__*/React.createElement("path", {
2084
2130
  d: "M21 16V19H3V16H2V19V20H3H21H22V19V16H21Z",
@@ -2096,6 +2142,7 @@ var Close = (function (_ref) {
2096
2142
  viewBox: "0 0 24 24",
2097
2143
  fill: "none",
2098
2144
  xmlns: "http://www.w3.org/2000/svg",
2145
+ role: "img",
2099
2146
  "aria-label": ariaLabel
2100
2147
  }, /*#__PURE__*/React.createElement("path", {
2101
2148
  d: "M20.8996 3.9001L20.0996 3.1001L11.9996 11.3001L3.89961 3.1001L3.09961 3.9001L11.2996 12.0001L3.09961 20.1001L3.89961 20.9001L11.9996 12.7001L20.0996 20.9001L20.8996 20.1001L12.6996 12.0001L20.8996 3.9001Z",
@@ -2113,6 +2160,7 @@ var Confirm = (function (_ref) {
2113
2160
  viewBox: "0 0 24 24",
2114
2161
  fill: "none",
2115
2162
  xmlns: "http://www.w3.org/2000/svg",
2163
+ role: "img",
2116
2164
  "aria-label": ariaLabel
2117
2165
  }, /*#__PURE__*/React.createElement("path", {
2118
2166
  d: "M9.09961 21L3 12.5L3.8 11.9L9.09961 19.3L21.1996 3L21.9996 3.6L9.09961 21Z",
@@ -2130,6 +2178,7 @@ var Detract = (function (_ref) {
2130
2178
  viewBox: "0 0 24 24",
2131
2179
  fill: "none",
2132
2180
  xmlns: "http://www.w3.org/2000/svg",
2181
+ role: "img",
2133
2182
  "aria-label": ariaLabel
2134
2183
  }, /*#__PURE__*/React.createElement("path", {
2135
2184
  d: "M21 11.5H3V12.5H21V11.5Z",
@@ -2147,6 +2196,7 @@ var Expand = (function (_ref) {
2147
2196
  viewBox: "0 0 24 24",
2148
2197
  fill: "none",
2149
2198
  xmlns: "http://www.w3.org/2000/svg",
2199
+ role: "img",
2150
2200
  "aria-label": ariaLabel
2151
2201
  }, /*#__PURE__*/React.createElement("path", {
2152
2202
  d: "M12.5 11.5V3H11.5V11.5H3V12.5H11.5V21H12.5V12.5H21V11.5H12.5Z",
@@ -2164,6 +2214,7 @@ var ExternalLink = (function (_ref) {
2164
2214
  viewBox: "0 0 24 24",
2165
2215
  fill: "none",
2166
2216
  xmlns: "http://www.w3.org/2000/svg",
2217
+ role: "img",
2167
2218
  "aria-label": ariaLabel
2168
2219
  }, /*#__PURE__*/React.createElement("path", {
2169
2220
  d: "M18 18.5C18 19.3 17.3 20 16.5 20H5.5C4.7 20 4 19.3 4 18.5V7.5C4 6.7 4.7 6 5.5 6H10.6V5H5.5C4.1 5 3 6.1 3 7.5V18.5C3 19.9 4.1 21 5.5 21H16.5C17.9 21 19 19.9 19 18.5V13.4H18V18.5Z",
@@ -2184,6 +2235,7 @@ var GridView = (function (_ref) {
2184
2235
  viewBox: "0 0 24 24",
2185
2236
  fill: "none",
2186
2237
  xmlns: "http://www.w3.org/2000/svg",
2238
+ role: "img",
2187
2239
  "aria-label": ariaLabel
2188
2240
  }, /*#__PURE__*/React.createElement("path", {
2189
2241
  d: "M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H14.3H15.3H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 4C19.6 4 20 4.4 20 5V8.9H15.3V4H19ZM9.7 9.9H14.4V14.6H9.7V9.9ZM8.7 14.6H4V9.9H8.7V14.6ZM15.3 9.9H20V14.6H15.3V9.9ZM14.3 8.9H9.7V4H14.4V8.9H14.3ZM5 4H8.7V8.9H4V5C4 4.4 4.4 4 5 4ZM4 19V15.6H8.7V20H5C4.4 20 4 19.6 4 19ZM9.7 20V15.6H14.4V20H9.7ZM19 20H15.3V15.6H20V19C20 19.6 19.6 20 19 20Z",
@@ -2201,6 +2253,7 @@ var ListView = (function (_ref) {
2201
2253
  viewBox: "0 0 24 24",
2202
2254
  fill: "none",
2203
2255
  xmlns: "http://www.w3.org/2000/svg",
2256
+ role: "img",
2204
2257
  "aria-label": ariaLabel
2205
2258
  }, /*#__PURE__*/React.createElement("path", {
2206
2259
  d: "M3 3V7H21V3H3ZM20 6H4V4H20V6Z",
@@ -2224,6 +2277,7 @@ var Refresh = (function (_ref) {
2224
2277
  viewBox: "0 0 24 24",
2225
2278
  fill: "none",
2226
2279
  xmlns: "http://www.w3.org/2000/svg",
2280
+ role: "img",
2227
2281
  "aria-label": ariaLabel
2228
2282
  }, /*#__PURE__*/React.createElement("path", {
2229
2283
  d: "M18.71 13.9001C18.3138 15.3804 17.4428 16.6898 16.2307 17.6273C15.0186 18.5648 13.5323 19.0787 12 19.0901C10.2633 19.0541 8.59637 18.3999 7.29868 17.2452C6.00098 16.0905 5.15758 14.5108 4.92 12.7901L6.64 14.2901L7.21 13.5701L4.42 11.1001L2 14.0001L2.7 14.5901L4.17 12.8301C4.33413 14.6921 5.15733 16.4345 6.49149 17.7437C7.82566 19.0529 9.58323 19.8431 11.448 19.9721C13.3128 20.1011 15.1624 19.5604 16.6641 18.4473C18.1658 17.3342 19.2211 15.7218 19.64 13.9001H18.71Z",
@@ -2244,6 +2298,7 @@ var Remove = (function (_ref) {
2244
2298
  viewBox: "0 0 12 12",
2245
2299
  fill: "none",
2246
2300
  xmlns: "http://www.w3.org/2000/svg",
2301
+ role: "img",
2247
2302
  "aria-label": ariaLabel
2248
2303
  }, /*#__PURE__*/React.createElement("path", {
2249
2304
  d: "M7.06066 5.93957L11.0001 2.00011L9.93945 0.939453L6 4.87891L2.06055 0.939453L0.999887 2.00011L4.93934 5.93957L0.939453 9.93945L2.00011 11.0001L6 7.00023L9.99989 11.0001L11.0605 9.93945L7.06066 5.93957Z",
@@ -2261,6 +2316,7 @@ var Star = (function (_ref) {
2261
2316
  viewBox: "0 0 48 46",
2262
2317
  fill: "none",
2263
2318
  xmlns: "http://www.w3.org/2000/svg",
2319
+ role: "img",
2264
2320
  "aria-label": ariaLabel
2265
2321
  }, /*#__PURE__*/React.createElement("path", {
2266
2322
  d: "M24 0L30.0248 16.7076L47.7764 17.2746L33.7483 28.1674L38.6946 45.2254L24 35.25L9.30537 45.2254L14.2517 28.1674L0.223587 17.2746L17.9752 16.7076L24 0Z",
@@ -2278,6 +2334,7 @@ var AudioDescription = (function (_ref) {
2278
2334
  viewBox: "0 0 24 24",
2279
2335
  fill: "none",
2280
2336
  xmlns: "http://www.w3.org/2000/svg",
2337
+ role: "img",
2281
2338
  "aria-label": ariaLabel
2282
2339
  }, /*#__PURE__*/React.createElement("path", {
2283
2340
  d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
@@ -2301,6 +2358,7 @@ var Back10 = (function (_ref) {
2301
2358
  viewBox: "0 0 24 24",
2302
2359
  fill: "none",
2303
2360
  xmlns: "http://www.w3.org/2000/svg",
2361
+ role: "img",
2304
2362
  "aria-label": ariaLabel
2305
2363
  }, /*#__PURE__*/React.createElement("path", {
2306
2364
  d: "M18.1992 6.1C14.9992 2.9 9.89922 2.7 6.49922 5.5L6.69922 3H5.69922L5.39922 7.1L9.49922 7.4L9.59922 6.4L7.09922 6.2C10.0992 3.7 14.5992 3.9 17.3992 6.7C20.3992 9.7 20.3992 14.6 17.3992 17.6C14.3992 20.6 9.49922 20.6 6.49922 17.6C4.99922 16.1 4.19922 14.2 4.19922 12.1H3.19922C3.19922 14.4 4.09922 16.6 5.79922 18.3C7.49922 20.1 9.79922 21 11.9992 21C14.1992 21 16.4992 20.1 18.1992 18.4C21.5992 15 21.5992 9.5 18.1992 6.1Z",
@@ -2324,6 +2382,7 @@ var Clips = (function (_ref) {
2324
2382
  viewBox: "0 0 24 24",
2325
2383
  fill: "none",
2326
2384
  xmlns: "http://www.w3.org/2000/svg",
2385
+ role: "img",
2327
2386
  "aria-label": ariaLabel
2328
2387
  }, /*#__PURE__*/React.createElement("path", {
2329
2388
  d: "M15 11V19H3V11H15ZM16 10H2V20H16V10Z",
@@ -2347,6 +2406,7 @@ var Forward10 = (function (_ref) {
2347
2406
  viewBox: "0 0 24 24",
2348
2407
  fill: "none",
2349
2408
  xmlns: "http://www.w3.org/2000/svg",
2409
+ role: "img",
2350
2410
  "aria-label": ariaLabel
2351
2411
  }, /*#__PURE__*/React.createElement("path", {
2352
2412
  d: "M5.8 6.0999C9 2.8999 14.1 2.6999 17.5 5.4999L17.3 2.9999L18.3 2.8999L18.6 6.9999L14.5 7.2999L14.4 6.2999L16.9 6.0999C13.8 3.7999 9.4 3.9999 6.5 6.7999C3.5 9.7999 3.5 14.6999 6.5 17.6999C9.5 20.6999 14.4 20.6999 17.4 17.6999C18.9 16.1999 19.7 14.2999 19.7 12.1999H20.7C20.7 14.4999 19.8 16.6999 18.1 18.3999C16.5 20.0999 14.2 20.9999 12 20.9999C9.8 20.9999 7.5 20.0999 5.8 18.3999C2.4 14.9999 2.4 9.4999 5.8 6.0999Z",
@@ -2370,6 +2430,7 @@ var FullScreen = (function (_ref) {
2370
2430
  viewBox: "0 0 24 24",
2371
2431
  fill: "none",
2372
2432
  xmlns: "http://www.w3.org/2000/svg",
2433
+ role: "img",
2373
2434
  "aria-label": ariaLabel
2374
2435
  }, /*#__PURE__*/React.createElement("path", {
2375
2436
  d: "M3 9H4V4H9V3H3V9Z",
@@ -2396,6 +2457,7 @@ var Minimise = (function (_ref) {
2396
2457
  viewBox: "0 0 24 24",
2397
2458
  fill: "none",
2398
2459
  xmlns: "http://www.w3.org/2000/svg",
2460
+ role: "img",
2399
2461
  "aria-label": ariaLabel
2400
2462
  }, /*#__PURE__*/React.createElement("path", {
2401
2463
  d: "M9 3H8V8H3V9H9V3Z",
@@ -2422,6 +2484,7 @@ var Muted = (function (_ref) {
2422
2484
  viewBox: "0 0 24 24",
2423
2485
  fill: "none",
2424
2486
  xmlns: "http://www.w3.org/2000/svg",
2487
+ role: "img",
2425
2488
  "aria-label": ariaLabel
2426
2489
  }, /*#__PURE__*/React.createElement("path", {
2427
2490
  d: "M22.0008 9.9001L21.3008 9.1001L19.2008 11.3001L17.0008 9.1001L16.3008 9.9001L18.4008 12.0001L16.3008 14.1001L17.0008 14.9001L19.2008 12.7001L21.3008 14.9001L22.0008 14.1001L19.9008 12.0001L22.0008 9.9001Z",
@@ -2442,6 +2505,7 @@ var Pause = (function (_ref) {
2442
2505
  viewBox: "0 0 24 24",
2443
2506
  fill: "none",
2444
2507
  xmlns: "http://www.w3.org/2000/svg",
2508
+ role: "img",
2445
2509
  "aria-label": ariaLabel
2446
2510
  }, /*#__PURE__*/React.createElement("path", {
2447
2511
  d: "M10 2H4V22H10V2Z",
@@ -2462,6 +2526,7 @@ var Play = (function (_ref) {
2462
2526
  viewBox: "0 0 24 24",
2463
2527
  fill: "none",
2464
2528
  xmlns: "http://www.w3.org/2000/svg",
2529
+ role: "img",
2465
2530
  "aria-label": ariaLabel
2466
2531
  }, /*#__PURE__*/React.createElement("path", {
2467
2532
  d: "M5.5 3.8999L20 11.9999L5.5 20.0999V3.8999Z",
@@ -2482,6 +2547,7 @@ var Restart = (function (_ref) {
2482
2547
  viewBox: "0 0 24 24",
2483
2548
  fill: "none",
2484
2549
  xmlns: "http://www.w3.org/2000/svg",
2550
+ role: "img",
2485
2551
  "aria-label": ariaLabel
2486
2552
  }, /*#__PURE__*/React.createElement("path", {
2487
2553
  d: "M12.6 7.4H5.9L9.6 3.7L8.9 3L4 7.9L8.9 12.8L9.6 12.1L5.9 8.4H12.6C16.1 8.4 18.9 11.2 18.9 14.7C18.9 18.2 16 21 12.6 21C9.1 21 6.3 18.2 6.3 14.7H5.3C5.3 18.7 8.6 22 12.6 22C16.6 22 19.9 18.7 19.9 14.7C19.8 10.7 16.6 7.4 12.6 7.4Z",
@@ -2499,6 +2565,7 @@ var Subtitles = (function (_ref) {
2499
2565
  viewBox: "0 0 24 24",
2500
2566
  fill: "none",
2501
2567
  xmlns: "http://www.w3.org/2000/svg",
2568
+ role: "img",
2502
2569
  "aria-label": ariaLabel
2503
2570
  }, /*#__PURE__*/React.createElement("path", {
2504
2571
  d: "M9 7H7V8H9V7Z",
@@ -2534,6 +2601,7 @@ var Trailer = (function (_ref) {
2534
2601
  viewBox: "0 0 24 24",
2535
2602
  fill: "none",
2536
2603
  xmlns: "http://www.w3.org/2000/svg",
2604
+ role: "img",
2537
2605
  "aria-label": ariaLabel
2538
2606
  }, /*#__PURE__*/React.createElement("path", {
2539
2607
  d: "M16.8 3H15.8H12.5H11.5H8.2H7.2H3V7.5V8.3V15.7V16.5V21H7.2H8.2H11.4H12.4H15.6H16.6H21V17V15.7V8.3V8V3H16.8ZM16.8 4H20V7.3H16.8V4ZM12.5 4H15.7V7.3H12.5V4ZM8.2 4H11.4V7.3H8.2V4ZM4 4H7.2V7.3H4V4ZM7.2 20H4V16.7H7.2V20ZM11.5 20H8.2V16.7H11.4V20H11.5ZM15.8 20H12.5V16.7H15.7V20H15.8ZM20 20H16.8V16.7H20V17V20ZM20 15.7H16.8H15.8H12.5H11.5H8.2H7.2H4V8.3H7.2H8.2H11.4H12.4H15.6H16.6H20V15.7Z",
@@ -2554,6 +2622,7 @@ var Volume = (function (_ref) {
2554
2622
  viewBox: "0 0 24 24",
2555
2623
  fill: "none",
2556
2624
  xmlns: "http://www.w3.org/2000/svg",
2625
+ role: "img",
2557
2626
  "aria-label": ariaLabel
2558
2627
  }, /*#__PURE__*/React.createElement("path", {
2559
2628
  d: "M19 12C19 10.3 17.7 9 16 9V10C17.1 10 18 10.9 18 12C18 13.1 17.1 14 16 14V15C17.7 15 19 13.7 19 12Z",
@@ -3806,8 +3875,8 @@ var Sponsorship = function Sponsorship(_ref) {
3806
3875
  }));
3807
3876
  };
3808
3877
 
3809
- var _templateObject$l, _templateObject2$a;
3810
- var TabText = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
3878
+ var _templateObject$l, _templateObject2$a, _templateObject3$6;
3879
+ var TabText = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n display: flex;\n flex-direction: row;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
3811
3880
  if (props.withIcon === 'left') {
3812
3881
  return "margin-left: 5px;";
3813
3882
  }
@@ -3851,6 +3920,7 @@ var TitleContainer = /*#__PURE__*/styled__default.div(_templateObject2$a || (_te
3851
3920
  var colorPrimary = _ref4.colorPrimary;
3852
3921
  return colorPrimary;
3853
3922
  });
3923
+ var InvisibleSEOAnchorText = /*#__PURE__*/styled__default.span(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n"])));
3854
3924
 
3855
3925
  var Tab = function Tab(_ref) {
3856
3926
  var title = _ref.title,
@@ -3868,7 +3938,8 @@ var Tab = function Tab(_ref) {
3868
3938
  _ref$withTextInMobile = _ref.withTextInMobile,
3869
3939
  withTextInMobile = _ref$withTextInMobile === void 0 ? true : _ref$withTextInMobile,
3870
3940
  _ref$colorPrimary = _ref.colorPrimary,
3871
- colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary;
3941
+ colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary,
3942
+ alternativeSEOAnchorText = _ref.alternativeSEOAnchorText;
3872
3943
 
3873
3944
  var clickHandler = function clickHandler() {
3874
3945
  if (onClick) {
@@ -3906,8 +3977,9 @@ var Tab = function Tab(_ref) {
3906
3977
  }, /*#__PURE__*/React__default.createElement(TabText, {
3907
3978
  href: "#",
3908
3979
  onClick: tabTextClickHandler,
3909
- withTextInMobile: withTextInMobile
3910
- }, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
3980
+ withTextInMobile: withTextInMobile,
3981
+ "aria-label": title || alternativeSEOAnchorText
3982
+ }, title || /*#__PURE__*/React__default.createElement(InvisibleSEOAnchorText, null, alternativeSEOAnchorText)), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
3911
3983
  iconName: iconName
3912
3984
  }));
3913
3985
  };
@@ -3966,7 +4038,7 @@ var TabLink = function TabLink(_ref) {
3966
4038
  })) : null, children);
3967
4039
  };
3968
4040
 
3969
- var _templateObject$n, _templateObject2$c, _templateObject3$6, _templateObject4$3;
4041
+ var _templateObject$n, _templateObject2$c, _templateObject3$7, _templateObject4$3;
3970
4042
  var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
3971
4043
  var width = _ref.width;
3972
4044
  return width ? width + "px;" : '100%;';
@@ -3978,7 +4050,7 @@ var TextAreaLabel = /*#__PURE__*/styled__default.div(_templateObject2$c || (_tem
3978
4050
  var darkMode = _ref3.darkMode;
3979
4051
  return darkMode ? 'color: var(--base-color-white)' : '';
3980
4052
  });
3981
- var TextAreaBox = /*#__PURE__*/styled__default.textarea(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 box-sizing: border-box;\n resize: none;\n padding: 20px;\n width: 100%;\n height: 100%;\n border: 1px solid ", ";\n\n ", ";\n\n :disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline-style: solid;\n outline-width: ", ";\n outline-color: ", ";\n }\n"])), function (_ref4) {
4053
+ var TextAreaBox = /*#__PURE__*/styled__default.textarea(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 box-sizing: border-box;\n resize: none;\n padding: 20px;\n width: 100%;\n height: 100%;\n border: 1px solid ", ";\n\n ", ";\n\n :disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline-style: solid;\n outline-width: ", ";\n outline-color: ", ";\n }\n"])), function (_ref4) {
3982
4054
  var error = _ref4.error;
3983
4055
  return !!error ? 'var(--base-color-errorstate)' : 'var(--base-color-lightgrey)';
3984
4056
  }, function (_ref5) {
@@ -4091,14 +4163,14 @@ var TextArea = function TextArea(_ref) {
4091
4163
  }, error))));
4092
4164
  };
4093
4165
 
4094
- var _templateObject$o, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
4166
+ var _templateObject$o, _templateObject2$d, _templateObject3$8, _templateObject4$4, _templateObject5$2, _templateObject6$1;
4095
4167
  var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4096
4168
  var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
4097
4169
  var width = _ref.width;
4098
4170
  if (!width) return 'none';
4099
4171
  return width + 'px';
4100
4172
  });
4101
- var Input = /*#__PURE__*/styled__default.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\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 border-radius: 0;\n width: 100%;\n height: 48px;\n padding-left: 20px;\n -moz-appearance: textfield;\n padding-right: ", ";\n outline: none;\n border: ", ";\n &:disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n &:focus {\n outline: ", ";\n }\n\n /* remove search decoration */\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n\n /* remove number decoration */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), function (_ref2) {
4173
+ var Input = /*#__PURE__*/styled__default.input(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\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 border-radius: 0;\n width: 100%;\n height: 48px;\n padding-left: 20px;\n -moz-appearance: textfield;\n padding-right: ", ";\n outline: none;\n border: ", ";\n &:disabled {\n background-color: var(--base-color-lightgrey);\n border: 1px solid transparent;\n outline: none;\n }\n\n &:focus {\n outline: ", ";\n }\n\n /* remove search decoration */\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n\n /* remove number decoration */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), function (_ref2) {
4102
4174
  var isPasswordField = _ref2.isPasswordField;
4103
4175
  if (isPasswordField) return "80px";
4104
4176
  return "20px";
@@ -4224,7 +4296,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4224
4296
  }, error)));
4225
4297
  });
4226
4298
 
4227
- var _templateObject$p, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
4299
+ var _templateObject$p, _templateObject2$e, _templateObject3$9, _templateObject4$5, _templateObject5$3;
4228
4300
  var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4229
4301
  var textStyles = /*#__PURE__*/styled.css(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
4230
4302
  var theme = _ref.theme;
@@ -4236,7 +4308,7 @@ var textStyles = /*#__PURE__*/styled.css(_templateObject2$e || (_templateObject2
4236
4308
  var theme = _ref3.theme;
4237
4309
  return theme.spacing[7];
4238
4310
  });
4239
- var Input$1 = /*#__PURE__*/styled__default.input(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n width: ", ";\n height: 48px;\n padding: 0px 20px;\n\n border: 1px solid ", ";\n outline: none;\n\n ", "\n\n :disabled {\n background-color: ", ";\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline: ", "};\n }\n"])), textStyles, function (_ref4) {
4311
+ var Input$1 = /*#__PURE__*/styled__default.input(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n width: ", ";\n height: 48px;\n padding: 0px 20px;\n\n border: 1px solid ", ";\n outline: none;\n\n ", "\n\n :disabled {\n background-color: ", ";\n border: 1px solid transparent;\n outline: none;\n }\n\n :focus {\n outline: ", "};\n }\n"])), textStyles, function (_ref4) {
4240
4312
  var width = _ref4.width;
4241
4313
  return width ? width + 'px' : '196px';
4242
4314
  }, function (_ref5) {
@@ -4338,7 +4410,7 @@ var TextLogoProduct;
4338
4410
  TextLogoProduct["Cinema"] = "CINEMA";
4339
4411
  })(TextLogoProduct || (TextLogoProduct = {}));
4340
4412
 
4341
- var _templateObject$r, _templateObject2$g, _templateObject3$9, _templateObject4$6;
4413
+ var _templateObject$r, _templateObject2$g, _templateObject3$a, _templateObject4$6;
4342
4414
  var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
4343
4415
  var dark = _ref.dark;
4344
4416
  return dark ? 'white' : 'errorstate';
@@ -4352,7 +4424,7 @@ var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$g || (_
4352
4424
  var disabled = _ref3.disabled;
4353
4425
  return disabled ? 'not-allowed' : 'pointer';
4354
4426
  }, devices.mobileAndTablet);
4355
- var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n height: 20px;\n width: 20px;\n padding: 3px;\n box-sizing: border-box;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n outline: ", ";\n\n svg {\n display: none;\n }\n\n @media ", " {\n top: 0;\n }\n"])), function (_ref4) {
4427
+ var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n height: 20px;\n width: 20px;\n padding: 3px;\n box-sizing: border-box;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n outline: ", ";\n\n svg {\n display: none;\n }\n\n @media ", " {\n top: 0;\n }\n"])), function (_ref4) {
4356
4428
  var dark = _ref4.dark,
4357
4429
  disabled = _ref4.disabled,
4358
4430
  error = _ref4.error;
@@ -4460,7 +4532,7 @@ var Tickbox = function Tickbox(_ref) {
4460
4532
  }, error)));
4461
4533
  };
4462
4534
 
4463
- var _templateObject$s, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4535
+ var _templateObject$s, _templateObject2$h, _templateObject3$b, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4464
4536
  var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4465
4537
  var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
4466
4538
  var error = _ref.error,
@@ -4485,7 +4557,7 @@ var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templat
4485
4557
  if (blackBox) return 'var(--base-color-white)';
4486
4558
  return ' var(--base-color-black)';
4487
4559
  });
4488
- var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-left: 32px;\n input[type='checkbox'] {\n width: 1px;\n height: 1px;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n z-index: 0;\n &:checked + ", " {\n background-color: ", ";\n }\n &:focus + ", " {\n outline: ", ";\n }\n }\n"])), Tickbox$1, function (_ref4) {
4560
+ var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-left: 32px;\n input[type='checkbox'] {\n width: 1px;\n height: 1px;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n z-index: 0;\n &:checked + ", " {\n background-color: ", ";\n }\n &:focus + ", " {\n outline: ", ";\n }\n }\n"])), Tickbox$1, function (_ref4) {
4489
4561
  var blackBox = _ref4.blackBox,
4490
4562
  darkMode = _ref4.darkMode;
4491
4563
  if (darkMode) return 'var(--base-color-white)';
@@ -4572,7 +4644,7 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4572
4644
  }, error)));
4573
4645
  });
4574
4646
 
4575
- var _templateObject$t, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4647
+ var _templateObject$t, _templateObject2$i, _templateObject3$c, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4576
4648
  var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
4577
4649
  var color = _ref.color;
4578
4650
  return color;
@@ -4581,13 +4653,30 @@ var Line = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObje
4581
4653
  var color = _ref2.color;
4582
4654
  return color;
4583
4655
  }, devices.mobileAndTablet);
4584
- var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
4656
+ var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
4585
4657
  var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 display: flex;\n\n @media ", " {\n font-size: var(--font-size-header-5);\n }\n"])), devices.tablet);
4586
4658
  var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n margin-top: 4px;\n"])));
4587
4659
  var TimerValueSeparator = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 20px;\n\n @media ", " {\n margin: 0 12px;\n }\n\n @media ", " {\n margin: 0 12px;\n }\n"])), devices.tablet, devices.mobile);
4588
4660
  var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
4589
4661
  var TimerValue = /*#__PURE__*/styled__default.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
4590
4662
 
4663
+ var pad = function pad(num) {
4664
+ return String(num || 0).padStart(2, '0');
4665
+ };
4666
+
4667
+ var renderTimerValue = function renderTimerValue(value, title, separator) {
4668
+ if (separator === void 0) {
4669
+ separator = true;
4670
+ }
4671
+
4672
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TimerValueWrapper, null, /*#__PURE__*/React__default.createElement(TimerValue, {
4673
+ className: 'chord-timer-value',
4674
+ "data-testid": title
4675
+ }, value), /*#__PURE__*/React__default.createElement(TimerLabel, {
4676
+ className: 'chord-timer-label'
4677
+ }, title)), separator && /*#__PURE__*/React__default.createElement(TimerValueSeparator, null, ":"));
4678
+ };
4679
+
4591
4680
  var Timer = function Timer(_ref) {
4592
4681
  var endDate = _ref.endDate,
4593
4682
  title = _ref.title,
@@ -4597,39 +4686,27 @@ var Timer = function Timer(_ref) {
4597
4686
  _ref$color = _ref.color,
4598
4687
  color = _ref$color === void 0 ? exports.Colors.Black : _ref$color;
4599
4688
 
4600
- var _React$useState = React__default.useState('00'),
4601
- seconds = _React$useState[0],
4602
- setSeconds = _React$useState[1];
4689
+ var _useState = React.useState('00'),
4690
+ seconds = _useState[0],
4691
+ setSeconds = _useState[1];
4603
4692
 
4604
- var _React$useState2 = React__default.useState('00'),
4605
- minutes = _React$useState2[0],
4606
- setMinutes = _React$useState2[1];
4693
+ var _useState2 = React.useState('00'),
4694
+ minutes = _useState2[0],
4695
+ setMinutes = _useState2[1];
4607
4696
 
4608
- var _React$useState3 = React__default.useState('00'),
4609
- hours = _React$useState3[0],
4610
- setHours = _React$useState3[1];
4697
+ var _useState3 = React.useState('00'),
4698
+ hours = _useState3[0],
4699
+ setHours = _useState3[1];
4611
4700
 
4612
- var _React$useState4 = React__default.useState('00'),
4613
- days = _React$useState4[0],
4614
- setDays = _React$useState4[1];
4701
+ var _useState4 = React.useState('00'),
4702
+ days = _useState4[0],
4703
+ setDays = _useState4[1];
4615
4704
 
4616
- var _React$useState5 = React__default.useState(false),
4617
- isEndDateReached = _React$useState5[0],
4618
- setIsEndDateReached = _React$useState5[1];
4705
+ var _useState5 = React.useState(false),
4706
+ isEndDateReached = _useState5[0],
4707
+ setIsEndDateReached = _useState5[1];
4619
4708
 
4620
- var renderTimerValue = function renderTimerValue(value, title, separator) {
4621
- if (separator === void 0) {
4622
- separator = true;
4623
- }
4624
-
4625
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TimerValueWrapper, null, /*#__PURE__*/React__default.createElement(TimerValue, {
4626
- className: 'chord-timer-value'
4627
- }, value), /*#__PURE__*/React__default.createElement(TimerLabel, {
4628
- className: 'chord-timer-label'
4629
- }, title)), separator && /*#__PURE__*/React__default.createElement(TimerValueSeparator, null, ":"));
4630
- };
4631
-
4632
- React__default.useEffect(function () {
4709
+ React.useEffect(function () {
4633
4710
  if (isEndDateReached) return; // We use this to set values for the timer immediately
4634
4711
 
4635
4712
  var setIntervalAndExecute = function setIntervalAndExecute(fn, delay) {
@@ -4638,20 +4715,23 @@ var Timer = function Timer(_ref) {
4638
4715
  };
4639
4716
 
4640
4717
  var updateValues = function updateValues() {
4641
- var futureDate = moment(endDate);
4642
- var nowDate = moment();
4643
- var differenceInMilliseconds = futureDate.valueOf() - nowDate.valueOf();
4644
- var difference = moment(differenceInMilliseconds).utc();
4718
+ var futureDate = new Date(endDate); // Date.now() is explicitly passed here just to satisfy Jest time mocking.
4719
+
4720
+ var nowDate = new Date(Date.now());
4721
+ var diffInMs = futureDate.getTime() - nowDate.getTime();
4645
4722
 
4646
- if (differenceInMilliseconds < 0) {
4723
+ if (diffInMs < 0) {
4647
4724
  setIsEndDateReached(true);
4648
4725
  if (endDateHandler) endDateHandler();
4649
4726
  } else {
4650
- var fullDaysLeft = Math.floor(futureDate.diff(nowDate, 'days', true));
4651
- var daysDiff = fullDaysLeft < 10 ? "0" + fullDaysLeft : fullDaysLeft.toString();
4652
- var hoursDiff = difference.format('HH');
4653
- var minutesDiff = difference.format('mm');
4654
- var secondsDiff = difference.format('ss');
4727
+ var duration = dateFns.intervalToDuration({
4728
+ start: nowDate,
4729
+ end: futureDate
4730
+ });
4731
+ var daysDiff = pad(dateFns.differenceInDays(futureDate, nowDate));
4732
+ var hoursDiff = pad(duration.hours);
4733
+ var minutesDiff = pad(duration.minutes);
4734
+ var secondsDiff = pad(duration.seconds);
4655
4735
  setDays(daysDiff);
4656
4736
  setHours(hoursDiff);
4657
4737
  setMinutes(minutesDiff);
@@ -4664,7 +4744,7 @@ var Timer = function Timer(_ref) {
4664
4744
  clearInterval(interval);
4665
4745
  };
4666
4746
  });
4667
- var hideTimer = moment(endDate).isBefore(moment());
4747
+ var hideTimer = dateFns.isPast(new Date(endDate));
4668
4748
  if (hideTimer) return null;
4669
4749
  return /*#__PURE__*/React__default.createElement(TimerWrapper, {
4670
4750
  color: color
@@ -5455,10 +5535,10 @@ try {
5455
5535
  }
5456
5536
  });
5457
5537
 
5458
- var _templateObject$v, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5538
+ var _templateObject$v, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5459
5539
  var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
5460
5540
  var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
5461
- var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
5541
+ var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
5462
5542
  var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
5463
5543
  var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
5464
5544
  var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
@@ -5675,13 +5755,13 @@ var VideoControls = function VideoControls(_ref2) {
5675
5755
  })));
5676
5756
  };
5677
5757
 
5678
- var _templateObject$w, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
5758
+ var _templateObject$w, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$7;
5679
5759
  var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
5680
5760
  var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
5681
5761
  var darkMode = _ref.darkMode;
5682
5762
  return darkMode ? 'white' : 'errorstate';
5683
5763
  });
5684
- var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 154px;\n height: 48px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n ", ";\n\n * {\n color: var(--base-color-", ");\n word-break: unset;\n user-select: none;\n }\n\n path {\n fill: var(--base-color-", ") !important;\n }\n\n & > * {\n width: 51px;\n }\n"])), function (_ref2) {
5764
+ var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 154px;\n height: 48px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n ", ";\n\n * {\n color: var(--base-color-", ");\n word-break: unset;\n user-select: none;\n }\n\n path {\n fill: var(--base-color-", ") !important;\n }\n\n & > * {\n width: 51px;\n }\n"])), function (_ref2) {
5685
5765
  var darkMode = _ref2.darkMode,
5686
5766
  disabled = _ref2.disabled,
5687
5767
  error = _ref2.error;
@@ -5965,13 +6045,13 @@ var ToggleButton = function ToggleButton(_ref) {
5965
6045
  }, item.label));
5966
6046
  };
5967
6047
 
5968
- var _templateObject$y, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
6048
+ var _templateObject$y, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
5969
6049
  var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
5970
6050
  var isMenuOpen = _ref.isMenuOpen;
5971
6051
  return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--base-color-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
5972
6052
  });
5973
6053
  var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 100vw;\n position: absolute;\n z-index: ", ";\n opacity: 0.4;\n"])), zIndexes.searchOverlay);
5974
- var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--base-color-white);\n height: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 80px;\n }\n"])), zIndexes.navigation, devices.mobile);
6054
+ var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--base-color-white);\n height: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 80px;\n }\n"])), zIndexes.navigation, devices.mobile);
5975
6055
  var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n background-color: var(--base-color-white);\n height: 100px;\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 100%;\n top: 80px;\n }\n"])), function (_ref2) {
5976
6056
  var visible = _ref2.visible;
5977
6057
  return visible ? 'visible' : 'hidden';
@@ -6026,7 +6106,7 @@ var Logo = function Logo(_ref) {
6026
6106
  var _templateObject$A;
6027
6107
  var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
6028
6108
 
6029
- var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$c;
6109
+ var _templateObject$B, _templateObject2$m, _templateObject3$g, _templateObject4$c;
6030
6110
  var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
6031
6111
  var selected = _ref.selected,
6032
6112
  colorPrimary = _ref.colorPrimary;
@@ -6056,7 +6136,7 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_te
6056
6136
  return '';
6057
6137
  });
6058
6138
  var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
6059
- var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n width: 12px;\n height: 12px;\n position: absolute;\n top: 8px;\n margin-left: 6px;\n\n & .basket-num {\n color: white;\n font-size: 10px;\n font-family: var(--font-family-navigation);\n }\n"])));
6139
+ var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n width: 12px;\n height: 12px;\n position: absolute;\n top: 8px;\n margin-left: 6px;\n\n & .basket-num {\n color: white;\n font-size: 10px;\n font-family: var(--font-family-navigation);\n }\n"])));
6060
6140
  var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n color: var(--base-color-black);\n margin-left: 6px;\n text-decoration: none;\n"])));
6061
6141
 
6062
6142
  var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
@@ -6278,7 +6358,8 @@ var Dropdown = function Dropdown(_ref) {
6278
6358
  withIcon = _ref$withIcon === void 0 ? 'right' : _ref$withIcon,
6279
6359
  _ref$colorPrimary = _ref.colorPrimary,
6280
6360
  colorPrimary = _ref$colorPrimary === void 0 ? 'primary' : _ref$colorPrimary,
6281
- className = _ref.className;
6361
+ className = _ref.className,
6362
+ alternativeSEOAnchorText = _ref.alternativeSEOAnchorText;
6282
6363
  var node = React.useRef();
6283
6364
 
6284
6365
  var _useState = React.useState(false),
@@ -6400,7 +6481,8 @@ var Dropdown = function Dropdown(_ref) {
6400
6481
  },
6401
6482
  onFocus: onFocusTitleHandler,
6402
6483
  onReset: onResetHandler,
6403
- colorPrimary: colorPrimary
6484
+ colorPrimary: colorPrimary,
6485
+ alternativeSEOAnchorText: alternativeSEOAnchorText
6404
6486
  }), withOptions() && open && /*#__PURE__*/React__default.createElement(OptionsContainer, {
6405
6487
  withOptionsInMobile: withOptionsInMobile,
6406
6488
  withIcon: withIcon,
@@ -6470,7 +6552,8 @@ var Account = function Account(_ref) {
6470
6552
  iconName: iconName,
6471
6553
  withOptionsInMobile: false,
6472
6554
  withIcon: 'left',
6473
- colorPrimary: colorPrimary
6555
+ colorPrimary: colorPrimary,
6556
+ alternativeSEOAnchorText: "Account"
6474
6557
  });
6475
6558
  };
6476
6559
 
@@ -6512,7 +6595,7 @@ var NavTop = function NavTop(_ref) {
6512
6595
  }));
6513
6596
  };
6514
6597
 
6515
- var _templateObject$D, _templateObject2$o, _templateObject3$g, _templateObject4$d;
6598
+ var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject4$d;
6516
6599
  var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
6517
6600
  var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
6518
6601
  if (props.showMenu) {
@@ -6521,7 +6604,7 @@ var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$o || (_te
6521
6604
 
6522
6605
  return "display: none;";
6523
6606
  });
6524
- var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\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-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--base-color-", ");\n }\n }\n\n :hover {\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), function (_ref) {
6607
+ var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\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-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--base-color-", ");\n }\n }\n\n :hover {\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), function (_ref) {
6525
6608
  var colorPrimary = _ref.colorPrimary;
6526
6609
  return colorPrimary;
6527
6610
  }, function (_ref2) {
@@ -6655,10 +6738,10 @@ var Tabs = function Tabs(_ref) {
6655
6738
  }, "MENU"))));
6656
6739
  };
6657
6740
 
6658
- var _templateObject$E, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6741
+ var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6659
6742
  var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
6660
6743
  var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
6661
- var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
6744
+ var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
6662
6745
  var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
6663
6746
  var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
6664
6747
  var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
@@ -6893,18 +6976,18 @@ var Navigation = function Navigation(_ref) {
6893
6976
  })))));
6894
6977
  };
6895
6978
 
6896
- var _templateObject$F, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6979
+ var _templateObject$F, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6897
6980
  var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
6898
6981
  var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
6899
- var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
6982
+ var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
6900
6983
  var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
6901
6984
  var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
6902
6985
  var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
6903
6986
 
6904
- var _templateObject$G, _templateObject2$r, _templateObject3$j;
6987
+ var _templateObject$G, _templateObject2$r, _templateObject3$k;
6905
6988
  var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
6906
6989
  var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
6907
- var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
6990
+ var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
6908
6991
 
6909
6992
  var PolicyLinks = function PolicyLinks(_ref) {
6910
6993
  var _ref$items = _ref.items,
@@ -6920,10 +7003,10 @@ var PolicyLinks = function PolicyLinks(_ref) {
6920
7003
  }));
6921
7004
  };
6922
7005
 
6923
- var _templateObject$H, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
7006
+ var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
6924
7007
  var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
6925
7008
  var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
6926
- var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
7009
+ var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
6927
7010
  var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
6928
7011
  var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
6929
7012
  var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
@@ -6994,14 +7077,14 @@ var Footer = function Footer(_ref) {
6994
7077
  }, additionalInfo)))));
6995
7078
  };
6996
7079
 
6997
- var _templateObject$I, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
7080
+ var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$g, _templateObject5$c, _templateObject6$9;
6998
7081
  var LIST_ITEM_GAP = 32;
6999
7082
  var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
7000
7083
  var bottomBorder = _ref.bottomBorder;
7001
7084
  return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
7002
7085
  }, zIndexes.anchor);
7003
7086
  var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
7004
- var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
7087
+ var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
7005
7088
  var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.48) 85%,\n rgba(235, 235, 235, 0.4) 99%,\n rgba(255, 255, 255, 0.39) 100%\n );\n }\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref2) {
7006
7089
  var tabsOverflow = _ref2.tabsOverflow;
7007
7090
  return tabsOverflow ? 'calc(100% - 74px)' : '100%';
@@ -7262,13 +7345,13 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
7262
7345
  })) : null) : null))));
7263
7346
  };
7264
7347
 
7265
- var _templateObject$J, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
7348
+ var _templateObject$J, _templateObject2$u, _templateObject3$n, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
7266
7349
  var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
7267
7350
  var sticky = _ref.sticky;
7268
7351
  return sticky ? 'sticky' : 'initial';
7269
7352
  }, zIndexes.anchor);
7270
7353
  var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
7271
- var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
7354
+ var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
7272
7355
  var title = _ref2.title;
7273
7356
  return title ? 'row' : 'row-reverse';
7274
7357
  }, devices.tablet, devices.mobile);
@@ -7326,10 +7409,10 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
7326
7409
  }, message)));
7327
7410
  };
7328
7411
 
7329
- var _templateObject$K, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
7412
+ var _templateObject$K, _templateObject2$v, _templateObject3$o, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
7330
7413
  var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
7331
7414
  var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
7332
- var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
7415
+ var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
7333
7416
  var theme = _ref.theme;
7334
7417
  return theme.colors.primary;
7335
7418
  }, exports.Colors.White);
@@ -7449,18 +7532,18 @@ var UpsellCards = function UpsellCards(_ref) {
7449
7532
  }));
7450
7533
  };
7451
7534
 
7452
- var _templateObject$M, _templateObject2$w, _templateObject3$o;
7535
+ var _templateObject$M, _templateObject2$w, _templateObject3$p;
7453
7536
  var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
7454
7537
  var theme = _ref.theme;
7455
7538
  return theme.colors.primary;
7456
7539
  }, devices.mobile, devices.tablet);
7457
7540
  var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
7458
- var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
7541
+ var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
7459
7542
 
7460
- var _templateObject$N, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7543
+ var _templateObject$N, _templateObject2$x, _templateObject3$q, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7461
7544
  var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
7462
7545
  var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
7463
- var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__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) {
7546
+ var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__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) {
7464
7547
  var isVisible = _ref.isVisible;
7465
7548
  return isVisible ? 'visible' : 'hidden';
7466
7549
  }, devices.mobile);
@@ -7605,7 +7688,8 @@ var Accordions = function Accordions(_ref) {
7605
7688
  visibleStandfirst: accordion.visibleStandfirst,
7606
7689
  contentType: accordion.contentType,
7607
7690
  displayLevel: accordion.displayLevel,
7608
- semanticLevel: accordion.semanticLevel
7691
+ semanticLevel: accordion.semanticLevel,
7692
+ initOpen: accordion.initOpen
7609
7693
  }, accordion.children);
7610
7694
  }));
7611
7695
  };
@@ -7619,13 +7703,13 @@ var Theme = function Theme(_ref) {
7619
7703
  }, children);
7620
7704
  };
7621
7705
 
7622
- var _templateObject$P, _templateObject2$y, _templateObject3$q;
7706
+ var _templateObject$P, _templateObject2$y, _templateObject3$r;
7623
7707
  var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
7624
7708
  var theme = _ref.theme;
7625
7709
  return theme.colors.primary;
7626
7710
  }, devices.mobile);
7627
7711
  var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n @media ", " {\n align-items: flex-start;\n }\n"])), devices.mobile);
7628
- var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__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 color: var(--base-color-white);\n a {\n color: var(--base-color-white);\n text-decoration: underline;\n }\n"])));
7712
+ var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__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 color: var(--base-color-white);\n a {\n color: var(--base-color-white);\n text-decoration: underline;\n }\n"])));
7629
7713
 
7630
7714
  var AnnouncementBanner = function AnnouncementBanner(_ref) {
7631
7715
  var title = _ref.title,
@@ -7686,7 +7770,7 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
7686
7770
  }), children);
7687
7771
  };
7688
7772
 
7689
- var _templateObject$R, _templateObject2$z, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
7773
+ var _templateObject$R, _templateObject2$z, _templateObject3$s, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
7690
7774
  var LENGTH_LARGE_TEXT = 28;
7691
7775
  var LENGTH_SMALL_TEXT$1 = 19;
7692
7776
  var LENGTH_TEXT_TABLET = 10;
@@ -7703,7 +7787,7 @@ var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$z || (_te
7703
7787
  if (lineColor === exports.Colors.Cinema) return 'var(--base-color-white)';
7704
7788
  return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
7705
7789
  }, zIndexes.contentOverlay);
7706
- var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
7790
+ var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
7707
7791
  var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref4) {
7708
7792
  var fullWidth = _ref4.fullWidth;
7709
7793
  return fullWidth ? '0' : '20px';
@@ -7977,9 +8061,9 @@ var Card = function Card(_ref) {
7977
8061
  dangerouslySetInnerHTML: {
7978
8062
  __html: truncatedText
7979
8063
  }
7980
- }), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
8064
+ }))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
7981
8065
  level: 1
7982
- }, highlightText)))), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
8066
+ }, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7983
8067
  fullWidth: fullWidth
7984
8068
  }, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
7985
8069
  ref: node,
@@ -8040,7 +8124,7 @@ var Cards = function Cards(_ref) {
8040
8124
  }));
8041
8125
  };
8042
8126
 
8043
- var _templateObject$T, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
8127
+ var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$l, _templateObject5$g;
8044
8128
  var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
8045
8129
  var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\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"])), function (_ref) {
8046
8130
  var hideBottomBorder = _ref.hideBottomBorder;
@@ -8049,7 +8133,7 @@ var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templat
8049
8133
  var hideTopBorder = _ref2.hideTopBorder;
8050
8134
  return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
8051
8135
  }, devices.mobileAndTablet);
8052
- var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
8136
+ var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
8053
8137
  var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
8054
8138
  var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n\n @media ", " {\n flex-direction: column;\n margin: 4px 0;\n }\n\n a {\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 color: var(--base-color-black);\n text-decoration: underline;\n\n &:before {\n display: inline-block;\n content: '';\n background-color: var(--base-color-black);\n width: 1px;\n height: 18px;\n margin: 0 8px -4px;\n\n @media ", " {\n display: none;\n }\n }\n\n &:first-child:before {\n display: none;\n }\n }\n"])), devices.mobile, devices.mobile);
8055
8139
 
@@ -8109,12 +8193,12 @@ var ContactCard = function ContactCard(_ref) {
8109
8193
  }, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
8110
8194
  };
8111
8195
 
8112
- var _templateObject$U, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
8196
+ var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
8113
8197
  var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
8114
8198
  var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
8115
8199
  return props.clickable ? 'pointer' : 'default';
8116
8200
  }, devices.mobile);
8117
- var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
8201
+ var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
8118
8202
  var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 22px;\n\n & > * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n gap: 12px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
8119
8203
  return props.showImage ? 2 : '1 / span 4';
8120
8204
  }, devices.mobile);
@@ -8192,7 +8276,7 @@ var ContentSummary = function ContentSummary(_ref) {
8192
8276
  }), link.text)));
8193
8277
  };
8194
8278
 
8195
- var _templateObject$V, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
8279
+ var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$n, _templateObject5$i;
8196
8280
  var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
8197
8281
  var imageToLeft = _ref.imageToLeft;
8198
8282
  return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
@@ -8201,7 +8285,7 @@ var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$D
8201
8285
  var imageToLeft = _ref2.imageToLeft;
8202
8286
  return imageToLeft ? 'left' : 'right';
8203
8287
  }, devices.mobile);
8204
- var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
8288
+ var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
8205
8289
  var imageToLeft = _ref3.imageToLeft;
8206
8290
  return imageToLeft ? 'right' : 'left';
8207
8291
  }, devices.mobile);
@@ -8237,10 +8321,10 @@ var Editorial = function Editorial(_ref) {
8237
8321
  })))));
8238
8322
  };
8239
8323
 
8240
- var _templateObject$W, _templateObject2$E, _templateObject3$v, _templateObject4$o, _templateObject5$j;
8324
+ var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$o, _templateObject5$j;
8241
8325
  var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
8242
8326
  var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
8243
- var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
8327
+ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
8244
8328
  if (!props.infoThemed) {
8245
8329
  return;
8246
8330
  } else {
@@ -8375,7 +8459,7 @@ var Information = function Information(_ref) {
8375
8459
  }))));
8376
8460
  };
8377
8461
 
8378
- var _templateObject$X, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
8462
+ var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
8379
8463
  var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
8380
8464
  var theme = _ref.theme;
8381
8465
  return theme.colors.primary;
@@ -8384,7 +8468,7 @@ var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (
8384
8468
  return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
8385
8469
  }, devices.mobile);
8386
8470
  var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title 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\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
8387
- var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
8471
+ var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
8388
8472
  var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
8389
8473
  return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
8390
8474
  }, devices.mobile);
@@ -8482,10 +8566,10 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
8482
8566
  })));
8483
8567
  };
8484
8568
 
8485
- var _templateObject$Y, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8569
+ var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8486
8570
  var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__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);
8487
8571
  var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__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);
8488
- var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__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);
8572
+ var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$y || (_templateObject3$y = /*#__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);
8489
8573
  var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__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);
8490
8574
  var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
8491
8575
  var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__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);
@@ -8558,7 +8642,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
8558
8642
  }, "Scroll Down")) : null);
8559
8643
  };
8560
8644
 
8561
- var _templateObject$Z, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$m;
8645
+ var _templateObject$Z, _templateObject2$H, _templateObject3$z, _templateObject4$r, _templateObject5$m;
8562
8646
  var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
8563
8647
  var color = _ref.color;
8564
8648
  return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
@@ -8570,7 +8654,7 @@ var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templat
8570
8654
  var hasImage = _ref3.hasImage;
8571
8655
  return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
8572
8656
  });
8573
- var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
8657
+ var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
8574
8658
  var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
8575
8659
  var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\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\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
8576
8660
 
@@ -8626,10 +8710,10 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
8626
8710
  }))));
8627
8711
  };
8628
8712
 
8629
- var _templateObject$$, _templateObject2$I, _templateObject3$z, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8713
+ var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8630
8714
  var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__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);
8631
8715
  var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__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"])));
8632
- var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
8716
+ var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
8633
8717
  var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
8634
8718
  var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
8635
8719
  var invert = _ref.invert,
@@ -8757,7 +8841,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
8757
8841
  var isIOS = function isIOS() {
8758
8842
  try {
8759
8843
  console.warn('Do not use this on server side rendering, it may throw an error.');
8760
- if (typeof navigator === undefined) return false;
8844
+ if (typeof navigator === 'undefined') return false;
8761
8845
  return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
8762
8846
  navigator.userAgent.includes('Mac') && 'ontouchend' in document;
8763
8847
  } catch (e) {
@@ -8773,7 +8857,7 @@ var useIOS = function useIOS() {
8773
8857
  setIOS = _useState[1];
8774
8858
 
8775
8859
  React.useEffect(function () {
8776
- if (typeof navigator === undefined) return;
8860
+ if (typeof navigator === 'undefined') return;
8777
8861
  setIOS(isIOS());
8778
8862
  }, []);
8779
8863
  return IOS;
@@ -8800,7 +8884,10 @@ var useMobile = function useMobile() {
8800
8884
  setMobile(isMobile());
8801
8885
  }, []);
8802
8886
  return mobile;
8803
- };
8887
+ }; // Detect mobile or tablet helper function:
8888
+ // export const isMobileOrTablet = () => {
8889
+ // return typeof window !== 'undefined' && window.matchMedia('(max-width: 1024px)').matches;
8890
+ // };
8804
8891
 
8805
8892
  var _excluded$l = ["text"];
8806
8893
 
@@ -8961,11 +9048,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
8961
9048
  }), linkText))));
8962
9049
  };
8963
9050
 
8964
- var _templateObject$10, _templateObject2$J, _templateObject3$A, _templateObject4$s;
9051
+ var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$s;
8965
9052
  var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
8966
9053
  var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
8967
9054
 
8968
- var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
9055
+ var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
8969
9056
  var active = _ref.active;
8970
9057
  return active === 'true' && " \n color: var(--base-color-core);\n ";
8971
9058
  });
@@ -9038,10 +9125,10 @@ var Pagination = function Pagination(_ref) {
9038
9125
  }))));
9039
9126
  };
9040
9127
 
9041
- var _templateObject$11, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
9128
+ var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
9042
9129
  var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__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);
9043
9130
  var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
9044
- var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
9131
+ var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
9045
9132
  var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
9046
9133
  var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
9047
9134
  var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$i || (_templateObject6$i = /*#__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"])));
@@ -9100,14 +9187,14 @@ var PeopleListing = function PeopleListing(_ref) {
9100
9187
  }));
9101
9188
  };
9102
9189
 
9103
- var _templateObject$12, _templateObject2$L, _templateObject3$C, _templateObject4$u;
9190
+ var _templateObject$12, _templateObject2$L, _templateObject3$D, _templateObject4$u;
9104
9191
  var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
9105
9192
  var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
9106
9193
  var columnCount = _ref.columnCount;
9107
9194
  return "repeat(" + columnCount + ", 1fr)";
9108
9195
  }, devices.mobile, devices.tablet);
9109
- var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
9110
- var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
9196
+ var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
9197
+ var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
9111
9198
 
9112
9199
  var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
9113
9200
  return array.reduce(function (acc, item) {
@@ -9243,7 +9330,7 @@ var CreditListing = function CreditListing(_ref) {
9243
9330
  }, creditEntries);
9244
9331
  };
9245
9332
 
9246
- var _templateObject$13, _templateObject2$M, _templateObject3$D, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
9333
+ var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
9247
9334
  var LENGTH_TEXT = 28;
9248
9335
  var LENGTH_TEXT_TABLET$1 = 12;
9249
9336
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
@@ -9261,7 +9348,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 ||
9261
9348
  return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
9262
9349
  });
9263
9350
  var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$M || (_templateObject2$M = /*#__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"])));
9264
- var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__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 h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref4) {
9351
+ var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__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 h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref4) {
9265
9352
  var theme = _ref4.theme;
9266
9353
  return theme.colors.black;
9267
9354
  }, function (_ref5) {
@@ -9525,7 +9612,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
9525
9612
  }))));
9526
9613
  };
9527
9614
 
9528
- var _templateObject$14, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
9615
+ var _templateObject$14, _templateObject2$N, _templateObject3$F, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
9529
9616
  var LENGTH_TEXT$2 = 28;
9530
9617
  var LENGTH_TEXT_TABLET$2 = 10;
9531
9618
  var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__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) {
@@ -9539,7 +9626,7 @@ var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObjec
9539
9626
  var imageToLeft = _ref3.imageToLeft;
9540
9627
  return imageToLeft ? 'left' : 'right';
9541
9628
  }, devices.mobile);
9542
- var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
9629
+ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
9543
9630
  var imageToLeft = _ref4.imageToLeft;
9544
9631
  return imageToLeft ? 'right' : 'left';
9545
9632
  }, devices.mobile);
@@ -9847,7 +9934,7 @@ var RadioGroup = function RadioGroup(_ref) {
9847
9934
  })));
9848
9935
  };
9849
9936
 
9850
- var _templateObject$17, _templateObject2$O, _templateObject3$F;
9937
+ var _templateObject$17, _templateObject2$O, _templateObject3$G;
9851
9938
  var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9852
9939
  var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
9853
9940
  var horizontalMode = _ref.horizontalMode;
@@ -9857,7 +9944,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_temp
9857
9944
  var gap = _ref2.gap;
9858
9945
  return gap + "px";
9859
9946
  });
9860
- var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
9947
+ var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
9861
9948
  var darkMode = _ref3.darkMode;
9862
9949
  if (darkMode) return 'var(--base-color-white)';
9863
9950
  return 'var(--base-color-errorstate)';
@@ -9937,10 +10024,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
9937
10024
  }, error)));
9938
10025
  };
9939
10026
 
9940
- var _templateObject$18, _templateObject2$P, _templateObject3$G;
10027
+ var _templateObject$18, _templateObject2$P, _templateObject3$H;
9941
10028
  var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
9942
10029
  var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
9943
- var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
10030
+ var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
9944
10031
 
9945
10032
  var StatusBanner = function StatusBanner(_ref) {
9946
10033
  var statusText = _ref.statusText,
@@ -10031,7 +10118,7 @@ var SectionTitle = function SectionTitle(_ref) {
10031
10118
  }, description))));
10032
10119
  };
10033
10120
 
10034
- var _templateObject$1a, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
10121
+ var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
10035
10122
  var stateStyles = /*#__PURE__*/styled.css(_templateObject$1a || (_templateObject$1a = /*#__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) {
10036
10123
  var theme = _ref.theme;
10037
10124
  return "3px solid " + theme.colors.lapisLazuli;
@@ -10046,7 +10133,7 @@ var borderStyles = /*#__PURE__*/styled.css(_templateObject2$Q || (_templateObjec
10046
10133
  var theme = _ref4.theme;
10047
10134
  return theme.colors.darkgrey;
10048
10135
  });
10049
- var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
10136
+ var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
10050
10137
  var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
10051
10138
  var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
10052
10139
  var theme = _ref5.theme;
@@ -10454,7 +10541,7 @@ function Select(_ref3) {
10454
10541
  }))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
10455
10542
  }
10456
10543
 
10457
- var _templateObject$1b, _templateObject2$R, _templateObject3$I, _templateObject4$y;
10544
+ var _templateObject$1b, _templateObject2$R, _templateObject3$J, _templateObject4$y;
10458
10545
  var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
10459
10546
  var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__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__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: 20px;\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: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
10460
10547
  var width = _ref.width;
@@ -10473,7 +10560,7 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_t
10473
10560
  if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
10474
10561
  return "0 0 0 3px var(--base-color-lapislazuli)";
10475
10562
  });
10476
- var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
10563
+ var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
10477
10564
  var darkMode = _ref5.darkMode;
10478
10565
  if (darkMode) return "var(--base-color-white)";
10479
10566
  return "var(--base-color-black)";
@@ -10674,13 +10761,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
10674
10761
  }, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
10675
10762
  };
10676
10763
 
10677
- var _templateObject$1e, _templateObject2$T, _templateObject3$J;
10764
+ var _templateObject$1e, _templateObject2$T, _templateObject3$K;
10678
10765
  var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
10679
10766
  var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
10680
10767
  var displayAttribution = _ref.displayAttribution;
10681
10768
  return "display: " + (displayAttribution ? 'block' : 'none') + ";";
10682
10769
  });
10683
- 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);
10770
+ var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__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);
10684
10771
 
10685
10772
  var Quote = function Quote(_ref) {
10686
10773
  var text = _ref.text,
@@ -10704,10 +10791,10 @@ var Quote = function Quote(_ref) {
10704
10791
  }, attribution))));
10705
10792
  };
10706
10793
 
10707
- var _templateObject$1f, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$s, _templateObject6$m;
10794
+ var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$z, _templateObject5$s, _templateObject6$m;
10708
10795
  var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__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"])));
10709
10796
  var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
10710
- var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
10797
+ var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
10711
10798
  var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
10712
10799
  var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__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);
10713
10800
  var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$m || (_templateObject6$m = /*#__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);
@@ -10748,10 +10835,10 @@ var MiniCard = function MiniCard(_ref) {
10748
10835
  }, title)))));
10749
10836
  };
10750
10837
 
10751
- var _templateObject$1g, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$t;
10838
+ var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$A, _templateObject5$t;
10752
10839
  var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__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"])));
10753
10840
  var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
10754
- var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
10841
+ var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
10755
10842
  var isVisible = _ref.isVisible;
10756
10843
  return isVisible ? 'visible' : 'hidden';
10757
10844
  });
@@ -10846,15 +10933,113 @@ var ReadMore = function ReadMore(_ref) {
10846
10933
  }, isFullTextOpen ? "" + hideText : "" + showMoreText)));
10847
10934
  };
10848
10935
 
10849
- var _templateObject$1h, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$u;
10850
- var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10851
- 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 }\n"])), exports.Colors.LightGrey);
10852
- var MobileButton = /*#__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 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
10853
- var MenuItem$1 = /*#__PURE__*/styled__default.a(_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 text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
10936
+ var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$B, _templateObject5$u, _templateObject6$n;
10937
+ var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10938
+ var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10939
+ var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10940
+ var color = _ref.color;
10941
+ return "var(--base-color-" + color + ")";
10942
+ });
10943
+ 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"])));
10944
+ var Text = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
10945
+ var color = _ref2.color;
10946
+ return "var(--base-color-" + color + ")";
10947
+ });
10948
+ var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
10949
+ var color = _ref3.color;
10950
+ return "var(--base-color-" + color + ")";
10951
+ });
10952
+
10953
+ /**
10954
+ * Password strength indicator component.
10955
+ * This renders some number of lines (6 by default)
10956
+ * which should become active when the user improves
10957
+ * the strength of the entered password.
10958
+ *
10959
+ * ## Sections
10960
+ * To set number of sections it should be passed
10961
+ * as `sections` prop.
10962
+ *
10963
+ * ## Active section
10964
+ * To set number of active sections it should be passed
10965
+ * as `activeSections` prop.
10966
+ *
10967
+ * ## Colors
10968
+ * Color of every element can be controlled by properties:
10969
+ * `sectionsColor`, `activeSectionsColor`,
10970
+ * `textColor`, `strengthLabelColor`.
10971
+ *
10972
+ * ## Text
10973
+ * `text` prop is used to render some message.
10974
+ * For example error (together with proper red color)
10975
+ * or some password requirement. It can be empty.
10976
+ *
10977
+ * ## Strength label
10978
+ * `strengthLabel` prop is used to render strength characteristic
10979
+ * of entered password. For example: `weak`, `normal`, `strong`, etc.
10980
+ * It can be empty.
10981
+ */
10982
+
10983
+ var PasswordStrength = function PasswordStrength(_ref) {
10984
+ var _ref$sections = _ref.sections,
10985
+ sections = _ref$sections === void 0 ? 6 : _ref$sections,
10986
+ _ref$activeSections = _ref.activeSections,
10987
+ activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
10988
+ _ref$sectionsColor = _ref.sectionsColor,
10989
+ sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
10990
+ _ref$activeSectionsCo = _ref.activeSectionsColor,
10991
+ activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
10992
+ _ref$text = _ref.text,
10993
+ text = _ref$text === void 0 ? '' : _ref$text,
10994
+ _ref$textColor = _ref.textColor,
10995
+ textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
10996
+ _ref$strengthLabel = _ref.strengthLabel,
10997
+ strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
10998
+ _ref$strengthLabelCol = _ref.strengthLabelColor,
10999
+ strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
11000
+
11001
+ var setSectionColor = function setSectionColor(index) {
11002
+ return index < activeSections ? activeSectionsColor : sectionsColor;
11003
+ };
11004
+
11005
+ var setSectionDataTestId = function setSectionDataTestId(index) {
11006
+ return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
11007
+ };
11008
+
11009
+ return /*#__PURE__*/React__default.createElement(Container$5, {
11010
+ "data-testid": "password-strength-container"
11011
+ }, /*#__PURE__*/React__default.createElement(Sections, {
11012
+ "data-testid": "password-strength-sections"
11013
+ }, Array.from({
11014
+ length: sections
11015
+ }, function (_section, i) {
11016
+ return /*#__PURE__*/React__default.createElement(Section, {
11017
+ key: i,
11018
+ color: setSectionColor(i),
11019
+ "data-testid": setSectionDataTestId(i)
11020
+ });
11021
+ })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
11022
+ color: textColor,
11023
+ "data-testid": "password-strength-text"
11024
+ }, /*#__PURE__*/React__default.createElement(AltHeader, {
11025
+ level: 6
11026
+ }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
11027
+ color: strengthLabelColor,
11028
+ "data-testid": "password-strength-label"
11029
+ }, /*#__PURE__*/React__default.createElement(Overline, {
11030
+ level: 2
11031
+ }, strengthLabel))));
11032
+ };
11033
+
11034
+ var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$C, _templateObject5$v;
11035
+ var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
11036
+ var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
11037
+ var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
11038
+ var MenuItem$1 = /*#__PURE__*/styled__default.a(_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 text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
10854
11039
  var isActive = _ref.isActive;
10855
11040
  return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
10856
11041
  }, exports.Colors.MidGrey);
10857
- var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\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 padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
11042
+ var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\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 padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
10858
11043
  var isOpen = _ref2.isOpen;
10859
11044
  return isOpen ? 'block' : 'none';
10860
11045
  }, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
@@ -11024,108 +11209,10 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
11024
11209
  });
11025
11210
  };
11026
11211
 
11027
- var _templateObject$1i, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$v, _templateObject6$n;
11028
- var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
11029
- var Sections = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
11030
- var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
11031
- var color = _ref.color;
11032
- return "var(--base-color-" + color + ")";
11033
- });
11034
- var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
11035
- var Text = /*#__PURE__*/styled__default.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
11036
- var color = _ref2.color;
11037
- return "var(--base-color-" + color + ")";
11038
- });
11039
- var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
11040
- var color = _ref3.color;
11041
- return "var(--base-color-" + color + ")";
11042
- });
11043
-
11044
- /**
11045
- * Password strength indicator component.
11046
- * This renders some number of lines (6 by default)
11047
- * which should become active when the user improves
11048
- * the strength of the entered password.
11049
- *
11050
- * ## Sections
11051
- * To set number of sections it should be passed
11052
- * as `sections` prop.
11053
- *
11054
- * ## Active section
11055
- * To set number of active sections it should be passed
11056
- * as `activeSections` prop.
11057
- *
11058
- * ## Colors
11059
- * Color of every element can be controlled by properties:
11060
- * `sectionsColor`, `activeSectionsColor`,
11061
- * `textColor`, `strengthLabelColor`.
11062
- *
11063
- * ## Text
11064
- * `text` prop is used to render some message.
11065
- * For example error (together with proper red color)
11066
- * or some password requirement. It can be empty.
11067
- *
11068
- * ## Strength label
11069
- * `strengthLabel` prop is used to render strength characteristic
11070
- * of entered password. For example: `weak`, `normal`, `strong`, etc.
11071
- * It can be empty.
11072
- */
11073
-
11074
- var PasswordStrength = function PasswordStrength(_ref) {
11075
- var _ref$sections = _ref.sections,
11076
- sections = _ref$sections === void 0 ? 6 : _ref$sections,
11077
- _ref$activeSections = _ref.activeSections,
11078
- activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
11079
- _ref$sectionsColor = _ref.sectionsColor,
11080
- sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
11081
- _ref$activeSectionsCo = _ref.activeSectionsColor,
11082
- activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
11083
- _ref$text = _ref.text,
11084
- text = _ref$text === void 0 ? '' : _ref$text,
11085
- _ref$textColor = _ref.textColor,
11086
- textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
11087
- _ref$strengthLabel = _ref.strengthLabel,
11088
- strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
11089
- _ref$strengthLabelCol = _ref.strengthLabelColor,
11090
- strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
11091
-
11092
- var setSectionColor = function setSectionColor(index) {
11093
- return index < activeSections ? activeSectionsColor : sectionsColor;
11094
- };
11095
-
11096
- var setSectionDataTestId = function setSectionDataTestId(index) {
11097
- return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
11098
- };
11099
-
11100
- return /*#__PURE__*/React__default.createElement(Container$5, {
11101
- "data-testid": "password-strength-container"
11102
- }, /*#__PURE__*/React__default.createElement(Sections, {
11103
- "data-testid": "password-strength-sections"
11104
- }, Array.from({
11105
- length: sections
11106
- }, function (_section, i) {
11107
- return /*#__PURE__*/React__default.createElement(Section, {
11108
- key: i,
11109
- color: setSectionColor(i),
11110
- "data-testid": setSectionDataTestId(i)
11111
- });
11112
- })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
11113
- color: textColor,
11114
- "data-testid": "password-strength-text"
11115
- }, /*#__PURE__*/React__default.createElement(AltHeader, {
11116
- level: 6
11117
- }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
11118
- color: strengthLabelColor,
11119
- "data-testid": "password-strength-label"
11120
- }, /*#__PURE__*/React__default.createElement(Overline, {
11121
- level: 2
11122
- }, strengthLabel))));
11123
- };
11124
-
11125
- var _templateObject$1j, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
11212
+ var _templateObject$1j, _templateObject2$Y, _templateObject3$P, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
11126
11213
  var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
11127
11214
  var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
11128
- var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
11215
+ var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
11129
11216
  var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
11130
11217
  return "var(--base-color-" + props.lineColor + ")";
11131
11218
  }, function (props) {
@@ -11143,7 +11230,7 @@ var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$g || (_t
11143
11230
  });
11144
11231
  var Next = /*#__PURE__*/styled__default.span(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
11145
11232
  var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 0 0 24px 0;\n\n div:hover {\n background-color: var(--base-color-light-grey);\n }\n\n > div > div {\n background-color: var(--base-color-light-grey);\n }\n\n svg path {\n fill: var(--base-color-black) !important;\n }\n"])));
11146
- var AriaDescription$1 = /*#__PURE__*/styled__default.span(_templateObject10$7 || (_templateObject10$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
11233
+ var AriaDescription$1 = /*#__PURE__*/styled__default.div(_templateObject10$7 || (_templateObject10$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n white-space: nowrap;\n border: 0;\n"])));
11147
11234
 
11148
11235
  var Content = function Content(_ref) {
11149
11236
  var content = _ref.content;
@@ -11229,7 +11316,7 @@ var Table = function Table(_ref) {
11229
11316
  return window.removeEventListener('resize', horizontalScroll);
11230
11317
  };
11231
11318
  }, []);
11232
- var totalRows = Array.isArray(children) ? children.length + 1 : 1;
11319
+ var totalRows = Array.isArray(children) ? children.length : 1;
11233
11320
  var totalPages = pagination ? Math.ceil(totalRows / rowsPerPage) : 1;
11234
11321
  var pageNumbers = Array.from({
11235
11322
  length: totalPages
@@ -11318,7 +11405,7 @@ var Table = function Table(_ref) {
11318
11405
  }))))))));
11319
11406
  };
11320
11407
 
11321
- var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E, _templateObject5$x, _templateObject6$p, _templateObject7$h, _templateObject8$d, _templateObject9$8, _templateObject10$8, _templateObject11$4, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1;
11408
+ var _templateObject$1k, _templateObject2$Z, _templateObject3$Q, _templateObject4$E, _templateObject5$x, _templateObject6$p, _templateObject7$h, _templateObject8$d, _templateObject9$8, _templateObject10$8, _templateObject11$4, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1;
11322
11409
  var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
11323
11410
  var theme = _ref.theme;
11324
11411
  return "var(--base-color-" + theme + ")";
@@ -11327,7 +11414,7 @@ var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1k || (_temp
11327
11414
  return "var(--base-color-" + theme + ")";
11328
11415
  });
11329
11416
  var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
11330
- var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--base-color-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
11417
+ var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--base-color-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
11331
11418
  var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--base-color-errorstate);\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
11332
11419
  var Form = /*#__PURE__*/styled__default.form(_templateObject5$x || (_templateObject5$x = /*#__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$1);
11333
11420
  var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__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);
@@ -11760,13 +11847,13 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
11760
11847
  }))));
11761
11848
  };
11762
11849
 
11763
- var _templateObject$1l, _templateObject2$_, _templateObject3$Q, _templateObject4$F;
11850
+ var _templateObject$1l, _templateObject2$_, _templateObject3$R, _templateObject4$F;
11764
11851
  var AnchorBarContainer = /*#__PURE__*/styled__default('div')(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 50px;\n min-height: 70px;\n background: var(--base-color-white);\n ", "\n border-bottom: 2px solid var(--base-color-lightgrey);\n z-index: ", ";\n\n @media ", " {\n padding: 0 20px;\n min-height: 60px;\n }\n"])), function (_ref) {
11765
11852
  var hideTopBorder = _ref.hideTopBorder;
11766
11853
  return !hideTopBorder && 'border-top: 2px solid var(--base-color-lightgrey);';
11767
11854
  }, zIndexes.anchor, devices.mobile);
11768
11855
  var CTAWrapper = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n min-height: 28px;\n\n @media ", " {\n min-height: 24px;\n }\n"])), devices.mobile);
11769
- var CTALink = /*#__PURE__*/styled__default.a(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: underline;\n text-decoration-color: var(--base-color-black);\n text-underline-offset: 4px;\n line-height: 1.6;\n color: var(--base-color-black);\n font-weight: var(--font-weight-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n cursor: pointer;\n"])));
11856
+ var CTALink = /*#__PURE__*/styled__default.a(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: underline;\n text-decoration-color: var(--base-color-black);\n text-underline-offset: 4px;\n line-height: 1.6;\n color: var(--base-color-black);\n font-weight: var(--font-weight-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n cursor: pointer;\n"])));
11770
11857
  var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 24px;\n min-width: 24px;\n max-height: 24px;\n max-width: 24px;\n border: none;\n padding: 0;\n background: none;\n\n :hover {\n cursor: pointer;\n }\n"])));
11771
11858
 
11772
11859
  var AnchorBar = function AnchorBar(_ref) {
@@ -11887,10 +11974,10 @@ var StickyBar = function StickyBar(_ref) {
11887
11974
  }, children)));
11888
11975
  };
11889
11976
 
11890
- var _templateObject$1n, _templateObject2$10, _templateObject3$R, _templateObject4$G;
11977
+ var _templateObject$1n, _templateObject2$10, _templateObject3$S, _templateObject4$G;
11891
11978
  var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1n || (_templateObject$1n = /*#__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);
11892
11979
  var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$10 || (_templateObject2$10 = /*#__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);
11893
- var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11980
+ var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11894
11981
  var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$G || (_templateObject4$G = /*#__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"])));
11895
11982
 
11896
11983
  var _excluded$q = ["isOpen", "setIsOpen", "children", "appElementId"];