@royaloperahouse/chord 2.6.0 → 2.7.0-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 (24) hide show
  1. package/CHANGELOG.md +216 -7
  2. package/README.md +250 -40
  3. package/dist/chord.cjs.development.js +1100 -896
  4. package/dist/chord.cjs.development.js.map +1 -1
  5. package/dist/chord.cjs.production.min.js +1 -1
  6. package/dist/chord.cjs.production.min.js.map +1 -1
  7. package/dist/chord.esm.js +1100 -897
  8. package/dist/chord.esm.js.map +1 -1
  9. package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.d.ts +5 -0
  10. package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.style.d.ts +3 -0
  11. package/dist/components/atoms/AriaAlternativeDescription/index.d.ts +2 -0
  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/index.d.ts +2 -2
  15. package/dist/components/index.d.ts +2 -2
  16. package/dist/components/molecules/PageHeading/index.d.ts +1 -1
  17. package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
  18. package/dist/components/molecules/Table/Table.style.d.ts +1 -1
  19. package/dist/components/molecules/index.d.ts +1 -1
  20. package/dist/index.d.ts +3 -2
  21. package/dist/types/ariaAlternative.d.ts +34 -0
  22. package/dist/types/formTypes.d.ts +12 -9
  23. package/package.json +8 -2
  24. package/README.GIT +0 -277
package/dist/chord.cjs.development.js CHANGED
@@ -929,6 +929,7 @@ var Expand12px = (function (_ref) {
929
929
  height: "12",
930
930
  viewBox: "0 0 12 12",
931
931
  fill: "none",
932
+ role: "img",
932
933
  "aria-label": ariaLabel
933
934
  }, /*#__PURE__*/React.createElement("path", {
934
935
  d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
@@ -946,6 +947,7 @@ var Remove12px = (function (_ref) {
946
947
  height: "12",
947
948
  viewBox: "0 0 12 12",
948
949
  fill: "none",
950
+ role: "img",
949
951
  "aria-label": ariaLabel
950
952
  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
951
953
  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",
@@ -963,6 +965,7 @@ var Tick = (function (_ref) {
963
965
  viewBox: "0 0 12 12",
964
966
  fill: "none",
965
967
  xmlns: "http://www.w3.org/2000/svg",
968
+ role: "img",
966
969
  "aria-label": ariaLabel
967
970
  }, /*#__PURE__*/React.createElement("path", {
968
971
  d: "M4.09961 11.1999L1.09961 7.2999L1.89961 6.6999L4.09961 9.4999L10.0996 1.3999L10.8996 1.9999L4.09961 11.1999Z",
@@ -980,6 +983,7 @@ var AddToMyList = (function (_ref) {
980
983
  viewBox: "0 0 24 24",
981
984
  fill: "none",
982
985
  xmlns: "http://www.w3.org/2000/svg",
986
+ role: "img",
983
987
  "aria-label": ariaLabel
984
988
  }, /*#__PURE__*/React.createElement("path", {
985
989
  d: "M21 3H3V4H21V3Z",
@@ -1012,6 +1016,7 @@ var OnMyList = (function (_ref) {
1012
1016
  viewBox: "0 0 24 24",
1013
1017
  fill: "none",
1014
1018
  xmlns: "http://www.w3.org/2000/svg",
1019
+ role: "img",
1015
1020
  "aria-label": ariaLabel
1016
1021
  }, /*#__PURE__*/React.createElement("path", {
1017
1022
  d: "M15.4996 20.2002L13.3996 17.7002L12.5996 18.3002L15.5996 21.8002L20.8996 13.8002L20.0996 13.2002L15.4996 20.2002Z",
@@ -1044,6 +1049,7 @@ var BookTickets = (function (_ref) {
1044
1049
  viewBox: "0 0 24 24",
1045
1050
  fill: "none",
1046
1051
  xmlns: "http://www.w3.org/2000/svg",
1052
+ role: "img",
1047
1053
  "aria-label": ariaLabel
1048
1054
  }, /*#__PURE__*/React.createElement("path", {
1049
1055
  d: "M7 2H6V5H7V2Z",
@@ -1088,6 +1094,7 @@ var ChooseDates = (function (_ref) {
1088
1094
  viewBox: "0 0 24 24",
1089
1095
  fill: "none",
1090
1096
  xmlns: "http://www.w3.org/2000/svg",
1097
+ role: "img",
1091
1098
  "aria-label": ariaLabel
1092
1099
  }, /*#__PURE__*/React.createElement("path", {
1093
1100
  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",
@@ -1105,6 +1112,7 @@ var EditMyList = (function (_ref) {
1105
1112
  viewBox: "0 0 24 24",
1106
1113
  fill: "none",
1107
1114
  xmlns: "http://www.w3.org/2000/svg",
1115
+ role: "img",
1108
1116
  "aria-label": ariaLabel
1109
1117
  }, /*#__PURE__*/React.createElement("path", {
1110
1118
  d: "M21 3H3V4H21V3Z",
@@ -1137,6 +1145,7 @@ var Favourite = (function (_ref) {
1137
1145
  viewBox: "0 0 24 24",
1138
1146
  fill: "none",
1139
1147
  xmlns: "http://www.w3.org/2000/svg",
1148
+ role: "img",
1140
1149
  "aria-label": ariaLabel
1141
1150
  }, /*#__PURE__*/React.createElement("path", {
1142
1151
  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",
@@ -1154,6 +1163,7 @@ var FavouriteFull = (function (_ref) {
1154
1163
  viewBox: "0 0 24 24",
1155
1164
  fill: "none",
1156
1165
  xmlns: "http://www.w3.org/2000/svg",
1166
+ role: "img",
1157
1167
  "aria-label": ariaLabel
1158
1168
  }, /*#__PURE__*/React.createElement("path", {
1159
1169
  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",
@@ -1171,6 +1181,7 @@ var Filter = (function (_ref) {
1171
1181
  viewBox: "0 0 24 24",
1172
1182
  fill: "none",
1173
1183
  xmlns: "http://www.w3.org/2000/svg",
1184
+ role: "img",
1174
1185
  "aria-label": ariaLabel
1175
1186
  }, /*#__PURE__*/React.createElement("path", {
1176
1187
  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",
@@ -1194,6 +1205,7 @@ var FindAScreening = (function (_ref) {
1194
1205
  viewBox: "0 0 24 24",
1195
1206
  fill: "none",
1196
1207
  xmlns: "http://www.w3.org/2000/svg",
1208
+ role: "img",
1197
1209
  "aria-label": ariaLabel
1198
1210
  }, /*#__PURE__*/React.createElement("path", {
1199
1211
  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",
@@ -1226,6 +1238,7 @@ var Reminder = (function (_ref) {
1226
1238
  viewBox: "0 0 24 24",
1227
1239
  fill: "none",
1228
1240
  xmlns: "http://www.w3.org/2000/svg",
1241
+ role: "img",
1229
1242
  "aria-label": ariaLabel
1230
1243
  }, /*#__PURE__*/React.createElement("path", {
1231
1244
  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",
@@ -1243,6 +1256,7 @@ var Subscribe = (function (_ref) {
1243
1256
  viewBox: "0 0 24 24",
1244
1257
  fill: "none",
1245
1258
  xmlns: "http://www.w3.org/2000/svg",
1259
+ role: "img",
1246
1260
  "aria-label": ariaLabel
1247
1261
  }, /*#__PURE__*/React.createElement("path", {
1248
1262
  d: "M20 4V20H4V4H20ZM21 3H3V21H21V3Z",
@@ -1263,6 +1277,7 @@ var Watch = (function (_ref) {
1263
1277
  viewBox: "0 0 24 24",
1264
1278
  fill: "none",
1265
1279
  xmlns: "http://www.w3.org/2000/svg",
1280
+ role: "img",
1266
1281
  "aria-label": ariaLabel
1267
1282
  }, /*#__PURE__*/React.createElement("path", {
1268
1283
  d: "M9 8L16 12L9 16V8Z",
@@ -1283,6 +1298,7 @@ var Arrow = (function (_ref) {
1283
1298
  viewBox: "0 0 24 24",
1284
1299
  fill: "none",
1285
1300
  xmlns: "http://www.w3.org/2000/svg",
1301
+ role: "img",
1286
1302
  "aria-label": ariaLabel
1287
1303
  }, /*#__PURE__*/React.createElement("path", {
1288
1304
  d: "M3 12.6001H19L12.9 18.7001L13.6 19.4001L21 12.0001L13.6 4.6001L12.9 5.3001L19.2 11.6001H3V12.6001Z",
@@ -1300,6 +1316,7 @@ var CarouselArrow = (function (_ref) {
1300
1316
  viewBox: "0 0 24 24",
1301
1317
  fill: "none",
1302
1318
  xmlns: "http://www.w3.org/2000/svg",
1319
+ role: "img",
1303
1320
  "aria-label": ariaLabel
1304
1321
  }, /*#__PURE__*/React.createElement("path", {
1305
1322
  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",
@@ -1317,6 +1334,7 @@ var DropdownArrow = (function (_ref) {
1317
1334
  viewBox: "0 0 24 24",
1318
1335
  fill: "none",
1319
1336
  xmlns: "http://www.w3.org/2000/svg",
1337
+ role: "img",
1320
1338
  "aria-label": ariaLabel
1321
1339
  }, /*#__PURE__*/React.createElement("path", {
1322
1340
  d: "M19.3 8L12 14.7L4.7 8L4 8.7L12 16L20 8.7L19.3 8Z",
@@ -1334,6 +1352,7 @@ var Cinema = (function (_ref) {
1334
1352
  viewBox: "0 0 24 24",
1335
1353
  fill: "none",
1336
1354
  xmlns: "http://www.w3.org/2000/svg",
1355
+ role: "img",
1337
1356
  "aria-label": ariaLabel
1338
1357
  }, /*#__PURE__*/React.createElement("path", {
1339
1358
  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",
@@ -1366,6 +1385,7 @@ var Clock = (function (_ref) {
1366
1385
  viewBox: "0 0 24 24",
1367
1386
  fill: "none",
1368
1387
  xmlns: "http://www.w3.org/2000/svg",
1388
+ role: "img",
1369
1389
  "aria-label": ariaLabel
1370
1390
  }, /*#__PURE__*/React.createElement("path", {
1371
1391
  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",
@@ -1386,6 +1406,7 @@ var CreditCard = (function (_ref) {
1386
1406
  viewBox: "0 0 24 24",
1387
1407
  fill: "none",
1388
1408
  xmlns: "http://www.w3.org/2000/svg",
1409
+ role: "img",
1389
1410
  "aria-label": ariaLabel
1390
1411
  }, /*#__PURE__*/React.createElement("path", {
1391
1412
  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",
@@ -1409,6 +1430,7 @@ var Email = (function (_ref) {
1409
1430
  viewBox: "0 0 24 24",
1410
1431
  fill: "none",
1411
1432
  xmlns: "http://www.w3.org/2000/svg",
1433
+ role: "img",
1412
1434
  "aria-label": ariaLabel
1413
1435
  }, /*#__PURE__*/React.createElement("path", {
1414
1436
  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",
@@ -1426,6 +1448,7 @@ var Info = (function (_ref) {
1426
1448
  viewBox: "0 0 24 24",
1427
1449
  fill: "none",
1428
1450
  xmlns: "http://www.w3.org/2000/svg",
1451
+ role: "img",
1429
1452
  "aria-label": ariaLabel
1430
1453
  }, /*#__PURE__*/React.createElement("path", {
1431
1454
  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",
@@ -1449,6 +1472,7 @@ var List = (function (_ref) {
1449
1472
  viewBox: "0 0 24 24",
1450
1473
  fill: "none",
1451
1474
  xmlns: "http://www.w3.org/2000/svg",
1475
+ role: "img",
1452
1476
  "aria-label": ariaLabel
1453
1477
  }, /*#__PURE__*/React.createElement("path", {
1454
1478
  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",
@@ -1481,6 +1505,7 @@ var Location = (function (_ref) {
1481
1505
  viewBox: "0 0 24 24",
1482
1506
  fill: "none",
1483
1507
  xmlns: "http://www.w3.org/2000/svg",
1508
+ role: "img",
1484
1509
  "aria-label": ariaLabel
1485
1510
  }, /*#__PURE__*/React.createElement("path", {
1486
1511
  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",
@@ -1501,6 +1526,7 @@ var PDF = (function (_ref) {
1501
1526
  viewBox: "0 0 24 24",
1502
1527
  fill: "none",
1503
1528
  xmlns: "http://www.w3.org/2000/svg",
1529
+ role: "img",
1504
1530
  "aria-label": ariaLabel
1505
1531
  }, /*#__PURE__*/React.createElement("path", {
1506
1532
  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",
@@ -1527,6 +1553,7 @@ var Phone = (function (_ref) {
1527
1553
  viewBox: "0 0 24 24",
1528
1554
  fill: "none",
1529
1555
  xmlns: "http://www.w3.org/2000/svg",
1556
+ role: "img",
1530
1557
  "aria-label": ariaLabel
1531
1558
  }, /*#__PURE__*/React.createElement("path", {
1532
1559
  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",
@@ -1544,6 +1571,7 @@ var Print = (function (_ref) {
1544
1571
  viewBox: "0 0 24 24",
1545
1572
  fill: "none",
1546
1573
  xmlns: "http://www.w3.org/2000/svg",
1574
+ role: "img",
1547
1575
  "aria-label": ariaLabel
1548
1576
  }, /*#__PURE__*/React.createElement("path", {
1549
1577
  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",
@@ -1561,6 +1589,7 @@ var Seat = (function (_ref) {
1561
1589
  viewBox: "0 0 24 24",
1562
1590
  fill: "none",
1563
1591
  xmlns: "http://www.w3.org/2000/svg",
1592
+ role: "img",
1564
1593
  "aria-label": ariaLabel
1565
1594
  }, /*#__PURE__*/React.createElement("path", {
1566
1595
  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",
@@ -1581,6 +1610,7 @@ var Secure = (function (_ref) {
1581
1610
  viewBox: "0 0 24 24",
1582
1611
  fill: "none",
1583
1612
  xmlns: "http://www.w3.org/2000/svg",
1613
+ role: "img",
1584
1614
  "aria-label": ariaLabel
1585
1615
  }, /*#__PURE__*/React.createElement("path", {
1586
1616
  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",
@@ -1601,6 +1631,7 @@ var Standing = (function (_ref) {
1601
1631
  viewBox: "0 0 24 24",
1602
1632
  fill: "none",
1603
1633
  xmlns: "http://www.w3.org/2000/svg",
1634
+ role: "img",
1604
1635
  "aria-label": ariaLabel
1605
1636
  }, /*#__PURE__*/React.createElement("path", {
1606
1637
  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",
@@ -1618,6 +1649,7 @@ var Tickets = (function (_ref) {
1618
1649
  viewBox: "0 0 24 24",
1619
1650
  fill: "none",
1620
1651
  xmlns: "http://www.w3.org/2000/svg",
1652
+ role: "img",
1621
1653
  "aria-label": ariaLabel
1622
1654
  }, /*#__PURE__*/React.createElement("path", {
1623
1655
  d: "M12 14H11V16H12V14Z",
@@ -1641,6 +1673,7 @@ var Wheelchair = (function (_ref) {
1641
1673
  viewBox: "0 0 24 24",
1642
1674
  fill: "none",
1643
1675
  xmlns: "http://www.w3.org/2000/svg",
1676
+ role: "img",
1644
1677
  "aria-label": ariaLabel
1645
1678
  }, /*#__PURE__*/React.createElement("path", {
1646
1679
  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",
@@ -1658,6 +1691,7 @@ var BalletAndDance = (function (_ref) {
1658
1691
  viewBox: "0 0 24 24",
1659
1692
  fill: "none",
1660
1693
  xmlns: "http://www.w3.org/2000/svg",
1694
+ role: "img",
1661
1695
  "aria-label": ariaLabel
1662
1696
  }, /*#__PURE__*/React.createElement("path", {
1663
1697
  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",
@@ -1675,6 +1709,7 @@ var Basket = (function (_ref) {
1675
1709
  viewBox: "0 0 24 24",
1676
1710
  fill: "none",
1677
1711
  xmlns: "http://www.w3.org/2000/svg",
1712
+ role: "img",
1678
1713
  "aria-label": ariaLabel
1679
1714
  }, /*#__PURE__*/React.createElement("path", {
1680
1715
  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",
@@ -1692,6 +1727,7 @@ var BasketFull = (function (_ref) {
1692
1727
  viewBox: "0 0 24 24",
1693
1728
  fill: "none",
1694
1729
  xmlns: "http://www.w3.org/2000/svg",
1730
+ role: "img",
1695
1731
  "aria-label": ariaLabel
1696
1732
  }, /*#__PURE__*/React.createElement("path", {
1697
1733
  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",
@@ -1709,6 +1745,7 @@ var Home = (function (_ref) {
1709
1745
  viewBox: "0 0 24 24",
1710
1746
  fill: "none",
1711
1747
  xmlns: "http://www.w3.org/2000/svg",
1748
+ role: "img",
1712
1749
  "aria-label": ariaLabel
1713
1750
  }, /*#__PURE__*/React.createElement("path", {
1714
1751
  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",
@@ -1726,6 +1763,7 @@ var LiveStream = (function (_ref) {
1726
1763
  viewBox: "0 0 24 24",
1727
1764
  fill: "none",
1728
1765
  xmlns: "http://www.w3.org/2000/svg",
1766
+ role: "img",
1729
1767
  "aria-label": ariaLabel
1730
1768
  }, /*#__PURE__*/React.createElement("path", {
1731
1769
  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",
@@ -1755,6 +1793,7 @@ var Menu = (function (_ref) {
1755
1793
  viewBox: "0 0 24 24",
1756
1794
  fill: "none",
1757
1795
  xmlns: "http://www.w3.org/2000/svg",
1796
+ role: "img",
1758
1797
  "aria-label": ariaLabel
1759
1798
  }, /*#__PURE__*/React.createElement("path", {
1760
1799
  d: "M22 5H2V6H22V5Z",
@@ -1778,6 +1817,7 @@ var OperaAndMusic = (function (_ref) {
1778
1817
  viewBox: "0 0 24 24",
1779
1818
  fill: "none",
1780
1819
  xmlns: "http://www.w3.org/2000/svg",
1820
+ role: "img",
1781
1821
  "aria-label": ariaLabel
1782
1822
  }, /*#__PURE__*/React.createElement("path", {
1783
1823
  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",
@@ -1813,6 +1853,7 @@ var Search = (function (_ref) {
1813
1853
  viewBox: "0 0 24 24",
1814
1854
  fill: "none",
1815
1855
  xmlns: "http://www.w3.org/2000/svg",
1856
+ role: "img",
1816
1857
  "aria-label": ariaLabel
1817
1858
  }, /*#__PURE__*/React.createElement("path", {
1818
1859
  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",
@@ -1830,6 +1871,7 @@ var Settings = (function (_ref) {
1830
1871
  viewBox: "0 0 24 24",
1831
1872
  fill: "none",
1832
1873
  xmlns: "http://www.w3.org/2000/svg",
1874
+ role: "img",
1833
1875
  "aria-label": ariaLabel
1834
1876
  }, /*#__PURE__*/React.createElement("path", {
1835
1877
  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",
@@ -1850,6 +1892,7 @@ var User = (function (_ref) {
1850
1892
  viewBox: "0 0 24 24",
1851
1893
  fill: "none",
1852
1894
  xmlns: "http://www.w3.org/2000/svg",
1895
+ role: "img",
1853
1896
  "aria-label": ariaLabel
1854
1897
  }, /*#__PURE__*/React.createElement("path", {
1855
1898
  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",
@@ -1870,6 +1913,7 @@ var UserSignedIn = (function (_ref) {
1870
1913
  viewBox: "0 0 24 24",
1871
1914
  fill: "none",
1872
1915
  xmlns: "http://www.w3.org/2000/svg",
1916
+ role: "img",
1873
1917
  "aria-label": ariaLabel
1874
1918
  }, /*#__PURE__*/React.createElement("path", {
1875
1919
  d: "M22 21H2C2.4 17.7 2 11 12 11C22 11 21.6 17.7 22 21Z",
@@ -1890,6 +1934,7 @@ var Facebook = (function (_ref) {
1890
1934
  viewBox: "0 0 24 24",
1891
1935
  fill: "none",
1892
1936
  xmlns: "http://www.w3.org/2000/svg",
1937
+ role: "img",
1893
1938
  "aria-label": ariaLabel
1894
1939
  }, /*#__PURE__*/React.createElement("path", {
1895
1940
  d: "M13.6598 22H9.70976V12.14H6.99976V8.93H9.69976V6.65C9.70976 3.94 10.8998 2 14.8398 2C15.5622 2.02024 16.2831 2.07698 16.9998 2.17V5.17H15.6098C14.2098 5.17 13.6598 5.59 13.6598 6.77V8.93H16.9298L16.6398 12.14H13.6398L13.6598 22Z",
@@ -1907,6 +1952,7 @@ var Instagram = (function (_ref) {
1907
1952
  viewBox: "0 0 24 24",
1908
1953
  fill: "none",
1909
1954
  xmlns: "http://www.w3.org/2000/svg",
1955
+ role: "img",
1910
1956
  "aria-label": ariaLabel
1911
1957
  }, /*#__PURE__*/React.createElement("path", {
1912
1958
  d: "M11.9998 4.62C14.3998 4.62 14.6898 4.62 15.6398 4.62C16.2138 4.652 16.7784 4.78047 17.3098 5C17.6891 5.15025 18.0306 5.38245 18.3098 5.68C18.6073 5.95918 18.8395 6.30065 18.9898 6.68C19.1854 7.21552 19.2901 7.77996 19.2998 8.35C19.2998 9.35 19.3498 9.59 19.3498 11.99C19.3498 14.39 19.3498 14.68 19.2998 15.63C19.2945 16.2028 19.1931 16.7707 18.9998 17.31C18.8495 17.6893 18.6173 18.0308 18.3198 18.31C18.0406 18.6075 17.6991 18.8397 17.3198 18.99C16.7843 19.1856 16.2198 19.2904 15.6498 19.3C14.6998 19.3 14.4098 19.35 12.0098 19.35C9.60978 19.35 9.31978 19.35 8.36978 19.3C7.79694 19.2947 7.22905 19.1933 6.68978 19C6.31043 18.8497 5.96896 18.6175 5.68978 18.32C5.39223 18.0408 5.16003 17.6993 5.00978 17.32C4.81419 16.7845 4.70942 16.22 4.69978 15.65C4.69978 14.65 4.64978 14.41 4.64978 12.01C4.64978 9.61 4.64978 9.32 4.69978 8.37C4.70509 7.79716 4.8065 7.22927 4.99978 6.69C5.15003 6.31065 5.38223 5.96918 5.67978 5.69C5.95897 5.39245 6.30044 5.16025 6.67978 5.01C7.21531 4.81441 7.77974 4.70963 8.34978 4.7C9.34978 4.7 9.58978 4.7 11.9898 4.7L11.9998 4.62ZM11.9998 3C9.55978 3 9.24978 3 8.28978 3C7.54184 3.02033 6.80218 3.16219 6.09978 3.42C5.50426 3.63557 4.96202 3.9766 4.50978 4.42C4.06638 4.87223 3.72535 5.41448 3.50978 6.01C3.25197 6.7124 3.11012 7.45206 3.08978 8.2C3.08978 9.2 3.08978 9.47 3.08978 11.91C3.08978 14.35 3.08978 14.66 3.08978 15.62C3.11012 16.3679 3.25197 17.1076 3.50978 17.81C3.72535 18.4055 4.06638 18.9478 4.50978 19.4C4.96202 19.8434 5.50426 20.1844 6.09978 20.4C6.80218 20.6578 7.54184 20.7997 8.28978 20.82C9.28978 20.82 9.55978 20.87 11.9998 20.87C14.4398 20.87 14.7498 20.87 15.7098 20.82C16.4577 20.7997 17.1974 20.6578 17.8998 20.4C18.4953 20.1844 19.0375 19.8434 19.4898 19.4C19.9332 18.9478 20.2742 18.4055 20.4898 17.81C20.769 17.1411 20.9411 16.4324 20.9998 15.71C20.9998 14.71 21.0498 14.44 21.0498 12C21.0498 9.56 21.0498 9.25 20.9998 8.29C20.9794 7.54206 20.8376 6.8024 20.5798 6.1C20.3642 5.50448 20.0232 4.96223 19.5798 4.51C19.1275 4.0666 18.5853 3.72557 17.9898 3.51C17.2874 3.25219 16.5477 3.11033 15.7998 3.09C14.7998 3.09 14.5298 3.09 12.0898 3.09L11.9998 3Z",
@@ -1930,6 +1976,7 @@ var Tiktok = (function (_ref) {
1930
1976
  viewBox: "0 0 24 24",
1931
1977
  fill: "none",
1932
1978
  xmlns: "http://www.w3.org/2000/svg",
1979
+ role: "img",
1933
1980
  "aria-label": ariaLabel
1934
1981
  }, /*#__PURE__*/React.createElement("path", {
1935
1982
  d: "M19.6997 10.28C19.5532 10.2898 19.4062 10.2898 19.2597 10.28C18.4648 10.2811 17.6823 10.083 16.9836 9.70397C16.2849 9.32492 15.6922 8.77693 15.2597 8.11V15.51C15.2597 16.5919 14.9389 17.6494 14.3378 18.549C13.7368 19.4485 12.8825 20.1496 11.883 20.5636C10.8835 20.9776 9.78364 21.086 8.72256 20.8749C7.66148 20.6638 6.68682 20.1429 5.92183 19.3779C5.15684 18.6129 4.63587 17.6382 4.42481 16.5771C4.21375 15.5161 4.32207 14.4162 4.73608 13.4167C5.15009 12.4172 5.8512 11.5629 6.75074 10.9619C7.65027 10.3608 8.70784 10.04 9.7897 10.04H10.1297V12.73H9.7897C9.04975 12.73 8.3401 13.0239 7.81688 13.5472C7.29365 14.0704 6.9997 14.78 6.9997 15.52C6.9997 16.26 7.29365 16.9696 7.81688 17.4928C8.3401 18.0161 9.04975 18.31 9.7897 18.31C10.5372 18.3236 11.26 18.0429 11.8025 17.5285C12.345 17.0141 12.6636 16.3071 12.6897 15.56L12.6997 3H15.2797C15.3963 4.11994 15.9028 5.16325 16.7108 5.94747C17.5188 6.7317 18.5768 7.20691 19.6997 7.29V10.29",
@@ -1947,6 +1994,7 @@ var Twitter = (function (_ref) {
1947
1994
  viewBox: "0 0 24 24",
1948
1995
  fill: "none",
1949
1996
  xmlns: "http://www.w3.org/2000/svg",
1997
+ role: "img",
1950
1998
  "aria-label": ariaLabel
1951
1999
  }, /*#__PURE__*/React.createElement("path", {
1952
2000
  d: "M21.9998 5.88989C21.2497 6.22055 20.4541 6.43631 19.6398 6.52989C20.4934 6.0305 21.1366 5.23803 21.4498 4.29989C20.6398 4.77267 19.7583 5.11042 18.8398 5.29989C18.4539 4.89263 17.9885 4.5689 17.4725 4.34873C16.9565 4.12856 16.4008 4.01664 15.8398 4.01989C14.7662 4.01179 13.7327 4.42715 12.9634 5.17592C12.194 5.92469 11.7508 6.94652 11.7298 8.01989C11.7307 8.32978 11.7676 8.63852 11.8398 8.93989C10.2142 8.86071 8.62291 8.44473 7.1666 7.71829C5.71029 6.99186 4.42077 5.97082 3.37975 4.71989C3.02375 5.3266 2.83404 6.01646 2.82976 6.71989C2.82871 7.38732 2.9947 8.04441 3.31258 8.63128C3.63047 9.21815 4.09016 9.71614 4.64976 10.0799C3.99934 10.0599 3.36252 9.88873 2.78976 9.57989C2.78849 10.5249 3.11611 11.4409 3.71641 12.1707C4.31671 12.9006 5.15227 13.3988 6.07976 13.5799C5.72736 13.6732 5.36431 13.7203 4.99976 13.7199C4.74165 13.7169 4.48418 13.6935 4.22976 13.6499C4.49917 14.456 5.01247 15.1585 5.69862 15.6601C6.38478 16.1618 7.20987 16.4377 8.05975 16.4499C6.61975 17.5939 4.83879 18.2239 2.99976 18.2399C2.66976 18.2399 2.33976 18.2399 1.99976 18.2399C3.88906 19.4067 6.06925 20.0167 8.28976 19.9999C9.81706 20.0291 11.3349 19.7535 12.7544 19.1892C14.1739 18.6249 15.4667 17.7832 16.557 16.7133C17.6474 15.6435 18.5134 14.3669 19.1046 12.9583C19.6957 11.5498 20 10.0375 19.9998 8.50989C19.9998 8.32989 19.9998 8.15989 19.9998 7.97989C20.7857 7.40806 21.463 6.70024 21.9998 5.88989Z",
@@ -1964,6 +2012,7 @@ var X = (function (_ref) {
1964
2012
  viewBox: "0 0 24 24",
1965
2013
  fill: "none",
1966
2014
  xmlns: "http://www.w3.org/2000/svg",
2015
+ role: "img",
1967
2016
  "aria-label": ariaLabel
1968
2017
  }, /*#__PURE__*/React.createElement("path", {
1969
2018
  d: "M13.7124 10.6179L20.4133 3H18.8254L13.007 9.61448L8.35992 3H3L10.0274 13.0023L3 20.9908H4.58799L10.7324 14.0056L15.6401 20.9908H21L13.7124 10.6179ZM11.5375 13.0904L10.8255 12.0944L5.16016 4.16911H7.59922L12.1712 10.5651L12.8832 11.5611L18.8262 19.8748H16.3871L11.5375 13.0904Z",
@@ -1981,6 +2030,7 @@ var Youtube = (function (_ref) {
1981
2030
  viewBox: "0 0 24 24",
1982
2031
  fill: "none",
1983
2032
  xmlns: "http://www.w3.org/2000/svg",
2033
+ role: "img",
1984
2034
  "aria-label": ariaLabel
1985
2035
  }, /*#__PURE__*/React.createElement("path", {
1986
2036
  d: "M12.4398 18.8999L8.33978 18.8199C7.00184 18.8681 5.66237 18.7877 4.33978 18.5799C2.33978 18.1699 2.21978 16.1899 2.06978 14.5799C1.86519 12.2448 1.95253 9.89335 2.32978 7.57989C2.3868 6.99013 2.66085 6.44256 3.09878 6.04344C3.5367 5.64432 4.10727 5.4221 4.69978 5.41989C9.1314 5.15166 13.5738 5.10827 18.0098 5.28989C18.4804 5.30645 18.9488 5.36332 19.4098 5.45989C21.6798 5.84989 21.7398 8.09989 21.8798 9.99989C22.0316 11.911 21.9679 13.8331 21.6898 15.7299C21.4598 17.3099 21.0298 18.6199 19.2098 18.7299C16.9298 18.8999 14.7098 19.0299 12.4198 18.9899C12.4598 18.8999 12.4498 18.8999 12.4398 18.8999ZM10.0298 14.8999L15.1398 11.9999L9.99978 9.04989L10.0298 14.8999Z",
@@ -1998,6 +2048,7 @@ var Delete = (function (_ref) {
1998
2048
  viewBox: "0 0 24 24",
1999
2049
  fill: "none",
2000
2050
  xmlns: "http://www.w3.org/2000/svg",
2051
+ role: "img",
2001
2052
  "aria-label": ariaLabel
2002
2053
  }, /*#__PURE__*/React.createElement("path", {
2003
2054
  d: "M11 4L2 12L11 20H22V4H11ZM21 19H11.4L3.5 12L11.4 5H21V19Z",
@@ -2017,11 +2068,12 @@ var Shift = (function (_ref) {
2017
2068
  height: "100%",
2018
2069
  viewBox: "0 0 24 24",
2019
2070
  fill: "none",
2020
- xmlns: "http://www.w3.org/2000/svg"
2071
+ xmlns: "http://www.w3.org/2000/svg",
2072
+ role: "img",
2073
+ "aria-label": ariaLabel
2021
2074
  }, /*#__PURE__*/React.createElement("path", {
2022
2075
  d: "M12 3L3 12H8V21H16V12H21L12 3ZM15 11V12V20H9V12V11H8H5.4L12 4.4L18.6 11H16H15Z",
2023
- fill: color,
2024
- "aria-label": ariaLabel
2076
+ fill: color
2025
2077
  }));
2026
2078
  });
2027
2079
 
@@ -2035,6 +2087,7 @@ var Space = (function (_ref) {
2035
2087
  viewBox: "0 0 24 24",
2036
2088
  fill: "none",
2037
2089
  xmlns: "http://www.w3.org/2000/svg",
2090
+ role: "img",
2038
2091
  "aria-label": ariaLabel
2039
2092
  }, /*#__PURE__*/React.createElement("path", {
2040
2093
  d: "M21 16V19H3V16H2V19V20H3H21H22V19V16H21Z",
@@ -2052,6 +2105,7 @@ var Close = (function (_ref) {
2052
2105
  viewBox: "0 0 24 24",
2053
2106
  fill: "none",
2054
2107
  xmlns: "http://www.w3.org/2000/svg",
2108
+ role: "img",
2055
2109
  "aria-label": ariaLabel
2056
2110
  }, /*#__PURE__*/React.createElement("path", {
2057
2111
  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",
@@ -2069,6 +2123,7 @@ var Confirm = (function (_ref) {
2069
2123
  viewBox: "0 0 24 24",
2070
2124
  fill: "none",
2071
2125
  xmlns: "http://www.w3.org/2000/svg",
2126
+ role: "img",
2072
2127
  "aria-label": ariaLabel
2073
2128
  }, /*#__PURE__*/React.createElement("path", {
2074
2129
  d: "M9.09961 21L3 12.5L3.8 11.9L9.09961 19.3L21.1996 3L21.9996 3.6L9.09961 21Z",
@@ -2086,6 +2141,7 @@ var Detract = (function (_ref) {
2086
2141
  viewBox: "0 0 24 24",
2087
2142
  fill: "none",
2088
2143
  xmlns: "http://www.w3.org/2000/svg",
2144
+ role: "img",
2089
2145
  "aria-label": ariaLabel
2090
2146
  }, /*#__PURE__*/React.createElement("path", {
2091
2147
  d: "M21 11.5H3V12.5H21V11.5Z",
@@ -2103,6 +2159,7 @@ var Expand = (function (_ref) {
2103
2159
  viewBox: "0 0 24 24",
2104
2160
  fill: "none",
2105
2161
  xmlns: "http://www.w3.org/2000/svg",
2162
+ role: "img",
2106
2163
  "aria-label": ariaLabel
2107
2164
  }, /*#__PURE__*/React.createElement("path", {
2108
2165
  d: "M12.5 11.5V3H11.5V11.5H3V12.5H11.5V21H12.5V12.5H21V11.5H12.5Z",
@@ -2120,6 +2177,7 @@ var ExternalLink = (function (_ref) {
2120
2177
  viewBox: "0 0 24 24",
2121
2178
  fill: "none",
2122
2179
  xmlns: "http://www.w3.org/2000/svg",
2180
+ role: "img",
2123
2181
  "aria-label": ariaLabel
2124
2182
  }, /*#__PURE__*/React.createElement("path", {
2125
2183
  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",
@@ -2140,6 +2198,7 @@ var GridView = (function (_ref) {
2140
2198
  viewBox: "0 0 24 24",
2141
2199
  fill: "none",
2142
2200
  xmlns: "http://www.w3.org/2000/svg",
2201
+ role: "img",
2143
2202
  "aria-label": ariaLabel
2144
2203
  }, /*#__PURE__*/React.createElement("path", {
2145
2204
  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",
@@ -2157,6 +2216,7 @@ var ListView = (function (_ref) {
2157
2216
  viewBox: "0 0 24 24",
2158
2217
  fill: "none",
2159
2218
  xmlns: "http://www.w3.org/2000/svg",
2219
+ role: "img",
2160
2220
  "aria-label": ariaLabel
2161
2221
  }, /*#__PURE__*/React.createElement("path", {
2162
2222
  d: "M3 3V7H21V3H3ZM20 6H4V4H20V6Z",
@@ -2180,6 +2240,7 @@ var Refresh = (function (_ref) {
2180
2240
  viewBox: "0 0 24 24",
2181
2241
  fill: "none",
2182
2242
  xmlns: "http://www.w3.org/2000/svg",
2243
+ role: "img",
2183
2244
  "aria-label": ariaLabel
2184
2245
  }, /*#__PURE__*/React.createElement("path", {
2185
2246
  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",
@@ -2200,6 +2261,7 @@ var Remove = (function (_ref) {
2200
2261
  viewBox: "0 0 12 12",
2201
2262
  fill: "none",
2202
2263
  xmlns: "http://www.w3.org/2000/svg",
2264
+ role: "img",
2203
2265
  "aria-label": ariaLabel
2204
2266
  }, /*#__PURE__*/React.createElement("path", {
2205
2267
  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",
@@ -2217,6 +2279,7 @@ var Star = (function (_ref) {
2217
2279
  viewBox: "0 0 48 46",
2218
2280
  fill: "none",
2219
2281
  xmlns: "http://www.w3.org/2000/svg",
2282
+ role: "img",
2220
2283
  "aria-label": ariaLabel
2221
2284
  }, /*#__PURE__*/React.createElement("path", {
2222
2285
  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",
@@ -2234,6 +2297,7 @@ var AudioDescription = (function (_ref) {
2234
2297
  viewBox: "0 0 24 24",
2235
2298
  fill: "none",
2236
2299
  xmlns: "http://www.w3.org/2000/svg",
2300
+ role: "img",
2237
2301
  "aria-label": ariaLabel
2238
2302
  }, /*#__PURE__*/React.createElement("path", {
2239
2303
  d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
@@ -2257,6 +2321,7 @@ var Back10 = (function (_ref) {
2257
2321
  viewBox: "0 0 24 24",
2258
2322
  fill: "none",
2259
2323
  xmlns: "http://www.w3.org/2000/svg",
2324
+ role: "img",
2260
2325
  "aria-label": ariaLabel
2261
2326
  }, /*#__PURE__*/React.createElement("path", {
2262
2327
  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",
@@ -2280,6 +2345,7 @@ var Clips = (function (_ref) {
2280
2345
  viewBox: "0 0 24 24",
2281
2346
  fill: "none",
2282
2347
  xmlns: "http://www.w3.org/2000/svg",
2348
+ role: "img",
2283
2349
  "aria-label": ariaLabel
2284
2350
  }, /*#__PURE__*/React.createElement("path", {
2285
2351
  d: "M15 11V19H3V11H15ZM16 10H2V20H16V10Z",
@@ -2303,6 +2369,7 @@ var Forward10 = (function (_ref) {
2303
2369
  viewBox: "0 0 24 24",
2304
2370
  fill: "none",
2305
2371
  xmlns: "http://www.w3.org/2000/svg",
2372
+ role: "img",
2306
2373
  "aria-label": ariaLabel
2307
2374
  }, /*#__PURE__*/React.createElement("path", {
2308
2375
  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",
@@ -2326,6 +2393,7 @@ var FullScreen = (function (_ref) {
2326
2393
  viewBox: "0 0 24 24",
2327
2394
  fill: "none",
2328
2395
  xmlns: "http://www.w3.org/2000/svg",
2396
+ role: "img",
2329
2397
  "aria-label": ariaLabel
2330
2398
  }, /*#__PURE__*/React.createElement("path", {
2331
2399
  d: "M3 9H4V4H9V3H3V9Z",
@@ -2352,6 +2420,7 @@ var Minimise = (function (_ref) {
2352
2420
  viewBox: "0 0 24 24",
2353
2421
  fill: "none",
2354
2422
  xmlns: "http://www.w3.org/2000/svg",
2423
+ role: "img",
2355
2424
  "aria-label": ariaLabel
2356
2425
  }, /*#__PURE__*/React.createElement("path", {
2357
2426
  d: "M9 3H8V8H3V9H9V3Z",
@@ -2378,6 +2447,7 @@ var Muted = (function (_ref) {
2378
2447
  viewBox: "0 0 24 24",
2379
2448
  fill: "none",
2380
2449
  xmlns: "http://www.w3.org/2000/svg",
2450
+ role: "img",
2381
2451
  "aria-label": ariaLabel
2382
2452
  }, /*#__PURE__*/React.createElement("path", {
2383
2453
  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",
@@ -2398,6 +2468,7 @@ var Pause = (function (_ref) {
2398
2468
  viewBox: "0 0 24 24",
2399
2469
  fill: "none",
2400
2470
  xmlns: "http://www.w3.org/2000/svg",
2471
+ role: "img",
2401
2472
  "aria-label": ariaLabel
2402
2473
  }, /*#__PURE__*/React.createElement("path", {
2403
2474
  d: "M10 2H4V22H10V2Z",
@@ -2418,6 +2489,7 @@ var Play = (function (_ref) {
2418
2489
  viewBox: "0 0 24 24",
2419
2490
  fill: "none",
2420
2491
  xmlns: "http://www.w3.org/2000/svg",
2492
+ role: "img",
2421
2493
  "aria-label": ariaLabel
2422
2494
  }, /*#__PURE__*/React.createElement("path", {
2423
2495
  d: "M5.5 3.8999L20 11.9999L5.5 20.0999V3.8999Z",
@@ -2438,6 +2510,7 @@ var Restart = (function (_ref) {
2438
2510
  viewBox: "0 0 24 24",
2439
2511
  fill: "none",
2440
2512
  xmlns: "http://www.w3.org/2000/svg",
2513
+ role: "img",
2441
2514
  "aria-label": ariaLabel
2442
2515
  }, /*#__PURE__*/React.createElement("path", {
2443
2516
  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",
@@ -2455,6 +2528,7 @@ var Subtitles = (function (_ref) {
2455
2528
  viewBox: "0 0 24 24",
2456
2529
  fill: "none",
2457
2530
  xmlns: "http://www.w3.org/2000/svg",
2531
+ role: "img",
2458
2532
  "aria-label": ariaLabel
2459
2533
  }, /*#__PURE__*/React.createElement("path", {
2460
2534
  d: "M9 7H7V8H9V7Z",
@@ -2490,6 +2564,7 @@ var Trailer = (function (_ref) {
2490
2564
  viewBox: "0 0 24 24",
2491
2565
  fill: "none",
2492
2566
  xmlns: "http://www.w3.org/2000/svg",
2567
+ role: "img",
2493
2568
  "aria-label": ariaLabel
2494
2569
  }, /*#__PURE__*/React.createElement("path", {
2495
2570
  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",
@@ -2510,6 +2585,7 @@ var Volume = (function (_ref) {
2510
2585
  viewBox: "0 0 24 24",
2511
2586
  fill: "none",
2512
2587
  xmlns: "http://www.w3.org/2000/svg",
2588
+ role: "img",
2513
2589
  "aria-label": ariaLabel
2514
2590
  }, /*#__PURE__*/React.createElement("path", {
2515
2591
  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",
@@ -2623,18 +2699,22 @@ var Icon = /*#__PURE__*/React.memo(function (_ref) {
2623
2699
  });
2624
2700
  Icon.displayName = 'Icon';
2625
2701
 
2702
+ var _excluded = ["children", "iconName", "iconDirection", "iconClassName", "color"];
2703
+
2626
2704
  var Button = function Button(_ref) {
2627
2705
  var children = _ref.children,
2628
2706
  iconName = _ref.iconName,
2629
2707
  iconDirection = _ref.iconDirection,
2630
2708
  iconClassName = _ref.iconClassName,
2631
2709
  color = _ref.color,
2632
- rest = _objectWithoutPropertiesLoose(_ref, ["children", "iconName", "iconDirection", "iconClassName", "color"]);
2710
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
2633
2711
 
2634
2712
  var truncatedString = children.substring(0, 30);
2713
+ var tabIndex = rest['aria-disabled'] === 'true' ? undefined : 0;
2635
2714
  return /*#__PURE__*/React__default.createElement(ButtonWrapper, Object.assign({}, rest, {
2636
2715
  color: color,
2637
- iconName: iconName
2716
+ iconName: iconName,
2717
+ tabIndex: tabIndex
2638
2718
  }), iconName ? /*#__PURE__*/React__default.createElement(ButtonIconWrapper, {
2639
2719
  "data-testid": "button-icon",
2640
2720
  className: iconClassName
@@ -2740,10 +2820,12 @@ var IInformationTitleVariant;
2740
2820
  IInformationBackgroundColour["White"] = "white";
2741
2821
  })(exports.IInformationBackgroundColour || (exports.IInformationBackgroundColour = {}));
2742
2822
 
2823
+ var _excluded$1 = ["children", "disabled"];
2824
+
2743
2825
  var PrimaryButton = function PrimaryButton(_ref) {
2744
2826
  var children = _ref.children,
2745
2827
  disabled = _ref.disabled,
2746
- props = _objectWithoutPropertiesLoose(_ref, ["children", "disabled"]);
2828
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
2747
2829
 
2748
2830
  var description = 'This button is currently disabled';
2749
2831
  return disabled ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(AriaDescription, {
@@ -2767,9 +2849,11 @@ var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default(Button)(_templateObjec
2767
2849
  return color ? "var(--base-color-" + color + ")" : theme.colors.primary;
2768
2850
  });
2769
2851
 
2852
+ var _excluded$2 = ["children"];
2853
+
2770
2854
  var SecondaryButton = function SecondaryButton(_ref) {
2771
2855
  var children = _ref.children,
2772
- props = _objectWithoutPropertiesLoose(_ref, ["children"]);
2856
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
2773
2857
 
2774
2858
  return /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper$1, Object.assign({
2775
2859
  color: exports.Colors.Primary
@@ -2777,20 +2861,24 @@ var SecondaryButton = function SecondaryButton(_ref) {
2777
2861
  };
2778
2862
 
2779
2863
  var _templateObject$6, _templateObject2$1;
2780
- var TertiaryButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n height: var(--button-height);\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n background: none;\n border-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n"])), function (_ref) {
2864
+ var TertiaryButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n height: var(--button-height);\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n background: none;\n border-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n &:focus {\n outline-offset: .25rem;\n }\n"])), function (_ref) {
2781
2865
  var color = _ref.color;
2782
2866
  return color;
2783
2867
  });
2784
2868
  var TertiaryIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n min-width: 20px;\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n display: inline-block;\n"])));
2785
2869
 
2870
+ var _excluded$3 = ["children", "color"];
2871
+
2786
2872
  var Button$1 = function Button(_ref) {
2787
2873
  var children = _ref.children,
2788
2874
  color = _ref.color,
2789
- rest = _objectWithoutPropertiesLoose(_ref, ["children", "color"]);
2875
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
2790
2876
 
2791
2877
  var truncatedString = children.substring(0, 100);
2878
+ var tabIndex = 0;
2792
2879
  return /*#__PURE__*/React__default.createElement(TertiaryButtonWrapper, Object.assign({}, rest, {
2793
- color: color
2880
+ color: color,
2881
+ tabIndex: tabIndex
2794
2882
  }), truncatedString, /*#__PURE__*/React__default.createElement(TertiaryIconWrapper, {
2795
2883
  "data-testid": "tertiary-icon"
2796
2884
  }, /*#__PURE__*/React__default.createElement(Icon, {
@@ -2997,7 +3085,39 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
2997
3085
  });
2998
3086
 
2999
3087
  var _templateObject$b;
3000
- var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
3088
+ /**
3089
+ * # IMPORTANT
3090
+ * Please use the `<GridItem />` component instead of this component if possible.
3091
+ * This component was introduced due to incompatibilities between versions of the Chord library.
3092
+ */
3093
+
3094
+ var GridItemLegacy = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", " / span\n ", ";\n\n @media ", " {\n & {\n grid-column: ", " /\n span ", ";\n }\n }\n\n @media ", " {\n & {\n grid-column: ", " / span\n ", ";\n }\n }\n"])), function (_ref) {
3095
+ var columnStartDesktop = _ref.columnStartDesktop;
3096
+ return columnStartDesktop;
3097
+ }, function (_ref2) {
3098
+ var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
3099
+ columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
3100
+ return columnSpanDesktop;
3101
+ }, devices.mobile, function (_ref3) {
3102
+ var columnStartDevice = _ref3.columnStartDevice,
3103
+ columnStartSmallDevice = _ref3.columnStartSmallDevice;
3104
+ return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
3105
+ }, function (_ref4) {
3106
+ var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
3107
+ columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
3108
+ columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
3109
+ return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
3110
+ }, devices.tablet, function (_ref5) {
3111
+ var columnStartDevice = _ref5.columnStartDevice;
3112
+ return columnStartDevice;
3113
+ }, function (_ref6) {
3114
+ var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
3115
+ columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
3116
+ return columnSpanDevice;
3117
+ });
3118
+
3119
+ var _templateObject$c;
3120
+ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
3001
3121
  var _ref$aspectRatio = _ref.aspectRatio,
3002
3122
  aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
3003
3123
  return aspectRatio;
@@ -3015,8 +3135,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b
3015
3135
  return aspectRatio;
3016
3136
  });
3017
3137
 
3018
- var _templateObject$c, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
3019
- var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
3138
+ var _templateObject$d, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
3139
+ var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
3020
3140
  var height = _ref.height;
3021
3141
  return height ? height + "px" : '6px';
3022
3142
  });
@@ -3099,13 +3219,13 @@ var Progress = function Progress(_ref) {
3099
3219
  }, renderSteps()));
3100
3220
  };
3101
3221
 
3102
- var _templateObject$d, _templateObject2$5, _templateObject3$3;
3103
- var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
3222
+ var _templateObject$e, _templateObject2$5, _templateObject3$3;
3223
+ var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
3104
3224
  var RadioLine = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
3105
3225
  var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
3106
3226
 
3107
- var _templateObject$e;
3108
- var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
3227
+ var _templateObject$f;
3228
+ var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
3109
3229
  var typography = _ref.typography;
3110
3230
  return typography;
3111
3231
  }, function (_ref2) {
@@ -3266,8 +3386,8 @@ var Radio = function Radio(_ref) {
3266
3386
  }, error)));
3267
3387
  };
3268
3388
 
3269
- var _templateObject$f, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
3270
- var Container = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3389
+ var _templateObject$g, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
3390
+ var Container = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
3271
3391
  var Radio$1 = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__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 border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
3272
3392
  var error = _ref.error,
3273
3393
  darkMode = _ref.darkMode,
@@ -3317,6 +3437,7 @@ var ErrorLabel = /*#__PURE__*/styled__default.div(_templateObject6 || (_template
3317
3437
  return 'var(--base-color-errorstate)';
3318
3438
  });
3319
3439
 
3440
+ var _excluded$4 = ["children", "disabled", "error", "darkMode", "blackBox"];
3320
3441
  /**
3321
3442
  * A Radio component, that wraps around the native `<input type="radio"/>` element
3322
3443
  * and adds some extra styling, states and information around it (i.e. an error label,
@@ -3346,7 +3467,7 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
3346
3467
  darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
3347
3468
  _ref$blackBox = _ref.blackBox,
3348
3469
  blackBox = _ref$blackBox === void 0 ? false : _ref$blackBox,
3349
- inputProps = _objectWithoutPropertiesLoose(_ref, ["children", "disabled", "error", "darkMode", "blackBox"]);
3470
+ inputProps = _objectWithoutPropertiesLoose(_ref, _excluded$4);
3350
3471
 
3351
3472
  return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(TickboxLabel, {
3352
3473
  darkMode: darkMode,
@@ -3375,8 +3496,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
3375
3496
  }, error)));
3376
3497
  });
3377
3498
 
3378
- var _templateObject$g, _templateObject2$7, _templateObject3$5;
3379
- var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
3499
+ var _templateObject$h, _templateObject2$7, _templateObject3$5;
3500
+ var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
3380
3501
  var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
3381
3502
  var theme = _ref.theme;
3382
3503
  return theme.colors.primary;
@@ -3447,8 +3568,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
3447
3568
  }, renderNextIcon()));
3448
3569
  };
3449
3570
 
3450
- var _templateObject$h;
3451
- var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
3571
+ var _templateObject$i;
3572
+ var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
3452
3573
  var fillColor = _ref.fillColor;
3453
3574
  return fillColor;
3454
3575
  });
@@ -3472,8 +3593,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
3472
3593
  })));
3473
3594
  };
3474
3595
 
3475
- var _templateObject$i, _templateObject2$8;
3476
- var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
3596
+ var _templateObject$j, _templateObject2$8;
3597
+ var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
3477
3598
  var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
3478
3599
 
3479
3600
  var SectionSplitter = function SectionSplitter(_ref) {
@@ -3492,8 +3613,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
3492
3613
  }, /*#__PURE__*/React__default.createElement(Splitter, null)));
3493
3614
  };
3494
3615
 
3495
- var _templateObject$j;
3496
- var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
3616
+ var _templateObject$k;
3617
+ var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
3497
3618
 
3498
3619
  var SponsorLogo = function SponsorLogo(_ref) {
3499
3620
  var _ref$colorLogo = _ref.colorLogo,
@@ -3703,8 +3824,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
3703
3824
  })))));
3704
3825
  };
3705
3826
 
3706
- var _templateObject$k, _templateObject2$9;
3707
- var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
3827
+ var _templateObject$l, _templateObject2$9;
3828
+ var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
3708
3829
  var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$9 || (_templateObject2$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
3709
3830
 
3710
3831
  var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
@@ -3737,8 +3858,8 @@ var Sponsorship = function Sponsorship(_ref) {
3737
3858
  }));
3738
3859
  };
3739
3860
 
3740
- var _templateObject$l, _templateObject2$a;
3741
- 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) {
3861
+ var _templateObject$m, _templateObject2$a;
3862
+ var TabText = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__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) {
3742
3863
  if (props.withIcon === 'left') {
3743
3864
  return "margin-left: 5px;";
3744
3865
  }
@@ -3837,8 +3958,8 @@ var Tab = function Tab(_ref) {
3837
3958
  }));
3838
3959
  };
3839
3960
 
3840
- var _templateObject$m, _templateObject2$b;
3841
- var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
3961
+ var _templateObject$n, _templateObject2$b;
3962
+ var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
3842
3963
  var iconName = _ref.iconName;
3843
3964
  return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
3844
3965
  }, function (_ref2) {
@@ -3866,6 +3987,8 @@ var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$m || (_templ
3866
3987
  });
3867
3988
  var TabLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-right: var(--button-icon-margin);\n"])));
3868
3989
 
3990
+ var _excluded$5 = ["children", "iconName", "iconDirection", "color", "hoverColor"];
3991
+
3869
3992
  var TabLink = function TabLink(_ref) {
3870
3993
  var children = _ref.children,
3871
3994
  iconName = _ref.iconName,
@@ -3874,7 +3997,7 @@ var TabLink = function TabLink(_ref) {
3874
3997
  color = _ref$color === void 0 ? exports.Colors.DarkGrey : _ref$color,
3875
3998
  _ref$hoverColor = _ref.hoverColor,
3876
3999
  hoverColor = _ref$hoverColor === void 0 ? exports.Colors.Primary : _ref$hoverColor,
3877
- rest = _objectWithoutPropertiesLoose(_ref, ["children", "iconName", "iconDirection", "color", "hoverColor"]);
4000
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
3878
4001
 
3879
4002
  return /*#__PURE__*/React__default.createElement(TabLinkWrapper, Object.assign({
3880
4003
  color: color,
@@ -3889,8 +4012,8 @@ var TabLink = function TabLink(_ref) {
3889
4012
  })) : null, children);
3890
4013
  };
3891
4014
 
3892
- var _templateObject$n, _templateObject2$c, _templateObject3$6, _templateObject4$3;
3893
- var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
4015
+ var _templateObject$o, _templateObject2$c, _templateObject3$6, _templateObject4$3;
4016
+ var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
3894
4017
  var width = _ref.width;
3895
4018
  return width ? width + "px;" : '100%;';
3896
4019
  }, function (_ref2) {
@@ -3924,6 +4047,7 @@ var TextAreaError = /*#__PURE__*/styled__default.div(_templateObject4$3 || (_tem
3924
4047
  return darkMode ? 'var(--base-color-white)' : 'var(--base-color-errorstate)';
3925
4048
  });
3926
4049
 
4050
+ var _excluded$6 = ["label", "error", "width", "darkMode", "height", "columnStartDesktop", "columnStartDevice", "columnSpanDesktop", "columnSpanDevice", "maxLength", "tabIndex"];
3927
4051
  /**
3928
4052
  * An HTML textarea component for Chord.
3929
4053
  *
@@ -3985,7 +4109,7 @@ var TextArea = function TextArea(_ref) {
3985
4109
  maxLength = _ref$maxLength === void 0 ? 950 : _ref$maxLength,
3986
4110
  _ref$tabIndex = _ref.tabIndex,
3987
4111
  tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
3988
- textareaProps = _objectWithoutPropertiesLoose(_ref, ["label", "error", "width", "darkMode", "height", "columnStartDesktop", "columnStartDevice", "columnSpanDesktop", "columnSpanDevice", "maxLength", "tabIndex"]);
4112
+ textareaProps = _objectWithoutPropertiesLoose(_ref, _excluded$6);
3989
4113
 
3990
4114
  return /*#__PURE__*/React__default.createElement(GridItem, {
3991
4115
  columnStartDesktop: columnStartDesktop,
@@ -4013,8 +4137,8 @@ var TextArea = function TextArea(_ref) {
4013
4137
  }, error))));
4014
4138
  };
4015
4139
 
4016
- var _templateObject$o, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
4017
- var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4140
+ var _templateObject$p, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
4141
+ var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4018
4142
  var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
4019
4143
  var width = _ref.width;
4020
4144
  if (!width) return 'none';
@@ -4045,6 +4169,7 @@ var ErrorLabel$1 = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_temp
4045
4169
  return "var(--base-color-errorstate)";
4046
4170
  });
4047
4171
 
4172
+ var _excluded$7 = ["label", "type", "error", "darkMode", "width"];
4048
4173
  /**
4049
4174
  * A text field component, that wraps around the native `<input />` element
4050
4175
  * and adds some extra states and information around it (i.e. a text and an error labels,
@@ -4092,7 +4217,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4092
4217
  _ref$darkMode = _ref.darkMode,
4093
4218
  darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
4094
4219
  width = _ref.width,
4095
- inputProps = _objectWithoutPropertiesLoose(_ref, ["label", "type", "error", "darkMode", "width"]);
4220
+ inputProps = _objectWithoutPropertiesLoose(_ref, _excluded$7);
4096
4221
 
4097
4222
  var _useState = React.useState(false),
4098
4223
  showPassword = _useState[0],
@@ -4140,8 +4265,8 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4140
4265
  }, error)));
4141
4266
  });
4142
4267
 
4143
- var _templateObject$p, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
4144
- var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4268
+ var _templateObject$q, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
4269
+ var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4145
4270
  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) {
4146
4271
  var theme = _ref.theme;
4147
4272
  return theme.fonts.desktop.weights.body[1];
@@ -4183,6 +4308,7 @@ var ErrorLabel$2 = /*#__PURE__*/styled__default.p(_templateObject5$3 || (_templa
4183
4308
  return darkMode ? theme.colors.white : theme.colors.error;
4184
4309
  });
4185
4310
 
4311
+ var _excluded$8 = ["label", "error", "darkMode", "width"];
4186
4312
  /**
4187
4313
  * @deprecated
4188
4314
  *
@@ -4197,7 +4323,7 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
4197
4323
  _ref$darkMode = _ref.darkMode,
4198
4324
  darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
4199
4325
  width = _ref.width,
4200
- inputProps = _objectWithoutPropertiesLoose(_ref, ["label", "error", "darkMode", "width"]);
4326
+ inputProps = _objectWithoutPropertiesLoose(_ref, _excluded$8);
4201
4327
 
4202
4328
  return /*#__PURE__*/React__default.createElement(TextFieldContainer, null, /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(TextLabel$2, {
4203
4329
  darkMode: darkMode,
@@ -4214,8 +4340,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
4214
4340
  }, error) : null);
4215
4341
  };
4216
4342
 
4217
- var _templateObject$q, _templateObject2$f;
4218
- var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\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 color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
4343
+ var _templateObject$r, _templateObject2$f;
4344
+ var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\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 color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
4219
4345
  var iconName = _ref.iconName;
4220
4346
  return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
4221
4347
  }, function (_ref2) {
@@ -4224,12 +4350,14 @@ var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$q || (_temp
4224
4350
  });
4225
4351
  var TextLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n"])));
4226
4352
 
4353
+ var _excluded$9 = ["children", "iconName", "iconDirection", "color"];
4354
+
4227
4355
  var TextLink = function TextLink(_ref) {
4228
4356
  var children = _ref.children,
4229
4357
  iconName = _ref.iconName,
4230
4358
  iconDirection = _ref.iconDirection,
4231
4359
  color = _ref.color,
4232
- rest = _objectWithoutPropertiesLoose(_ref, ["children", "iconName", "iconDirection", "color"]);
4360
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
4233
4361
 
4234
4362
  var truncatedString = children.substring(0, 30);
4235
4363
  return /*#__PURE__*/React__default.createElement(TextLinkWrapper, Object.assign({
@@ -4251,8 +4379,8 @@ var TextLogoProduct;
4251
4379
  TextLogoProduct["Cinema"] = "CINEMA";
4252
4380
  })(TextLogoProduct || (TextLogoProduct = {}));
4253
4381
 
4254
- var _templateObject$r, _templateObject2$g, _templateObject3$9, _templateObject4$6;
4255
- var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
4382
+ var _templateObject$s, _templateObject2$g, _templateObject3$9, _templateObject4$6;
4383
+ var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
4256
4384
  var dark = _ref.dark;
4257
4385
  return dark ? 'white' : 'errorstate';
4258
4386
  });
@@ -4373,8 +4501,8 @@ var Tickbox = function Tickbox(_ref) {
4373
4501
  }, error)));
4374
4502
  };
4375
4503
 
4376
- var _templateObject$s, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4377
- var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4504
+ var _templateObject$t, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
4505
+ var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
4378
4506
  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) {
4379
4507
  var error = _ref.error,
4380
4508
  darkMode = _ref.darkMode,
@@ -4424,6 +4552,7 @@ var ErrorLabel$3 = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_temp
4424
4552
  return 'var(--base-color-errorstate)';
4425
4553
  });
4426
4554
 
4555
+ var _excluded$a = ["children", "disabled", "error", "darkMode", "blackBox"];
4427
4556
  /**
4428
4557
  * A Tickbox component, that wraps around the native `<input type="checkbox"/>` element
4429
4558
  * and adds some extra styling, states and information around it (i.e. an error label,
@@ -4453,7 +4582,7 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4453
4582
  darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
4454
4583
  _ref$blackBox = _ref.blackBox,
4455
4584
  blackBox = _ref$blackBox === void 0 ? false : _ref$blackBox,
4456
- inputProps = _objectWithoutPropertiesLoose(_ref, ["children", "disabled", "error", "darkMode", "blackBox"]);
4585
+ inputProps = _objectWithoutPropertiesLoose(_ref, _excluded$a);
4457
4586
 
4458
4587
  return /*#__PURE__*/React__default.createElement(Container$2, null, /*#__PURE__*/React__default.createElement(TickboxLabel$2, {
4459
4588
  darkMode: darkMode,
@@ -4484,8 +4613,8 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
4484
4613
  }, error)));
4485
4614
  });
4486
4615
 
4487
- var _templateObject$t, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4488
- var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
4616
+ var _templateObject$u, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
4617
+ var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
4489
4618
  var color = _ref.color;
4490
4619
  return color;
4491
4620
  });
@@ -4593,8 +4722,8 @@ var Timer = function Timer(_ref) {
4593
4722
  }));
4594
4723
  };
4595
4724
 
4596
- var _templateObject$u;
4597
- var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
4725
+ var _templateObject$v;
4726
+ var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
4598
4727
 
4599
4728
  var TypeTags = function TypeTags(_ref) {
4600
4729
  var list = _ref.list;
@@ -4611,197 +4740,201 @@ function createCommonjsModule(fn, module) {
4611
4740
  return module = { exports: {} }, fn(module, module.exports), module.exports;
4612
4741
  }
4613
4742
 
4614
- var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
4615
- /**
4616
- * Copyright (c) 2014-present, Facebook, Inc.
4617
- *
4618
- * This source code is licensed under the MIT license found in the
4619
- * LICENSE file in the root directory of this source tree.
4620
- */
4621
- var runtime = function (exports) {
4622
-
4623
- var Op = Object.prototype;
4624
- var hasOwn = Op.hasOwnProperty;
4625
- var undefined$1; // More compressible than void 0.
4626
-
4627
- var $Symbol = typeof Symbol === "function" ? Symbol : {};
4628
- var iteratorSymbol = $Symbol.iterator || "@@iterator";
4629
- var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
4630
- var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
4631
-
4632
- function define(obj, key, value) {
4633
- Object.defineProperty(obj, key, {
4634
- value: value,
4635
- enumerable: true,
4636
- configurable: true,
4637
- writable: true
4638
- });
4639
- return obj[key];
4640
- }
4743
+ var runtime_1 = createCommonjsModule(function (module) {
4744
+ /**
4745
+ * Copyright (c) 2014-present, Facebook, Inc.
4746
+ *
4747
+ * This source code is licensed under the MIT license found in the
4748
+ * LICENSE file in the root directory of this source tree.
4749
+ */
4641
4750
 
4642
- try {
4643
- // IE 8 has a broken Object.defineProperty that only works on DOM objects.
4644
- define({}, "");
4645
- } catch (err) {
4646
- define = function define(obj, key, value) {
4647
- return obj[key] = value;
4648
- };
4649
- }
4751
+ var runtime = (function (exports) {
4752
+
4753
+ var Op = Object.prototype;
4754
+ var hasOwn = Op.hasOwnProperty;
4755
+ var undefined$1; // More compressible than void 0.
4756
+ var $Symbol = typeof Symbol === "function" ? Symbol : {};
4757
+ var iteratorSymbol = $Symbol.iterator || "@@iterator";
4758
+ var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
4759
+ var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
4760
+
4761
+ function define(obj, key, value) {
4762
+ Object.defineProperty(obj, key, {
4763
+ value: value,
4764
+ enumerable: true,
4765
+ configurable: true,
4766
+ writable: true
4767
+ });
4768
+ return obj[key];
4769
+ }
4770
+ try {
4771
+ // IE 8 has a broken Object.defineProperty that only works on DOM objects.
4772
+ define({}, "");
4773
+ } catch (err) {
4774
+ define = function(obj, key, value) {
4775
+ return obj[key] = value;
4776
+ };
4777
+ }
4650
4778
 
4651
- function wrap(innerFn, outerFn, self, tryLocsList) {
4652
- // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
4653
- var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
4654
- var generator = Object.create(protoGenerator.prototype);
4655
- var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,
4656
- // .throw, and .return methods.
4779
+ function wrap(innerFn, outerFn, self, tryLocsList) {
4780
+ // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
4781
+ var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
4782
+ var generator = Object.create(protoGenerator.prototype);
4783
+ var context = new Context(tryLocsList || []);
4657
4784
 
4658
- generator._invoke = makeInvokeMethod(innerFn, self, context);
4659
- return generator;
4660
- }
4785
+ // The ._invoke method unifies the implementations of the .next,
4786
+ // .throw, and .return methods.
4787
+ generator._invoke = makeInvokeMethod(innerFn, self, context);
4661
4788
 
4662
- exports.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion
4663
- // record like context.tryEntries[i].completion. This interface could
4664
- // have been (and was previously) designed to take a closure to be
4665
- // invoked without arguments, but in all the cases we care about we
4666
- // already have an existing method we want to call, so there's no need
4667
- // to create a new function object. We can even get away with assuming
4668
- // the method takes exactly one argument, since that happens to be true
4669
- // in every case, so we don't have to touch the arguments object. The
4670
- // only additional allocation required is the completion record, which
4671
- // has a stable shape and so hopefully should be cheap to allocate.
4672
-
4673
- function tryCatch(fn, obj, arg) {
4674
- try {
4675
- return {
4676
- type: "normal",
4677
- arg: fn.call(obj, arg)
4678
- };
4679
- } catch (err) {
4680
- return {
4681
- type: "throw",
4682
- arg: err
4683
- };
4684
- }
4789
+ return generator;
4790
+ }
4791
+ exports.wrap = wrap;
4792
+
4793
+ // Try/catch helper to minimize deoptimizations. Returns a completion
4794
+ // record like context.tryEntries[i].completion. This interface could
4795
+ // have been (and was previously) designed to take a closure to be
4796
+ // invoked without arguments, but in all the cases we care about we
4797
+ // already have an existing method we want to call, so there's no need
4798
+ // to create a new function object. We can even get away with assuming
4799
+ // the method takes exactly one argument, since that happens to be true
4800
+ // in every case, so we don't have to touch the arguments object. The
4801
+ // only additional allocation required is the completion record, which
4802
+ // has a stable shape and so hopefully should be cheap to allocate.
4803
+ function tryCatch(fn, obj, arg) {
4804
+ try {
4805
+ return { type: "normal", arg: fn.call(obj, arg) };
4806
+ } catch (err) {
4807
+ return { type: "throw", arg: err };
4685
4808
  }
4809
+ }
4686
4810
 
4687
- var GenStateSuspendedStart = "suspendedStart";
4688
- var GenStateSuspendedYield = "suspendedYield";
4689
- var GenStateExecuting = "executing";
4690
- var GenStateCompleted = "completed"; // Returning this object from the innerFn has the same effect as
4691
- // breaking out of the dispatch switch statement.
4692
-
4693
- var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and
4694
- // .constructor.prototype properties for functions that return Generator
4695
- // objects. For full spec compliance, you may wish to configure your
4696
- // minifier not to mangle the names of these two functions.
4697
-
4698
- function Generator() {}
4699
-
4700
- function GeneratorFunction() {}
4701
-
4702
- function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that
4703
- // don't natively support it.
4811
+ var GenStateSuspendedStart = "suspendedStart";
4812
+ var GenStateSuspendedYield = "suspendedYield";
4813
+ var GenStateExecuting = "executing";
4814
+ var GenStateCompleted = "completed";
4815
+
4816
+ // Returning this object from the innerFn has the same effect as
4817
+ // breaking out of the dispatch switch statement.
4818
+ var ContinueSentinel = {};
4819
+
4820
+ // Dummy constructor functions that we use as the .constructor and
4821
+ // .constructor.prototype properties for functions that return Generator
4822
+ // objects. For full spec compliance, you may wish to configure your
4823
+ // minifier not to mangle the names of these two functions.
4824
+ function Generator() {}
4825
+ function GeneratorFunction() {}
4826
+ function GeneratorFunctionPrototype() {}
4827
+
4828
+ // This is a polyfill for %IteratorPrototype% for environments that
4829
+ // don't natively support it.
4830
+ var IteratorPrototype = {};
4831
+ define(IteratorPrototype, iteratorSymbol, function () {
4832
+ return this;
4833
+ });
4704
4834
 
4835
+ var getProto = Object.getPrototypeOf;
4836
+ var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
4837
+ if (NativeIteratorPrototype &&
4838
+ NativeIteratorPrototype !== Op &&
4839
+ hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
4840
+ // This environment has a native %IteratorPrototype%; use it instead
4841
+ // of the polyfill.
4842
+ IteratorPrototype = NativeIteratorPrototype;
4843
+ }
4705
4844
 
4706
- var IteratorPrototype = {};
4707
- define(IteratorPrototype, iteratorSymbol, function () {
4708
- return this;
4845
+ var Gp = GeneratorFunctionPrototype.prototype =
4846
+ Generator.prototype = Object.create(IteratorPrototype);
4847
+ GeneratorFunction.prototype = GeneratorFunctionPrototype;
4848
+ define(Gp, "constructor", GeneratorFunctionPrototype);
4849
+ define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
4850
+ GeneratorFunction.displayName = define(
4851
+ GeneratorFunctionPrototype,
4852
+ toStringTagSymbol,
4853
+ "GeneratorFunction"
4854
+ );
4855
+
4856
+ // Helper for defining the .next, .throw, and .return methods of the
4857
+ // Iterator interface in terms of a single ._invoke method.
4858
+ function defineIteratorMethods(prototype) {
4859
+ ["next", "throw", "return"].forEach(function(method) {
4860
+ define(prototype, method, function(arg) {
4861
+ return this._invoke(method, arg);
4862
+ });
4709
4863
  });
4710
- var getProto = Object.getPrototypeOf;
4711
- var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
4864
+ }
4712
4865
 
4713
- if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
4714
- // This environment has a native %IteratorPrototype%; use it instead
4715
- // of the polyfill.
4716
- IteratorPrototype = NativeIteratorPrototype;
4717
- }
4866
+ exports.isGeneratorFunction = function(genFun) {
4867
+ var ctor = typeof genFun === "function" && genFun.constructor;
4868
+ return ctor
4869
+ ? ctor === GeneratorFunction ||
4870
+ // For the native GeneratorFunction constructor, the best we can
4871
+ // do is to check its .name property.
4872
+ (ctor.displayName || ctor.name) === "GeneratorFunction"
4873
+ : false;
4874
+ };
4718
4875
 
4719
- var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
4720
- GeneratorFunction.prototype = GeneratorFunctionPrototype;
4721
- define(Gp, "constructor", GeneratorFunctionPrototype);
4722
- define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
4723
- GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"); // Helper for defining the .next, .throw, and .return methods of the
4724
- // Iterator interface in terms of a single ._invoke method.
4725
-
4726
- function defineIteratorMethods(prototype) {
4727
- ["next", "throw", "return"].forEach(function (method) {
4728
- define(prototype, method, function (arg) {
4729
- return this._invoke(method, arg);
4730
- });
4731
- });
4876
+ exports.mark = function(genFun) {
4877
+ if (Object.setPrototypeOf) {
4878
+ Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
4879
+ } else {
4880
+ genFun.__proto__ = GeneratorFunctionPrototype;
4881
+ define(genFun, toStringTagSymbol, "GeneratorFunction");
4732
4882
  }
4883
+ genFun.prototype = Object.create(Gp);
4884
+ return genFun;
4885
+ };
4733
4886
 
4734
- exports.isGeneratorFunction = function (genFun) {
4735
- var ctor = typeof genFun === "function" && genFun.constructor;
4736
- return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can
4737
- // do is to check its .name property.
4738
- (ctor.displayName || ctor.name) === "GeneratorFunction" : false;
4739
- };
4887
+ // Within the body of any async function, `await x` is transformed to
4888
+ // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
4889
+ // `hasOwn.call(value, "__await")` to determine if the yielded value is
4890
+ // meant to be awaited.
4891
+ exports.awrap = function(arg) {
4892
+ return { __await: arg };
4893
+ };
4740
4894
 
4741
- exports.mark = function (genFun) {
4742
- if (Object.setPrototypeOf) {
4743
- Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
4895
+ function AsyncIterator(generator, PromiseImpl) {
4896
+ function invoke(method, arg, resolve, reject) {
4897
+ var record = tryCatch(generator[method], generator, arg);
4898
+ if (record.type === "throw") {
4899
+ reject(record.arg);
4744
4900
  } else {
4745
- genFun.__proto__ = GeneratorFunctionPrototype;
4746
- define(genFun, toStringTagSymbol, "GeneratorFunction");
4747
- }
4748
-
4749
- genFun.prototype = Object.create(Gp);
4750
- return genFun;
4751
- }; // Within the body of any async function, `await x` is transformed to
4752
- // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
4753
- // `hasOwn.call(value, "__await")` to determine if the yielded value is
4754
- // meant to be awaited.
4755
-
4756
-
4757
- exports.awrap = function (arg) {
4758
- return {
4759
- __await: arg
4760
- };
4761
- };
4762
-
4763
- function AsyncIterator(generator, PromiseImpl) {
4764
- function invoke(method, arg, resolve, reject) {
4765
- var record = tryCatch(generator[method], generator, arg);
4766
-
4767
- if (record.type === "throw") {
4768
- reject(record.arg);
4769
- } else {
4770
- var result = record.arg;
4771
- var value = result.value;
4772
-
4773
- if (value && typeof value === "object" && hasOwn.call(value, "__await")) {
4774
- return PromiseImpl.resolve(value.__await).then(function (value) {
4775
- invoke("next", value, resolve, reject);
4776
- }, function (err) {
4777
- invoke("throw", err, resolve, reject);
4778
- });
4779
- }
4780
-
4781
- return PromiseImpl.resolve(value).then(function (unwrapped) {
4782
- // When a yielded Promise is resolved, its final value becomes
4783
- // the .value of the Promise<{value,done}> result for the
4784
- // current iteration.
4785
- result.value = unwrapped;
4786
- resolve(result);
4787
- }, function (error) {
4788
- // If a rejected Promise was yielded, throw the rejection back
4789
- // into the async generator function so it can be handled there.
4790
- return invoke("throw", error, resolve, reject);
4901
+ var result = record.arg;
4902
+ var value = result.value;
4903
+ if (value &&
4904
+ typeof value === "object" &&
4905
+ hasOwn.call(value, "__await")) {
4906
+ return PromiseImpl.resolve(value.__await).then(function(value) {
4907
+ invoke("next", value, resolve, reject);
4908
+ }, function(err) {
4909
+ invoke("throw", err, resolve, reject);
4791
4910
  });
4792
4911
  }
4912
+
4913
+ return PromiseImpl.resolve(value).then(function(unwrapped) {
4914
+ // When a yielded Promise is resolved, its final value becomes
4915
+ // the .value of the Promise<{value,done}> result for the
4916
+ // current iteration.
4917
+ result.value = unwrapped;
4918
+ resolve(result);
4919
+ }, function(error) {
4920
+ // If a rejected Promise was yielded, throw the rejection back
4921
+ // into the async generator function so it can be handled there.
4922
+ return invoke("throw", error, resolve, reject);
4923
+ });
4793
4924
  }
4925
+ }
4794
4926
 
4795
- var previousPromise;
4927
+ var previousPromise;
4796
4928
 
4797
- function enqueue(method, arg) {
4798
- function callInvokeWithMethodAndArg() {
4799
- return new PromiseImpl(function (resolve, reject) {
4800
- invoke(method, arg, resolve, reject);
4801
- });
4802
- }
4929
+ function enqueue(method, arg) {
4930
+ function callInvokeWithMethodAndArg() {
4931
+ return new PromiseImpl(function(resolve, reject) {
4932
+ invoke(method, arg, resolve, reject);
4933
+ });
4934
+ }
4803
4935
 
4804
- return previousPromise = // If enqueue has been called before, then we want to wait until
4936
+ return previousPromise =
4937
+ // If enqueue has been called before, then we want to wait until
4805
4938
  // all previous Promises have been resolved before calling invoke,
4806
4939
  // so that results are always delivered in the correct order. If
4807
4940
  // enqueue has not been called before, then it is important to
@@ -4813,531 +4946,558 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
4813
4946
  // execute code before the first await. Since we implement simple
4814
4947
  // async functions in terms of async generators, it is especially
4815
4948
  // important to get this right, even though it requires care.
4816
- previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later
4817
- // invocations of the iterator.
4818
- callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
4819
- } // Define the unified helper method that is used to implement .next,
4820
- // .throw, and .return (see defineIteratorMethods).
4821
-
4822
-
4823
- this._invoke = enqueue;
4949
+ previousPromise ? previousPromise.then(
4950
+ callInvokeWithMethodAndArg,
4951
+ // Avoid propagating failures to Promises returned by later
4952
+ // invocations of the iterator.
4953
+ callInvokeWithMethodAndArg
4954
+ ) : callInvokeWithMethodAndArg();
4824
4955
  }
4825
4956
 
4826
- defineIteratorMethods(AsyncIterator.prototype);
4827
- define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
4828
- return this;
4829
- });
4830
- exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
4831
- // AsyncIterator objects; they just return a Promise for the value of
4832
- // the final result produced by the iterator.
4833
-
4834
- exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
4835
- if (PromiseImpl === void 0) PromiseImpl = Promise;
4836
- var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
4837
- return exports.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator.
4838
- : iter.next().then(function (result) {
4839
- return result.done ? result.value : iter.next();
4840
- });
4841
- };
4957
+ // Define the unified helper method that is used to implement .next,
4958
+ // .throw, and .return (see defineIteratorMethods).
4959
+ this._invoke = enqueue;
4960
+ }
4842
4961
 
4843
- function makeInvokeMethod(innerFn, self, context) {
4844
- var state = GenStateSuspendedStart;
4845
- return function invoke(method, arg) {
4846
- if (state === GenStateExecuting) {
4847
- throw new Error("Generator is already running");
4848
- }
4962
+ defineIteratorMethods(AsyncIterator.prototype);
4963
+ define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
4964
+ return this;
4965
+ });
4966
+ exports.AsyncIterator = AsyncIterator;
4967
+
4968
+ // Note that simple async functions are implemented on top of
4969
+ // AsyncIterator objects; they just return a Promise for the value of
4970
+ // the final result produced by the iterator.
4971
+ exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
4972
+ if (PromiseImpl === void 0) PromiseImpl = Promise;
4973
+
4974
+ var iter = new AsyncIterator(
4975
+ wrap(innerFn, outerFn, self, tryLocsList),
4976
+ PromiseImpl
4977
+ );
4978
+
4979
+ return exports.isGeneratorFunction(outerFn)
4980
+ ? iter // If outerFn is a generator, return the full iterator.
4981
+ : iter.next().then(function(result) {
4982
+ return result.done ? result.value : iter.next();
4983
+ });
4984
+ };
4849
4985
 
4850
- if (state === GenStateCompleted) {
4851
- if (method === "throw") {
4852
- throw arg;
4853
- } // Be forgiving, per 25.3.3.3.3 of the spec:
4854
- // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
4986
+ function makeInvokeMethod(innerFn, self, context) {
4987
+ var state = GenStateSuspendedStart;
4855
4988
 
4989
+ return function invoke(method, arg) {
4990
+ if (state === GenStateExecuting) {
4991
+ throw new Error("Generator is already running");
4992
+ }
4856
4993
 
4857
- return doneResult();
4994
+ if (state === GenStateCompleted) {
4995
+ if (method === "throw") {
4996
+ throw arg;
4858
4997
  }
4859
4998
 
4860
- context.method = method;
4861
- context.arg = arg;
4862
-
4863
- while (true) {
4864
- var delegate = context.delegate;
4999
+ // Be forgiving, per 25.3.3.3.3 of the spec:
5000
+ // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
5001
+ return doneResult();
5002
+ }
4865
5003
 
4866
- if (delegate) {
4867
- var delegateResult = maybeInvokeDelegate(delegate, context);
5004
+ context.method = method;
5005
+ context.arg = arg;
4868
5006
 
4869
- if (delegateResult) {
4870
- if (delegateResult === ContinueSentinel) continue;
4871
- return delegateResult;
4872
- }
5007
+ while (true) {
5008
+ var delegate = context.delegate;
5009
+ if (delegate) {
5010
+ var delegateResult = maybeInvokeDelegate(delegate, context);
5011
+ if (delegateResult) {
5012
+ if (delegateResult === ContinueSentinel) continue;
5013
+ return delegateResult;
4873
5014
  }
5015
+ }
4874
5016
 
4875
- if (context.method === "next") {
4876
- // Setting context._sent for legacy support of Babel's
4877
- // function.sent implementation.
4878
- context.sent = context._sent = context.arg;
4879
- } else if (context.method === "throw") {
4880
- if (state === GenStateSuspendedStart) {
4881
- state = GenStateCompleted;
4882
- throw context.arg;
4883
- }
5017
+ if (context.method === "next") {
5018
+ // Setting context._sent for legacy support of Babel's
5019
+ // function.sent implementation.
5020
+ context.sent = context._sent = context.arg;
4884
5021
 
4885
- context.dispatchException(context.arg);
4886
- } else if (context.method === "return") {
4887
- context.abrupt("return", context.arg);
5022
+ } else if (context.method === "throw") {
5023
+ if (state === GenStateSuspendedStart) {
5024
+ state = GenStateCompleted;
5025
+ throw context.arg;
4888
5026
  }
4889
5027
 
4890
- state = GenStateExecuting;
4891
- var record = tryCatch(innerFn, self, context);
5028
+ context.dispatchException(context.arg);
4892
5029
 
4893
- if (record.type === "normal") {
4894
- // If an exception is thrown from innerFn, we leave state ===
4895
- // GenStateExecuting and loop back for another invocation.
4896
- state = context.done ? GenStateCompleted : GenStateSuspendedYield;
5030
+ } else if (context.method === "return") {
5031
+ context.abrupt("return", context.arg);
5032
+ }
4897
5033
 
4898
- if (record.arg === ContinueSentinel) {
4899
- continue;
4900
- }
5034
+ state = GenStateExecuting;
4901
5035
 
4902
- return {
4903
- value: record.arg,
4904
- done: context.done
4905
- };
4906
- } else if (record.type === "throw") {
4907
- state = GenStateCompleted; // Dispatch the exception by looping back around to the
4908
- // context.dispatchException(context.arg) call above.
5036
+ var record = tryCatch(innerFn, self, context);
5037
+ if (record.type === "normal") {
5038
+ // If an exception is thrown from innerFn, we leave state ===
5039
+ // GenStateExecuting and loop back for another invocation.
5040
+ state = context.done
5041
+ ? GenStateCompleted
5042
+ : GenStateSuspendedYield;
4909
5043
 
4910
- context.method = "throw";
4911
- context.arg = record.arg;
4912
- }
4913
- }
4914
- };
4915
- } // Call delegate.iterator[context.method](context.arg) and handle the
4916
- // result, either by returning a { value, done } result from the
4917
- // delegate iterator, or by modifying context.method and context.arg,
4918
- // setting context.delegate to null, and returning the ContinueSentinel.
4919
-
4920
-
4921
- function maybeInvokeDelegate(delegate, context) {
4922
- var method = delegate.iterator[context.method];
4923
-
4924
- if (method === undefined$1) {
4925
- // A .throw or .return when the delegate iterator has no .throw
4926
- // method always terminates the yield* loop.
4927
- context.delegate = null;
4928
-
4929
- if (context.method === "throw") {
4930
- // Note: ["return"] must be used for ES3 parsing compatibility.
4931
- if (delegate.iterator["return"]) {
4932
- // If the delegate iterator has a return method, give it a
4933
- // chance to clean up.
4934
- context.method = "return";
4935
- context.arg = undefined$1;
4936
- maybeInvokeDelegate(delegate, context);
4937
-
4938
- if (context.method === "throw") {
4939
- // If maybeInvokeDelegate(context) changed context.method from
4940
- // "return" to "throw", let that override the TypeError below.
4941
- return ContinueSentinel;
4942
- }
5044
+ if (record.arg === ContinueSentinel) {
5045
+ continue;
4943
5046
  }
4944
5047
 
5048
+ return {
5049
+ value: record.arg,
5050
+ done: context.done
5051
+ };
5052
+
5053
+ } else if (record.type === "throw") {
5054
+ state = GenStateCompleted;
5055
+ // Dispatch the exception by looping back around to the
5056
+ // context.dispatchException(context.arg) call above.
4945
5057
  context.method = "throw";
4946
- context.arg = new TypeError("The iterator does not provide a 'throw' method");
5058
+ context.arg = record.arg;
4947
5059
  }
4948
-
4949
- return ContinueSentinel;
4950
5060
  }
5061
+ };
5062
+ }
4951
5063
 
4952
- var record = tryCatch(method, delegate.iterator, context.arg);
5064
+ // Call delegate.iterator[context.method](context.arg) and handle the
5065
+ // result, either by returning a { value, done } result from the
5066
+ // delegate iterator, or by modifying context.method and context.arg,
5067
+ // setting context.delegate to null, and returning the ContinueSentinel.
5068
+ function maybeInvokeDelegate(delegate, context) {
5069
+ var method = delegate.iterator[context.method];
5070
+ if (method === undefined$1) {
5071
+ // A .throw or .return when the delegate iterator has no .throw
5072
+ // method always terminates the yield* loop.
5073
+ context.delegate = null;
4953
5074
 
4954
- if (record.type === "throw") {
4955
- context.method = "throw";
4956
- context.arg = record.arg;
4957
- context.delegate = null;
4958
- return ContinueSentinel;
4959
- }
5075
+ if (context.method === "throw") {
5076
+ // Note: ["return"] must be used for ES3 parsing compatibility.
5077
+ if (delegate.iterator["return"]) {
5078
+ // If the delegate iterator has a return method, give it a
5079
+ // chance to clean up.
5080
+ context.method = "return";
5081
+ context.arg = undefined$1;
5082
+ maybeInvokeDelegate(delegate, context);
4960
5083
 
4961
- var info = record.arg;
5084
+ if (context.method === "throw") {
5085
+ // If maybeInvokeDelegate(context) changed context.method from
5086
+ // "return" to "throw", let that override the TypeError below.
5087
+ return ContinueSentinel;
5088
+ }
5089
+ }
4962
5090
 
4963
- if (!info) {
4964
5091
  context.method = "throw";
4965
- context.arg = new TypeError("iterator result is not an object");
4966
- context.delegate = null;
4967
- return ContinueSentinel;
5092
+ context.arg = new TypeError(
5093
+ "The iterator does not provide a 'throw' method");
4968
5094
  }
4969
5095
 
4970
- if (info.done) {
4971
- // Assign the result of the finished delegate to the temporary
4972
- // variable specified by delegate.resultName (see delegateYield).
4973
- context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).
5096
+ return ContinueSentinel;
5097
+ }
4974
5098
 
4975
- context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the
4976
- // exception, let the outer generator proceed normally. If
4977
- // context.method was "next", forget context.arg since it has been
4978
- // "consumed" by the delegate iterator. If context.method was
4979
- // "return", allow the original .return call to continue in the
4980
- // outer generator.
5099
+ var record = tryCatch(method, delegate.iterator, context.arg);
4981
5100
 
4982
- if (context.method !== "return") {
4983
- context.method = "next";
4984
- context.arg = undefined$1;
4985
- }
4986
- } else {
4987
- // Re-yield the result returned by the delegate method.
4988
- return info;
4989
- } // The delegate iterator is finished, so forget it and continue with
4990
- // the outer generator.
5101
+ if (record.type === "throw") {
5102
+ context.method = "throw";
5103
+ context.arg = record.arg;
5104
+ context.delegate = null;
5105
+ return ContinueSentinel;
5106
+ }
4991
5107
 
5108
+ var info = record.arg;
4992
5109
 
5110
+ if (! info) {
5111
+ context.method = "throw";
5112
+ context.arg = new TypeError("iterator result is not an object");
4993
5113
  context.delegate = null;
4994
5114
  return ContinueSentinel;
4995
- } // Define Generator.prototype.{next,throw,return} in terms of the
4996
- // unified ._invoke helper method.
5115
+ }
4997
5116
 
5117
+ if (info.done) {
5118
+ // Assign the result of the finished delegate to the temporary
5119
+ // variable specified by delegate.resultName (see delegateYield).
5120
+ context[delegate.resultName] = info.value;
5121
+
5122
+ // Resume execution at the desired location (see delegateYield).
5123
+ context.next = delegate.nextLoc;
5124
+
5125
+ // If context.method was "throw" but the delegate handled the
5126
+ // exception, let the outer generator proceed normally. If
5127
+ // context.method was "next", forget context.arg since it has been
5128
+ // "consumed" by the delegate iterator. If context.method was
5129
+ // "return", allow the original .return call to continue in the
5130
+ // outer generator.
5131
+ if (context.method !== "return") {
5132
+ context.method = "next";
5133
+ context.arg = undefined$1;
5134
+ }
4998
5135
 
4999
- defineIteratorMethods(Gp);
5000
- define(Gp, toStringTagSymbol, "Generator"); // A Generator should always return itself as the iterator object when the
5001
- // @@iterator function is called on it. Some browsers' implementations of the
5002
- // iterator prototype chain incorrectly implement this, causing the Generator
5003
- // object to not be returned from this call. This ensures that doesn't happen.
5004
- // See https://github.com/facebook/regenerator/issues/274 for more details.
5136
+ } else {
5137
+ // Re-yield the result returned by the delegate method.
5138
+ return info;
5139
+ }
5005
5140
 
5006
- define(Gp, iteratorSymbol, function () {
5007
- return this;
5008
- });
5009
- define(Gp, "toString", function () {
5010
- return "[object Generator]";
5011
- });
5141
+ // The delegate iterator is finished, so forget it and continue with
5142
+ // the outer generator.
5143
+ context.delegate = null;
5144
+ return ContinueSentinel;
5145
+ }
5012
5146
 
5013
- function pushTryEntry(locs) {
5014
- var entry = {
5015
- tryLoc: locs[0]
5016
- };
5147
+ // Define Generator.prototype.{next,throw,return} in terms of the
5148
+ // unified ._invoke helper method.
5149
+ defineIteratorMethods(Gp);
5017
5150
 
5018
- if (1 in locs) {
5019
- entry.catchLoc = locs[1];
5020
- }
5151
+ define(Gp, toStringTagSymbol, "Generator");
5021
5152
 
5022
- if (2 in locs) {
5023
- entry.finallyLoc = locs[2];
5024
- entry.afterLoc = locs[3];
5025
- }
5153
+ // A Generator should always return itself as the iterator object when the
5154
+ // @@iterator function is called on it. Some browsers' implementations of the
5155
+ // iterator prototype chain incorrectly implement this, causing the Generator
5156
+ // object to not be returned from this call. This ensures that doesn't happen.
5157
+ // See https://github.com/facebook/regenerator/issues/274 for more details.
5158
+ define(Gp, iteratorSymbol, function() {
5159
+ return this;
5160
+ });
5026
5161
 
5027
- this.tryEntries.push(entry);
5028
- }
5162
+ define(Gp, "toString", function() {
5163
+ return "[object Generator]";
5164
+ });
5029
5165
 
5030
- function resetTryEntry(entry) {
5031
- var record = entry.completion || {};
5032
- record.type = "normal";
5033
- delete record.arg;
5034
- entry.completion = record;
5166
+ function pushTryEntry(locs) {
5167
+ var entry = { tryLoc: locs[0] };
5168
+
5169
+ if (1 in locs) {
5170
+ entry.catchLoc = locs[1];
5035
5171
  }
5036
5172
 
5037
- function Context(tryLocsList) {
5038
- // The root entry object (effectively a try statement without a catch
5039
- // or a finally block) gives us a place to store values thrown from
5040
- // locations where there is no enclosing try statement.
5041
- this.tryEntries = [{
5042
- tryLoc: "root"
5043
- }];
5044
- tryLocsList.forEach(pushTryEntry, this);
5045
- this.reset(true);
5173
+ if (2 in locs) {
5174
+ entry.finallyLoc = locs[2];
5175
+ entry.afterLoc = locs[3];
5046
5176
  }
5047
5177
 
5048
- exports.keys = function (object) {
5049
- var keys = [];
5178
+ this.tryEntries.push(entry);
5179
+ }
5180
+
5181
+ function resetTryEntry(entry) {
5182
+ var record = entry.completion || {};
5183
+ record.type = "normal";
5184
+ delete record.arg;
5185
+ entry.completion = record;
5186
+ }
5187
+
5188
+ function Context(tryLocsList) {
5189
+ // The root entry object (effectively a try statement without a catch
5190
+ // or a finally block) gives us a place to store values thrown from
5191
+ // locations where there is no enclosing try statement.
5192
+ this.tryEntries = [{ tryLoc: "root" }];
5193
+ tryLocsList.forEach(pushTryEntry, this);
5194
+ this.reset(true);
5195
+ }
5050
5196
 
5051
- for (var key in object) {
5052
- keys.push(key);
5197
+ exports.keys = function(object) {
5198
+ var keys = [];
5199
+ for (var key in object) {
5200
+ keys.push(key);
5201
+ }
5202
+ keys.reverse();
5203
+
5204
+ // Rather than returning an object with a next method, we keep
5205
+ // things simple and return the next function itself.
5206
+ return function next() {
5207
+ while (keys.length) {
5208
+ var key = keys.pop();
5209
+ if (key in object) {
5210
+ next.value = key;
5211
+ next.done = false;
5212
+ return next;
5213
+ }
5053
5214
  }
5054
5215
 
5055
- keys.reverse(); // Rather than returning an object with a next method, we keep
5056
- // things simple and return the next function itself.
5216
+ // To avoid creating an additional object, we just hang the .value
5217
+ // and .done properties off the next function object itself. This
5218
+ // also ensures that the minifier will not anonymize the function.
5219
+ next.done = true;
5220
+ return next;
5221
+ };
5222
+ };
5057
5223
 
5058
- return function next() {
5059
- while (keys.length) {
5060
- var key = keys.pop();
5224
+ function values(iterable) {
5225
+ if (iterable) {
5226
+ var iteratorMethod = iterable[iteratorSymbol];
5227
+ if (iteratorMethod) {
5228
+ return iteratorMethod.call(iterable);
5229
+ }
5061
5230
 
5062
- if (key in object) {
5063
- next.value = key;
5064
- next.done = false;
5065
- return next;
5231
+ if (typeof iterable.next === "function") {
5232
+ return iterable;
5233
+ }
5234
+
5235
+ if (!isNaN(iterable.length)) {
5236
+ var i = -1, next = function next() {
5237
+ while (++i < iterable.length) {
5238
+ if (hasOwn.call(iterable, i)) {
5239
+ next.value = iterable[i];
5240
+ next.done = false;
5241
+ return next;
5242
+ }
5066
5243
  }
5067
- } // To avoid creating an additional object, we just hang the .value
5068
- // and .done properties off the next function object itself. This
5069
- // also ensures that the minifier will not anonymize the function.
5070
5244
 
5245
+ next.value = undefined$1;
5246
+ next.done = true;
5071
5247
 
5072
- next.done = true;
5073
- return next;
5074
- };
5075
- };
5248
+ return next;
5249
+ };
5076
5250
 
5077
- function values(iterable) {
5078
- if (iterable) {
5079
- var iteratorMethod = iterable[iteratorSymbol];
5251
+ return next.next = next;
5252
+ }
5253
+ }
5080
5254
 
5081
- if (iteratorMethod) {
5082
- return iteratorMethod.call(iterable);
5083
- }
5255
+ // Return an iterator with no values.
5256
+ return { next: doneResult };
5257
+ }
5258
+ exports.values = values;
5084
5259
 
5085
- if (typeof iterable.next === "function") {
5086
- return iterable;
5087
- }
5260
+ function doneResult() {
5261
+ return { value: undefined$1, done: true };
5262
+ }
5088
5263
 
5089
- if (!isNaN(iterable.length)) {
5090
- var i = -1,
5091
- next = function next() {
5092
- while (++i < iterable.length) {
5093
- if (hasOwn.call(iterable, i)) {
5094
- next.value = iterable[i];
5095
- next.done = false;
5096
- return next;
5097
- }
5098
- }
5264
+ Context.prototype = {
5265
+ constructor: Context,
5266
+
5267
+ reset: function(skipTempReset) {
5268
+ this.prev = 0;
5269
+ this.next = 0;
5270
+ // Resetting context._sent for legacy support of Babel's
5271
+ // function.sent implementation.
5272
+ this.sent = this._sent = undefined$1;
5273
+ this.done = false;
5274
+ this.delegate = null;
5275
+
5276
+ this.method = "next";
5277
+ this.arg = undefined$1;
5278
+
5279
+ this.tryEntries.forEach(resetTryEntry);
5280
+
5281
+ if (!skipTempReset) {
5282
+ for (var name in this) {
5283
+ // Not sure about the optimal order of these conditions:
5284
+ if (name.charAt(0) === "t" &&
5285
+ hasOwn.call(this, name) &&
5286
+ !isNaN(+name.slice(1))) {
5287
+ this[name] = undefined$1;
5288
+ }
5289
+ }
5290
+ }
5291
+ },
5099
5292
 
5100
- next.value = undefined$1;
5101
- next.done = true;
5102
- return next;
5103
- };
5293
+ stop: function() {
5294
+ this.done = true;
5104
5295
 
5105
- return next.next = next;
5106
- }
5107
- } // Return an iterator with no values.
5296
+ var rootEntry = this.tryEntries[0];
5297
+ var rootRecord = rootEntry.completion;
5298
+ if (rootRecord.type === "throw") {
5299
+ throw rootRecord.arg;
5300
+ }
5108
5301
 
5302
+ return this.rval;
5303
+ },
5109
5304
 
5110
- return {
5111
- next: doneResult
5112
- };
5113
- }
5305
+ dispatchException: function(exception) {
5306
+ if (this.done) {
5307
+ throw exception;
5308
+ }
5114
5309
 
5115
- exports.values = values;
5310
+ var context = this;
5311
+ function handle(loc, caught) {
5312
+ record.type = "throw";
5313
+ record.arg = exception;
5314
+ context.next = loc;
5116
5315
 
5117
- function doneResult() {
5118
- return {
5119
- value: undefined$1,
5120
- done: true
5121
- };
5122
- }
5316
+ if (caught) {
5317
+ // If the dispatched exception was caught by a catch block,
5318
+ // then let that catch block handle the exception normally.
5319
+ context.method = "next";
5320
+ context.arg = undefined$1;
5321
+ }
5123
5322
 
5124
- Context.prototype = {
5125
- constructor: Context,
5126
- reset: function reset(skipTempReset) {
5127
- this.prev = 0;
5128
- this.next = 0; // Resetting context._sent for legacy support of Babel's
5129
- // function.sent implementation.
5323
+ return !! caught;
5324
+ }
5130
5325
 
5131
- this.sent = this._sent = undefined$1;
5132
- this.done = false;
5133
- this.delegate = null;
5134
- this.method = "next";
5135
- this.arg = undefined$1;
5136
- this.tryEntries.forEach(resetTryEntry);
5326
+ for (var i = this.tryEntries.length - 1; i >= 0; --i) {
5327
+ var entry = this.tryEntries[i];
5328
+ var record = entry.completion;
5137
5329
 
5138
- if (!skipTempReset) {
5139
- for (var name in this) {
5140
- // Not sure about the optimal order of these conditions:
5141
- if (name.charAt(0) === "t" && hasOwn.call(this, name) && !isNaN(+name.slice(1))) {
5142
- this[name] = undefined$1;
5143
- }
5144
- }
5330
+ if (entry.tryLoc === "root") {
5331
+ // Exception thrown outside of any try block that could handle
5332
+ // it, so set the completion value of the entire function to
5333
+ // throw the exception.
5334
+ return handle("end");
5145
5335
  }
5146
- },
5147
- stop: function stop() {
5148
- this.done = true;
5149
- var rootEntry = this.tryEntries[0];
5150
- var rootRecord = rootEntry.completion;
5151
5336
 
5152
- if (rootRecord.type === "throw") {
5153
- throw rootRecord.arg;
5154
- }
5337
+ if (entry.tryLoc <= this.prev) {
5338
+ var hasCatch = hasOwn.call(entry, "catchLoc");
5339
+ var hasFinally = hasOwn.call(entry, "finallyLoc");
5155
5340
 
5156
- return this.rval;
5157
- },
5158
- dispatchException: function dispatchException(exception) {
5159
- if (this.done) {
5160
- throw exception;
5161
- }
5341
+ if (hasCatch && hasFinally) {
5342
+ if (this.prev < entry.catchLoc) {
5343
+ return handle(entry.catchLoc, true);
5344
+ } else if (this.prev < entry.finallyLoc) {
5345
+ return handle(entry.finallyLoc);
5346
+ }
5162
5347
 
5163
- var context = this;
5348
+ } else if (hasCatch) {
5349
+ if (this.prev < entry.catchLoc) {
5350
+ return handle(entry.catchLoc, true);
5351
+ }
5164
5352
 
5165
- function handle(loc, caught) {
5166
- record.type = "throw";
5167
- record.arg = exception;
5168
- context.next = loc;
5353
+ } else if (hasFinally) {
5354
+ if (this.prev < entry.finallyLoc) {
5355
+ return handle(entry.finallyLoc);
5356
+ }
5169
5357
 
5170
- if (caught) {
5171
- // If the dispatched exception was caught by a catch block,
5172
- // then let that catch block handle the exception normally.
5173
- context.method = "next";
5174
- context.arg = undefined$1;
5358
+ } else {
5359
+ throw new Error("try statement without catch or finally");
5175
5360
  }
5176
-
5177
- return !!caught;
5178
5361
  }
5362
+ }
5363
+ },
5179
5364
 
5180
- for (var i = this.tryEntries.length - 1; i >= 0; --i) {
5181
- var entry = this.tryEntries[i];
5182
- var record = entry.completion;
5365
+ abrupt: function(type, arg) {
5366
+ for (var i = this.tryEntries.length - 1; i >= 0; --i) {
5367
+ var entry = this.tryEntries[i];
5368
+ if (entry.tryLoc <= this.prev &&
5369
+ hasOwn.call(entry, "finallyLoc") &&
5370
+ this.prev < entry.finallyLoc) {
5371
+ var finallyEntry = entry;
5372
+ break;
5373
+ }
5374
+ }
5183
5375
 
5184
- if (entry.tryLoc === "root") {
5185
- // Exception thrown outside of any try block that could handle
5186
- // it, so set the completion value of the entire function to
5187
- // throw the exception.
5188
- return handle("end");
5189
- }
5376
+ if (finallyEntry &&
5377
+ (type === "break" ||
5378
+ type === "continue") &&
5379
+ finallyEntry.tryLoc <= arg &&
5380
+ arg <= finallyEntry.finallyLoc) {
5381
+ // Ignore the finally entry if control is not jumping to a
5382
+ // location outside the try/catch block.
5383
+ finallyEntry = null;
5384
+ }
5190
5385
 
5191
- if (entry.tryLoc <= this.prev) {
5192
- var hasCatch = hasOwn.call(entry, "catchLoc");
5193
- var hasFinally = hasOwn.call(entry, "finallyLoc");
5194
-
5195
- if (hasCatch && hasFinally) {
5196
- if (this.prev < entry.catchLoc) {
5197
- return handle(entry.catchLoc, true);
5198
- } else if (this.prev < entry.finallyLoc) {
5199
- return handle(entry.finallyLoc);
5200
- }
5201
- } else if (hasCatch) {
5202
- if (this.prev < entry.catchLoc) {
5203
- return handle(entry.catchLoc, true);
5204
- }
5205
- } else if (hasFinally) {
5206
- if (this.prev < entry.finallyLoc) {
5207
- return handle(entry.finallyLoc);
5208
- }
5209
- } else {
5210
- throw new Error("try statement without catch or finally");
5211
- }
5212
- }
5213
- }
5214
- },
5215
- abrupt: function abrupt(type, arg) {
5216
- for (var i = this.tryEntries.length - 1; i >= 0; --i) {
5217
- var entry = this.tryEntries[i];
5386
+ var record = finallyEntry ? finallyEntry.completion : {};
5387
+ record.type = type;
5388
+ record.arg = arg;
5218
5389
 
5219
- if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
5220
- var finallyEntry = entry;
5221
- break;
5222
- }
5223
- }
5390
+ if (finallyEntry) {
5391
+ this.method = "next";
5392
+ this.next = finallyEntry.finallyLoc;
5393
+ return ContinueSentinel;
5394
+ }
5224
5395
 
5225
- if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {
5226
- // Ignore the finally entry if control is not jumping to a
5227
- // location outside the try/catch block.
5228
- finallyEntry = null;
5229
- }
5396
+ return this.complete(record);
5397
+ },
5230
5398
 
5231
- var record = finallyEntry ? finallyEntry.completion : {};
5232
- record.type = type;
5233
- record.arg = arg;
5399
+ complete: function(record, afterLoc) {
5400
+ if (record.type === "throw") {
5401
+ throw record.arg;
5402
+ }
5234
5403
 
5235
- if (finallyEntry) {
5236
- this.method = "next";
5237
- this.next = finallyEntry.finallyLoc;
5238
- return ContinueSentinel;
5239
- }
5404
+ if (record.type === "break" ||
5405
+ record.type === "continue") {
5406
+ this.next = record.arg;
5407
+ } else if (record.type === "return") {
5408
+ this.rval = this.arg = record.arg;
5409
+ this.method = "return";
5410
+ this.next = "end";
5411
+ } else if (record.type === "normal" && afterLoc) {
5412
+ this.next = afterLoc;
5413
+ }
5240
5414
 
5241
- return this.complete(record);
5242
- },
5243
- complete: function complete(record, afterLoc) {
5244
- if (record.type === "throw") {
5245
- throw record.arg;
5246
- }
5415
+ return ContinueSentinel;
5416
+ },
5247
5417
 
5248
- if (record.type === "break" || record.type === "continue") {
5249
- this.next = record.arg;
5250
- } else if (record.type === "return") {
5251
- this.rval = this.arg = record.arg;
5252
- this.method = "return";
5253
- this.next = "end";
5254
- } else if (record.type === "normal" && afterLoc) {
5255
- this.next = afterLoc;
5418
+ finish: function(finallyLoc) {
5419
+ for (var i = this.tryEntries.length - 1; i >= 0; --i) {
5420
+ var entry = this.tryEntries[i];
5421
+ if (entry.finallyLoc === finallyLoc) {
5422
+ this.complete(entry.completion, entry.afterLoc);
5423
+ resetTryEntry(entry);
5424
+ return ContinueSentinel;
5256
5425
  }
5426
+ }
5427
+ },
5257
5428
 
5258
- return ContinueSentinel;
5259
- },
5260
- finish: function finish(finallyLoc) {
5261
- for (var i = this.tryEntries.length - 1; i >= 0; --i) {
5262
- var entry = this.tryEntries[i];
5263
-
5264
- if (entry.finallyLoc === finallyLoc) {
5265
- this.complete(entry.completion, entry.afterLoc);
5429
+ "catch": function(tryLoc) {
5430
+ for (var i = this.tryEntries.length - 1; i >= 0; --i) {
5431
+ var entry = this.tryEntries[i];
5432
+ if (entry.tryLoc === tryLoc) {
5433
+ var record = entry.completion;
5434
+ if (record.type === "throw") {
5435
+ var thrown = record.arg;
5266
5436
  resetTryEntry(entry);
5267
- return ContinueSentinel;
5268
5437
  }
5438
+ return thrown;
5269
5439
  }
5270
- },
5271
- "catch": function _catch(tryLoc) {
5272
- for (var i = this.tryEntries.length - 1; i >= 0; --i) {
5273
- var entry = this.tryEntries[i];
5274
-
5275
- if (entry.tryLoc === tryLoc) {
5276
- var record = entry.completion;
5277
-
5278
- if (record.type === "throw") {
5279
- var thrown = record.arg;
5280
- resetTryEntry(entry);
5281
- }
5440
+ }
5282
5441
 
5283
- return thrown;
5284
- }
5285
- } // The context.catch method must only be called with a location
5286
- // argument that corresponds to a known catch block.
5442
+ // The context.catch method must only be called with a location
5443
+ // argument that corresponds to a known catch block.
5444
+ throw new Error("illegal catch attempt");
5445
+ },
5287
5446
 
5447
+ delegateYield: function(iterable, resultName, nextLoc) {
5448
+ this.delegate = {
5449
+ iterator: values(iterable),
5450
+ resultName: resultName,
5451
+ nextLoc: nextLoc
5452
+ };
5288
5453
 
5289
- throw new Error("illegal catch attempt");
5290
- },
5291
- delegateYield: function delegateYield(iterable, resultName, nextLoc) {
5292
- this.delegate = {
5293
- iterator: values(iterable),
5294
- resultName: resultName,
5295
- nextLoc: nextLoc
5296
- };
5454
+ if (this.method === "next") {
5455
+ // Deliberately forget the last sent value so that we don't
5456
+ // accidentally pass it on to the delegate.
5457
+ this.arg = undefined$1;
5458
+ }
5297
5459
 
5298
- if (this.method === "next") {
5299
- // Deliberately forget the last sent value so that we don't
5300
- // accidentally pass it on to the delegate.
5301
- this.arg = undefined$1;
5302
- }
5460
+ return ContinueSentinel;
5461
+ }
5462
+ };
5303
5463
 
5304
- return ContinueSentinel;
5305
- }
5306
- }; // Regardless of whether this script is executing as a CommonJS module
5307
- // or not, return the runtime object so that we can declare the variable
5308
- // regeneratorRuntime in the outer scope, which allows this module to be
5309
- // injected easily by `bin/regenerator --include-runtime script.js`.
5464
+ // Regardless of whether this script is executing as a CommonJS module
5465
+ // or not, return the runtime object so that we can declare the variable
5466
+ // regeneratorRuntime in the outer scope, which allows this module to be
5467
+ // injected easily by `bin/regenerator --include-runtime script.js`.
5468
+ return exports;
5310
5469
 
5311
- return exports;
5312
- }( // If this script is executing as a CommonJS module, use module.exports
5470
+ }(
5471
+ // If this script is executing as a CommonJS module, use module.exports
5313
5472
  // as the regeneratorRuntime namespace. Otherwise create a new empty
5314
5473
  // object. Either way, the resulting object will be used to initialize
5315
5474
  // the regeneratorRuntime variable at the top of this file.
5316
- module.exports );
5317
-
5318
- try {
5319
- regeneratorRuntime = runtime;
5320
- } catch (accidentalStrictMode) {
5321
- // This module should not be running in strict mode, so the above
5322
- // assignment should always work unless something is misconfigured. Just
5323
- // in case runtime.js accidentally runs in strict mode, in modern engines
5324
- // we can explicitly access globalThis. In older engines we can escape
5325
- // strict mode using a global Function call. This could conceivably fail
5326
- // if a Content Security Policy forbids using Function, but in that case
5327
- // the proper solution is to fix the accidental strict mode problem. If
5328
- // you've misconfigured your bundler to force strict mode and applied a
5329
- // CSP to forbid Function, and you're not willing to fix either of those
5330
- // problems, please detail your unique predicament in a GitHub issue.
5331
- if (typeof globalThis === "object") {
5332
- globalThis.regeneratorRuntime = runtime;
5333
- } else {
5334
- Function("r", "regeneratorRuntime = r")(runtime);
5335
- }
5475
+ module.exports
5476
+ ));
5477
+
5478
+ try {
5479
+ regeneratorRuntime = runtime;
5480
+ } catch (accidentalStrictMode) {
5481
+ // This module should not be running in strict mode, so the above
5482
+ // assignment should always work unless something is misconfigured. Just
5483
+ // in case runtime.js accidentally runs in strict mode, in modern engines
5484
+ // we can explicitly access globalThis. In older engines we can escape
5485
+ // strict mode using a global Function call. This could conceivably fail
5486
+ // if a Content Security Policy forbids using Function, but in that case
5487
+ // the proper solution is to fix the accidental strict mode problem. If
5488
+ // you've misconfigured your bundler to force strict mode and applied a
5489
+ // CSP to forbid Function, and you're not willing to fix either of those
5490
+ // problems, please detail your unique predicament in a GitHub issue.
5491
+ if (typeof globalThis === "object") {
5492
+ globalThis.regeneratorRuntime = runtime;
5493
+ } else {
5494
+ Function("r", "regeneratorRuntime = r")(runtime);
5336
5495
  }
5496
+ }
5337
5497
  });
5338
5498
 
5339
- var _templateObject$v, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5340
- 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"])));
5499
+ var _templateObject$w, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
5500
+ var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$w || (_templateObject$w = /*#__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"])));
5341
5501
  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"])));
5342
5502
  var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
5343
5503
  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"])));
@@ -5556,8 +5716,8 @@ var VideoControls = function VideoControls(_ref2) {
5556
5716
  })));
5557
5717
  };
5558
5718
 
5559
- var _templateObject$w, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
5560
- 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"])));
5719
+ var _templateObject$x, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
5720
+ var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
5561
5721
  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) {
5562
5722
  var darkMode = _ref.darkMode;
5563
5723
  return darkMode ? 'white' : 'errorstate';
@@ -5784,9 +5944,9 @@ var Component = function Component(_ref) {
5784
5944
  }, error)));
5785
5945
  };
5786
5946
 
5787
- var _templateObject$x;
5947
+ var _templateObject$y;
5788
5948
  var colors$1 = core.colors;
5789
- var Tile = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background-color: ", ";\n padding: 12px;\n cursor: pointer;\n width: fit-content;\n user-select: none;\n\n svg {\n display: ", ";\n height: 18px;\n width: 18px;\n margin-right: 14px;\n\n @media ", " {\n height: 16px;\n width: 16px;\n }\n }\n"])), function (_ref) {
5949
+ var Tile = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background-color: ", ";\n padding: 12px;\n cursor: pointer;\n width: fit-content;\n user-select: none;\n\n svg {\n display: ", ";\n height: 18px;\n width: 18px;\n margin-right: 14px;\n\n @media ", " {\n height: 16px;\n width: 16px;\n }\n }\n"])), function (_ref) {
5790
5950
  var isSelected = _ref.isSelected;
5791
5951
  return isSelected ? colors$1.midgrey : colors$1.lightgrey;
5792
5952
  }, function (_ref2) {
@@ -5846,8 +6006,8 @@ var ToggleButton = function ToggleButton(_ref) {
5846
6006
  }, item.label));
5847
6007
  };
5848
6008
 
5849
- var _templateObject$y, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
5850
- var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
6009
+ var _templateObject$z, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
6010
+ var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
5851
6011
  var isMenuOpen = _ref.isMenuOpen;
5852
6012
  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 ";
5853
6013
  });
@@ -5871,8 +6031,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_temp
5871
6031
  var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
5872
6032
  var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
5873
6033
 
5874
- var _templateObject$z;
5875
- var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
6034
+ var _templateObject$A;
6035
+ var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
5876
6036
 
5877
6037
  var Logo = function Logo(_ref) {
5878
6038
  var _ref$id = _ref.id,
@@ -5904,11 +6064,11 @@ var Logo = function Logo(_ref) {
5904
6064
  }))));
5905
6065
  };
5906
6066
 
5907
- var _templateObject$A;
5908
- 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);
6067
+ var _templateObject$B;
6068
+ var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__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);
5909
6069
 
5910
- var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$c;
5911
- 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) {
6070
+ var _templateObject$C, _templateObject2$m, _templateObject3$f, _templateObject4$c;
6071
+ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__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) {
5912
6072
  var selected = _ref.selected,
5913
6073
  colorPrimary = _ref.colorPrimary;
5914
6074
 
@@ -6016,7 +6176,7 @@ var useBasket = function useBasket(expiryUnixTimestamp, numItems, numVirtualItem
6016
6176
  if (!expiryUnixTimestamp || numItems === 0) return function () {
6017
6177
  return undefined;
6018
6178
  };
6019
- var interval = setInterval(function () {
6179
+ var interval = window.setInterval(function () {
6020
6180
  setSeconds(getSecondsUntil(expiryUnixTimestamp));
6021
6181
  }, 1000);
6022
6182
  setTimer(interval);
@@ -6097,8 +6257,8 @@ var Basket$1 = function Basket(_ref) {
6097
6257
  }, expiryTime ? basketText : text) : ''));
6098
6258
  };
6099
6259
 
6100
- var _templateObject$C, _templateObject2$n;
6101
- var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__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 :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
6260
+ var _templateObject$D, _templateObject2$n;
6261
+ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__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 :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
6102
6262
  var selected = _ref.selected,
6103
6263
  colorPrimary = _ref.colorPrimary;
6104
6264
 
@@ -6191,7 +6351,7 @@ var Dropdown = function Dropdown(_ref) {
6191
6351
  clearTimeout(timerCloseOptions);
6192
6352
  }
6193
6353
 
6194
- timerCloseOptions = setTimeout(function () {
6354
+ timerCloseOptions = window.setTimeout(function () {
6195
6355
  setOpen(false);
6196
6356
  setLockOpen(false);
6197
6357
  setTitleSelected(false);
@@ -6390,8 +6550,8 @@ var NavTop = function NavTop(_ref) {
6390
6550
  }));
6391
6551
  };
6392
6552
 
6393
- var _templateObject$D, _templateObject2$o, _templateObject3$g, _templateObject4$d;
6394
- 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"])));
6553
+ var _templateObject$E, _templateObject2$o, _templateObject3$g, _templateObject4$d;
6554
+ var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
6395
6555
  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) {
6396
6556
  if (props.showMenu) {
6397
6557
  return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
@@ -6533,8 +6693,8 @@ var Tabs = function Tabs(_ref) {
6533
6693
  }, "MENU"))));
6534
6694
  };
6535
6695
 
6536
- var _templateObject$E, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6537
- 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);
6696
+ var _templateObject$F, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
6697
+ var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__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);
6538
6698
  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"])));
6539
6699
  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"])));
6540
6700
  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);
@@ -6771,16 +6931,16 @@ var Navigation = function Navigation(_ref) {
6771
6931
  })))));
6772
6932
  };
6773
6933
 
6774
- var _templateObject$F, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6775
- 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"])));
6934
+ var _templateObject$G, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
6935
+ var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
6776
6936
  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"])));
6777
6937
  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);
6778
6938
  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);
6779
6939
  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);
6780
6940
  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);
6781
6941
 
6782
- var _templateObject$G, _templateObject2$r, _templateObject3$j;
6783
- 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);
6942
+ var _templateObject$H, _templateObject2$r, _templateObject3$j;
6943
+ var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$H || (_templateObject$H = /*#__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);
6784
6944
  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);
6785
6945
  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"])));
6786
6946
 
@@ -6798,8 +6958,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
6798
6958
  }));
6799
6959
  };
6800
6960
 
6801
- var _templateObject$H, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
6802
- 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);
6961
+ var _templateObject$I, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
6962
+ var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__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);
6803
6963
  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);
6804
6964
  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);
6805
6965
  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);
@@ -6831,6 +6991,8 @@ var ContactNewsletter = function ContactNewsletter(_ref) {
6831
6991
  }, contact.title))));
6832
6992
  };
6833
6993
 
6994
+ var _excluded$b = ["dataRoh"];
6995
+
6834
6996
  var Footer = function Footer(_ref) {
6835
6997
  var data = _ref.data;
6836
6998
  var policyLinks = data.policyLinks;
@@ -6840,7 +7002,7 @@ var Footer = function Footer(_ref) {
6840
7002
 
6841
7003
  var _data$artsLogo = data.artsLogo,
6842
7004
  artsDataRoh = _data$artsLogo.dataRoh,
6843
- artsLogo = _objectWithoutPropertiesLoose(_data$artsLogo, ["dataRoh"]);
7005
+ artsLogo = _objectWithoutPropertiesLoose(_data$artsLogo, _excluded$b);
6844
7006
 
6845
7007
  var additionalInfo = data.additionalInfo;
6846
7008
  return /*#__PURE__*/React__default.createElement(FooterSection, null, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
@@ -6870,9 +7032,9 @@ var Footer = function Footer(_ref) {
6870
7032
  }, additionalInfo)))));
6871
7033
  };
6872
7034
 
6873
- var _templateObject$I, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
7035
+ var _templateObject$J, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
6874
7036
  var LIST_ITEM_GAP = 32;
6875
- 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) {
7037
+ var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__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) {
6876
7038
  var bottomBorder = _ref.bottomBorder;
6877
7039
  return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
6878
7040
  }, zIndexes.anchor);
@@ -6895,6 +7057,8 @@ var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$c || (_t
6895
7057
  });
6896
7058
  var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: flex-center;\n\n :hover {\n && svg path {\n fill: var(--base-color-primary);\n }\n }\n"])));
6897
7059
 
7060
+ var _excluded$c = ["id", "text"];
7061
+
6898
7062
  var AnchorTabBar = function AnchorTabBar(_ref) {
6899
7063
  var tabs = _ref.tabs,
6900
7064
  onTabClick = _ref.onTabClick,
@@ -6974,7 +7138,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
6974
7138
  }
6975
7139
 
6976
7140
  if (timer !== null) clearTimeout(timer);
6977
- timer = setTimeout(function () {
7141
+ timer = window.setTimeout(function () {
6978
7142
  if (window.pageYOffset > topOffset + navigationHeight && wrapperRef.current) {
6979
7143
  changeWrapperVisibility(true, window.pageYOffset - navigationHeight);
6980
7144
  }
@@ -7109,7 +7273,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
7109
7273
  }, tabs.map(function (_ref4) {
7110
7274
  var id = _ref4.id,
7111
7275
  text = _ref4.text,
7112
- rest = _objectWithoutPropertiesLoose(_ref4, ["id", "text"]);
7276
+ rest = _objectWithoutPropertiesLoose(_ref4, _excluded$c);
7113
7277
 
7114
7278
  return /*#__PURE__*/React__default.createElement("li", {
7115
7279
  key: id
@@ -7136,8 +7300,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
7136
7300
  })) : null) : null))));
7137
7301
  };
7138
7302
 
7139
- var _templateObject$J, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
7140
- 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) {
7303
+ var _templateObject$K, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
7304
+ var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
7141
7305
  var sticky = _ref.sticky;
7142
7306
  return sticky ? 'sticky' : 'initial';
7143
7307
  }, zIndexes.anchor);
@@ -7165,6 +7329,9 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
7165
7329
  var MessageWrapper = /*#__PURE__*/styled__default.div(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-right: var(--grid-outer-margin);\n height: var(--button-height);\n\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n margin-right: var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.tablet, devices.mobile);
7166
7330
  var MessageWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h6 {\n margin: 0;\n padding: 0;\n }\n display: none;\n\n @media ", " {\n & {\n display: flex;\n align-items: center;\n margin-left: var(--grid-margin);\n padding: 12px 0;\n }\n }\n"])), devices.mobile);
7167
7331
 
7332
+ var _excluded$d = ["text"],
7333
+ _excluded2 = ["text"];
7334
+
7168
7335
  var TitleWithCTA = function TitleWithCTA(_ref) {
7169
7336
  var title = _ref.title,
7170
7337
  links = _ref.links,
@@ -7174,11 +7341,11 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
7174
7341
 
7175
7342
  var _ref2 = (links == null ? void 0 : links[0]) || {},
7176
7343
  primaryButtonText = _ref2.text,
7177
- primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, ["text"]);
7344
+ primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$d);
7178
7345
 
7179
7346
  var _ref3 = (links == null ? void 0 : links[1]) || {},
7180
7347
  secondaryButtonText = _ref3.text,
7181
- secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, ["text"]);
7348
+ secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2);
7182
7349
 
7183
7350
  return /*#__PURE__*/React__default.createElement(TitleCTAGridWrapper, {
7184
7351
  sticky: sticky
@@ -7197,8 +7364,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
7197
7364
  }, message)));
7198
7365
  };
7199
7366
 
7200
- var _templateObject$K, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
7201
- 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);
7367
+ var _templateObject$L, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
7368
+ var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__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);
7202
7369
  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"])));
7203
7370
  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) {
7204
7371
  var theme = _ref.theme;
@@ -7278,8 +7445,8 @@ var UpsellCard = function UpsellCard(_ref) {
7278
7445
  }), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
7279
7446
  };
7280
7447
 
7281
- var _templateObject$L;
7282
- var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
7448
+ var _templateObject$M;
7449
+ var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
7283
7450
 
7284
7451
  var UpsellCards = function UpsellCards(_ref) {
7285
7452
  var upsellCards = _ref.upsellCards;
@@ -7297,16 +7464,16 @@ var UpsellCards = function UpsellCards(_ref) {
7297
7464
  }));
7298
7465
  };
7299
7466
 
7300
- var _templateObject$M, _templateObject2$w, _templateObject3$o;
7301
- 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) {
7467
+ var _templateObject$N, _templateObject2$w, _templateObject3$o;
7468
+ var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__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) {
7302
7469
  var theme = _ref.theme;
7303
7470
  return theme.colors.primary;
7304
7471
  }, devices.mobile, devices.tablet);
7305
7472
  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);
7306
7473
  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);
7307
7474
 
7308
- var _templateObject$N, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7309
- 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"])));
7475
+ var _templateObject$O, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
7476
+ var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
7310
7477
  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"])));
7311
7478
  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) {
7312
7479
  var isVisible = _ref.isVisible;
@@ -7434,8 +7601,8 @@ var Accordion = function Accordion(_ref) {
7434
7601
  }, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
7435
7602
  };
7436
7603
 
7437
- var _templateObject$O;
7438
- var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
7604
+ var _templateObject$P;
7605
+ var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
7439
7606
 
7440
7607
  var Accordions = function Accordions(_ref) {
7441
7608
  var _ref$items = _ref.items,
@@ -7453,7 +7620,8 @@ var Accordions = function Accordions(_ref) {
7453
7620
  visibleStandfirst: accordion.visibleStandfirst,
7454
7621
  contentType: accordion.contentType,
7455
7622
  displayLevel: accordion.displayLevel,
7456
- semanticLevel: accordion.semanticLevel
7623
+ semanticLevel: accordion.semanticLevel,
7624
+ initOpen: accordion.initOpen
7457
7625
  }, accordion.children);
7458
7626
  }));
7459
7627
  };
@@ -7467,8 +7635,8 @@ var Theme = function Theme(_ref) {
7467
7635
  }, children);
7468
7636
  };
7469
7637
 
7470
- var _templateObject$P, _templateObject2$y, _templateObject3$q;
7471
- 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) {
7638
+ var _templateObject$Q, _templateObject2$y, _templateObject3$q;
7639
+ var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__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) {
7472
7640
  var theme = _ref.theme;
7473
7641
  return theme.colors.primary;
7474
7642
  }, devices.mobile);
@@ -7510,8 +7678,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
7510
7678
  }))))));
7511
7679
  };
7512
7680
 
7513
- var _templateObject$Q;
7514
- var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
7681
+ var _templateObject$R;
7682
+ var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
7515
7683
  var bgColor = _ref.bgColor,
7516
7684
  theme = _ref.theme;
7517
7685
  return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
@@ -7520,11 +7688,13 @@ var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObjec
7520
7688
  return color;
7521
7689
  });
7522
7690
 
7691
+ var _excluded$e = ["children"];
7692
+
7523
7693
  var AuxiliaryButton = function AuxiliaryButton(_ref) {
7524
7694
  var _props$color;
7525
7695
 
7526
7696
  var children = _ref.children,
7527
- props = _objectWithoutPropertiesLoose(_ref, ["children"]);
7697
+ props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
7528
7698
 
7529
7699
  return /*#__PURE__*/React__default.createElement(AuxiliaryButtonWrapper, Object.assign({}, props, {
7530
7700
  color: (_props$color = props.color) != null ? _props$color : exports.Colors.Black,
@@ -7532,11 +7702,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
7532
7702
  }), children);
7533
7703
  };
7534
7704
 
7535
- 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;
7705
+ var _templateObject$S, _templateObject2$z, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
7536
7706
  var LENGTH_LARGE_TEXT = 28;
7537
7707
  var LENGTH_SMALL_TEXT$1 = 19;
7538
7708
  var LENGTH_TEXT_TABLET = 10;
7539
- var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
7709
+ var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
7540
7710
  var isCardClickable = _ref.isCardClickable;
7541
7711
  return isCardClickable ? 'pointer' : 'default';
7542
7712
  }, function (_ref2) {
@@ -7690,6 +7860,9 @@ var truncateReactNodeString = function truncateReactNodeString(node, resultLengt
7690
7860
  return truncateHtmlString(nodeString, resultLength, addDots);
7691
7861
  };
7692
7862
 
7863
+ var _excluded$f = ["text"],
7864
+ _excluded2$1 = ["text"];
7865
+
7693
7866
  var _buttonTypeToButton;
7694
7867
  var LENGTH_LARGE_TEXT$1 = 28;
7695
7868
  var LENGTH_SMALL_TEXT$2 = 19;
@@ -7743,7 +7916,7 @@ var Card = function Card(_ref) {
7743
7916
  var _ref2 = firstButton || {},
7744
7917
  _ref2$text = _ref2.text,
7745
7918
  firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
7746
- restFirstButton = _objectWithoutPropertiesLoose(_ref2, ["text"]);
7919
+ restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
7747
7920
 
7748
7921
  var primaryButtonTextTruncate = size === 'small' ? truncate(firstButtonText, LENGTH_SMALL_TEXT$2) : truncate(firstButtonText, LENGTH_LARGE_TEXT$1);
7749
7922
  var secondButton = links == null ? void 0 : links[1];
@@ -7751,7 +7924,7 @@ var Card = function Card(_ref) {
7751
7924
  var _ref3 = secondButton || {},
7752
7925
  _ref3$text = _ref3.text,
7753
7926
  secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
7754
- restSecondButton = _objectWithoutPropertiesLoose(_ref3, ["text"]);
7927
+ restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
7755
7928
 
7756
7929
  var tertiaryButtonTextTruncate = size === 'small' ? truncate(secondButtonText, LENGTH_SMALL_TEXT$2) : truncate(secondButtonText, LENGTH_LARGE_TEXT$1);
7757
7930
 
@@ -7820,9 +7993,9 @@ var Card = function Card(_ref) {
7820
7993
  dangerouslySetInnerHTML: {
7821
7994
  __html: truncatedText
7822
7995
  }
7823
- }), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
7996
+ }))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
7824
7997
  level: 1
7825
- }, highlightText)))), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7998
+ }, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
7826
7999
  fullWidth: fullWidth
7827
8000
  }, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
7828
8001
  ref: node,
@@ -7836,8 +8009,8 @@ var Card = function Card(_ref) {
7836
8009
  }, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
7837
8010
  };
7838
8011
 
7839
- var _templateObject$S, _templateObject2$A;
7840
- var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
8012
+ var _templateObject$T, _templateObject2$A;
8013
+ var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
7841
8014
  var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
7842
8015
 
7843
8016
  var Cards = function Cards(_ref) {
@@ -7883,8 +8056,8 @@ var Cards = function Cards(_ref) {
7883
8056
  }));
7884
8057
  };
7885
8058
 
7886
- var _templateObject$T, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
7887
- 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);
8059
+ var _templateObject$U, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
8060
+ var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__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);
7888
8061
  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) {
7889
8062
  var hideBottomBorder = _ref.hideBottomBorder;
7890
8063
  return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
@@ -7952,8 +8125,8 @@ var ContactCard = function ContactCard(_ref) {
7952
8125
  }, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
7953
8126
  };
7954
8127
 
7955
- var _templateObject$U, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
7956
- var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
8128
+ var _templateObject$V, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
8129
+ var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
7957
8130
  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) {
7958
8131
  return props.clickable ? 'pointer' : 'default';
7959
8132
  }, devices.mobile);
@@ -8035,8 +8208,8 @@ var ContentSummary = function ContentSummary(_ref) {
8035
8208
  }), link.text)));
8036
8209
  };
8037
8210
 
8038
- var _templateObject$V, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
8039
- 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) {
8211
+ var _templateObject$W, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
8212
+ var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__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) {
8040
8213
  var imageToLeft = _ref.imageToLeft;
8041
8214
  return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
8042
8215
  }, devices.mobile);
@@ -8080,8 +8253,8 @@ var Editorial = function Editorial(_ref) {
8080
8253
  })))));
8081
8254
  };
8082
8255
 
8083
- var _templateObject$W, _templateObject2$E, _templateObject3$v, _templateObject4$o, _templateObject5$j;
8084
- 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"])));
8256
+ var _templateObject$X, _templateObject2$E, _templateObject3$v, _templateObject4$o, _templateObject5$j;
8257
+ var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$X || (_templateObject$X = /*#__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"])));
8085
8258
  var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
8086
8259
  var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
8087
8260
  if (!props.infoThemed) {
@@ -8218,8 +8391,8 @@ var Information = function Information(_ref) {
8218
8391
  }))));
8219
8392
  };
8220
8393
 
8221
- var _templateObject$X, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
8222
- 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) {
8394
+ var _templateObject$Y, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
8395
+ var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__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) {
8223
8396
  var theme = _ref.theme;
8224
8397
  return theme.colors.primary;
8225
8398
  }, function (_ref2) {
@@ -8240,6 +8413,8 @@ var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_tem
8240
8413
  var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
8241
8414
  var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
8242
8415
 
8416
+ var _excluded$g = ["text"];
8417
+
8243
8418
  var PageHeading = function PageHeading(_ref) {
8244
8419
  var title = _ref.title,
8245
8420
  text = _ref.text,
@@ -8256,7 +8431,7 @@ var PageHeading = function PageHeading(_ref) {
8256
8431
 
8257
8432
  var _ref2 = link || {},
8258
8433
  linkText = _ref2.text,
8259
- restLink = _objectWithoutPropertiesLoose(_ref2, ["text"]);
8434
+ restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$g);
8260
8435
 
8261
8436
  var truncatedText = text == null ? void 0 : text.substring(0, copyCharLimit);
8262
8437
  var truncatedTitle = title && title.substring(0, titleCharLimit);
@@ -8285,9 +8460,11 @@ var PageHeading = function PageHeading(_ref) {
8285
8460
  }, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
8286
8461
  };
8287
8462
 
8463
+ var _excluded$h = ["link"];
8464
+
8288
8465
  var PageHeadingCore = function PageHeadingCore(_ref) {
8289
8466
  var link = _ref.link,
8290
- rest = _objectWithoutPropertiesLoose(_ref, ["link"]);
8467
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
8291
8468
 
8292
8469
  var coreLink = link && _extends({}, link, {
8293
8470
  color: exports.Colors.White,
@@ -8301,9 +8478,11 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
8301
8478
  })));
8302
8479
  };
8303
8480
 
8481
+ var _excluded$i = ["link"];
8482
+
8304
8483
  var PageHeadingCinema = function PageHeadingCinema(_ref) {
8305
8484
  var link = _ref.link,
8306
- rest = _objectWithoutPropertiesLoose(_ref, ["link"]);
8485
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);
8307
8486
 
8308
8487
  var cinemaLink = link && _extends({}, link, {
8309
8488
  color: exports.Colors.Black,
@@ -8319,8 +8498,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
8319
8498
  })));
8320
8499
  };
8321
8500
 
8322
- var _templateObject$Y, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8323
- 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);
8501
+ var _templateObject$Z, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
8502
+ var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__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);
8324
8503
  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);
8325
8504
  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);
8326
8505
  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);
@@ -8329,6 +8508,8 @@ var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$g || (_tem
8329
8508
  var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
8330
8509
  var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
8331
8510
 
8511
+ var _excluded$j = ["text"];
8512
+
8332
8513
  var PageHeadingImpact = function PageHeadingImpact(_ref) {
8333
8514
  var children = _ref.children,
8334
8515
  text = _ref.text,
@@ -8347,7 +8528,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
8347
8528
 
8348
8529
  var _ref2 = link || {},
8349
8530
  linkText = _ref2.text,
8350
- restLink = _objectWithoutPropertiesLoose(_ref2, ["text"]);
8531
+ restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$j);
8351
8532
 
8352
8533
  return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
8353
8534
  bgUrlDesktop: bgUrlDesktop,
@@ -8393,8 +8574,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
8393
8574
  }, "Scroll Down")) : null);
8394
8575
  };
8395
8576
 
8396
- var _templateObject$Z, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$m;
8397
- 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) {
8577
+ var _templateObject$_, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$m;
8578
+ var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$_ || (_templateObject$_ = /*#__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) {
8398
8579
  var color = _ref.color;
8399
8580
  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 ";
8400
8581
  }, devices.mobileAndTablet);
@@ -8438,12 +8619,14 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
8438
8619
  }))));
8439
8620
  };
8440
8621
 
8441
- var _templateObject$_;
8442
- var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
8622
+ var _templateObject$$;
8623
+ var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
8624
+
8625
+ var _excluded$k = ["link"];
8443
8626
 
8444
8627
  var PageHeadingStream = function PageHeadingStream(_ref) {
8445
8628
  var link = _ref.link,
8446
- rest = _objectWithoutPropertiesLoose(_ref, ["link"]);
8629
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$k);
8447
8630
 
8448
8631
  var streamLink = link && _extends({}, link, {
8449
8632
  color: exports.Colors.Black,
@@ -8459,8 +8642,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
8459
8642
  }))));
8460
8643
  };
8461
8644
 
8462
- var _templateObject$$, _templateObject2$I, _templateObject3$z, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8463
- 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);
8645
+ var _templateObject$10, _templateObject2$I, _templateObject3$z, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
8646
+ var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__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);
8464
8647
  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"])));
8465
8648
  var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
8466
8649
  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);
@@ -8590,7 +8773,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
8590
8773
  var isIOS = function isIOS() {
8591
8774
  try {
8592
8775
  console.warn('Do not use this on server side rendering, it may throw an error.');
8593
- if (typeof navigator === undefined) return false;
8776
+ if (typeof navigator === 'undefined') return false;
8594
8777
  return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
8595
8778
  navigator.userAgent.includes('Mac') && 'ontouchend' in document;
8596
8779
  } catch (e) {
@@ -8606,7 +8789,7 @@ var useIOS = function useIOS() {
8606
8789
  setIOS = _useState[1];
8607
8790
 
8608
8791
  React.useEffect(function () {
8609
- if (typeof navigator === undefined) return;
8792
+ if (typeof navigator === 'undefined') return;
8610
8793
  setIOS(isIOS());
8611
8794
  }, []);
8612
8795
  return IOS;
@@ -8633,7 +8816,12 @@ var useMobile = function useMobile() {
8633
8816
  setMobile(isMobile());
8634
8817
  }, []);
8635
8818
  return mobile;
8636
- };
8819
+ }; // Detect mobile or tablet helper function:
8820
+ // export const isMobileOrTablet = () => {
8821
+ // return typeof window !== 'undefined' && window.matchMedia('(max-width: 1024px)').matches;
8822
+ // };
8823
+
8824
+ var _excluded$l = ["text"];
8637
8825
 
8638
8826
  var useResponsiveVideo = function useResponsiveVideo(video, poster) {
8639
8827
  var mobileVideo = video.mobile || video.desktop;
@@ -8753,7 +8941,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
8753
8941
 
8754
8942
  var _ref5 = link || {},
8755
8943
  linkText = _ref5.text,
8756
- restLink = _objectWithoutPropertiesLoose(_ref5, ["text"]);
8944
+ restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$l);
8757
8945
 
8758
8946
  var titleSize = title && title.length > 20 ? 4 : 3;
8759
8947
  var video = {
@@ -8792,8 +8980,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
8792
8980
  }), linkText))));
8793
8981
  };
8794
8982
 
8795
- var _templateObject$10, _templateObject2$J, _templateObject3$A, _templateObject4$s;
8796
- var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
8983
+ var _templateObject$11, _templateObject2$J, _templateObject3$A, _templateObject4$s;
8984
+ var MorePages = /*#__PURE__*/styled__default.span(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
8797
8985
  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
8798
8986
 
8799
8987
  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) {
@@ -8869,8 +9057,8 @@ var Pagination = function Pagination(_ref) {
8869
9057
  }))));
8870
9058
  };
8871
9059
 
8872
- var _templateObject$11, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
8873
- 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);
9060
+ var _templateObject$12, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
9061
+ var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$12 || (_templateObject$12 = /*#__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);
8874
9062
  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"])));
8875
9063
  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"])));
8876
9064
  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"])));
@@ -8931,14 +9119,14 @@ var PeopleListing = function PeopleListing(_ref) {
8931
9119
  }));
8932
9120
  };
8933
9121
 
8934
- var _templateObject$12, _templateObject2$L, _templateObject3$C, _templateObject4$u;
8935
- var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
9122
+ var _templateObject$13, _templateObject2$L, _templateObject3$C, _templateObject4$u;
9123
+ var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
8936
9124
  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) {
8937
9125
  var columnCount = _ref.columnCount;
8938
9126
  return "repeat(" + columnCount + ", 1fr)";
8939
9127
  }, devices.mobile, devices.tablet);
8940
- 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"])));
8941
- 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"])));
9128
+ var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
9129
+ 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"])));
8942
9130
 
8943
9131
  var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
8944
9132
  return array.reduce(function (acc, item) {
@@ -8949,12 +9137,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
8949
9137
  var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
8950
9138
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
8951
9139
  if (musicTitle.length > 1 && index === musicTitle.length - 1) {
8952
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", null, title));
9140
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
9141
+ key: index
9142
+ }, title));
8953
9143
  } else if (index > 0) {
8954
- return /*#__PURE__*/React__default.createElement("i", null, ", ", title);
9144
+ return /*#__PURE__*/React__default.createElement("i", {
9145
+ key: index
9146
+ }, ", ", title);
8955
9147
  }
8956
9148
 
8957
- return /*#__PURE__*/React__default.createElement("i", null, title);
9149
+ return /*#__PURE__*/React__default.createElement("i", {
9150
+ key: index
9151
+ }, title);
8958
9152
  }));
8959
9153
  };
8960
9154
 
@@ -9011,14 +9205,14 @@ var CreditListing = function CreditListing(_ref) {
9011
9205
  }));
9012
9206
  };
9013
9207
 
9014
- 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;
9208
+ var _templateObject$14, _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;
9015
9209
  var LENGTH_TEXT = 28;
9016
9210
  var LENGTH_TEXT_TABLET$1 = 12;
9017
9211
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
9018
9212
  var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
9019
9213
  var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
9020
9214
  var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
9021
- var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
9215
+ var PromoWithTagsGrid = /*#__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\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
9022
9216
  var imageToLeft = _ref.imageToLeft;
9023
9217
  return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
9024
9218
  }, devices.tablet, function (_ref2) {
@@ -9100,6 +9294,10 @@ var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject19
9100
9294
  var TimerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
9101
9295
  var EndDateText = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid var(--base-color-black);\n padding-bottom: 32px;\n margin-bottom: 32px;\n\n @media ", " {\n padding-bottom: 20px;\n margin-bottom: 20px;\n }\n"])), devices.mobile);
9102
9296
 
9297
+ var _excluded$m = ["text"],
9298
+ _excluded2$2 = ["text"],
9299
+ _excluded3 = ["text"];
9300
+
9103
9301
  var _buttonTypeToButton$1;
9104
9302
  var LENGTH_TEXT$1 = 28;
9105
9303
  var LENGTH_TEXT_PARAGRAPH = 130;
@@ -9170,7 +9368,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
9170
9368
  var _ref2 = firstButton || {},
9171
9369
  _ref2$text = _ref2.text,
9172
9370
  firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
9173
- restFirstButton = _objectWithoutPropertiesLoose(_ref2, ["text"]);
9371
+ restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
9174
9372
 
9175
9373
  var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
9176
9374
  var secondButton = links == null ? void 0 : links[1];
@@ -9178,7 +9376,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
9178
9376
  var _ref3 = secondButton || {},
9179
9377
  _ref3$text = _ref3.text,
9180
9378
  secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
9181
- restSecondButton = _objectWithoutPropertiesLoose(_ref3, ["text"]);
9379
+ restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
9182
9380
 
9183
9381
  var secondButtonTextTruncate = truncate(secondButtonText, LENGTH_TEXT$1);
9184
9382
  var textTruncate = asCard ? truncate(text || '', LENGTH_TEXT_PARAGRAPH) : text;
@@ -9187,7 +9385,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
9187
9385
  var textLinkItems = textLinks ? textLinks.map(function (link, index) {
9188
9386
  var _link$text = link.text,
9189
9387
  textLinkText = _link$text === void 0 ? '' : _link$text,
9190
- restTextLink = _objectWithoutPropertiesLoose(link, ["text"]);
9388
+ restTextLink = _objectWithoutPropertiesLoose(link, _excluded3);
9191
9389
 
9192
9390
  return /*#__PURE__*/React__default.createElement(TextLinkWrapper$2, {
9193
9391
  key: index
@@ -9289,10 +9487,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
9289
9487
  }))));
9290
9488
  };
9291
9489
 
9292
- var _templateObject$14, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
9490
+ var _templateObject$15, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
9293
9491
  var LENGTH_TEXT$2 = 28;
9294
9492
  var LENGTH_TEXT_TABLET$2 = 10;
9295
- 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) {
9493
+ var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$15 || (_templateObject$15 = /*#__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) {
9296
9494
  var imageToLeft = _ref.imageToLeft;
9297
9495
  return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
9298
9496
  }, devices.tablet, function (_ref2) {
@@ -9345,8 +9543,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$e ||
9345
9543
  return '';
9346
9544
  });
9347
9545
 
9348
- var _templateObject$15;
9349
- var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
9546
+ var _templateObject$16;
9547
+ var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
9350
9548
  var _ref$aspectRatio = _ref.aspectRatio,
9351
9549
  aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
9352
9550
  return aspectRatio;
@@ -9482,6 +9680,8 @@ var PromoChild = function PromoChild(_ref) {
9482
9680
  }));
9483
9681
  };
9484
9682
 
9683
+ var _excluded$n = ["text"],
9684
+ _excluded2$3 = ["text"];
9485
9685
  var LENGTH_TEXT$3 = 28;
9486
9686
 
9487
9687
  var PromoWithTitle = function PromoWithTitle(_ref) {
@@ -9509,7 +9709,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
9509
9709
  var _ref2 = primaryButton || {},
9510
9710
  _ref2$text = _ref2.text,
9511
9711
  primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
9512
- restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, ["text"]);
9712
+ restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$n);
9513
9713
 
9514
9714
  var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
9515
9715
  var tertiaryButton = links == null ? void 0 : links[1];
@@ -9517,7 +9717,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
9517
9717
  var _ref3 = tertiaryButton || {},
9518
9718
  _ref3$text = _ref3.text,
9519
9719
  tertiaryButtonText = _ref3$text === void 0 ? '' : _ref3$text,
9520
- restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, ["text"]);
9720
+ restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$3);
9521
9721
 
9522
9722
  var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$3);
9523
9723
  var defaultVideoSettings = {
@@ -9550,8 +9750,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
9550
9750
  }, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
9551
9751
  };
9552
9752
 
9553
- var _templateObject$16;
9554
- var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
9753
+ var _templateObject$17;
9754
+ var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
9555
9755
 
9556
9756
  /**
9557
9757
  * DEPRECATED. Use RadioGroup2 instead
@@ -9609,8 +9809,8 @@ var RadioGroup = function RadioGroup(_ref) {
9609
9809
  })));
9610
9810
  };
9611
9811
 
9612
- var _templateObject$17, _templateObject2$O, _templateObject3$F;
9613
- var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9812
+ var _templateObject$18, _templateObject2$O, _templateObject3$F;
9813
+ var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9614
9814
  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) {
9615
9815
  var horizontalMode = _ref.horizontalMode;
9616
9816
  if (horizontalMode) return 'row';
@@ -9699,8 +9899,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
9699
9899
  }, error)));
9700
9900
  };
9701
9901
 
9702
- var _templateObject$18, _templateObject2$P, _templateObject3$G;
9703
- 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);
9902
+ var _templateObject$19, _templateObject2$P, _templateObject3$G;
9903
+ var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__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);
9704
9904
  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"])));
9705
9905
  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);
9706
9906
 
@@ -9764,8 +9964,8 @@ var StatusBanner = function StatusBanner(_ref) {
9764
9964
  })))));
9765
9965
  };
9766
9966
 
9767
- var _templateObject$19;
9768
- var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
9967
+ var _templateObject$1a;
9968
+ var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
9769
9969
 
9770
9970
  var SectionTitle = function SectionTitle(_ref) {
9771
9971
  var title = _ref.title,
@@ -9793,8 +9993,8 @@ var SectionTitle = function SectionTitle(_ref) {
9793
9993
  }, description))));
9794
9994
  };
9795
9995
 
9796
- var _templateObject$1a, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
9797
- 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) {
9996
+ var _templateObject$1b, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
9997
+ var stateStyles = /*#__PURE__*/styled.css(_templateObject$1b || (_templateObject$1b = /*#__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) {
9798
9998
  var theme = _ref.theme;
9799
9999
  return "3px solid " + theme.colors.lapisLazuli;
9800
10000
  }, function (_ref2) {
@@ -10216,8 +10416,8 @@ function Select(_ref3) {
10216
10416
  }))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
10217
10417
  }
10218
10418
 
10219
- var _templateObject$1b, _templateObject2$R, _templateObject3$I, _templateObject4$y;
10220
- var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
10419
+ var _templateObject$1c, _templateObject2$R, _templateObject3$I, _templateObject4$y;
10420
+ var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
10221
10421
  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) {
10222
10422
  var width = _ref.width;
10223
10423
  if (!width) return 'none';
@@ -10246,6 +10446,7 @@ var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_temp
10246
10446
  return "var(--base-color-errorstate)";
10247
10447
  });
10248
10448
 
10449
+ var _excluded$o = ["label", "error", "width", "darkMode", "isSearchable", "components"];
10249
10450
  var DropdownIndicator = function DropdownIndicator(props) {
10250
10451
  return /*#__PURE__*/React__default.createElement(Select$1.components.DropdownIndicator, Object.assign({}, props), /*#__PURE__*/React__default.createElement(Icon, {
10251
10452
  iconName: "DropdownArrow"
@@ -10297,7 +10498,7 @@ var SelectComponent = function SelectComponent(_ref2) {
10297
10498
  _ref2$isSearchable = _ref2.isSearchable,
10298
10499
  isSearchable = _ref2$isSearchable === void 0 ? false : _ref2$isSearchable,
10299
10500
  components = _ref2.components,
10300
- selectProps = _objectWithoutPropertiesLoose(_ref2, ["label", "error", "width", "darkMode", "isSearchable", "components"]);
10501
+ selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$o);
10301
10502
 
10302
10503
  return /*#__PURE__*/React__default.createElement(WrapperComponent, {
10303
10504
  label: label,
@@ -10316,6 +10517,7 @@ var SelectComponent = function SelectComponent(_ref2) {
10316
10517
  })));
10317
10518
  };
10318
10519
 
10520
+ var _excluded$p = ["label", "error", "width", "darkMode", "components"];
10319
10521
  /**
10320
10522
  * The Select2Async component is similar to Select 2, but uses react-select async
10321
10523
  * component for select instead of regular react-select component. This can be used
@@ -10338,7 +10540,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
10338
10540
  _ref$darkMode = _ref.darkMode,
10339
10541
  darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
10340
10542
  components = _ref.components,
10341
- selectProps = _objectWithoutPropertiesLoose(_ref, ["label", "error", "width", "darkMode", "components"]);
10543
+ selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
10342
10544
 
10343
10545
  return /*#__PURE__*/React__default.createElement(WrapperComponent, {
10344
10546
  label: label,
@@ -10356,8 +10558,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
10356
10558
  })));
10357
10559
  };
10358
10560
 
10359
- var _templateObject$1c;
10360
- var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
10561
+ var _templateObject$1d;
10562
+ var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
10361
10563
  var theme = _ref.theme;
10362
10564
  return theme.colors.primary;
10363
10565
  });
@@ -10385,8 +10587,8 @@ var TextOnly = function TextOnly(_ref) {
10385
10587
  })));
10386
10588
  };
10387
10589
 
10388
- var _templateObject$1d, _templateObject2$S;
10389
- var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
10590
+ var _templateObject$1e, _templateObject2$S;
10591
+ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
10390
10592
  var _ref$aspectRatio = _ref.aspectRatio,
10391
10593
  aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
10392
10594
  return aspectRatio;
@@ -10434,8 +10636,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
10434
10636
  }, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
10435
10637
  };
10436
10638
 
10437
- var _templateObject$1e, _templateObject2$T, _templateObject3$J;
10438
- var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
10639
+ var _templateObject$1f, _templateObject2$T, _templateObject3$J;
10640
+ var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
10439
10641
  var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
10440
10642
  var displayAttribution = _ref.displayAttribution;
10441
10643
  return "display: " + (displayAttribution ? 'block' : 'none') + ";";
@@ -10464,8 +10666,8 @@ var Quote = function Quote(_ref) {
10464
10666
  }, attribution))));
10465
10667
  };
10466
10668
 
10467
- var _templateObject$1f, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$s, _templateObject6$m;
10468
- 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"])));
10669
+ var _templateObject$1g, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$s, _templateObject6$m;
10670
+ var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__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"])));
10469
10671
  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"])));
10470
10672
  var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
10471
10673
  var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
@@ -10508,8 +10710,8 @@ var MiniCard = function MiniCard(_ref) {
10508
10710
  }, title)))));
10509
10711
  };
10510
10712
 
10511
- var _templateObject$1g, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$t;
10512
- 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"])));
10713
+ var _templateObject$1h, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$t;
10714
+ var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__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"])));
10513
10715
  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"])));
10514
10716
  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) {
10515
10717
  var isVisible = _ref.isVisible;
@@ -10606,15 +10808,113 @@ var ReadMore = function ReadMore(_ref) {
10606
10808
  }, isFullTextOpen ? "" + hideText : "" + showMoreText)));
10607
10809
  };
10608
10810
 
10609
- var _templateObject$1h, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$u;
10610
- var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10611
- 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);
10612
- 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);
10613
- 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) {
10811
+ var _templateObject$1i, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$u, _templateObject6$n;
10812
+ var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10813
+ var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10814
+ var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10815
+ var color = _ref.color;
10816
+ return "var(--base-color-" + color + ")";
10817
+ });
10818
+ 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"])));
10819
+ var Text = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
10820
+ var color = _ref2.color;
10821
+ return "var(--base-color-" + color + ")";
10822
+ });
10823
+ 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) {
10824
+ var color = _ref3.color;
10825
+ return "var(--base-color-" + color + ")";
10826
+ });
10827
+
10828
+ /**
10829
+ * Password strength indicator component.
10830
+ * This renders some number of lines (6 by default)
10831
+ * which should become active when the user improves
10832
+ * the strength of the entered password.
10833
+ *
10834
+ * ## Sections
10835
+ * To set number of sections it should be passed
10836
+ * as `sections` prop.
10837
+ *
10838
+ * ## Active section
10839
+ * To set number of active sections it should be passed
10840
+ * as `activeSections` prop.
10841
+ *
10842
+ * ## Colors
10843
+ * Color of every element can be controlled by properties:
10844
+ * `sectionsColor`, `activeSectionsColor`,
10845
+ * `textColor`, `strengthLabelColor`.
10846
+ *
10847
+ * ## Text
10848
+ * `text` prop is used to render some message.
10849
+ * For example error (together with proper red color)
10850
+ * or some password requirement. It can be empty.
10851
+ *
10852
+ * ## Strength label
10853
+ * `strengthLabel` prop is used to render strength characteristic
10854
+ * of entered password. For example: `weak`, `normal`, `strong`, etc.
10855
+ * It can be empty.
10856
+ */
10857
+
10858
+ var PasswordStrength = function PasswordStrength(_ref) {
10859
+ var _ref$sections = _ref.sections,
10860
+ sections = _ref$sections === void 0 ? 6 : _ref$sections,
10861
+ _ref$activeSections = _ref.activeSections,
10862
+ activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
10863
+ _ref$sectionsColor = _ref.sectionsColor,
10864
+ sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
10865
+ _ref$activeSectionsCo = _ref.activeSectionsColor,
10866
+ activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
10867
+ _ref$text = _ref.text,
10868
+ text = _ref$text === void 0 ? '' : _ref$text,
10869
+ _ref$textColor = _ref.textColor,
10870
+ textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
10871
+ _ref$strengthLabel = _ref.strengthLabel,
10872
+ strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
10873
+ _ref$strengthLabelCol = _ref.strengthLabelColor,
10874
+ strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
10875
+
10876
+ var setSectionColor = function setSectionColor(index) {
10877
+ return index < activeSections ? activeSectionsColor : sectionsColor;
10878
+ };
10879
+
10880
+ var setSectionDataTestId = function setSectionDataTestId(index) {
10881
+ return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
10882
+ };
10883
+
10884
+ return /*#__PURE__*/React__default.createElement(Container$5, {
10885
+ "data-testid": "password-strength-container"
10886
+ }, /*#__PURE__*/React__default.createElement(Sections, {
10887
+ "data-testid": "password-strength-sections"
10888
+ }, Array.from({
10889
+ length: sections
10890
+ }, function (_section, i) {
10891
+ return /*#__PURE__*/React__default.createElement(Section, {
10892
+ key: i,
10893
+ color: setSectionColor(i),
10894
+ "data-testid": setSectionDataTestId(i)
10895
+ });
10896
+ })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
10897
+ color: textColor,
10898
+ "data-testid": "password-strength-text"
10899
+ }, /*#__PURE__*/React__default.createElement(AltHeader, {
10900
+ level: 6
10901
+ }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
10902
+ color: strengthLabelColor,
10903
+ "data-testid": "password-strength-label"
10904
+ }, /*#__PURE__*/React__default.createElement(Overline, {
10905
+ level: 2
10906
+ }, strengthLabel))));
10907
+ };
10908
+
10909
+ var _templateObject$1j, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$v;
10910
+ var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10911
+ 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);
10912
+ var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 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);
10913
+ 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) {
10614
10914
  var isActive = _ref.isActive;
10615
10915
  return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
10616
10916
  }, exports.Colors.MidGrey);
10617
- 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) {
10917
+ 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) {
10618
10918
  var isOpen = _ref2.isOpen;
10619
10919
  return isOpen ? 'block' : 'none';
10620
10920
  }, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
@@ -10784,106 +11084,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
10784
11084
  });
10785
11085
  };
10786
11086
 
10787
- var _templateObject$1i, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$v, _templateObject6$n;
10788
- var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10789
- var Sections = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10790
- var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10791
- var color = _ref.color;
10792
- return "var(--base-color-" + color + ")";
10793
- });
10794
- 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"])));
10795
- var Text = /*#__PURE__*/styled__default.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
10796
- var color = _ref2.color;
10797
- return "var(--base-color-" + color + ")";
10798
- });
10799
- 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) {
10800
- var color = _ref3.color;
10801
- return "var(--base-color-" + color + ")";
10802
- });
10803
-
10804
- /**
10805
- * Password strength indicator component.
10806
- * This renders some number of lines (6 by default)
10807
- * which should become active when the user improves
10808
- * the strength of the entered password.
10809
- *
10810
- * ## Sections
10811
- * To set number of sections it should be passed
10812
- * as `sections` prop.
10813
- *
10814
- * ## Active section
10815
- * To set number of active sections it should be passed
10816
- * as `activeSections` prop.
10817
- *
10818
- * ## Colors
10819
- * Color of every element can be controlled by properties:
10820
- * `sectionsColor`, `activeSectionsColor`,
10821
- * `textColor`, `strengthLabelColor`.
10822
- *
10823
- * ## Text
10824
- * `text` prop is used to render some message.
10825
- * For example error (together with proper red color)
10826
- * or some password requirement. It can be empty.
10827
- *
10828
- * ## Strength label
10829
- * `strengthLabel` prop is used to render strength characteristic
10830
- * of entered password. For example: `weak`, `normal`, `strong`, etc.
10831
- * It can be empty.
10832
- */
10833
-
10834
- var PasswordStrength = function PasswordStrength(_ref) {
10835
- var _ref$sections = _ref.sections,
10836
- sections = _ref$sections === void 0 ? 6 : _ref$sections,
10837
- _ref$activeSections = _ref.activeSections,
10838
- activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
10839
- _ref$sectionsColor = _ref.sectionsColor,
10840
- sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
10841
- _ref$activeSectionsCo = _ref.activeSectionsColor,
10842
- activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
10843
- _ref$text = _ref.text,
10844
- text = _ref$text === void 0 ? '' : _ref$text,
10845
- _ref$textColor = _ref.textColor,
10846
- textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
10847
- _ref$strengthLabel = _ref.strengthLabel,
10848
- strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
10849
- _ref$strengthLabelCol = _ref.strengthLabelColor,
10850
- strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
10851
-
10852
- var setSectionColor = function setSectionColor(index) {
10853
- return index < activeSections ? activeSectionsColor : sectionsColor;
10854
- };
10855
-
10856
- var setSectionDataTestId = function setSectionDataTestId(index) {
10857
- return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
10858
- };
10859
-
10860
- return /*#__PURE__*/React__default.createElement(Container$5, {
10861
- "data-testid": "password-strength-container"
10862
- }, /*#__PURE__*/React__default.createElement(Sections, {
10863
- "data-testid": "password-strength-sections"
10864
- }, Array.from({
10865
- length: sections
10866
- }, function (_section, i) {
10867
- return /*#__PURE__*/React__default.createElement(Section, {
10868
- key: i,
10869
- color: setSectionColor(i),
10870
- "data-testid": setSectionDataTestId(i)
10871
- });
10872
- })), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
10873
- color: textColor,
10874
- "data-testid": "password-strength-text"
10875
- }, /*#__PURE__*/React__default.createElement(AltHeader, {
10876
- level: 6
10877
- }, text)), /*#__PURE__*/React__default.createElement(LabelText, {
10878
- color: strengthLabelColor,
10879
- "data-testid": "password-strength-label"
10880
- }, /*#__PURE__*/React__default.createElement(Overline, {
10881
- level: 2
10882
- }, strengthLabel))));
10883
- };
10884
-
10885
- var _templateObject$1j, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
10886
- var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
11087
+ var _templateObject$1k, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
11088
+ var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
10887
11089
  var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
10888
11090
  var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
10889
11091
  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) {
@@ -10903,7 +11105,7 @@ var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$g || (_t
10903
11105
  });
10904
11106
  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"])));
10905
11107
  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"])));
10906
- 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"])));
11108
+ 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"])));
10907
11109
 
10908
11110
  var Content = function Content(_ref) {
10909
11111
  var content = _ref.content;
@@ -10989,7 +11191,7 @@ var Table = function Table(_ref) {
10989
11191
  return window.removeEventListener('resize', horizontalScroll);
10990
11192
  };
10991
11193
  }, []);
10992
- var totalRows = Array.isArray(children) ? children.length + 1 : 1;
11194
+ var totalRows = Array.isArray(children) ? children.length : 1;
10993
11195
  var totalPages = pagination ? Math.ceil(totalRows / rowsPerPage) : 1;
10994
11196
  var pageNumbers = Array.from({
10995
11197
  length: totalPages
@@ -11166,8 +11368,8 @@ var LiveChat = function LiveChat() {
11166
11368
  });
11167
11369
  };
11168
11370
 
11169
- var _templateObject$1k, _templateObject2$Z;
11170
- var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
11371
+ var _templateObject$1l, _templateObject2$Z;
11372
+ var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
11171
11373
  var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
11172
11374
  var hideBottomBorder = _ref.hideBottomBorder;
11173
11375
  return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
@@ -11196,12 +11398,13 @@ var StickyBar = function StickyBar(_ref) {
11196
11398
  }, children)));
11197
11399
  };
11198
11400
 
11199
- var _templateObject$1l, _templateObject2$_, _templateObject3$P, _templateObject4$E;
11200
- var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__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);
11401
+ var _templateObject$1m, _templateObject2$_, _templateObject3$P, _templateObject4$E;
11402
+ var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1m || (_templateObject$1m = /*#__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);
11201
11403
  var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$_ || (_templateObject2$_ = /*#__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);
11202
11404
  var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11203
11405
  var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$E || (_templateObject4$E = /*#__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"])));
11204
11406
 
11407
+ var _excluded$q = ["isOpen", "setIsOpen", "children", "appElementId"];
11205
11408
  var MAX_Z_INDEX = 9999999999;
11206
11409
 
11207
11410
  if (Modal.defaultStyles.content) {
@@ -11278,7 +11481,7 @@ var ModalWindow = function ModalWindow(_ref) {
11278
11481
  setIsOpen = _ref.setIsOpen,
11279
11482
  children = _ref.children,
11280
11483
  appElementId = _ref.appElementId,
11281
- modalProps = _objectWithoutPropertiesLoose(_ref, ["isOpen", "setIsOpen", "children", "appElementId"]);
11484
+ modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$q);
11282
11485
 
11283
11486
  var isMobile = useMobile();
11284
11487
  var customStyles = {
@@ -11320,8 +11523,8 @@ var ModalWindow = function ModalWindow(_ref) {
11320
11523
  })), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
11321
11524
  };
11322
11525
 
11323
- var _templateObject$1m, _templateObject2$$;
11324
- var FiltersWrapper = /*#__PURE__*/styled__default.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n column-gap: 24px;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n row-gap: 18px;\n }\n"])), devices.mobileAndTablet);
11526
+ var _templateObject$1n, _templateObject2$$;
11527
+ var FiltersWrapper = /*#__PURE__*/styled__default.div(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n column-gap: 24px;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n row-gap: 18px;\n }\n"])), devices.mobileAndTablet);
11325
11528
  var FilterItemsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n column-gap: 16px;\n row-gap: 12px;\n"])));
11326
11529
 
11327
11530
  /**
@@ -11385,8 +11588,8 @@ var FilterToggles = function FilterToggles(_ref) {
11385
11588
  })));
11386
11589
  };
11387
11590
 
11388
- var _templateObject$1n;
11389
- var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
11591
+ var _templateObject$1o;
11592
+ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
11390
11593
  var theme = _ref.theme;
11391
11594
  return theme.colors.primary;
11392
11595
  }, function (_ref2) {
@@ -12348,6 +12551,7 @@ exports.Footer = Footer;
12348
12551
  exports.GlobalStyles = GlobalStyles;
12349
12552
  exports.Grid = Grid;
12350
12553
  exports.GridItem = GridItem;
12554
+ exports.GridItemLegacy = GridItemLegacy;
12351
12555
  exports.Header = Header;
12352
12556
  exports.Icon = Icon;
12353
12557
  exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;