@royaloperahouse/chord 2.4.10 → 2.5.0-b-chord-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +213 -7
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +531 -274
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +529 -275
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.d.ts +5 -0
- package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.style.d.ts +3 -0
- package/dist/components/atoms/AriaAlternativeDescription/index.d.ts +2 -0
- package/dist/components/atoms/Grid/GridItemLegacy.d.ts +8 -0
- package/dist/components/atoms/Grid/index.d.ts +2 -1
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +75 -75
- package/dist/components/atoms/ToggleButton/ToggleButton.d.ts +29 -0
- package/dist/components/atoms/ToggleButton/ToggleButton.style.d.ts +5 -0
- package/dist/components/atoms/Typography/Typography.d.ts +2 -2
- package/dist/components/atoms/index.d.ts +3 -2
- package/dist/components/index.d.ts +3 -3
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
- package/dist/components/molecules/PeopleListing/PeopleListing.style.d.ts +1 -0
- package/dist/components/molecules/Table/Table.style.d.ts +1 -1
- package/dist/components/molecules/index.d.ts +1 -1
- package/dist/components/organisms/FilterToggles/FilterToggles.d.ts +26 -0
- package/dist/components/organisms/FilterToggles/FilterToggles.style.d.ts +2 -0
- package/dist/components/organisms/FilterToggles/index.d.ts +23 -0
- package/dist/components/organisms/index.d.ts +2 -1
- package/dist/index.d.ts +3 -2
- package/dist/types/ariaAlternative.d.ts +34 -0
- package/dist/types/formTypes.d.ts +12 -9
- package/dist/types/toggleButtonTypes.d.ts +26 -0
- package/dist/types/types.d.ts +4 -0
- package/dist/types/typography.d.ts +4 -0
- package/package.json +1 -1
- package/README.GIT +0 -277
package/dist/chord.esm.js
CHANGED
|
@@ -924,6 +924,7 @@ var Expand12px = (function (_ref) {
|
|
|
924
924
|
height: "12",
|
|
925
925
|
viewBox: "0 0 12 12",
|
|
926
926
|
fill: "none",
|
|
927
|
+
role: "img",
|
|
927
928
|
"aria-label": ariaLabel
|
|
928
929
|
}, /*#__PURE__*/createElement("path", {
|
|
929
930
|
d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
|
|
@@ -941,6 +942,7 @@ var Remove12px = (function (_ref) {
|
|
|
941
942
|
height: "12",
|
|
942
943
|
viewBox: "0 0 12 12",
|
|
943
944
|
fill: "none",
|
|
945
|
+
role: "img",
|
|
944
946
|
"aria-label": ariaLabel
|
|
945
947
|
}, /*#__PURE__*/createElement("g", null, /*#__PURE__*/createElement("path", {
|
|
946
948
|
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",
|
|
@@ -958,6 +960,7 @@ var Tick = (function (_ref) {
|
|
|
958
960
|
viewBox: "0 0 12 12",
|
|
959
961
|
fill: "none",
|
|
960
962
|
xmlns: "http://www.w3.org/2000/svg",
|
|
963
|
+
role: "img",
|
|
961
964
|
"aria-label": ariaLabel
|
|
962
965
|
}, /*#__PURE__*/createElement("path", {
|
|
963
966
|
d: "M4.09961 11.1999L1.09961 7.2999L1.89961 6.6999L4.09961 9.4999L10.0996 1.3999L10.8996 1.9999L4.09961 11.1999Z",
|
|
@@ -975,6 +978,7 @@ var AddToMyList = (function (_ref) {
|
|
|
975
978
|
viewBox: "0 0 24 24",
|
|
976
979
|
fill: "none",
|
|
977
980
|
xmlns: "http://www.w3.org/2000/svg",
|
|
981
|
+
role: "img",
|
|
978
982
|
"aria-label": ariaLabel
|
|
979
983
|
}, /*#__PURE__*/createElement("path", {
|
|
980
984
|
d: "M21 3H3V4H21V3Z",
|
|
@@ -1007,6 +1011,7 @@ var OnMyList = (function (_ref) {
|
|
|
1007
1011
|
viewBox: "0 0 24 24",
|
|
1008
1012
|
fill: "none",
|
|
1009
1013
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1014
|
+
role: "img",
|
|
1010
1015
|
"aria-label": ariaLabel
|
|
1011
1016
|
}, /*#__PURE__*/createElement("path", {
|
|
1012
1017
|
d: "M15.4996 20.2002L13.3996 17.7002L12.5996 18.3002L15.5996 21.8002L20.8996 13.8002L20.0996 13.2002L15.4996 20.2002Z",
|
|
@@ -1039,6 +1044,7 @@ var BookTickets = (function (_ref) {
|
|
|
1039
1044
|
viewBox: "0 0 24 24",
|
|
1040
1045
|
fill: "none",
|
|
1041
1046
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1047
|
+
role: "img",
|
|
1042
1048
|
"aria-label": ariaLabel
|
|
1043
1049
|
}, /*#__PURE__*/createElement("path", {
|
|
1044
1050
|
d: "M7 2H6V5H7V2Z",
|
|
@@ -1083,6 +1089,7 @@ var ChooseDates = (function (_ref) {
|
|
|
1083
1089
|
viewBox: "0 0 24 24",
|
|
1084
1090
|
fill: "none",
|
|
1085
1091
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1092
|
+
role: "img",
|
|
1086
1093
|
"aria-label": ariaLabel
|
|
1087
1094
|
}, /*#__PURE__*/createElement("path", {
|
|
1088
1095
|
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",
|
|
@@ -1100,6 +1107,7 @@ var EditMyList = (function (_ref) {
|
|
|
1100
1107
|
viewBox: "0 0 24 24",
|
|
1101
1108
|
fill: "none",
|
|
1102
1109
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1110
|
+
role: "img",
|
|
1103
1111
|
"aria-label": ariaLabel
|
|
1104
1112
|
}, /*#__PURE__*/createElement("path", {
|
|
1105
1113
|
d: "M21 3H3V4H21V3Z",
|
|
@@ -1132,6 +1140,7 @@ var Favourite = (function (_ref) {
|
|
|
1132
1140
|
viewBox: "0 0 24 24",
|
|
1133
1141
|
fill: "none",
|
|
1134
1142
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1143
|
+
role: "img",
|
|
1135
1144
|
"aria-label": ariaLabel
|
|
1136
1145
|
}, /*#__PURE__*/createElement("path", {
|
|
1137
1146
|
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",
|
|
@@ -1149,6 +1158,7 @@ var FavouriteFull = (function (_ref) {
|
|
|
1149
1158
|
viewBox: "0 0 24 24",
|
|
1150
1159
|
fill: "none",
|
|
1151
1160
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1161
|
+
role: "img",
|
|
1152
1162
|
"aria-label": ariaLabel
|
|
1153
1163
|
}, /*#__PURE__*/createElement("path", {
|
|
1154
1164
|
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",
|
|
@@ -1166,6 +1176,7 @@ var Filter = (function (_ref) {
|
|
|
1166
1176
|
viewBox: "0 0 24 24",
|
|
1167
1177
|
fill: "none",
|
|
1168
1178
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1179
|
+
role: "img",
|
|
1169
1180
|
"aria-label": ariaLabel
|
|
1170
1181
|
}, /*#__PURE__*/createElement("path", {
|
|
1171
1182
|
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",
|
|
@@ -1189,6 +1200,7 @@ var FindAScreening = (function (_ref) {
|
|
|
1189
1200
|
viewBox: "0 0 24 24",
|
|
1190
1201
|
fill: "none",
|
|
1191
1202
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1203
|
+
role: "img",
|
|
1192
1204
|
"aria-label": ariaLabel
|
|
1193
1205
|
}, /*#__PURE__*/createElement("path", {
|
|
1194
1206
|
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",
|
|
@@ -1221,6 +1233,7 @@ var Reminder = (function (_ref) {
|
|
|
1221
1233
|
viewBox: "0 0 24 24",
|
|
1222
1234
|
fill: "none",
|
|
1223
1235
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1236
|
+
role: "img",
|
|
1224
1237
|
"aria-label": ariaLabel
|
|
1225
1238
|
}, /*#__PURE__*/createElement("path", {
|
|
1226
1239
|
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",
|
|
@@ -1238,6 +1251,7 @@ var Subscribe = (function (_ref) {
|
|
|
1238
1251
|
viewBox: "0 0 24 24",
|
|
1239
1252
|
fill: "none",
|
|
1240
1253
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1254
|
+
role: "img",
|
|
1241
1255
|
"aria-label": ariaLabel
|
|
1242
1256
|
}, /*#__PURE__*/createElement("path", {
|
|
1243
1257
|
d: "M20 4V20H4V4H20ZM21 3H3V21H21V3Z",
|
|
@@ -1258,6 +1272,7 @@ var Watch = (function (_ref) {
|
|
|
1258
1272
|
viewBox: "0 0 24 24",
|
|
1259
1273
|
fill: "none",
|
|
1260
1274
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1275
|
+
role: "img",
|
|
1261
1276
|
"aria-label": ariaLabel
|
|
1262
1277
|
}, /*#__PURE__*/createElement("path", {
|
|
1263
1278
|
d: "M9 8L16 12L9 16V8Z",
|
|
@@ -1278,6 +1293,7 @@ var Arrow = (function (_ref) {
|
|
|
1278
1293
|
viewBox: "0 0 24 24",
|
|
1279
1294
|
fill: "none",
|
|
1280
1295
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1296
|
+
role: "img",
|
|
1281
1297
|
"aria-label": ariaLabel
|
|
1282
1298
|
}, /*#__PURE__*/createElement("path", {
|
|
1283
1299
|
d: "M3 12.6001H19L12.9 18.7001L13.6 19.4001L21 12.0001L13.6 4.6001L12.9 5.3001L19.2 11.6001H3V12.6001Z",
|
|
@@ -1295,6 +1311,7 @@ var CarouselArrow = (function (_ref) {
|
|
|
1295
1311
|
viewBox: "0 0 24 24",
|
|
1296
1312
|
fill: "none",
|
|
1297
1313
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1314
|
+
role: "img",
|
|
1298
1315
|
"aria-label": ariaLabel
|
|
1299
1316
|
}, /*#__PURE__*/createElement("path", {
|
|
1300
1317
|
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",
|
|
@@ -1312,6 +1329,7 @@ var DropdownArrow = (function (_ref) {
|
|
|
1312
1329
|
viewBox: "0 0 24 24",
|
|
1313
1330
|
fill: "none",
|
|
1314
1331
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1332
|
+
role: "img",
|
|
1315
1333
|
"aria-label": ariaLabel
|
|
1316
1334
|
}, /*#__PURE__*/createElement("path", {
|
|
1317
1335
|
d: "M19.3 8L12 14.7L4.7 8L4 8.7L12 16L20 8.7L19.3 8Z",
|
|
@@ -1329,6 +1347,7 @@ var Cinema = (function (_ref) {
|
|
|
1329
1347
|
viewBox: "0 0 24 24",
|
|
1330
1348
|
fill: "none",
|
|
1331
1349
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1350
|
+
role: "img",
|
|
1332
1351
|
"aria-label": ariaLabel
|
|
1333
1352
|
}, /*#__PURE__*/createElement("path", {
|
|
1334
1353
|
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",
|
|
@@ -1361,6 +1380,7 @@ var Clock = (function (_ref) {
|
|
|
1361
1380
|
viewBox: "0 0 24 24",
|
|
1362
1381
|
fill: "none",
|
|
1363
1382
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1383
|
+
role: "img",
|
|
1364
1384
|
"aria-label": ariaLabel
|
|
1365
1385
|
}, /*#__PURE__*/createElement("path", {
|
|
1366
1386
|
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",
|
|
@@ -1381,6 +1401,7 @@ var CreditCard = (function (_ref) {
|
|
|
1381
1401
|
viewBox: "0 0 24 24",
|
|
1382
1402
|
fill: "none",
|
|
1383
1403
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1404
|
+
role: "img",
|
|
1384
1405
|
"aria-label": ariaLabel
|
|
1385
1406
|
}, /*#__PURE__*/createElement("path", {
|
|
1386
1407
|
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",
|
|
@@ -1404,6 +1425,7 @@ var Email = (function (_ref) {
|
|
|
1404
1425
|
viewBox: "0 0 24 24",
|
|
1405
1426
|
fill: "none",
|
|
1406
1427
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1428
|
+
role: "img",
|
|
1407
1429
|
"aria-label": ariaLabel
|
|
1408
1430
|
}, /*#__PURE__*/createElement("path", {
|
|
1409
1431
|
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",
|
|
@@ -1421,6 +1443,7 @@ var Info = (function (_ref) {
|
|
|
1421
1443
|
viewBox: "0 0 24 24",
|
|
1422
1444
|
fill: "none",
|
|
1423
1445
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1446
|
+
role: "img",
|
|
1424
1447
|
"aria-label": ariaLabel
|
|
1425
1448
|
}, /*#__PURE__*/createElement("path", {
|
|
1426
1449
|
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",
|
|
@@ -1444,6 +1467,7 @@ var List = (function (_ref) {
|
|
|
1444
1467
|
viewBox: "0 0 24 24",
|
|
1445
1468
|
fill: "none",
|
|
1446
1469
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1470
|
+
role: "img",
|
|
1447
1471
|
"aria-label": ariaLabel
|
|
1448
1472
|
}, /*#__PURE__*/createElement("path", {
|
|
1449
1473
|
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",
|
|
@@ -1476,6 +1500,7 @@ var Location = (function (_ref) {
|
|
|
1476
1500
|
viewBox: "0 0 24 24",
|
|
1477
1501
|
fill: "none",
|
|
1478
1502
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1503
|
+
role: "img",
|
|
1479
1504
|
"aria-label": ariaLabel
|
|
1480
1505
|
}, /*#__PURE__*/createElement("path", {
|
|
1481
1506
|
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",
|
|
@@ -1496,6 +1521,7 @@ var PDF = (function (_ref) {
|
|
|
1496
1521
|
viewBox: "0 0 24 24",
|
|
1497
1522
|
fill: "none",
|
|
1498
1523
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1524
|
+
role: "img",
|
|
1499
1525
|
"aria-label": ariaLabel
|
|
1500
1526
|
}, /*#__PURE__*/createElement("path", {
|
|
1501
1527
|
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",
|
|
@@ -1522,6 +1548,7 @@ var Phone = (function (_ref) {
|
|
|
1522
1548
|
viewBox: "0 0 24 24",
|
|
1523
1549
|
fill: "none",
|
|
1524
1550
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1551
|
+
role: "img",
|
|
1525
1552
|
"aria-label": ariaLabel
|
|
1526
1553
|
}, /*#__PURE__*/createElement("path", {
|
|
1527
1554
|
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",
|
|
@@ -1539,6 +1566,7 @@ var Print = (function (_ref) {
|
|
|
1539
1566
|
viewBox: "0 0 24 24",
|
|
1540
1567
|
fill: "none",
|
|
1541
1568
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1569
|
+
role: "img",
|
|
1542
1570
|
"aria-label": ariaLabel
|
|
1543
1571
|
}, /*#__PURE__*/createElement("path", {
|
|
1544
1572
|
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",
|
|
@@ -1556,6 +1584,7 @@ var Seat = (function (_ref) {
|
|
|
1556
1584
|
viewBox: "0 0 24 24",
|
|
1557
1585
|
fill: "none",
|
|
1558
1586
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1587
|
+
role: "img",
|
|
1559
1588
|
"aria-label": ariaLabel
|
|
1560
1589
|
}, /*#__PURE__*/createElement("path", {
|
|
1561
1590
|
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",
|
|
@@ -1576,6 +1605,7 @@ var Secure = (function (_ref) {
|
|
|
1576
1605
|
viewBox: "0 0 24 24",
|
|
1577
1606
|
fill: "none",
|
|
1578
1607
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1608
|
+
role: "img",
|
|
1579
1609
|
"aria-label": ariaLabel
|
|
1580
1610
|
}, /*#__PURE__*/createElement("path", {
|
|
1581
1611
|
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",
|
|
@@ -1596,6 +1626,7 @@ var Standing = (function (_ref) {
|
|
|
1596
1626
|
viewBox: "0 0 24 24",
|
|
1597
1627
|
fill: "none",
|
|
1598
1628
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1629
|
+
role: "img",
|
|
1599
1630
|
"aria-label": ariaLabel
|
|
1600
1631
|
}, /*#__PURE__*/createElement("path", {
|
|
1601
1632
|
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",
|
|
@@ -1613,6 +1644,7 @@ var Tickets = (function (_ref) {
|
|
|
1613
1644
|
viewBox: "0 0 24 24",
|
|
1614
1645
|
fill: "none",
|
|
1615
1646
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1647
|
+
role: "img",
|
|
1616
1648
|
"aria-label": ariaLabel
|
|
1617
1649
|
}, /*#__PURE__*/createElement("path", {
|
|
1618
1650
|
d: "M12 14H11V16H12V14Z",
|
|
@@ -1636,6 +1668,7 @@ var Wheelchair = (function (_ref) {
|
|
|
1636
1668
|
viewBox: "0 0 24 24",
|
|
1637
1669
|
fill: "none",
|
|
1638
1670
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1671
|
+
role: "img",
|
|
1639
1672
|
"aria-label": ariaLabel
|
|
1640
1673
|
}, /*#__PURE__*/createElement("path", {
|
|
1641
1674
|
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",
|
|
@@ -1653,6 +1686,7 @@ var BalletAndDance = (function (_ref) {
|
|
|
1653
1686
|
viewBox: "0 0 24 24",
|
|
1654
1687
|
fill: "none",
|
|
1655
1688
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1689
|
+
role: "img",
|
|
1656
1690
|
"aria-label": ariaLabel
|
|
1657
1691
|
}, /*#__PURE__*/createElement("path", {
|
|
1658
1692
|
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",
|
|
@@ -1670,6 +1704,7 @@ var Basket = (function (_ref) {
|
|
|
1670
1704
|
viewBox: "0 0 24 24",
|
|
1671
1705
|
fill: "none",
|
|
1672
1706
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1707
|
+
role: "img",
|
|
1673
1708
|
"aria-label": ariaLabel
|
|
1674
1709
|
}, /*#__PURE__*/createElement("path", {
|
|
1675
1710
|
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",
|
|
@@ -1687,6 +1722,7 @@ var BasketFull = (function (_ref) {
|
|
|
1687
1722
|
viewBox: "0 0 24 24",
|
|
1688
1723
|
fill: "none",
|
|
1689
1724
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1725
|
+
role: "img",
|
|
1690
1726
|
"aria-label": ariaLabel
|
|
1691
1727
|
}, /*#__PURE__*/createElement("path", {
|
|
1692
1728
|
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",
|
|
@@ -1704,6 +1740,7 @@ var Home = (function (_ref) {
|
|
|
1704
1740
|
viewBox: "0 0 24 24",
|
|
1705
1741
|
fill: "none",
|
|
1706
1742
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1743
|
+
role: "img",
|
|
1707
1744
|
"aria-label": ariaLabel
|
|
1708
1745
|
}, /*#__PURE__*/createElement("path", {
|
|
1709
1746
|
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",
|
|
@@ -1721,6 +1758,7 @@ var LiveStream = (function (_ref) {
|
|
|
1721
1758
|
viewBox: "0 0 24 24",
|
|
1722
1759
|
fill: "none",
|
|
1723
1760
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1761
|
+
role: "img",
|
|
1724
1762
|
"aria-label": ariaLabel
|
|
1725
1763
|
}, /*#__PURE__*/createElement("path", {
|
|
1726
1764
|
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",
|
|
@@ -1750,6 +1788,7 @@ var Menu = (function (_ref) {
|
|
|
1750
1788
|
viewBox: "0 0 24 24",
|
|
1751
1789
|
fill: "none",
|
|
1752
1790
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1791
|
+
role: "img",
|
|
1753
1792
|
"aria-label": ariaLabel
|
|
1754
1793
|
}, /*#__PURE__*/createElement("path", {
|
|
1755
1794
|
d: "M22 5H2V6H22V5Z",
|
|
@@ -1773,6 +1812,7 @@ var OperaAndMusic = (function (_ref) {
|
|
|
1773
1812
|
viewBox: "0 0 24 24",
|
|
1774
1813
|
fill: "none",
|
|
1775
1814
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1815
|
+
role: "img",
|
|
1776
1816
|
"aria-label": ariaLabel
|
|
1777
1817
|
}, /*#__PURE__*/createElement("path", {
|
|
1778
1818
|
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",
|
|
@@ -1808,6 +1848,7 @@ var Search = (function (_ref) {
|
|
|
1808
1848
|
viewBox: "0 0 24 24",
|
|
1809
1849
|
fill: "none",
|
|
1810
1850
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1851
|
+
role: "img",
|
|
1811
1852
|
"aria-label": ariaLabel
|
|
1812
1853
|
}, /*#__PURE__*/createElement("path", {
|
|
1813
1854
|
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",
|
|
@@ -1825,6 +1866,7 @@ var Settings = (function (_ref) {
|
|
|
1825
1866
|
viewBox: "0 0 24 24",
|
|
1826
1867
|
fill: "none",
|
|
1827
1868
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1869
|
+
role: "img",
|
|
1828
1870
|
"aria-label": ariaLabel
|
|
1829
1871
|
}, /*#__PURE__*/createElement("path", {
|
|
1830
1872
|
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",
|
|
@@ -1845,6 +1887,7 @@ var User = (function (_ref) {
|
|
|
1845
1887
|
viewBox: "0 0 24 24",
|
|
1846
1888
|
fill: "none",
|
|
1847
1889
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1890
|
+
role: "img",
|
|
1848
1891
|
"aria-label": ariaLabel
|
|
1849
1892
|
}, /*#__PURE__*/createElement("path", {
|
|
1850
1893
|
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",
|
|
@@ -1865,6 +1908,7 @@ var UserSignedIn = (function (_ref) {
|
|
|
1865
1908
|
viewBox: "0 0 24 24",
|
|
1866
1909
|
fill: "none",
|
|
1867
1910
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1911
|
+
role: "img",
|
|
1868
1912
|
"aria-label": ariaLabel
|
|
1869
1913
|
}, /*#__PURE__*/createElement("path", {
|
|
1870
1914
|
d: "M22 21H2C2.4 17.7 2 11 12 11C22 11 21.6 17.7 22 21Z",
|
|
@@ -1885,6 +1929,7 @@ var Facebook = (function (_ref) {
|
|
|
1885
1929
|
viewBox: "0 0 24 24",
|
|
1886
1930
|
fill: "none",
|
|
1887
1931
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1932
|
+
role: "img",
|
|
1888
1933
|
"aria-label": ariaLabel
|
|
1889
1934
|
}, /*#__PURE__*/createElement("path", {
|
|
1890
1935
|
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",
|
|
@@ -1902,6 +1947,7 @@ var Instagram = (function (_ref) {
|
|
|
1902
1947
|
viewBox: "0 0 24 24",
|
|
1903
1948
|
fill: "none",
|
|
1904
1949
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1950
|
+
role: "img",
|
|
1905
1951
|
"aria-label": ariaLabel
|
|
1906
1952
|
}, /*#__PURE__*/createElement("path", {
|
|
1907
1953
|
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",
|
|
@@ -1925,6 +1971,7 @@ var Tiktok = (function (_ref) {
|
|
|
1925
1971
|
viewBox: "0 0 24 24",
|
|
1926
1972
|
fill: "none",
|
|
1927
1973
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1974
|
+
role: "img",
|
|
1928
1975
|
"aria-label": ariaLabel
|
|
1929
1976
|
}, /*#__PURE__*/createElement("path", {
|
|
1930
1977
|
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",
|
|
@@ -1942,6 +1989,7 @@ var Twitter = (function (_ref) {
|
|
|
1942
1989
|
viewBox: "0 0 24 24",
|
|
1943
1990
|
fill: "none",
|
|
1944
1991
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1992
|
+
role: "img",
|
|
1945
1993
|
"aria-label": ariaLabel
|
|
1946
1994
|
}, /*#__PURE__*/createElement("path", {
|
|
1947
1995
|
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",
|
|
@@ -1959,6 +2007,7 @@ var X = (function (_ref) {
|
|
|
1959
2007
|
viewBox: "0 0 24 24",
|
|
1960
2008
|
fill: "none",
|
|
1961
2009
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2010
|
+
role: "img",
|
|
1962
2011
|
"aria-label": ariaLabel
|
|
1963
2012
|
}, /*#__PURE__*/createElement("path", {
|
|
1964
2013
|
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",
|
|
@@ -1976,6 +2025,7 @@ var Youtube = (function (_ref) {
|
|
|
1976
2025
|
viewBox: "0 0 24 24",
|
|
1977
2026
|
fill: "none",
|
|
1978
2027
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2028
|
+
role: "img",
|
|
1979
2029
|
"aria-label": ariaLabel
|
|
1980
2030
|
}, /*#__PURE__*/createElement("path", {
|
|
1981
2031
|
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",
|
|
@@ -1993,6 +2043,7 @@ var Delete = (function (_ref) {
|
|
|
1993
2043
|
viewBox: "0 0 24 24",
|
|
1994
2044
|
fill: "none",
|
|
1995
2045
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2046
|
+
role: "img",
|
|
1996
2047
|
"aria-label": ariaLabel
|
|
1997
2048
|
}, /*#__PURE__*/createElement("path", {
|
|
1998
2049
|
d: "M11 4L2 12L11 20H22V4H11ZM21 19H11.4L3.5 12L11.4 5H21V19Z",
|
|
@@ -2012,11 +2063,12 @@ var Shift = (function (_ref) {
|
|
|
2012
2063
|
height: "100%",
|
|
2013
2064
|
viewBox: "0 0 24 24",
|
|
2014
2065
|
fill: "none",
|
|
2015
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
2066
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2067
|
+
role: "img",
|
|
2068
|
+
"aria-label": ariaLabel
|
|
2016
2069
|
}, /*#__PURE__*/createElement("path", {
|
|
2017
2070
|
d: "M12 3L3 12H8V21H16V12H21L12 3ZM15 11V12V20H9V12V11H8H5.4L12 4.4L18.6 11H16H15Z",
|
|
2018
|
-
fill: color
|
|
2019
|
-
"aria-label": ariaLabel
|
|
2071
|
+
fill: color
|
|
2020
2072
|
}));
|
|
2021
2073
|
});
|
|
2022
2074
|
|
|
@@ -2030,6 +2082,7 @@ var Space = (function (_ref) {
|
|
|
2030
2082
|
viewBox: "0 0 24 24",
|
|
2031
2083
|
fill: "none",
|
|
2032
2084
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2085
|
+
role: "img",
|
|
2033
2086
|
"aria-label": ariaLabel
|
|
2034
2087
|
}, /*#__PURE__*/createElement("path", {
|
|
2035
2088
|
d: "M21 16V19H3V16H2V19V20H3H21H22V19V16H21Z",
|
|
@@ -2047,6 +2100,7 @@ var Close = (function (_ref) {
|
|
|
2047
2100
|
viewBox: "0 0 24 24",
|
|
2048
2101
|
fill: "none",
|
|
2049
2102
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2103
|
+
role: "img",
|
|
2050
2104
|
"aria-label": ariaLabel
|
|
2051
2105
|
}, /*#__PURE__*/createElement("path", {
|
|
2052
2106
|
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",
|
|
@@ -2064,6 +2118,7 @@ var Confirm = (function (_ref) {
|
|
|
2064
2118
|
viewBox: "0 0 24 24",
|
|
2065
2119
|
fill: "none",
|
|
2066
2120
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2121
|
+
role: "img",
|
|
2067
2122
|
"aria-label": ariaLabel
|
|
2068
2123
|
}, /*#__PURE__*/createElement("path", {
|
|
2069
2124
|
d: "M9.09961 21L3 12.5L3.8 11.9L9.09961 19.3L21.1996 3L21.9996 3.6L9.09961 21Z",
|
|
@@ -2081,6 +2136,7 @@ var Detract = (function (_ref) {
|
|
|
2081
2136
|
viewBox: "0 0 24 24",
|
|
2082
2137
|
fill: "none",
|
|
2083
2138
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2139
|
+
role: "img",
|
|
2084
2140
|
"aria-label": ariaLabel
|
|
2085
2141
|
}, /*#__PURE__*/createElement("path", {
|
|
2086
2142
|
d: "M21 11.5H3V12.5H21V11.5Z",
|
|
@@ -2098,6 +2154,7 @@ var Expand = (function (_ref) {
|
|
|
2098
2154
|
viewBox: "0 0 24 24",
|
|
2099
2155
|
fill: "none",
|
|
2100
2156
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2157
|
+
role: "img",
|
|
2101
2158
|
"aria-label": ariaLabel
|
|
2102
2159
|
}, /*#__PURE__*/createElement("path", {
|
|
2103
2160
|
d: "M12.5 11.5V3H11.5V11.5H3V12.5H11.5V21H12.5V12.5H21V11.5H12.5Z",
|
|
@@ -2115,6 +2172,7 @@ var ExternalLink = (function (_ref) {
|
|
|
2115
2172
|
viewBox: "0 0 24 24",
|
|
2116
2173
|
fill: "none",
|
|
2117
2174
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2175
|
+
role: "img",
|
|
2118
2176
|
"aria-label": ariaLabel
|
|
2119
2177
|
}, /*#__PURE__*/createElement("path", {
|
|
2120
2178
|
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",
|
|
@@ -2135,6 +2193,7 @@ var GridView = (function (_ref) {
|
|
|
2135
2193
|
viewBox: "0 0 24 24",
|
|
2136
2194
|
fill: "none",
|
|
2137
2195
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2196
|
+
role: "img",
|
|
2138
2197
|
"aria-label": ariaLabel
|
|
2139
2198
|
}, /*#__PURE__*/createElement("path", {
|
|
2140
2199
|
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",
|
|
@@ -2152,6 +2211,7 @@ var ListView = (function (_ref) {
|
|
|
2152
2211
|
viewBox: "0 0 24 24",
|
|
2153
2212
|
fill: "none",
|
|
2154
2213
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2214
|
+
role: "img",
|
|
2155
2215
|
"aria-label": ariaLabel
|
|
2156
2216
|
}, /*#__PURE__*/createElement("path", {
|
|
2157
2217
|
d: "M3 3V7H21V3H3ZM20 6H4V4H20V6Z",
|
|
@@ -2175,6 +2235,7 @@ var Refresh = (function (_ref) {
|
|
|
2175
2235
|
viewBox: "0 0 24 24",
|
|
2176
2236
|
fill: "none",
|
|
2177
2237
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2238
|
+
role: "img",
|
|
2178
2239
|
"aria-label": ariaLabel
|
|
2179
2240
|
}, /*#__PURE__*/createElement("path", {
|
|
2180
2241
|
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",
|
|
@@ -2195,6 +2256,7 @@ var Remove = (function (_ref) {
|
|
|
2195
2256
|
viewBox: "0 0 12 12",
|
|
2196
2257
|
fill: "none",
|
|
2197
2258
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2259
|
+
role: "img",
|
|
2198
2260
|
"aria-label": ariaLabel
|
|
2199
2261
|
}, /*#__PURE__*/createElement("path", {
|
|
2200
2262
|
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",
|
|
@@ -2212,6 +2274,7 @@ var Star = (function (_ref) {
|
|
|
2212
2274
|
viewBox: "0 0 48 46",
|
|
2213
2275
|
fill: "none",
|
|
2214
2276
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2277
|
+
role: "img",
|
|
2215
2278
|
"aria-label": ariaLabel
|
|
2216
2279
|
}, /*#__PURE__*/createElement("path", {
|
|
2217
2280
|
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",
|
|
@@ -2229,6 +2292,7 @@ var AudioDescription = (function (_ref) {
|
|
|
2229
2292
|
viewBox: "0 0 24 24",
|
|
2230
2293
|
fill: "none",
|
|
2231
2294
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2295
|
+
role: "img",
|
|
2232
2296
|
"aria-label": ariaLabel
|
|
2233
2297
|
}, /*#__PURE__*/createElement("path", {
|
|
2234
2298
|
d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
|
|
@@ -2252,6 +2316,7 @@ var Back10 = (function (_ref) {
|
|
|
2252
2316
|
viewBox: "0 0 24 24",
|
|
2253
2317
|
fill: "none",
|
|
2254
2318
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2319
|
+
role: "img",
|
|
2255
2320
|
"aria-label": ariaLabel
|
|
2256
2321
|
}, /*#__PURE__*/createElement("path", {
|
|
2257
2322
|
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",
|
|
@@ -2275,6 +2340,7 @@ var Clips = (function (_ref) {
|
|
|
2275
2340
|
viewBox: "0 0 24 24",
|
|
2276
2341
|
fill: "none",
|
|
2277
2342
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2343
|
+
role: "img",
|
|
2278
2344
|
"aria-label": ariaLabel
|
|
2279
2345
|
}, /*#__PURE__*/createElement("path", {
|
|
2280
2346
|
d: "M15 11V19H3V11H15ZM16 10H2V20H16V10Z",
|
|
@@ -2298,6 +2364,7 @@ var Forward10 = (function (_ref) {
|
|
|
2298
2364
|
viewBox: "0 0 24 24",
|
|
2299
2365
|
fill: "none",
|
|
2300
2366
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2367
|
+
role: "img",
|
|
2301
2368
|
"aria-label": ariaLabel
|
|
2302
2369
|
}, /*#__PURE__*/createElement("path", {
|
|
2303
2370
|
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",
|
|
@@ -2321,6 +2388,7 @@ var FullScreen = (function (_ref) {
|
|
|
2321
2388
|
viewBox: "0 0 24 24",
|
|
2322
2389
|
fill: "none",
|
|
2323
2390
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2391
|
+
role: "img",
|
|
2324
2392
|
"aria-label": ariaLabel
|
|
2325
2393
|
}, /*#__PURE__*/createElement("path", {
|
|
2326
2394
|
d: "M3 9H4V4H9V3H3V9Z",
|
|
@@ -2347,6 +2415,7 @@ var Minimise = (function (_ref) {
|
|
|
2347
2415
|
viewBox: "0 0 24 24",
|
|
2348
2416
|
fill: "none",
|
|
2349
2417
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2418
|
+
role: "img",
|
|
2350
2419
|
"aria-label": ariaLabel
|
|
2351
2420
|
}, /*#__PURE__*/createElement("path", {
|
|
2352
2421
|
d: "M9 3H8V8H3V9H9V3Z",
|
|
@@ -2373,6 +2442,7 @@ var Muted = (function (_ref) {
|
|
|
2373
2442
|
viewBox: "0 0 24 24",
|
|
2374
2443
|
fill: "none",
|
|
2375
2444
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2445
|
+
role: "img",
|
|
2376
2446
|
"aria-label": ariaLabel
|
|
2377
2447
|
}, /*#__PURE__*/createElement("path", {
|
|
2378
2448
|
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",
|
|
@@ -2393,6 +2463,7 @@ var Pause = (function (_ref) {
|
|
|
2393
2463
|
viewBox: "0 0 24 24",
|
|
2394
2464
|
fill: "none",
|
|
2395
2465
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2466
|
+
role: "img",
|
|
2396
2467
|
"aria-label": ariaLabel
|
|
2397
2468
|
}, /*#__PURE__*/createElement("path", {
|
|
2398
2469
|
d: "M10 2H4V22H10V2Z",
|
|
@@ -2413,6 +2484,7 @@ var Play = (function (_ref) {
|
|
|
2413
2484
|
viewBox: "0 0 24 24",
|
|
2414
2485
|
fill: "none",
|
|
2415
2486
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2487
|
+
role: "img",
|
|
2416
2488
|
"aria-label": ariaLabel
|
|
2417
2489
|
}, /*#__PURE__*/createElement("path", {
|
|
2418
2490
|
d: "M5.5 3.8999L20 11.9999L5.5 20.0999V3.8999Z",
|
|
@@ -2433,6 +2505,7 @@ var Restart = (function (_ref) {
|
|
|
2433
2505
|
viewBox: "0 0 24 24",
|
|
2434
2506
|
fill: "none",
|
|
2435
2507
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2508
|
+
role: "img",
|
|
2436
2509
|
"aria-label": ariaLabel
|
|
2437
2510
|
}, /*#__PURE__*/createElement("path", {
|
|
2438
2511
|
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",
|
|
@@ -2450,6 +2523,7 @@ var Subtitles = (function (_ref) {
|
|
|
2450
2523
|
viewBox: "0 0 24 24",
|
|
2451
2524
|
fill: "none",
|
|
2452
2525
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2526
|
+
role: "img",
|
|
2453
2527
|
"aria-label": ariaLabel
|
|
2454
2528
|
}, /*#__PURE__*/createElement("path", {
|
|
2455
2529
|
d: "M9 7H7V8H9V7Z",
|
|
@@ -2485,6 +2559,7 @@ var Trailer = (function (_ref) {
|
|
|
2485
2559
|
viewBox: "0 0 24 24",
|
|
2486
2560
|
fill: "none",
|
|
2487
2561
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2562
|
+
role: "img",
|
|
2488
2563
|
"aria-label": ariaLabel
|
|
2489
2564
|
}, /*#__PURE__*/createElement("path", {
|
|
2490
2565
|
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",
|
|
@@ -2505,6 +2580,7 @@ var Volume = (function (_ref) {
|
|
|
2505
2580
|
viewBox: "0 0 24 24",
|
|
2506
2581
|
fill: "none",
|
|
2507
2582
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2583
|
+
role: "img",
|
|
2508
2584
|
"aria-label": ariaLabel
|
|
2509
2585
|
}, /*#__PURE__*/createElement("path", {
|
|
2510
2586
|
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",
|
|
@@ -3002,7 +3078,39 @@ var GridItem = /*#__PURE__*/styled.div(_templateObject$a || (_templateObject$a =
|
|
|
3002
3078
|
});
|
|
3003
3079
|
|
|
3004
3080
|
var _templateObject$b;
|
|
3005
|
-
|
|
3081
|
+
/**
|
|
3082
|
+
* # IMPORTANT
|
|
3083
|
+
* Please use the `<GridItem />` component instead of this component if possible.
|
|
3084
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
3085
|
+
*/
|
|
3086
|
+
|
|
3087
|
+
var GridItemLegacy = /*#__PURE__*/styled.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) {
|
|
3088
|
+
var columnStartDesktop = _ref.columnStartDesktop;
|
|
3089
|
+
return columnStartDesktop;
|
|
3090
|
+
}, function (_ref2) {
|
|
3091
|
+
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
3092
|
+
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
3093
|
+
return columnSpanDesktop;
|
|
3094
|
+
}, devices.mobile, function (_ref3) {
|
|
3095
|
+
var columnStartDevice = _ref3.columnStartDevice,
|
|
3096
|
+
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
3097
|
+
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
3098
|
+
}, function (_ref4) {
|
|
3099
|
+
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
3100
|
+
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
3101
|
+
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
3102
|
+
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
3103
|
+
}, devices.tablet, function (_ref5) {
|
|
3104
|
+
var columnStartDevice = _ref5.columnStartDevice;
|
|
3105
|
+
return columnStartDevice;
|
|
3106
|
+
}, function (_ref6) {
|
|
3107
|
+
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
3108
|
+
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
3109
|
+
return columnSpanDevice;
|
|
3110
|
+
});
|
|
3111
|
+
|
|
3112
|
+
var _templateObject$c;
|
|
3113
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled.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) {
|
|
3006
3114
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
3007
3115
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
3008
3116
|
return aspectRatio;
|
|
@@ -3020,8 +3128,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled.div(_templateObject$b || (_tem
|
|
|
3020
3128
|
return aspectRatio;
|
|
3021
3129
|
});
|
|
3022
3130
|
|
|
3023
|
-
var _templateObject$
|
|
3024
|
-
var ProgressView = /*#__PURE__*/styled.div(_templateObject$
|
|
3131
|
+
var _templateObject$d, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
3132
|
+
var ProgressView = /*#__PURE__*/styled.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
3025
3133
|
var height = _ref.height;
|
|
3026
3134
|
return height ? height + "px" : '6px';
|
|
3027
3135
|
});
|
|
@@ -3104,13 +3212,13 @@ var Progress = function Progress(_ref) {
|
|
|
3104
3212
|
}, renderSteps()));
|
|
3105
3213
|
};
|
|
3106
3214
|
|
|
3107
|
-
var _templateObject$
|
|
3108
|
-
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3215
|
+
var _templateObject$e, _templateObject2$5, _templateObject3$3;
|
|
3216
|
+
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
3109
3217
|
var RadioLine = /*#__PURE__*/styled.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"])));
|
|
3110
3218
|
var RadioError = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
3111
3219
|
|
|
3112
|
-
var _templateObject$
|
|
3113
|
-
var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
3220
|
+
var _templateObject$f;
|
|
3221
|
+
var Wrapper$1 = /*#__PURE__*/styled.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) {
|
|
3114
3222
|
var typography = _ref.typography;
|
|
3115
3223
|
return typography;
|
|
3116
3224
|
}, function (_ref2) {
|
|
@@ -3158,11 +3266,13 @@ var StyledTag = function StyledTag(_ref) {
|
|
|
3158
3266
|
var tag = _ref.tag,
|
|
3159
3267
|
typography = _ref.typography,
|
|
3160
3268
|
children = _ref.children,
|
|
3161
|
-
level = _ref.level
|
|
3269
|
+
level = _ref.level,
|
|
3270
|
+
id = _ref.id;
|
|
3162
3271
|
return /*#__PURE__*/React__default.createElement(Wrapper$1, {
|
|
3163
3272
|
typography: typography,
|
|
3164
3273
|
as: tag,
|
|
3165
|
-
level: level
|
|
3274
|
+
level: level,
|
|
3275
|
+
id: id
|
|
3166
3276
|
}, children);
|
|
3167
3277
|
};
|
|
3168
3278
|
var AltHeader = function AltHeader(_ref2) {
|
|
@@ -3203,12 +3313,14 @@ var Overline = function Overline(_ref5) {
|
|
|
3203
3313
|
var level = _ref5.level,
|
|
3204
3314
|
children = _ref5.children,
|
|
3205
3315
|
_ref5$tag = _ref5.tag,
|
|
3206
|
-
tag = _ref5$tag === void 0 ? 'div' : _ref5$tag
|
|
3316
|
+
tag = _ref5$tag === void 0 ? 'div' : _ref5$tag,
|
|
3317
|
+
id = _ref5.id;
|
|
3207
3318
|
var renderedTag = tag;
|
|
3208
3319
|
return /*#__PURE__*/React__default.createElement(StyledTag, {
|
|
3209
3320
|
tag: renderedTag,
|
|
3210
3321
|
typography: "overline",
|
|
3211
|
-
level: level
|
|
3322
|
+
level: level,
|
|
3323
|
+
id: id
|
|
3212
3324
|
}, children);
|
|
3213
3325
|
};
|
|
3214
3326
|
var Subtitle = function Subtitle(_ref6) {
|
|
@@ -3267,8 +3379,8 @@ var Radio = function Radio(_ref) {
|
|
|
3267
3379
|
}, error)));
|
|
3268
3380
|
};
|
|
3269
3381
|
|
|
3270
|
-
var _templateObject$
|
|
3271
|
-
var Container = /*#__PURE__*/styled.div(_templateObject$
|
|
3382
|
+
var _templateObject$g, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
3383
|
+
var Container = /*#__PURE__*/styled.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3272
3384
|
var Radio$1 = /*#__PURE__*/styled.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) {
|
|
3273
3385
|
var error = _ref.error,
|
|
3274
3386
|
darkMode = _ref.darkMode,
|
|
@@ -3376,8 +3488,8 @@ var Radio2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3376
3488
|
}, error)));
|
|
3377
3489
|
});
|
|
3378
3490
|
|
|
3379
|
-
var _templateObject$
|
|
3380
|
-
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3491
|
+
var _templateObject$h, _templateObject2$7, _templateObject3$5;
|
|
3492
|
+
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3381
3493
|
var IconWrapper$1 = /*#__PURE__*/styled.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) {
|
|
3382
3494
|
var theme = _ref.theme;
|
|
3383
3495
|
return theme.colors.primary;
|
|
@@ -3448,8 +3560,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3448
3560
|
}, renderNextIcon()));
|
|
3449
3561
|
};
|
|
3450
3562
|
|
|
3451
|
-
var _templateObject$
|
|
3452
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$
|
|
3563
|
+
var _templateObject$i;
|
|
3564
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3453
3565
|
var fillColor = _ref.fillColor;
|
|
3454
3566
|
return fillColor;
|
|
3455
3567
|
});
|
|
@@ -3473,8 +3585,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3473
3585
|
})));
|
|
3474
3586
|
};
|
|
3475
3587
|
|
|
3476
|
-
var _templateObject$
|
|
3477
|
-
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
3588
|
+
var _templateObject$j, _templateObject2$8;
|
|
3589
|
+
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3478
3590
|
var Splitter = /*#__PURE__*/styled.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3479
3591
|
|
|
3480
3592
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3493,8 +3605,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3493
3605
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3494
3606
|
};
|
|
3495
3607
|
|
|
3496
|
-
var _templateObject$
|
|
3497
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3608
|
+
var _templateObject$k;
|
|
3609
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3498
3610
|
|
|
3499
3611
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3500
3612
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3704,8 +3816,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3704
3816
|
})))));
|
|
3705
3817
|
};
|
|
3706
3818
|
|
|
3707
|
-
var _templateObject$
|
|
3708
|
-
var CustomImage = /*#__PURE__*/styled.img(_templateObject$
|
|
3819
|
+
var _templateObject$l, _templateObject2$9;
|
|
3820
|
+
var CustomImage = /*#__PURE__*/styled.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);
|
|
3709
3821
|
var SponsorshipStyledIframe = /*#__PURE__*/styled.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);
|
|
3710
3822
|
|
|
3711
3823
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
@@ -3738,8 +3850,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3738
3850
|
}));
|
|
3739
3851
|
};
|
|
3740
3852
|
|
|
3741
|
-
var _templateObject$
|
|
3742
|
-
var TabText = /*#__PURE__*/styled.a(_templateObject$
|
|
3853
|
+
var _templateObject$m, _templateObject2$a;
|
|
3854
|
+
var TabText = /*#__PURE__*/styled.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) {
|
|
3743
3855
|
if (props.withIcon === 'left') {
|
|
3744
3856
|
return "margin-left: 5px;";
|
|
3745
3857
|
}
|
|
@@ -3838,8 +3950,8 @@ var Tab = function Tab(_ref) {
|
|
|
3838
3950
|
}));
|
|
3839
3951
|
};
|
|
3840
3952
|
|
|
3841
|
-
var _templateObject$
|
|
3842
|
-
var TabLinkWrapper = /*#__PURE__*/styled.a(_templateObject$
|
|
3953
|
+
var _templateObject$n, _templateObject2$b;
|
|
3954
|
+
var TabLinkWrapper = /*#__PURE__*/styled.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) {
|
|
3843
3955
|
var iconName = _ref.iconName;
|
|
3844
3956
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3845
3957
|
}, function (_ref2) {
|
|
@@ -3890,8 +4002,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3890
4002
|
})) : null, children);
|
|
3891
4003
|
};
|
|
3892
4004
|
|
|
3893
|
-
var _templateObject$
|
|
3894
|
-
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4005
|
+
var _templateObject$o, _templateObject2$c, _templateObject3$6, _templateObject4$3;
|
|
4006
|
+
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3895
4007
|
var width = _ref.width;
|
|
3896
4008
|
return width ? width + "px;" : '100%;';
|
|
3897
4009
|
}, function (_ref2) {
|
|
@@ -4014,8 +4126,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
4014
4126
|
}, error))));
|
|
4015
4127
|
};
|
|
4016
4128
|
|
|
4017
|
-
var _templateObject$
|
|
4018
|
-
var Container$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4129
|
+
var _templateObject$p, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
4130
|
+
var Container$1 = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4019
4131
|
var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
4020
4132
|
var width = _ref.width;
|
|
4021
4133
|
if (!width) return 'none';
|
|
@@ -4141,8 +4253,8 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4141
4253
|
}, error)));
|
|
4142
4254
|
});
|
|
4143
4255
|
|
|
4144
|
-
var _templateObject$
|
|
4145
|
-
var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4256
|
+
var _templateObject$q, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
4257
|
+
var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4146
4258
|
var textStyles = /*#__PURE__*/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) {
|
|
4147
4259
|
var theme = _ref.theme;
|
|
4148
4260
|
return theme.fonts.desktop.weights.body[1];
|
|
@@ -4215,8 +4327,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
|
4215
4327
|
}, error) : null);
|
|
4216
4328
|
};
|
|
4217
4329
|
|
|
4218
|
-
var _templateObject$
|
|
4219
|
-
var TextLinkWrapper = /*#__PURE__*/styled.a(_templateObject$
|
|
4330
|
+
var _templateObject$r, _templateObject2$f;
|
|
4331
|
+
var TextLinkWrapper = /*#__PURE__*/styled.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) {
|
|
4220
4332
|
var iconName = _ref.iconName;
|
|
4221
4333
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
4222
4334
|
}, function (_ref2) {
|
|
@@ -4252,8 +4364,8 @@ var TextLogoProduct;
|
|
|
4252
4364
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4253
4365
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4254
4366
|
|
|
4255
|
-
var _templateObject$
|
|
4256
|
-
var TickboxError = /*#__PURE__*/styled.div(_templateObject$
|
|
4367
|
+
var _templateObject$s, _templateObject2$g, _templateObject3$9, _templateObject4$6;
|
|
4368
|
+
var TickboxError = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4257
4369
|
var dark = _ref.dark;
|
|
4258
4370
|
return dark ? 'white' : 'errorstate';
|
|
4259
4371
|
});
|
|
@@ -4374,8 +4486,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4374
4486
|
}, error)));
|
|
4375
4487
|
};
|
|
4376
4488
|
|
|
4377
|
-
var _templateObject$
|
|
4378
|
-
var Container$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
4489
|
+
var _templateObject$t, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4490
|
+
var Container$2 = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4379
4491
|
var Tickbox$1 = /*#__PURE__*/styled.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) {
|
|
4380
4492
|
var error = _ref.error,
|
|
4381
4493
|
darkMode = _ref.darkMode,
|
|
@@ -4485,8 +4597,8 @@ var Tickbox2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4485
4597
|
}, error)));
|
|
4486
4598
|
});
|
|
4487
4599
|
|
|
4488
|
-
var _templateObject$
|
|
4489
|
-
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4600
|
+
var _templateObject$u, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4601
|
+
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4490
4602
|
var color = _ref.color;
|
|
4491
4603
|
return color;
|
|
4492
4604
|
});
|
|
@@ -4594,8 +4706,8 @@ var Timer = function Timer(_ref) {
|
|
|
4594
4706
|
}));
|
|
4595
4707
|
};
|
|
4596
4708
|
|
|
4597
|
-
var _templateObject$
|
|
4598
|
-
var TypeTagsContainer = /*#__PURE__*/styled.ul(_templateObject$
|
|
4709
|
+
var _templateObject$v;
|
|
4710
|
+
var TypeTagsContainer = /*#__PURE__*/styled.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"])));
|
|
4599
4711
|
|
|
4600
4712
|
var TypeTags = function TypeTags(_ref) {
|
|
4601
4713
|
var list = _ref.list;
|
|
@@ -5337,8 +5449,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
|
|
|
5337
5449
|
}
|
|
5338
5450
|
});
|
|
5339
5451
|
|
|
5340
|
-
var _templateObject$
|
|
5341
|
-
var VideoPlayButton = /*#__PURE__*/styled.button(_templateObject$
|
|
5452
|
+
var _templateObject$w, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5453
|
+
var VideoPlayButton = /*#__PURE__*/styled.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"])));
|
|
5342
5454
|
var VideoFullscreenButton = /*#__PURE__*/styled.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"])));
|
|
5343
5455
|
var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5344
5456
|
var VideoControlsInnerWrapper = /*#__PURE__*/styled.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"])));
|
|
@@ -5557,8 +5669,8 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5557
5669
|
})));
|
|
5558
5670
|
};
|
|
5559
5671
|
|
|
5560
|
-
var _templateObject$
|
|
5561
|
-
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5672
|
+
var _templateObject$x, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5673
|
+
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5562
5674
|
var StepperError = /*#__PURE__*/styled.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) {
|
|
5563
5675
|
var darkMode = _ref.darkMode;
|
|
5564
5676
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -5785,8 +5897,70 @@ var Component = function Component(_ref) {
|
|
|
5785
5897
|
}, error)));
|
|
5786
5898
|
};
|
|
5787
5899
|
|
|
5788
|
-
var _templateObject$
|
|
5789
|
-
var
|
|
5900
|
+
var _templateObject$y;
|
|
5901
|
+
var colors$1 = core.colors;
|
|
5902
|
+
var Tile = /*#__PURE__*/styled.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) {
|
|
5903
|
+
var isSelected = _ref.isSelected;
|
|
5904
|
+
return isSelected ? colors$1.midgrey : colors$1.lightgrey;
|
|
5905
|
+
}, function (_ref2) {
|
|
5906
|
+
var isSelected = _ref2.isSelected;
|
|
5907
|
+
return !isSelected && 'none';
|
|
5908
|
+
}, devices.mobileAndTablet);
|
|
5909
|
+
|
|
5910
|
+
/**
|
|
5911
|
+
* A ToggleButton component that renders a toggleable button with an icon and label.
|
|
5912
|
+
*
|
|
5913
|
+
* # Usage
|
|
5914
|
+
* The primary use case this component was written for is to be used within a group of
|
|
5915
|
+
* toggles for filtering content displayed on page. One such implementation can be found in
|
|
5916
|
+
* Filter Toggles component. However, this component can be used anywhere a toggle
|
|
5917
|
+
* button is needed.
|
|
5918
|
+
* Toggle Button requires the toggling logic to be handled by the parent component
|
|
5919
|
+
* and passed down to it as isToggleOn, onFilterItemClick, and onKeyDownHandler props.
|
|
5920
|
+
*
|
|
5921
|
+
* # Props
|
|
5922
|
+
* - `isToggleOn`: Boolean indicating if the toggle is on.
|
|
5923
|
+
* - `onFilterItemClick`: Function to handle the click event on the toggle button.
|
|
5924
|
+
* - `onKeyDownHandler`: Function to handle the keydown event on the toggle button.
|
|
5925
|
+
* - `item`: Object representing the item associated with the toggle button.
|
|
5926
|
+
* - `ariaLabelledBy`: Recommended when used as part of a group of toggles under a common
|
|
5927
|
+
* label or title. A string which should be identical to the id of the label or title.
|
|
5928
|
+
*
|
|
5929
|
+
* # Design and Accessibility
|
|
5930
|
+
* - aria-labelledby is used to associate the toggle button with a label or title when
|
|
5931
|
+
* used as part of a group of toggles.
|
|
5932
|
+
* - The component is designed to be keyboard-navigable.
|
|
5933
|
+
* - aria-selected is used to indicate the selected state of the toggle button.
|
|
5934
|
+
*/
|
|
5935
|
+
|
|
5936
|
+
var ToggleButton = function ToggleButton(_ref) {
|
|
5937
|
+
var isToggleOn = _ref.isToggleOn,
|
|
5938
|
+
onFilterItemClick = _ref.onFilterItemClick,
|
|
5939
|
+
onKeyDownHandler = _ref.onKeyDownHandler,
|
|
5940
|
+
item = _ref.item,
|
|
5941
|
+
ariaLabelledBy = _ref.ariaLabelledBy;
|
|
5942
|
+
return /*#__PURE__*/React__default.createElement(Tile, {
|
|
5943
|
+
isSelected: isToggleOn,
|
|
5944
|
+
onClick: function onClick() {
|
|
5945
|
+
return onFilterItemClick(item);
|
|
5946
|
+
},
|
|
5947
|
+
onKeyDown: function onKeyDown(e) {
|
|
5948
|
+
return onKeyDownHandler(e, item);
|
|
5949
|
+
},
|
|
5950
|
+
tabIndex: 0,
|
|
5951
|
+
"aria-labelledby": ariaLabelledBy,
|
|
5952
|
+
"aria-selected": isToggleOn,
|
|
5953
|
+
role: 'checkbox'
|
|
5954
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
5955
|
+
color: Colors.Black,
|
|
5956
|
+
iconName: "Confirm"
|
|
5957
|
+
}), /*#__PURE__*/React__default.createElement(BodyText, {
|
|
5958
|
+
level: 1
|
|
5959
|
+
}, item.label));
|
|
5960
|
+
};
|
|
5961
|
+
|
|
5962
|
+
var _templateObject$z, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5963
|
+
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5790
5964
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5791
5965
|
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 ";
|
|
5792
5966
|
});
|
|
@@ -5810,8 +5984,8 @@ var NavContainer = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObjec
|
|
|
5810
5984
|
var NavContainerGridItem = /*#__PURE__*/styled(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
5811
5985
|
var NavTopContainer = /*#__PURE__*/styled.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);
|
|
5812
5986
|
|
|
5813
|
-
var _templateObject$
|
|
5814
|
-
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5987
|
+
var _templateObject$A;
|
|
5988
|
+
var LogoWrapper = /*#__PURE__*/styled.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"])));
|
|
5815
5989
|
|
|
5816
5990
|
var Logo = function Logo(_ref) {
|
|
5817
5991
|
var _ref$id = _ref.id,
|
|
@@ -5843,11 +6017,11 @@ var Logo = function Logo(_ref) {
|
|
|
5843
6017
|
}))));
|
|
5844
6018
|
};
|
|
5845
6019
|
|
|
5846
|
-
var _templateObject$
|
|
5847
|
-
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
6020
|
+
var _templateObject$B;
|
|
6021
|
+
var NavTopContainer$1 = /*#__PURE__*/styled.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);
|
|
5848
6022
|
|
|
5849
|
-
var _templateObject$
|
|
5850
|
-
var BasketContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6023
|
+
var _templateObject$C, _templateObject2$m, _templateObject3$f, _templateObject4$c;
|
|
6024
|
+
var BasketContainer = /*#__PURE__*/styled.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) {
|
|
5851
6025
|
var selected = _ref.selected,
|
|
5852
6026
|
colorPrimary = _ref.colorPrimary;
|
|
5853
6027
|
|
|
@@ -6036,8 +6210,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
6036
6210
|
}, expiryTime ? basketText : text) : ''));
|
|
6037
6211
|
};
|
|
6038
6212
|
|
|
6039
|
-
var _templateObject$
|
|
6040
|
-
var SearchContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6213
|
+
var _templateObject$D, _templateObject2$n;
|
|
6214
|
+
var SearchContainer = /*#__PURE__*/styled.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) {
|
|
6041
6215
|
var selected = _ref.selected,
|
|
6042
6216
|
colorPrimary = _ref.colorPrimary;
|
|
6043
6217
|
|
|
@@ -6329,8 +6503,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
6329
6503
|
}));
|
|
6330
6504
|
};
|
|
6331
6505
|
|
|
6332
|
-
var _templateObject$
|
|
6333
|
-
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6506
|
+
var _templateObject$E, _templateObject2$o, _templateObject3$g, _templateObject4$d;
|
|
6507
|
+
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6334
6508
|
var ItemsContainer = /*#__PURE__*/styled.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) {
|
|
6335
6509
|
if (props.showMenu) {
|
|
6336
6510
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -6472,8 +6646,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
6472
6646
|
}, "MENU"))));
|
|
6473
6647
|
};
|
|
6474
6648
|
|
|
6475
|
-
var _templateObject$
|
|
6476
|
-
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6649
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6650
|
+
var SearchBarContainer = /*#__PURE__*/styled.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);
|
|
6477
6651
|
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6478
6652
|
var SvgContainerClose = /*#__PURE__*/styled.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"])));
|
|
6479
6653
|
var InputContainer = /*#__PURE__*/styled.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);
|
|
@@ -6710,16 +6884,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
6710
6884
|
})))));
|
|
6711
6885
|
};
|
|
6712
6886
|
|
|
6713
|
-
var _templateObject$
|
|
6714
|
-
var FooterSection = /*#__PURE__*/styled.section(_templateObject$
|
|
6887
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6888
|
+
var FooterSection = /*#__PURE__*/styled.section(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6715
6889
|
var FooterContainer = /*#__PURE__*/styled.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"])));
|
|
6716
6890
|
var PolicyLinksRow = /*#__PURE__*/styled.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);
|
|
6717
6891
|
var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6718
6892
|
var ArtsLogoRow = /*#__PURE__*/styled.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);
|
|
6719
6893
|
var AdditionalInfo = /*#__PURE__*/styled.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);
|
|
6720
6894
|
|
|
6721
|
-
var _templateObject$
|
|
6722
|
-
var PolicyLinksList = /*#__PURE__*/styled.ul(_templateObject$
|
|
6895
|
+
var _templateObject$H, _templateObject2$r, _templateObject3$j;
|
|
6896
|
+
var PolicyLinksList = /*#__PURE__*/styled.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);
|
|
6723
6897
|
var PolicyLinkItem = /*#__PURE__*/styled.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);
|
|
6724
6898
|
var PolicyLink = /*#__PURE__*/styled.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"])));
|
|
6725
6899
|
|
|
@@ -6737,8 +6911,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6737
6911
|
}));
|
|
6738
6912
|
};
|
|
6739
6913
|
|
|
6740
|
-
var _templateObject$
|
|
6741
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6914
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6915
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled.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);
|
|
6742
6916
|
var ContactNewsletterSeparator = /*#__PURE__*/styled.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);
|
|
6743
6917
|
var SignUpWrapper = /*#__PURE__*/styled.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);
|
|
6744
6918
|
var SignUpText = /*#__PURE__*/styled.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);
|
|
@@ -6809,9 +6983,9 @@ var Footer = function Footer(_ref) {
|
|
|
6809
6983
|
}, additionalInfo)))));
|
|
6810
6984
|
};
|
|
6811
6985
|
|
|
6812
|
-
var _templateObject$
|
|
6986
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6813
6987
|
var LIST_ITEM_GAP = 32;
|
|
6814
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6988
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled.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) {
|
|
6815
6989
|
var bottomBorder = _ref.bottomBorder;
|
|
6816
6990
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
6817
6991
|
}, zIndexes.anchor);
|
|
@@ -7075,8 +7249,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
7075
7249
|
})) : null) : null))));
|
|
7076
7250
|
};
|
|
7077
7251
|
|
|
7078
|
-
var _templateObject$
|
|
7079
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7252
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
7253
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
|
|
7080
7254
|
var sticky = _ref.sticky;
|
|
7081
7255
|
return sticky ? 'sticky' : 'initial';
|
|
7082
7256
|
}, zIndexes.anchor);
|
|
@@ -7136,8 +7310,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
7136
7310
|
}, message)));
|
|
7137
7311
|
};
|
|
7138
7312
|
|
|
7139
|
-
var _templateObject$
|
|
7140
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
7313
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
7314
|
+
var Wrapper$2 = /*#__PURE__*/styled.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);
|
|
7141
7315
|
var PromoLabelWrapper = /*#__PURE__*/styled.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"])));
|
|
7142
7316
|
var PromoLabel = /*#__PURE__*/styled.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) {
|
|
7143
7317
|
var theme = _ref.theme;
|
|
@@ -7217,8 +7391,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
7217
7391
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
7218
7392
|
};
|
|
7219
7393
|
|
|
7220
|
-
var _templateObject$
|
|
7221
|
-
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
7394
|
+
var _templateObject$M;
|
|
7395
|
+
var Wrapper$3 = /*#__PURE__*/styled.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);
|
|
7222
7396
|
|
|
7223
7397
|
var UpsellCards = function UpsellCards(_ref) {
|
|
7224
7398
|
var upsellCards = _ref.upsellCards;
|
|
@@ -7236,16 +7410,16 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
7236
7410
|
}));
|
|
7237
7411
|
};
|
|
7238
7412
|
|
|
7239
|
-
var _templateObject$
|
|
7240
|
-
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$
|
|
7413
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$o;
|
|
7414
|
+
var UpsellBorderBox = /*#__PURE__*/styled.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) {
|
|
7241
7415
|
var theme = _ref.theme;
|
|
7242
7416
|
return theme.colors.primary;
|
|
7243
7417
|
}, devices.mobile, devices.tablet);
|
|
7244
7418
|
var TitleContainer$2 = /*#__PURE__*/styled.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);
|
|
7245
7419
|
var TextContainer = /*#__PURE__*/styled.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);
|
|
7246
7420
|
|
|
7247
|
-
var _templateObject$
|
|
7248
|
-
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7421
|
+
var _templateObject$O, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
|
|
7422
|
+
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7249
7423
|
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7250
7424
|
var ChildrenContainer = /*#__PURE__*/styled.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) {
|
|
7251
7425
|
var isVisible = _ref.isVisible;
|
|
@@ -7373,8 +7547,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
7373
7547
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7374
7548
|
};
|
|
7375
7549
|
|
|
7376
|
-
var _templateObject$
|
|
7377
|
-
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7550
|
+
var _templateObject$P;
|
|
7551
|
+
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7378
7552
|
|
|
7379
7553
|
var Accordions = function Accordions(_ref) {
|
|
7380
7554
|
var _ref$items = _ref.items,
|
|
@@ -7392,7 +7566,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
7392
7566
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
7393
7567
|
contentType: accordion.contentType,
|
|
7394
7568
|
displayLevel: accordion.displayLevel,
|
|
7395
|
-
semanticLevel: accordion.semanticLevel
|
|
7569
|
+
semanticLevel: accordion.semanticLevel,
|
|
7570
|
+
initOpen: accordion.initOpen
|
|
7396
7571
|
}, accordion.children);
|
|
7397
7572
|
}));
|
|
7398
7573
|
};
|
|
@@ -7406,8 +7581,8 @@ var Theme = function Theme(_ref) {
|
|
|
7406
7581
|
}, children);
|
|
7407
7582
|
};
|
|
7408
7583
|
|
|
7409
|
-
var _templateObject$
|
|
7410
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7584
|
+
var _templateObject$Q, _templateObject2$y, _templateObject3$q;
|
|
7585
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled.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) {
|
|
7411
7586
|
var theme = _ref.theme;
|
|
7412
7587
|
return theme.colors.primary;
|
|
7413
7588
|
}, devices.mobile);
|
|
@@ -7449,8 +7624,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7449
7624
|
}))))));
|
|
7450
7625
|
};
|
|
7451
7626
|
|
|
7452
|
-
var _templateObject$
|
|
7453
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$
|
|
7627
|
+
var _templateObject$R;
|
|
7628
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(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) {
|
|
7454
7629
|
var bgColor = _ref.bgColor,
|
|
7455
7630
|
theme = _ref.theme;
|
|
7456
7631
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7471,11 +7646,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7471
7646
|
}), children);
|
|
7472
7647
|
};
|
|
7473
7648
|
|
|
7474
|
-
var _templateObject$
|
|
7649
|
+
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;
|
|
7475
7650
|
var LENGTH_LARGE_TEXT = 28;
|
|
7476
7651
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7477
7652
|
var LENGTH_TEXT_TABLET = 10;
|
|
7478
|
-
var CardContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7653
|
+
var CardContainer = /*#__PURE__*/styled.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) {
|
|
7479
7654
|
var isCardClickable = _ref.isCardClickable;
|
|
7480
7655
|
return isCardClickable ? 'pointer' : 'default';
|
|
7481
7656
|
}, function (_ref2) {
|
|
@@ -7759,9 +7934,9 @@ var Card = function Card(_ref) {
|
|
|
7759
7934
|
dangerouslySetInnerHTML: {
|
|
7760
7935
|
__html: truncatedText
|
|
7761
7936
|
}
|
|
7762
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7937
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7763
7938
|
level: 1
|
|
7764
|
-
}, highlightText))
|
|
7939
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7765
7940
|
fullWidth: fullWidth
|
|
7766
7941
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
7767
7942
|
ref: node,
|
|
@@ -7775,8 +7950,8 @@ var Card = function Card(_ref) {
|
|
|
7775
7950
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7776
7951
|
};
|
|
7777
7952
|
|
|
7778
|
-
var _templateObject$
|
|
7779
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7953
|
+
var _templateObject$T, _templateObject2$A;
|
|
7954
|
+
var CardsContainer = /*#__PURE__*/styled(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);
|
|
7780
7955
|
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7781
7956
|
|
|
7782
7957
|
var Cards = function Cards(_ref) {
|
|
@@ -7822,8 +7997,8 @@ var Cards = function Cards(_ref) {
|
|
|
7822
7997
|
}));
|
|
7823
7998
|
};
|
|
7824
7999
|
|
|
7825
|
-
var _templateObject$
|
|
7826
|
-
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8000
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
8001
|
+
var ContentWrapper = /*#__PURE__*/styled.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);
|
|
7827
8002
|
var Wrapper$4 = /*#__PURE__*/styled.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) {
|
|
7828
8003
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7829
8004
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -7891,8 +8066,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7891
8066
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7892
8067
|
};
|
|
7893
8068
|
|
|
7894
|
-
var _templateObject$
|
|
7895
|
-
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$
|
|
8069
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
|
|
8070
|
+
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7896
8071
|
var ContentSummaryWrapper = /*#__PURE__*/styled.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) {
|
|
7897
8072
|
return props.clickable ? 'pointer' : 'default';
|
|
7898
8073
|
}, devices.mobile);
|
|
@@ -7974,8 +8149,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7974
8149
|
}), link.text)));
|
|
7975
8150
|
};
|
|
7976
8151
|
|
|
7977
|
-
var _templateObject$
|
|
7978
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
8152
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
8153
|
+
var EditorialGrid = /*#__PURE__*/styled.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) {
|
|
7979
8154
|
var imageToLeft = _ref.imageToLeft;
|
|
7980
8155
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7981
8156
|
}, devices.mobile);
|
|
@@ -8019,8 +8194,8 @@ var Editorial = function Editorial(_ref) {
|
|
|
8019
8194
|
})))));
|
|
8020
8195
|
};
|
|
8021
8196
|
|
|
8022
|
-
var _templateObject$
|
|
8023
|
-
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$
|
|
8197
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$v, _templateObject4$o, _templateObject5$j;
|
|
8198
|
+
var InfoContent = /*#__PURE__*/styled('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"])));
|
|
8024
8199
|
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8025
8200
|
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
8026
8201
|
if (!props.infoThemed) {
|
|
@@ -8157,8 +8332,8 @@ var Information = function Information(_ref) {
|
|
|
8157
8332
|
}))));
|
|
8158
8333
|
};
|
|
8159
8334
|
|
|
8160
|
-
var _templateObject$
|
|
8161
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8335
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
|
|
8336
|
+
var PageHeadingWrapper = /*#__PURE__*/styled.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) {
|
|
8162
8337
|
var theme = _ref.theme;
|
|
8163
8338
|
return theme.colors.primary;
|
|
8164
8339
|
}, function (_ref2) {
|
|
@@ -8258,8 +8433,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8258
8433
|
})));
|
|
8259
8434
|
};
|
|
8260
8435
|
|
|
8261
|
-
var _templateObject$
|
|
8262
|
-
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8436
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
|
|
8437
|
+
var ImpactWrapper = /*#__PURE__*/styled.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);
|
|
8263
8438
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.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);
|
|
8264
8439
|
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
8265
8440
|
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
@@ -8332,8 +8507,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8332
8507
|
}, "Scroll Down")) : null);
|
|
8333
8508
|
};
|
|
8334
8509
|
|
|
8335
|
-
var _templateObject$
|
|
8336
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8510
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$m;
|
|
8511
|
+
var PanelGrid = /*#__PURE__*/styled(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) {
|
|
8337
8512
|
var color = _ref.color;
|
|
8338
8513
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
8339
8514
|
}, devices.mobileAndTablet);
|
|
@@ -8377,8 +8552,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8377
8552
|
}))));
|
|
8378
8553
|
};
|
|
8379
8554
|
|
|
8380
|
-
var _templateObject
|
|
8381
|
-
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject
|
|
8555
|
+
var _templateObject$$;
|
|
8556
|
+
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8382
8557
|
|
|
8383
8558
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8384
8559
|
var link = _ref.link,
|
|
@@ -8398,8 +8573,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8398
8573
|
}))));
|
|
8399
8574
|
};
|
|
8400
8575
|
|
|
8401
|
-
var _templateObject$
|
|
8402
|
-
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$
|
|
8576
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$z, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8577
|
+
var BrandingTextBlock = /*#__PURE__*/styled.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);
|
|
8403
8578
|
var BrandingTextBody = /*#__PURE__*/styled.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"])));
|
|
8404
8579
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8405
8580
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.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);
|
|
@@ -8529,7 +8704,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8529
8704
|
var isIOS = function isIOS() {
|
|
8530
8705
|
try {
|
|
8531
8706
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
8532
|
-
if (typeof navigator === undefined) return false;
|
|
8707
|
+
if (typeof navigator === 'undefined') return false;
|
|
8533
8708
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
8534
8709
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
8535
8710
|
} catch (e) {
|
|
@@ -8545,7 +8720,7 @@ var useIOS = function useIOS() {
|
|
|
8545
8720
|
setIOS = _useState[1];
|
|
8546
8721
|
|
|
8547
8722
|
useEffect(function () {
|
|
8548
|
-
if (typeof navigator === undefined) return;
|
|
8723
|
+
if (typeof navigator === 'undefined') return;
|
|
8549
8724
|
setIOS(isIOS());
|
|
8550
8725
|
}, []);
|
|
8551
8726
|
return IOS;
|
|
@@ -8572,7 +8747,10 @@ var useMobile = function useMobile() {
|
|
|
8572
8747
|
setMobile(isMobile());
|
|
8573
8748
|
}, []);
|
|
8574
8749
|
return mobile;
|
|
8575
|
-
};
|
|
8750
|
+
}; // Detect mobile or tablet helper function:
|
|
8751
|
+
// export const isMobileOrTablet = () => {
|
|
8752
|
+
// return typeof window !== 'undefined' && window.matchMedia('(max-width: 1024px)').matches;
|
|
8753
|
+
// };
|
|
8576
8754
|
|
|
8577
8755
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
8578
8756
|
var mobileVideo = video.mobile || video.desktop;
|
|
@@ -8731,8 +8909,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8731
8909
|
}), linkText))));
|
|
8732
8910
|
};
|
|
8733
8911
|
|
|
8734
|
-
var _templateObject
|
|
8735
|
-
var MorePages = /*#__PURE__*/styled.span(_templateObject
|
|
8912
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$A, _templateObject4$s;
|
|
8913
|
+
var MorePages = /*#__PURE__*/styled.span(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8736
8914
|
var PageNumberWrapper = /*#__PURE__*/styled.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
|
|
8737
8915
|
|
|
8738
8916
|
var PageNumber = /*#__PURE__*/styled.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) {
|
|
@@ -8808,25 +8986,30 @@ var Pagination = function Pagination(_ref) {
|
|
|
8808
8986
|
}))));
|
|
8809
8987
|
};
|
|
8810
8988
|
|
|
8811
|
-
var _templateObject$
|
|
8812
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8989
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
|
|
8990
|
+
var PeopleListingGrid = /*#__PURE__*/styled(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);
|
|
8813
8991
|
var PersonWrapper = /*#__PURE__*/styled.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"])));
|
|
8814
8992
|
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
8815
8993
|
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
8816
8994
|
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
8817
8995
|
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
8996
|
+
var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8818
8997
|
|
|
8819
8998
|
var Person = function Person(_ref) {
|
|
8820
8999
|
var person = _ref.person,
|
|
8821
9000
|
withSeparator = _ref.withSeparator;
|
|
8822
9001
|
var link = person.link,
|
|
8823
9002
|
name = person.name,
|
|
9003
|
+
replacement = person.replacement,
|
|
8824
9004
|
_person$separator = person.separator,
|
|
8825
9005
|
separator = _person$separator === void 0 ? ', ' : _person$separator;
|
|
8826
9006
|
var personSeparator = withSeparator ? separator : '';
|
|
8827
9007
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, link ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PersonLink, {
|
|
8828
9008
|
href: link
|
|
8829
|
-
}, name), personSeparator ? /*#__PURE__*/React__default.createElement("span", null, separator) : null) : /*#__PURE__*/React__default.createElement("span", null, name,
|
|
9009
|
+
}, name), personSeparator ? /*#__PURE__*/React__default.createElement("span", null, separator) : null) : /*#__PURE__*/React__default.createElement("span", null, name, replacement && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', /*#__PURE__*/React__default.createElement(ReplacementWrapper, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
9010
|
+
level: 1,
|
|
9011
|
+
tag: "span"
|
|
9012
|
+
}, replacement))), personSeparator));
|
|
8830
9013
|
};
|
|
8831
9014
|
|
|
8832
9015
|
function hasHeadshot(role) {
|
|
@@ -8865,14 +9048,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8865
9048
|
}));
|
|
8866
9049
|
};
|
|
8867
9050
|
|
|
8868
|
-
var _templateObject$
|
|
8869
|
-
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9051
|
+
var _templateObject$13, _templateObject2$L, _templateObject3$C, _templateObject4$u;
|
|
9052
|
+
var ReplacementWrapper$1 = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8870
9053
|
var CreditListingWrapper = /*#__PURE__*/styled(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) {
|
|
8871
9054
|
var columnCount = _ref.columnCount;
|
|
8872
9055
|
return "repeat(" + columnCount + ", 1fr)";
|
|
8873
9056
|
}, devices.mobile, devices.tablet);
|
|
8874
|
-
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height:
|
|
8875
|
-
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n
|
|
9057
|
+
var DescriptionWrapper = /*#__PURE__*/styled.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"])));
|
|
9058
|
+
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
8876
9059
|
|
|
8877
9060
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8878
9061
|
return array.reduce(function (acc, item) {
|
|
@@ -8883,12 +9066,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
8883
9066
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
8884
9067
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
8885
9068
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
8886
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
9069
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
9070
|
+
key: index
|
|
9071
|
+
}, title));
|
|
8887
9072
|
} else if (index > 0) {
|
|
8888
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
9073
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
9074
|
+
key: index
|
|
9075
|
+
}, ", ", title);
|
|
8889
9076
|
}
|
|
8890
9077
|
|
|
8891
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
9078
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
9079
|
+
key: index
|
|
9080
|
+
}, title);
|
|
8892
9081
|
}));
|
|
8893
9082
|
};
|
|
8894
9083
|
|
|
@@ -8932,7 +9121,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8932
9121
|
person: person,
|
|
8933
9122
|
withSeparator: people.length !== personIndex + 1
|
|
8934
9123
|
});
|
|
8935
|
-
})), replacement && /*#__PURE__*/React__default.createElement(ReplacementWrapper, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
9124
|
+
})), replacement && /*#__PURE__*/React__default.createElement(ReplacementWrapper$1, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
8936
9125
|
level: 1,
|
|
8937
9126
|
tag: "p"
|
|
8938
9127
|
}, replacement)), musicTitle && musicTitle.length > 0 && /*#__PURE__*/React__default.createElement(BodyText, {
|
|
@@ -8945,14 +9134,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8945
9134
|
}));
|
|
8946
9135
|
};
|
|
8947
9136
|
|
|
8948
|
-
var _templateObject$
|
|
9137
|
+
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;
|
|
8949
9138
|
var LENGTH_TEXT = 28;
|
|
8950
9139
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8951
9140
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8952
9141
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8953
9142
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8954
9143
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8955
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9144
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(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) {
|
|
8956
9145
|
var imageToLeft = _ref.imageToLeft;
|
|
8957
9146
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8958
9147
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9006,7 +9195,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$p || (_te
|
|
|
9006
9195
|
return marginBottom + "px";
|
|
9007
9196
|
});
|
|
9008
9197
|
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
9009
|
-
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$
|
|
9198
|
+
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
9010
9199
|
var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
9011
9200
|
var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
9012
9201
|
var IconWrapper$2 = /*#__PURE__*/styled.div(_templateObject10$5 || (_templateObject10$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
@@ -9223,10 +9412,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9223
9412
|
}))));
|
|
9224
9413
|
};
|
|
9225
9414
|
|
|
9226
|
-
var _templateObject$
|
|
9415
|
+
var _templateObject$15, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
|
|
9227
9416
|
var LENGTH_TEXT$2 = 28;
|
|
9228
9417
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9229
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9418
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
9230
9419
|
var imageToLeft = _ref.imageToLeft;
|
|
9231
9420
|
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'";
|
|
9232
9421
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9253,7 +9442,7 @@ var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$k || (_templat
|
|
|
9253
9442
|
var theme = _ref7.theme;
|
|
9254
9443
|
return theme.colors.primary;
|
|
9255
9444
|
});
|
|
9256
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$
|
|
9445
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref8) {
|
|
9257
9446
|
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
9258
9447
|
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
9259
9448
|
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
@@ -9279,8 +9468,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$d || (_templat
|
|
|
9279
9468
|
return '';
|
|
9280
9469
|
});
|
|
9281
9470
|
|
|
9282
|
-
var _templateObject$
|
|
9283
|
-
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9471
|
+
var _templateObject$16;
|
|
9472
|
+
var VideoContainer = /*#__PURE__*/styled.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) {
|
|
9284
9473
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9285
9474
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9286
9475
|
return aspectRatio;
|
|
@@ -9484,8 +9673,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9484
9673
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9485
9674
|
};
|
|
9486
9675
|
|
|
9487
|
-
var _templateObject$
|
|
9488
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9676
|
+
var _templateObject$17;
|
|
9677
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9489
9678
|
|
|
9490
9679
|
/**
|
|
9491
9680
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9543,8 +9732,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9543
9732
|
})));
|
|
9544
9733
|
};
|
|
9545
9734
|
|
|
9546
|
-
var _templateObject$
|
|
9547
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
9735
|
+
var _templateObject$18, _templateObject2$O, _templateObject3$F;
|
|
9736
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9548
9737
|
var RadioGroup$1 = /*#__PURE__*/styled.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) {
|
|
9549
9738
|
var horizontalMode = _ref.horizontalMode;
|
|
9550
9739
|
if (horizontalMode) return 'row';
|
|
@@ -9633,8 +9822,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9633
9822
|
}, error)));
|
|
9634
9823
|
};
|
|
9635
9824
|
|
|
9636
|
-
var _templateObject$
|
|
9637
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9825
|
+
var _templateObject$19, _templateObject2$P, _templateObject3$G;
|
|
9826
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.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);
|
|
9638
9827
|
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
9639
9828
|
var SvgContainer$3 = /*#__PURE__*/styled.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);
|
|
9640
9829
|
|
|
@@ -9698,8 +9887,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9698
9887
|
})))));
|
|
9699
9888
|
};
|
|
9700
9889
|
|
|
9701
|
-
var _templateObject$
|
|
9702
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9890
|
+
var _templateObject$1a;
|
|
9891
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.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);
|
|
9703
9892
|
|
|
9704
9893
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9705
9894
|
var title = _ref.title,
|
|
@@ -9727,8 +9916,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9727
9916
|
}, description))));
|
|
9728
9917
|
};
|
|
9729
9918
|
|
|
9730
|
-
var _templateObject$
|
|
9731
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
9919
|
+
var _templateObject$1b, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9920
|
+
var stateStyles = /*#__PURE__*/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) {
|
|
9732
9921
|
var theme = _ref.theme;
|
|
9733
9922
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9734
9923
|
}, function (_ref2) {
|
|
@@ -9753,7 +9942,7 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
9753
9942
|
};
|
|
9754
9943
|
})(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
9755
9944
|
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
9756
|
-
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
9945
|
+
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
9757
9946
|
var Options = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
9758
9947
|
var Option = /*#__PURE__*/styled.li(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
9759
9948
|
var theme = _ref6.theme,
|
|
@@ -10150,8 +10339,8 @@ function Select(_ref3) {
|
|
|
10150
10339
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
10151
10340
|
}
|
|
10152
10341
|
|
|
10153
|
-
var _templateObject$
|
|
10154
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
10342
|
+
var _templateObject$1c, _templateObject2$R, _templateObject3$I, _templateObject4$y;
|
|
10343
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10155
10344
|
var SelectWrapper$1 = /*#__PURE__*/styled.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) {
|
|
10156
10345
|
var width = _ref.width;
|
|
10157
10346
|
if (!width) return 'none';
|
|
@@ -10290,8 +10479,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10290
10479
|
})));
|
|
10291
10480
|
};
|
|
10292
10481
|
|
|
10293
|
-
var _templateObject$
|
|
10294
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
10482
|
+
var _templateObject$1d;
|
|
10483
|
+
var TextContainer$2 = /*#__PURE__*/styled.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) {
|
|
10295
10484
|
var theme = _ref.theme;
|
|
10296
10485
|
return theme.colors.primary;
|
|
10297
10486
|
});
|
|
@@ -10319,8 +10508,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10319
10508
|
})));
|
|
10320
10509
|
};
|
|
10321
10510
|
|
|
10322
|
-
var _templateObject$
|
|
10323
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
10511
|
+
var _templateObject$1e, _templateObject2$S;
|
|
10512
|
+
var Wrapper$6 = /*#__PURE__*/styled.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) {
|
|
10324
10513
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10325
10514
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10326
10515
|
return aspectRatio;
|
|
@@ -10368,8 +10557,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10368
10557
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10369
10558
|
};
|
|
10370
10559
|
|
|
10371
|
-
var _templateObject$
|
|
10372
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
10560
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$J;
|
|
10561
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10373
10562
|
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10374
10563
|
var displayAttribution = _ref.displayAttribution;
|
|
10375
10564
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -10398,8 +10587,8 @@ var Quote = function Quote(_ref) {
|
|
|
10398
10587
|
}, attribution))));
|
|
10399
10588
|
};
|
|
10400
10589
|
|
|
10401
|
-
var _templateObject$
|
|
10402
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10590
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$s, _templateObject6$m;
|
|
10591
|
+
var CardContainer$1 = /*#__PURE__*/styled.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"])));
|
|
10403
10592
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10404
10593
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10405
10594
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -10442,8 +10631,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10442
10631
|
}, title)))));
|
|
10443
10632
|
};
|
|
10444
10633
|
|
|
10445
|
-
var _templateObject$
|
|
10446
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10634
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$t;
|
|
10635
|
+
var ReadMoreContainer = /*#__PURE__*/styled.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"])));
|
|
10447
10636
|
var LinkContainer = /*#__PURE__*/styled.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"])));
|
|
10448
10637
|
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10449
10638
|
var isVisible = _ref.isVisible;
|
|
@@ -10540,15 +10729,113 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10540
10729
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10541
10730
|
};
|
|
10542
10731
|
|
|
10543
|
-
var _templateObject$
|
|
10544
|
-
var
|
|
10545
|
-
var
|
|
10546
|
-
var
|
|
10547
|
-
var
|
|
10732
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$u, _templateObject6$n;
|
|
10733
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10734
|
+
var Sections = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10735
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10736
|
+
var color = _ref.color;
|
|
10737
|
+
return "var(--base-color-" + color + ")";
|
|
10738
|
+
});
|
|
10739
|
+
var BottomLine = /*#__PURE__*/styled.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"])));
|
|
10740
|
+
var Text = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10741
|
+
var color = _ref2.color;
|
|
10742
|
+
return "var(--base-color-" + color + ")";
|
|
10743
|
+
});
|
|
10744
|
+
var LabelText = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10745
|
+
var color = _ref3.color;
|
|
10746
|
+
return "var(--base-color-" + color + ")";
|
|
10747
|
+
});
|
|
10748
|
+
|
|
10749
|
+
/**
|
|
10750
|
+
* Password strength indicator component.
|
|
10751
|
+
* This renders some number of lines (6 by default)
|
|
10752
|
+
* which should become active when the user improves
|
|
10753
|
+
* the strength of the entered password.
|
|
10754
|
+
*
|
|
10755
|
+
* ## Sections
|
|
10756
|
+
* To set number of sections it should be passed
|
|
10757
|
+
* as `sections` prop.
|
|
10758
|
+
*
|
|
10759
|
+
* ## Active section
|
|
10760
|
+
* To set number of active sections it should be passed
|
|
10761
|
+
* as `activeSections` prop.
|
|
10762
|
+
*
|
|
10763
|
+
* ## Colors
|
|
10764
|
+
* Color of every element can be controlled by properties:
|
|
10765
|
+
* `sectionsColor`, `activeSectionsColor`,
|
|
10766
|
+
* `textColor`, `strengthLabelColor`.
|
|
10767
|
+
*
|
|
10768
|
+
* ## Text
|
|
10769
|
+
* `text` prop is used to render some message.
|
|
10770
|
+
* For example error (together with proper red color)
|
|
10771
|
+
* or some password requirement. It can be empty.
|
|
10772
|
+
*
|
|
10773
|
+
* ## Strength label
|
|
10774
|
+
* `strengthLabel` prop is used to render strength characteristic
|
|
10775
|
+
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10776
|
+
* It can be empty.
|
|
10777
|
+
*/
|
|
10778
|
+
|
|
10779
|
+
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10780
|
+
var _ref$sections = _ref.sections,
|
|
10781
|
+
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10782
|
+
_ref$activeSections = _ref.activeSections,
|
|
10783
|
+
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10784
|
+
_ref$sectionsColor = _ref.sectionsColor,
|
|
10785
|
+
sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
|
|
10786
|
+
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10787
|
+
activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
|
|
10788
|
+
_ref$text = _ref.text,
|
|
10789
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10790
|
+
_ref$textColor = _ref.textColor,
|
|
10791
|
+
textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
|
|
10792
|
+
_ref$strengthLabel = _ref.strengthLabel,
|
|
10793
|
+
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10794
|
+
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10795
|
+
strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
|
|
10796
|
+
|
|
10797
|
+
var setSectionColor = function setSectionColor(index) {
|
|
10798
|
+
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10799
|
+
};
|
|
10800
|
+
|
|
10801
|
+
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10802
|
+
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10803
|
+
};
|
|
10804
|
+
|
|
10805
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10806
|
+
"data-testid": "password-strength-container"
|
|
10807
|
+
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10808
|
+
"data-testid": "password-strength-sections"
|
|
10809
|
+
}, Array.from({
|
|
10810
|
+
length: sections
|
|
10811
|
+
}, function (_section, i) {
|
|
10812
|
+
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10813
|
+
key: i,
|
|
10814
|
+
color: setSectionColor(i),
|
|
10815
|
+
"data-testid": setSectionDataTestId(i)
|
|
10816
|
+
});
|
|
10817
|
+
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10818
|
+
color: textColor,
|
|
10819
|
+
"data-testid": "password-strength-text"
|
|
10820
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10821
|
+
level: 6
|
|
10822
|
+
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10823
|
+
color: strengthLabelColor,
|
|
10824
|
+
"data-testid": "password-strength-label"
|
|
10825
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10826
|
+
level: 2
|
|
10827
|
+
}, strengthLabel))));
|
|
10828
|
+
};
|
|
10829
|
+
|
|
10830
|
+
var _templateObject$1j, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$v;
|
|
10831
|
+
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10832
|
+
var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey);
|
|
10833
|
+
var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey);
|
|
10834
|
+
var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref) {
|
|
10548
10835
|
var isActive = _ref.isActive;
|
|
10549
10836
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
10550
10837
|
}, Colors.MidGrey);
|
|
10551
|
-
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$
|
|
10838
|
+
var MobileMenuList = /*#__PURE__*/styled.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) {
|
|
10552
10839
|
var isOpen = _ref2.isOpen;
|
|
10553
10840
|
return isOpen ? 'block' : 'none';
|
|
10554
10841
|
}, Colors.White, Colors.DarkGrey, MenuItem$1);
|
|
@@ -10718,106 +11005,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10718
11005
|
});
|
|
10719
11006
|
};
|
|
10720
11007
|
|
|
10721
|
-
var _templateObject$
|
|
10722
|
-
var
|
|
10723
|
-
var Sections = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10724
|
-
var Section = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10725
|
-
var color = _ref.color;
|
|
10726
|
-
return "var(--base-color-" + color + ")";
|
|
10727
|
-
});
|
|
10728
|
-
var BottomLine = /*#__PURE__*/styled.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"])));
|
|
10729
|
-
var Text = /*#__PURE__*/styled.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10730
|
-
var color = _ref2.color;
|
|
10731
|
-
return "var(--base-color-" + color + ")";
|
|
10732
|
-
});
|
|
10733
|
-
var LabelText = /*#__PURE__*/styled.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10734
|
-
var color = _ref3.color;
|
|
10735
|
-
return "var(--base-color-" + color + ")";
|
|
10736
|
-
});
|
|
10737
|
-
|
|
10738
|
-
/**
|
|
10739
|
-
* Password strength indicator component.
|
|
10740
|
-
* This renders some number of lines (6 by default)
|
|
10741
|
-
* which should become active when the user improves
|
|
10742
|
-
* the strength of the entered password.
|
|
10743
|
-
*
|
|
10744
|
-
* ## Sections
|
|
10745
|
-
* To set number of sections it should be passed
|
|
10746
|
-
* as `sections` prop.
|
|
10747
|
-
*
|
|
10748
|
-
* ## Active section
|
|
10749
|
-
* To set number of active sections it should be passed
|
|
10750
|
-
* as `activeSections` prop.
|
|
10751
|
-
*
|
|
10752
|
-
* ## Colors
|
|
10753
|
-
* Color of every element can be controlled by properties:
|
|
10754
|
-
* `sectionsColor`, `activeSectionsColor`,
|
|
10755
|
-
* `textColor`, `strengthLabelColor`.
|
|
10756
|
-
*
|
|
10757
|
-
* ## Text
|
|
10758
|
-
* `text` prop is used to render some message.
|
|
10759
|
-
* For example error (together with proper red color)
|
|
10760
|
-
* or some password requirement. It can be empty.
|
|
10761
|
-
*
|
|
10762
|
-
* ## Strength label
|
|
10763
|
-
* `strengthLabel` prop is used to render strength characteristic
|
|
10764
|
-
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10765
|
-
* It can be empty.
|
|
10766
|
-
*/
|
|
10767
|
-
|
|
10768
|
-
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10769
|
-
var _ref$sections = _ref.sections,
|
|
10770
|
-
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10771
|
-
_ref$activeSections = _ref.activeSections,
|
|
10772
|
-
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10773
|
-
_ref$sectionsColor = _ref.sectionsColor,
|
|
10774
|
-
sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
|
|
10775
|
-
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10776
|
-
activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
|
|
10777
|
-
_ref$text = _ref.text,
|
|
10778
|
-
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10779
|
-
_ref$textColor = _ref.textColor,
|
|
10780
|
-
textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
|
|
10781
|
-
_ref$strengthLabel = _ref.strengthLabel,
|
|
10782
|
-
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10783
|
-
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10784
|
-
strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
|
|
10785
|
-
|
|
10786
|
-
var setSectionColor = function setSectionColor(index) {
|
|
10787
|
-
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10788
|
-
};
|
|
10789
|
-
|
|
10790
|
-
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10791
|
-
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10792
|
-
};
|
|
10793
|
-
|
|
10794
|
-
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10795
|
-
"data-testid": "password-strength-container"
|
|
10796
|
-
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10797
|
-
"data-testid": "password-strength-sections"
|
|
10798
|
-
}, Array.from({
|
|
10799
|
-
length: sections
|
|
10800
|
-
}, function (_section, i) {
|
|
10801
|
-
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10802
|
-
key: i,
|
|
10803
|
-
color: setSectionColor(i),
|
|
10804
|
-
"data-testid": setSectionDataTestId(i)
|
|
10805
|
-
});
|
|
10806
|
-
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10807
|
-
color: textColor,
|
|
10808
|
-
"data-testid": "password-strength-text"
|
|
10809
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10810
|
-
level: 6
|
|
10811
|
-
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10812
|
-
color: strengthLabelColor,
|
|
10813
|
-
"data-testid": "password-strength-label"
|
|
10814
|
-
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10815
|
-
level: 2
|
|
10816
|
-
}, strengthLabel))));
|
|
10817
|
-
};
|
|
10818
|
-
|
|
10819
|
-
var _templateObject$1i, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10820
|
-
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11008
|
+
var _templateObject$1k, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
11009
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10821
11010
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10822
11011
|
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10823
11012
|
var TableHeader = /*#__PURE__*/styled.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) {
|
|
@@ -10831,13 +11020,13 @@ var TableCell = /*#__PURE__*/styled.td(_templateObject5$w || (_templateObject5$w
|
|
|
10831
11020
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10832
11021
|
}, devices.mobile);
|
|
10833
11022
|
var Pagination$1 = /*#__PURE__*/styled.div(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\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: none;\n }\n"])));
|
|
10834
|
-
var PageNumber$1 = /*#__PURE__*/styled.button(_templateObject7$
|
|
11023
|
+
var PageNumber$1 = /*#__PURE__*/styled.button(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\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\n /* Active state */\n ", "\n"])), function (_ref) {
|
|
10835
11024
|
var active = _ref.active;
|
|
10836
11025
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
10837
11026
|
});
|
|
10838
11027
|
var Next = /*#__PURE__*/styled.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"])));
|
|
10839
11028
|
var ScrollButtons = /*#__PURE__*/styled.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"])));
|
|
10840
|
-
var AriaDescription$1 = /*#__PURE__*/styled.
|
|
11029
|
+
var AriaDescription$1 = /*#__PURE__*/styled.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"])));
|
|
10841
11030
|
|
|
10842
11031
|
var Content = function Content(_ref) {
|
|
10843
11032
|
var content = _ref.content;
|
|
@@ -11100,8 +11289,8 @@ var LiveChat = function LiveChat() {
|
|
|
11100
11289
|
});
|
|
11101
11290
|
};
|
|
11102
11291
|
|
|
11103
|
-
var _templateObject$
|
|
11104
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
11292
|
+
var _templateObject$1l, _templateObject2$Z;
|
|
11293
|
+
var StickyBarWrapper = /*#__PURE__*/styled.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);
|
|
11105
11294
|
var StickyBarGrid = /*#__PURE__*/styled(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) {
|
|
11106
11295
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
11107
11296
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -11130,8 +11319,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
11130
11319
|
}, children)));
|
|
11131
11320
|
};
|
|
11132
11321
|
|
|
11133
|
-
var _templateObject$
|
|
11134
|
-
var InnerModal = /*#__PURE__*/styled.div(_templateObject$
|
|
11322
|
+
var _templateObject$1m, _templateObject2$_, _templateObject3$P, _templateObject4$E;
|
|
11323
|
+
var InnerModal = /*#__PURE__*/styled.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);
|
|
11135
11324
|
var CloseButton = /*#__PURE__*/styled.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);
|
|
11136
11325
|
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11137
11326
|
var Overlay = /*#__PURE__*/styled(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"])));
|
|
@@ -11254,8 +11443,73 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11254
11443
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11255
11444
|
};
|
|
11256
11445
|
|
|
11257
|
-
var _templateObject$
|
|
11258
|
-
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1l || (_templateObject$1l = /*#__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) {
|
|
11446
|
+
var _templateObject$1n, _templateObject2$$;
|
|
11447
|
+
var FiltersWrapper = /*#__PURE__*/styled.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);
|
|
11448
|
+
var FilterItemsWrapper = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n column-gap: 16px;\n row-gap: 12px;\n"])));
|
|
11449
|
+
|
|
11450
|
+
/**
|
|
11451
|
+
* A FilterToggles component that renders a labelled group of toggle buttons
|
|
11452
|
+
* for filtering page content.
|
|
11453
|
+
*
|
|
11454
|
+
* # Usage
|
|
11455
|
+
* This component is designed to be used within a filter context, where multiple items
|
|
11456
|
+
* can be toggled on or off. The parent component should handle the toggling and filtering logic.
|
|
11457
|
+
* toggling logic and state should be passed to filter Toggles as onclickHandler and selectedItems props.
|
|
11458
|
+
*
|
|
11459
|
+
* # Props
|
|
11460
|
+
* - `filterItems`: Array of filter items to be displayed as toggle buttons. Each item should
|
|
11461
|
+
* be an object with a param string, label string, and disableIfActive array containing
|
|
11462
|
+
* params of items to be untoggled when the given item is toggled on.
|
|
11463
|
+
* - `onClickHandler`: Function to handle the click event on each toggle button.
|
|
11464
|
+
* - `selectedItems`: Array of selected filter item parameters. Likely to be a piece of state
|
|
11465
|
+
* mutated by onClickHandler in the parent component.
|
|
11466
|
+
* - `title`: String for the title of the filter section.
|
|
11467
|
+
*
|
|
11468
|
+
* # Design and Accessibility
|
|
11469
|
+
* - aria-labelledby is used to associate the filter section with a label.
|
|
11470
|
+
* - The component is designed to be keyboard-navigable.
|
|
11471
|
+
*/
|
|
11472
|
+
|
|
11473
|
+
var FilterToggles = function FilterToggles(_ref) {
|
|
11474
|
+
var filterItems = _ref.filterItems,
|
|
11475
|
+
onClickHandler = _ref.onClickHandler,
|
|
11476
|
+
_ref$selectedItems = _ref.selectedItems,
|
|
11477
|
+
selectedItems = _ref$selectedItems === void 0 ? [] : _ref$selectedItems,
|
|
11478
|
+
_ref$title = _ref.title,
|
|
11479
|
+
title = _ref$title === void 0 ? 'Filter' : _ref$title;
|
|
11480
|
+
|
|
11481
|
+
var onFilterItemClick = function onFilterItemClick(filter) {
|
|
11482
|
+
return onClickHandler(filter);
|
|
11483
|
+
};
|
|
11484
|
+
|
|
11485
|
+
var onKeyDownHandler = function onKeyDownHandler(e, filterItem) {
|
|
11486
|
+
if (e.key === 'Enter') onFilterItemClick(filterItem);
|
|
11487
|
+
};
|
|
11488
|
+
|
|
11489
|
+
var isFilterSelected = function isFilterSelected(filterItem) {
|
|
11490
|
+
return selectedItems.includes(filterItem.param);
|
|
11491
|
+
};
|
|
11492
|
+
|
|
11493
|
+
var ariaLabelledBy = "filter-label-" + generateDomElementId();
|
|
11494
|
+
return /*#__PURE__*/React__default.createElement(FiltersWrapper, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
11495
|
+
level: 1,
|
|
11496
|
+
id: ariaLabelledBy
|
|
11497
|
+
}, title), /*#__PURE__*/React__default.createElement(FilterItemsWrapper, null,
|
|
11498
|
+
/* eslint-disable react/no-array-index-key */
|
|
11499
|
+
filterItems.map(function (filterItem, index) {
|
|
11500
|
+
return /*#__PURE__*/React__default.createElement(ToggleButton, {
|
|
11501
|
+
key: "filter-item-" + index,
|
|
11502
|
+
isToggleOn: isFilterSelected(filterItem),
|
|
11503
|
+
onFilterItemClick: onFilterItemClick,
|
|
11504
|
+
onKeyDownHandler: onKeyDownHandler,
|
|
11505
|
+
item: filterItem,
|
|
11506
|
+
ariaLabelledBy: ariaLabelledBy
|
|
11507
|
+
});
|
|
11508
|
+
})));
|
|
11509
|
+
};
|
|
11510
|
+
|
|
11511
|
+
var _templateObject$1o;
|
|
11512
|
+
var GlobalStyles = /*#__PURE__*/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) {
|
|
11259
11513
|
var theme = _ref.theme;
|
|
11260
11514
|
return theme.colors.primary;
|
|
11261
11515
|
}, function (_ref2) {
|
|
@@ -12196,5 +12450,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1l || (_templa
|
|
|
12196
12450
|
return theme.fonts.tablet.sizes.body[1];
|
|
12197
12451
|
}, devices.desktop, devices.largeDesktop);
|
|
12198
12452
|
|
|
12199
|
-
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, IInformationBackgroundColour, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, zIndexes };
|
|
12453
|
+
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, FilterToggles, Footer, GlobalStyles, Grid, GridItem, GridItemLegacy, Header, IInformationBackgroundColour, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, ToggleButton, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, zIndexes };
|
|
12200
12454
|
//# sourceMappingURL=chord.esm.js.map
|