@royaloperahouse/chord 2.3.3-c-chord-development → 2.4.0-a-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/dist/chord.cjs.development.js +437 -388
- 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 +438 -389
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Icons/Icons.d.ts +1 -1
- package/dist/components/atoms/Icons/SvgIcons/Descriptors/Wheelchair.svg.d.ts +1 -1
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +1 -1
- package/dist/components/molecules/Select/Select.style.d.ts +1 -1
- package/dist/components/molecules/Table/Table.style.d.ts +1 -0
- package/dist/types/iconTypes.d.ts +5 -0
- package/dist/types/tableTypes.d.ts +4 -0
- package/package.json +1 -1
|
@@ -223,19 +223,83 @@ var StreamBadge = function StreamBadge(_ref) {
|
|
|
223
223
|
|
|
224
224
|
var CinemaBadge = function CinemaBadge(_ref) {
|
|
225
225
|
var _ref$fillColor = _ref.fillColor,
|
|
226
|
-
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor
|
|
226
|
+
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor,
|
|
227
|
+
_ref$align = _ref.align,
|
|
228
|
+
align = _ref$align === void 0 ? 'center' : _ref$align;
|
|
227
229
|
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
228
230
|
fillColor: fillColor,
|
|
229
231
|
width: "100%",
|
|
230
232
|
height: "100%",
|
|
231
|
-
viewBox: "
|
|
232
|
-
fill: "none",
|
|
233
|
+
viewBox: "110 450 865 200",
|
|
233
234
|
xmlns: "http://www.w3.org/2000/svg"
|
|
234
|
-
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
235
|
-
d: "
|
|
236
|
-
})
|
|
237
|
-
|
|
238
|
-
|
|
235
|
+
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
236
|
+
d: "M416.26,485.21c0-9.38-6.6-14.94-18.59-14.94h-23.1v60.79h22.84c13.2,0,20.58-7.12,20.58-17.97\n\t\t\t\tc0-7.3-4.86-13.11-13.46-14.07C412.43,497.88,416.26,491.54,416.26,485.21z M388.73,481.3h5.47c5.47,0,7.64,2.69,7.64,6.51\n\t\t\t\tc0,3.82-2.17,6.51-7.73,6.51h-5.38V481.3z M395.24,519.59h-6.51v-14.59h6.42c4.95,0,8.43,2.69,8.43,7.29\n\t\t\t\tC403.58,516.81,400.19,519.59,395.24,519.59z"
|
|
237
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
238
|
+
d: "M773.51,500.66c0-18.15-13.89-31.7-32.56-31.7c-18.58,0-32.56,13.54-32.56,31.7\n\t\t\t\tc0,18.15,13.98,31.7,32.56,31.7C759.61,532.36,773.51,518.81,773.51,500.66z M722.88,500.66c0-10.59,7.81-18.58,18.06-18.58\n\t\t\t\tc10.33,0,18.06,7.99,18.06,18.58c0,10.59-7.73,18.58-18.06,18.58C730.7,519.25,722.88,511.26,722.88,500.66z"
|
|
239
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
240
|
+
d: "M435.19,518.9h19.19l3.73,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76L435.19,518.9z\n\t\t\t\t M444.74,487.55l5.82,18.85h-11.64L444.74,487.55z"
|
|
241
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
242
|
+
points: "475.31,470.27 475.31,531.06 506.57,531.06 506.57,518.38 489.46,518.38 489.46,470.27"
|
|
243
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
244
|
+
points: "609.65,531.06 609.65,482.95 623.28,482.95 623.28,470.27 581.86,470.27 581.86,482.95 \n\t\t\t\t595.49,482.95 595.49,531.06"
|
|
245
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
246
|
+
points: "578.03,482.95 578.03,470.27 545.91,470.27 545.91,531.06 578.03,531.06 578.03,518.38 \n\t\t\t\t560.06,518.38 560.06,506.74 574.47,506.74 574.47,494.06 560.06,494.06 560.06,482.95"
|
|
247
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
248
|
+
points: "324.21,470.27 324.21,531.06 355.47,531.06 355.47,518.38 338.36,518.38 338.36,470.27"
|
|
249
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
250
|
+
points: "510.82,470.27 510.82,531.06 542.09,531.06 542.09,518.38 524.98,518.38 524.98,470.27"
|
|
251
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
252
|
+
d: "M284,518.9h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76L284,518.9z M293.55,487.55\n\t\t\t\tl5.82,18.85h-11.64L293.55,487.55z"
|
|
253
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
254
|
+
d: "M635.7,511c0,12.24,9.38,21.36,22.49,21.36c7.21,0,13.2-2.78,18.24-7.38l4.86,6.08h17.8l-13.37-16.59\n\t\t\t\tl9.81-14.33l-10.85-7.47l-7.64,11.12l-16.85-20.84h18.93v-12.68h-36.64v12.68l6.68,8.25C640.21,495.54,635.7,502.66,635.7,511z\n\t\t\t\t M657.06,501.01l11.29,14.07c-2.26,2.34-5.21,4.17-9.03,4.17c-5.64,0-9.21-4-9.21-8.77\n\t\t\t\tC650.11,506.22,652.98,502.66,657.06,501.01z"
|
|
255
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
256
|
+
d: "M176.32,529.41c-9.38-5.9-17.02-14.16-22.06-23.01c6.6-3.04,10.6-9.29,10.6-17.02\n\t\t\t\tc0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.84h5.13c6.16,12.68,16.06,24.49,27.87,31.78h0L176.32,529.41z\n\t\t\t\t M141.67,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47C150.36,493.72,147.93,496.93,141.67,496.93z"
|
|
257
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
258
|
+
d: "M923.39,470.27l-19.45,57.31l-11.03-20.75c7.12-2.95,11.46-9.38,11.46-17.45\n\t\t\t\tc0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.58h3.56l11.55,22.58h27.62l3.73-12.16h19.19l3.74,12.16h14.76\n\t\t\t\tl-20.67-60.79H923.39z M881.19,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47C889.87,493.72,887.44,496.93,881.19,496.93z\n\t\t\t\t M924.95,506.39l5.82-18.85l5.82,18.85H924.95z"
|
|
259
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
260
|
+
d: "M800.43,508.48c12.33,0,20.58-7.99,20.58-19.11c0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.16v-22.58\n\t\t\t\tH800.43z M791.4,481.91h6.42c6.25,0,8.68,3.21,8.68,7.47c0,4.34-2.43,7.56-8.68,7.56h-6.42V481.91z"
|
|
261
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
262
|
+
d: "M200.55,468.97c-18.58,0-32.56,13.54-32.56,31.7c0,18.15,13.98,31.7,32.56,31.7\n\t\t\t\tc18.67,0,32.56-13.55,32.56-31.7C233.11,482.51,219.22,468.97,200.55,468.97z M200.55,519.25c-10.25,0-18.06-7.99-18.06-18.58\n\t\t\t\tc0-10.59,7.81-18.58,18.06-18.58c10.33,0,18.06,7.99,18.06,18.58C218.61,511.26,210.88,519.25,200.55,519.25z"
|
|
263
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
264
|
+
points: "253.87,490.41 241.89,470.27 225.82,470.27 246.75,504.92 246.75,531.06 260.9,531.06 \n\t\t\t\t260.9,504.74 281.74,470.27 265.76,470.27"
|
|
265
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
266
|
+
points: "856.79,482.95 856.79,470.27 824.66,470.27 824.66,531.06 856.79,531.06 856.79,518.38 \n\t\t\t\t838.81,518.38 838.81,506.74 853.23,506.74 853.23,494.06 838.81,494.06 838.81,482.95"
|
|
267
|
+
}))), align === 'left' && /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
268
|
+
d: "M121.69,630.37v-62.3h8.01v62.3H121.69z"
|
|
269
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
270
|
+
d: "M179.27,630.37l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H179.27z"
|
|
271
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
272
|
+
d: "M266.85,608.12c0,5.79-1.25,10.86-3.92,14.86c-3.83,5.88-9.97,8.72-17.18,8.72c-8.1,0-13.8-3.56-17.44-8.63\n\t\t\tc-4.81-6.59-6.41-15.75-6.41-23.85c0.09-14.86,5.79-32.49,23.94-32.49c11.48,0,19.23,8.63,19.23,19.05c0,1.07-0.09,2.49-0.36,3.65\n\t\t\tl-7.92,0.45c0.18-0.98,0.27-2.14,0.27-3.38c0-6.85-4.01-12.64-11.21-12.64c-12.37,0-15.93,14.6-15.93,25.37\n\t\t\tc0,5.16,0.8,12.28,3.47,17.36c2.49,4.72,6.68,8.01,12.37,8.01c9.43,0,12.82-7.48,13.17-16.91L266.85,608.12z"
|
|
273
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
274
|
+
d: "M278.95,630.37v-62.3h8.01v62.3H278.95z"
|
|
275
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
276
|
+
d: "M336.53,630.37l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.34,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H336.53z"
|
|
277
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
278
|
+
d: "M360.74,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H360.74z"
|
|
279
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
280
|
+
d: "M453.75,630.37v-37.83c0-2.22,0-4.09,0.09-6.23c-0.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72\n\t\t\tc-0.98-2.31-1.42-3.65-2.23-6.23c0.09,2.14,0.09,4.01,0.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07\n\t\t\tc1.25,3.03,1.69,4.18,2.67,6.76c0.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3H453.75z"
|
|
281
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
282
|
+
d: "M511.42,630.37l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3H511.42z M496.91,584.53\n\t\t\tc-0.89-2.76-1.16-3.92-1.42-5.16c-0.27,1.25-0.53,2.4-1.42,5.16l-7.57,24.48h18.07L496.91,584.53z"
|
|
283
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
284
|
+
d: "M555.38,588.98c0.36-1.96,0.53-3.12,0.53-5.25c0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88\n\t\t\tc0,7.83,8.19,9.17,15.22,11.84c7.21,2.76,16.02,6.41,16.02,17.98c0,11.3-9.08,18.16-20.47,18.16s-20.47-6.85-20.47-18.16\n\t\t\tc0-2.58,0.53-4.54,1.07-5.87l7.92-0.45c-0.62,2.05-0.98,4.01-0.98,6.32c0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04\n\t\t\tc0-8.19-8.99-10.24-14.95-12.37c-8.37-3.03-16.29-6.59-16.29-17.62c0-10.5,8.63-16.82,18.69-16.82s18.69,6.32,18.69,16.82\n\t\t\tc0,1.69-0.27,3.74-0.62,4.9L555.38,588.98z"
|
|
285
|
+
})), align === 'center' && /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
286
|
+
d: "M319.77,626.67v-62.3h8.01v62.3H319.77z"
|
|
287
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
288
|
+
d: "M377.35,626.67l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H377.35z"
|
|
289
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
290
|
+
d: "M464.92,604.42c0,5.79-1.25,10.86-3.92,14.86c-3.83,5.88-9.97,8.72-17.18,8.72c-8.1,0-13.8-3.56-17.45-8.63\n\t\t\tc-4.81-6.59-6.41-15.75-6.41-23.85c0.09-14.86,5.79-32.49,23.94-32.49c11.48,0,19.22,8.63,19.22,19.05c0,1.07-0.09,2.49-0.36,3.65\n\t\t\tl-7.92,0.45c0.18-0.98,0.27-2.14,0.27-3.38c0-6.85-4-12.64-11.21-12.64c-12.37,0-15.93,14.6-15.93,25.37\n\t\t\tc0,5.16,0.8,12.28,3.47,17.36c2.49,4.72,6.68,8.01,12.37,8.01c9.43,0,12.82-7.48,13.17-16.91L464.92,604.42z"
|
|
291
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
292
|
+
d: "M477.03,626.67v-62.3h8.01v62.3H477.03z"
|
|
293
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
294
|
+
d: "M534.61,626.67l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H534.61z"
|
|
295
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
296
|
+
d: "M558.81,626.67v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H558.81z"
|
|
297
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
298
|
+
d: "M651.82,626.67v-37.83c0-2.22,0-4.09,0.09-6.23c-0.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72\n\t\t\tc-0.98-2.31-1.42-3.65-2.23-6.23c0.09,2.14,0.09,4.01,0.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07\n\t\t\tc1.25,3.03,1.69,4.18,2.67,6.76c0.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3H651.82z"
|
|
299
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
300
|
+
d: "M709.49,626.67l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3H709.49z M694.98,580.84\n\t\t\tc-0.89-2.76-1.16-3.92-1.42-5.16c-0.27,1.25-0.53,2.4-1.42,5.16l-7.57,24.48h18.07L694.98,580.84z"
|
|
301
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
302
|
+
d: "M753.46,585.29c0.36-1.96,0.53-3.12,0.53-5.25c0-6.14-4.54-9.88-10.68-9.88c-6.14,0-10.68,3.74-10.68,9.88\n\t\t\tc0,7.83,8.19,9.17,15.22,11.84c7.21,2.76,16.02,6.41,16.02,17.98c0,11.3-9.08,18.16-20.47,18.16s-20.47-6.85-20.47-18.16\n\t\t\tc0-2.58,0.53-4.54,1.07-5.87l7.92-0.45c-0.62,2.05-0.98,4.01-0.98,6.32c0,7.03,5.43,11.04,12.46,11.04c7.03,0,12.46-4,12.46-11.04\n\t\t\tc0-8.19-8.99-10.24-14.95-12.37c-8.37-3.03-16.29-6.59-16.29-17.62c0-10.5,8.63-16.82,18.69-16.82S762,569.36,762,579.86\n\t\t\tc0,1.69-0.27,3.74-0.62,4.9L753.46,585.29z"
|
|
239
303
|
}))));
|
|
240
304
|
};
|
|
241
305
|
|
|
@@ -1481,13 +1545,15 @@ var Tickets = (function (_ref) {
|
|
|
1481
1545
|
|
|
1482
1546
|
var Wheelchair = (function (_ref) {
|
|
1483
1547
|
var _ref$color = _ref.color,
|
|
1484
|
-
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color
|
|
1548
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
1549
|
+
ariaLabel = _ref.ariaLabel;
|
|
1485
1550
|
return /*#__PURE__*/React.createElement("svg", {
|
|
1486
1551
|
width: "100%",
|
|
1487
1552
|
height: "100%",
|
|
1488
1553
|
viewBox: "0 0 24 24",
|
|
1489
1554
|
fill: "none",
|
|
1490
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1555
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1556
|
+
"aria-label": ariaLabel
|
|
1491
1557
|
}, /*#__PURE__*/React.createElement("path", {
|
|
1492
1558
|
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",
|
|
1493
1559
|
fill: color
|
|
@@ -2368,7 +2434,8 @@ var Icon = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
2368
2434
|
color = _ref.color,
|
|
2369
2435
|
iconName = _ref.iconName,
|
|
2370
2436
|
title = _ref.title,
|
|
2371
|
-
direction = _ref.direction
|
|
2437
|
+
direction = _ref.direction,
|
|
2438
|
+
ariaLabel = _ref.ariaLabel;
|
|
2372
2439
|
var IconComponent = IconLibrary[iconName];
|
|
2373
2440
|
return /*#__PURE__*/React.createElement(Wrapper, {
|
|
2374
2441
|
className: className,
|
|
@@ -2376,7 +2443,8 @@ var Icon = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
2376
2443
|
title: title,
|
|
2377
2444
|
direction: direction
|
|
2378
2445
|
}, /*#__PURE__*/React.createElement(IconComponent, {
|
|
2379
|
-
color: color
|
|
2446
|
+
color: color,
|
|
2447
|
+
ariaLabel: ariaLabel
|
|
2380
2448
|
}));
|
|
2381
2449
|
});
|
|
2382
2450
|
Icon.displayName = 'Icon';
|
|
@@ -3980,21 +4048,6 @@ var TextLink = function TextLink(_ref) {
|
|
|
3980
4048
|
})) : null);
|
|
3981
4049
|
};
|
|
3982
4050
|
|
|
3983
|
-
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
3984
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 10px;\n margin-top: 140px;\n display: grid;\n grid-template-columns: repeat(2, auto);\n font-family: var(--font-family-header);\n font-size: ", ";\n color: ", ";\n width: auto;\n margin: auto;\n"])), function (_ref) {
|
|
3985
|
-
var fontSize = _ref.fontSize;
|
|
3986
|
-
return fontSize + 'px';
|
|
3987
|
-
}, function (_ref2) {
|
|
3988
|
-
var color = _ref2.color;
|
|
3989
|
-
return color;
|
|
3990
|
-
});
|
|
3991
|
-
var LogoRightSide = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 10px;\n font-weight: 500;\n letter-spacing: 1px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
3992
|
-
var LogoLeftSide = /*#__PURE__*/styled__default.div(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-right: 1px solid ", ";\n padding-right: 10px;\n letter-spacing: 2px;\n display: flex;\n flex-direction: column;\n"])), function (_ref3) {
|
|
3993
|
-
var color = _ref3.color;
|
|
3994
|
-
return color;
|
|
3995
|
-
});
|
|
3996
|
-
var LogoLeftSideRow = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n font-weight: 400;\n"])));
|
|
3997
|
-
|
|
3998
4051
|
var TextLogoProduct;
|
|
3999
4052
|
|
|
4000
4053
|
(function (TextLogoProduct) {
|
|
@@ -4002,25 +4055,12 @@ var TextLogoProduct;
|
|
|
4002
4055
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4003
4056
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4004
4057
|
|
|
4005
|
-
var
|
|
4006
|
-
|
|
4007
|
-
productName = _ref.productName,
|
|
4008
|
-
_ref$fontSize = _ref.fontSize,
|
|
4009
|
-
fontSize = _ref$fontSize === void 0 ? 12 : _ref$fontSize;
|
|
4010
|
-
return /*#__PURE__*/React.createElement(LogoWrapper, {
|
|
4011
|
-
color: color,
|
|
4012
|
-
fontSize: fontSize
|
|
4013
|
-
}, /*#__PURE__*/React.createElement(LogoLeftSide, {
|
|
4014
|
-
color: color
|
|
4015
|
-
}, /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "ROYAL"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "OPERA"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "HOUSE")), /*#__PURE__*/React.createElement(LogoRightSide, null, productName));
|
|
4016
|
-
};
|
|
4017
|
-
|
|
4018
|
-
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$7;
|
|
4019
|
-
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4058
|
+
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
4059
|
+
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4020
4060
|
var dark = _ref.dark;
|
|
4021
4061
|
return dark ? 'white' : 'errorstate';
|
|
4022
4062
|
});
|
|
4023
|
-
var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
4063
|
+
var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n width: fit-content;\n position: relative;\n padding-left: 32px;\n color: var(\n --base-color-", "\n );\n cursor: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n div {\n margin-left: -32px;\n }\n\n @media ", " {\n &:focus {\n outline: 0;\n }\n }\n"])), function (_ref2) {
|
|
4024
4064
|
var dark = _ref2.dark,
|
|
4025
4065
|
disabled = _ref2.disabled;
|
|
4026
4066
|
if (dark) return disabled ? 'lightgrey' : 'white';
|
|
@@ -4029,7 +4069,7 @@ var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$g || (_
|
|
|
4029
4069
|
var disabled = _ref3.disabled;
|
|
4030
4070
|
return disabled ? 'not-allowed' : 'pointer';
|
|
4031
4071
|
}, devices.mobileAndTablet);
|
|
4032
|
-
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4072
|
+
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n height: 20px;\n width: 20px;\n padding: 3px;\n box-sizing: border-box;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n outline: ", ";\n\n svg {\n display: none;\n }\n\n @media ", " {\n top: 0;\n }\n"])), function (_ref4) {
|
|
4033
4073
|
var dark = _ref4.dark,
|
|
4034
4074
|
disabled = _ref4.disabled,
|
|
4035
4075
|
error = _ref4.error;
|
|
@@ -4045,7 +4085,7 @@ var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$a || (
|
|
|
4045
4085
|
dark = _ref6.dark;
|
|
4046
4086
|
return dark && error ? '1px solid var(--base-color-errorstate)' : 'none';
|
|
4047
4087
|
}, devices.mobile);
|
|
4048
|
-
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$
|
|
4088
|
+
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n &:checked ~ ", " {\n background-color: var(\n --base-color-", "\n );\n & svg {\n display: block;\n path {\n fill: var(\n --base-color-", "\n );\n }\n }\n }\n"])), TickboxCheckmark, function (_ref7) {
|
|
4049
4089
|
var dark = _ref7.dark,
|
|
4050
4090
|
whiteBox = _ref7.whiteBox,
|
|
4051
4091
|
disabled = _ref7.disabled;
|
|
@@ -4137,9 +4177,9 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4137
4177
|
}, error)));
|
|
4138
4178
|
};
|
|
4139
4179
|
|
|
4140
|
-
var _templateObject$
|
|
4141
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4142
|
-
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4180
|
+
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4181
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4182
|
+
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__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) {
|
|
4143
4183
|
var error = _ref.error,
|
|
4144
4184
|
darkMode = _ref.darkMode,
|
|
4145
4185
|
disabled = _ref.disabled;
|
|
@@ -4162,7 +4202,7 @@ var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templat
|
|
|
4162
4202
|
if (blackBox) return 'var(--base-color-white)';
|
|
4163
4203
|
return ' var(--base-color-black)';
|
|
4164
4204
|
});
|
|
4165
|
-
var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$
|
|
4205
|
+
var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-left: 32px;\n input[type='checkbox'] {\n width: 1px;\n height: 1px;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n z-index: 0;\n &:checked + ", " {\n background-color: ", ";\n }\n &:focus + ", " {\n outline: ", ";\n }\n }\n"])), Tickbox$1, function (_ref4) {
|
|
4166
4206
|
var blackBox = _ref4.blackBox,
|
|
4167
4207
|
darkMode = _ref4.darkMode;
|
|
4168
4208
|
if (darkMode) return 'var(--base-color-white)';
|
|
@@ -4173,7 +4213,7 @@ var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$b || (_
|
|
|
4173
4213
|
if (darkMode) return '4px solid var(--base-color-lemonchiffon)';
|
|
4174
4214
|
return '3px solid var(--base-color-lapislazuli)';
|
|
4175
4215
|
});
|
|
4176
|
-
var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4216
|
+
var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n color: inherit;\n svg {\n font-size: 12px;\n width: 1em;\n height: 1em;\n fill: currentColor;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n input[type='checkbox']:checked + ", " & {\n display: block;\n }\n"])), Tickbox$1);
|
|
4177
4217
|
var TextLabel$3 = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref6) {
|
|
4178
4218
|
var darkMode = _ref6.darkMode,
|
|
4179
4219
|
disabled = _ref6.disabled;
|
|
@@ -4248,17 +4288,17 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4248
4288
|
}, error)));
|
|
4249
4289
|
});
|
|
4250
4290
|
|
|
4251
|
-
var _templateObject$
|
|
4252
|
-
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4291
|
+
var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4292
|
+
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4253
4293
|
var color = _ref.color;
|
|
4254
4294
|
return color;
|
|
4255
4295
|
});
|
|
4256
|
-
var Line = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4296
|
+
var Line = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1px;\n background-color: var(--base-color-", ");\n margin-top: 32px;\n\n @media ", " {\n margin-top: 20px;\n }\n"])), function (_ref2) {
|
|
4257
4297
|
var color = _ref2.color;
|
|
4258
4298
|
return color;
|
|
4259
4299
|
}, devices.mobileAndTablet);
|
|
4260
|
-
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4261
|
-
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4300
|
+
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 16px;\n\n @media ", " {\n margin-bottom: 8px;\n }\n"])), devices.mobileAndTablet);
|
|
4301
|
+
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n display: flex;\n\n @media ", " {\n font-size: var(--font-size-header-5);\n }\n"])), devices.tablet);
|
|
4262
4302
|
var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n margin-top: 4px;\n"])));
|
|
4263
4303
|
var TimerValueSeparator = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 20px;\n\n @media ", " {\n margin: 0 12px;\n }\n\n @media ", " {\n margin: 0 12px;\n }\n"])), devices.tablet, devices.mobile);
|
|
4264
4304
|
var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -4357,8 +4397,8 @@ var Timer = function Timer(_ref) {
|
|
|
4357
4397
|
}));
|
|
4358
4398
|
};
|
|
4359
4399
|
|
|
4360
|
-
var _templateObject$
|
|
4361
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4400
|
+
var _templateObject$v;
|
|
4401
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
|
|
4362
4402
|
|
|
4363
4403
|
var TypeTags = function TypeTags(_ref) {
|
|
4364
4404
|
var list = _ref.list;
|
|
@@ -5100,11 +5140,11 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
|
|
|
5100
5140
|
}
|
|
5101
5141
|
});
|
|
5102
5142
|
|
|
5103
|
-
var _templateObject$
|
|
5104
|
-
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$
|
|
5105
|
-
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
5106
|
-
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5107
|
-
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5143
|
+
var _templateObject$w, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5144
|
+
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
|
|
5145
|
+
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$i || (_templateObject2$i = /*#__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"])));
|
|
5146
|
+
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5147
|
+
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
|
|
5108
5148
|
var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
5109
5149
|
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
5110
5150
|
var VideoMute = /*#__PURE__*/styled__default.button(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 17px;\n height: 17px;\n background: none;\n border: none;\n padding: 0;\n svg {\n width: 100%;\n height: 100%;\n }\n cursor: pointer;\n"])));
|
|
@@ -5320,13 +5360,13 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5320
5360
|
})));
|
|
5321
5361
|
};
|
|
5322
5362
|
|
|
5323
|
-
var _templateObject$
|
|
5324
|
-
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5325
|
-
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5363
|
+
var _templateObject$x, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5364
|
+
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5365
|
+
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
5326
5366
|
var darkMode = _ref.darkMode;
|
|
5327
5367
|
return darkMode ? 'white' : 'errorstate';
|
|
5328
5368
|
});
|
|
5329
|
-
var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5369
|
+
var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 154px;\n height: 48px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n ", ";\n\n * {\n color: var(--base-color-", ");\n word-break: unset;\n user-select: none;\n }\n\n path {\n fill: var(--base-color-", ") !important;\n }\n\n & > * {\n width: 51px;\n }\n"])), function (_ref2) {
|
|
5330
5370
|
var darkMode = _ref2.darkMode,
|
|
5331
5371
|
disabled = _ref2.disabled,
|
|
5332
5372
|
error = _ref2.error;
|
|
@@ -5348,7 +5388,7 @@ var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templa
|
|
|
5348
5388
|
var disabled = _ref6.disabled;
|
|
5349
5389
|
return disabled ? 'midgrey' : 'black';
|
|
5350
5390
|
});
|
|
5351
|
-
var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$
|
|
5391
|
+
var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 51px;\n border: 0;\n text-align: center;\n font-family: var(--font-family-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n background-color: transparent;\n cursor: ", ";\n"])), function (_ref7) {
|
|
5352
5392
|
var disabled = _ref7.disabled;
|
|
5353
5393
|
return disabled ? 'not-allowed' : 'text';
|
|
5354
5394
|
});
|
|
@@ -5548,14 +5588,14 @@ var Component = function Component(_ref) {
|
|
|
5548
5588
|
}, error)));
|
|
5549
5589
|
};
|
|
5550
5590
|
|
|
5551
|
-
var _templateObject$
|
|
5552
|
-
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5591
|
+
var _templateObject$y, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5592
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5553
5593
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5554
5594
|
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 ";
|
|
5555
5595
|
});
|
|
5556
|
-
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5557
|
-
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
5558
|
-
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5596
|
+
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 100vw;\n position: absolute;\n z-index: ", ";\n opacity: 0.4;\n"])), zIndexes.searchOverlay);
|
|
5597
|
+
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--base-color-white);\n height: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 80px;\n }\n"])), zIndexes.navigation, devices.mobile);
|
|
5598
|
+
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n background-color: var(--base-color-white);\n height: 100px;\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 100%;\n top: 80px;\n }\n"])), function (_ref2) {
|
|
5559
5599
|
var visible = _ref2.visible;
|
|
5560
5600
|
return visible ? 'visible' : 'hidden';
|
|
5561
5601
|
}, zIndexes.search, devices.mobile);
|
|
@@ -5573,10 +5613,10 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_temp
|
|
|
5573
5613
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
5574
5614
|
var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
5575
5615
|
|
|
5576
|
-
var _templateObject$
|
|
5577
|
-
var LogoWrapper
|
|
5616
|
+
var _templateObject$z;
|
|
5617
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
5578
5618
|
|
|
5579
|
-
var Logo
|
|
5619
|
+
var Logo = function Logo(_ref) {
|
|
5580
5620
|
var _ref$id = _ref.id,
|
|
5581
5621
|
id = _ref$id === void 0 ? 'Logo' : _ref$id,
|
|
5582
5622
|
_ref$dataRoh = _ref.dataRoh,
|
|
@@ -5592,7 +5632,7 @@ var Logo$1 = function Logo(_ref) {
|
|
|
5592
5632
|
rel: "noopener noreferrer",
|
|
5593
5633
|
href: urlLink,
|
|
5594
5634
|
title: title
|
|
5595
|
-
}, /*#__PURE__*/React__default.createElement(LogoWrapper
|
|
5635
|
+
}, /*#__PURE__*/React__default.createElement(LogoWrapper, {
|
|
5596
5636
|
id: id,
|
|
5597
5637
|
className: "logoImg"
|
|
5598
5638
|
}, /*#__PURE__*/React__default.createElement("picture", null, /*#__PURE__*/React__default.createElement("source", {
|
|
@@ -5603,11 +5643,11 @@ var Logo$1 = function Logo(_ref) {
|
|
|
5603
5643
|
}))));
|
|
5604
5644
|
};
|
|
5605
5645
|
|
|
5606
|
-
var _templateObject$
|
|
5607
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5646
|
+
var _templateObject$A;
|
|
5647
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
|
|
5608
5648
|
|
|
5609
|
-
var _templateObject$
|
|
5610
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5649
|
+
var _templateObject$B, _templateObject2$l, _templateObject3$f, _templateObject4$c;
|
|
5650
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
|
|
5611
5651
|
var selected = _ref.selected,
|
|
5612
5652
|
colorPrimary = _ref.colorPrimary;
|
|
5613
5653
|
|
|
@@ -5635,9 +5675,9 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_te
|
|
|
5635
5675
|
|
|
5636
5676
|
return '';
|
|
5637
5677
|
});
|
|
5638
|
-
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5639
|
-
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5640
|
-
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
5678
|
+
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5679
|
+
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n width: 12px;\n height: 12px;\n position: absolute;\n top: 8px;\n margin-left: 6px;\n\n & .basket-num {\n color: white;\n font-size: 10px;\n font-family: var(--font-family-navigation);\n }\n"])));
|
|
5680
|
+
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n color: var(--base-color-black);\n margin-left: 6px;\n text-decoration: none;\n"])));
|
|
5641
5681
|
|
|
5642
5682
|
var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
|
|
5643
5683
|
if (!expiryUnixTimestamp) return 0;
|
|
@@ -5795,8 +5835,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
5795
5835
|
}, expiryTime ? basketText : text) : ''));
|
|
5796
5836
|
};
|
|
5797
5837
|
|
|
5798
|
-
var _templateObject$
|
|
5799
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5838
|
+
var _templateObject$C, _templateObject2$m;
|
|
5839
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
5800
5840
|
var selected = _ref.selected,
|
|
5801
5841
|
colorPrimary = _ref.colorPrimary;
|
|
5802
5842
|
|
|
@@ -5812,7 +5852,7 @@ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_te
|
|
|
5812
5852
|
var colorPrimary = _ref3.colorPrimary;
|
|
5813
5853
|
return colorPrimary;
|
|
5814
5854
|
});
|
|
5815
|
-
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5855
|
+
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5816
5856
|
|
|
5817
5857
|
var Search$1 = function Search(_ref) {
|
|
5818
5858
|
var _ref$selected = _ref.selected,
|
|
@@ -6088,23 +6128,23 @@ var NavTop = function NavTop(_ref) {
|
|
|
6088
6128
|
}));
|
|
6089
6129
|
};
|
|
6090
6130
|
|
|
6091
|
-
var _templateObject$
|
|
6092
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6093
|
-
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6131
|
+
var _templateObject$D, _templateObject2$n, _templateObject3$g, _templateObject4$d;
|
|
6132
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6133
|
+
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__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) {
|
|
6094
6134
|
if (props.showMenu) {
|
|
6095
6135
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
6096
6136
|
}
|
|
6097
6137
|
|
|
6098
6138
|
return "display: none;";
|
|
6099
6139
|
});
|
|
6100
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6140
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--base-color-", ");\n }\n }\n\n :hover {\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), function (_ref) {
|
|
6101
6141
|
var colorPrimary = _ref.colorPrimary;
|
|
6102
6142
|
return colorPrimary;
|
|
6103
6143
|
}, function (_ref2) {
|
|
6104
6144
|
var colorPrimary = _ref2.colorPrimary;
|
|
6105
6145
|
return colorPrimary;
|
|
6106
6146
|
}, devices.mobileAndTablet);
|
|
6107
|
-
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6147
|
+
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
6108
6148
|
|
|
6109
6149
|
var Tabs = function Tabs(_ref) {
|
|
6110
6150
|
var _ref$items = _ref.items,
|
|
@@ -6231,10 +6271,10 @@ var Tabs = function Tabs(_ref) {
|
|
|
6231
6271
|
}, "MENU"))));
|
|
6232
6272
|
};
|
|
6233
6273
|
|
|
6234
|
-
var _templateObject$
|
|
6235
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6236
|
-
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6237
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6274
|
+
var _templateObject$E, _templateObject2$o, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6275
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
6276
|
+
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6277
|
+
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
|
|
6238
6278
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
6239
6279
|
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6240
6280
|
var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n height: 24px;\n width: 24px;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
@@ -6418,7 +6458,7 @@ var Navigation = function Navigation(_ref) {
|
|
|
6418
6458
|
columnSpanDesktop: 1,
|
|
6419
6459
|
columnStartDevice: 2,
|
|
6420
6460
|
columnSpanDevice: 2
|
|
6421
|
-
}, /*#__PURE__*/React__default.createElement(LogoContainer, null, /*#__PURE__*/React__default.createElement(Logo
|
|
6461
|
+
}, /*#__PURE__*/React__default.createElement(LogoContainer, null, /*#__PURE__*/React__default.createElement(Logo, {
|
|
6422
6462
|
urlLink: logoLink,
|
|
6423
6463
|
desktopImage: desktopLogoUrl,
|
|
6424
6464
|
devicesImage: devicesLogoUrl
|
|
@@ -6469,18 +6509,18 @@ var Navigation = function Navigation(_ref) {
|
|
|
6469
6509
|
})))));
|
|
6470
6510
|
};
|
|
6471
6511
|
|
|
6472
|
-
var _templateObject$
|
|
6473
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
6474
|
-
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6475
|
-
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6476
|
-
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6512
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6513
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6514
|
+
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__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"])));
|
|
6515
|
+
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
|
|
6516
|
+
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6477
6517
|
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
6478
6518
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
6479
6519
|
|
|
6480
|
-
var _templateObject$
|
|
6481
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
6482
|
-
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
6483
|
-
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
6520
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$j;
|
|
6521
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
|
|
6522
|
+
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$q || (_templateObject2$q = /*#__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);
|
|
6523
|
+
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
6484
6524
|
|
|
6485
6525
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
6486
6526
|
var _ref$items = _ref.items,
|
|
@@ -6496,11 +6536,11 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6496
6536
|
}));
|
|
6497
6537
|
};
|
|
6498
6538
|
|
|
6499
|
-
var _templateObject$
|
|
6500
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6501
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6502
|
-
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6503
|
-
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
6539
|
+
var _templateObject$H, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6540
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
6541
|
+
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__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);
|
|
6542
|
+
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6543
|
+
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
6504
6544
|
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6505
6545
|
var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: var(--footer-media-gap);\n height: 60px;\n\n @media ", " {\n & {\n height: auto;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
6506
6546
|
var MediaIconWrapper = /*#__PURE__*/styled__default.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-media-icon-height);\n width: var(--footer-media-icon-width);\n"])));
|
|
@@ -6568,15 +6608,15 @@ var Footer = function Footer(_ref) {
|
|
|
6568
6608
|
}, additionalInfo)))));
|
|
6569
6609
|
};
|
|
6570
6610
|
|
|
6571
|
-
var _templateObject$
|
|
6611
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6572
6612
|
var LIST_ITEM_GAP = 32;
|
|
6573
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6613
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6574
6614
|
var bottomBorder = _ref.bottomBorder;
|
|
6575
6615
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
6576
6616
|
}, zIndexes.anchor);
|
|
6577
|
-
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
6578
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6579
|
-
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$
|
|
6617
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
6618
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
6619
|
+
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.48) 85%,\n rgba(235, 235, 235, 0.4) 99%,\n rgba(255, 255, 255, 0.39) 100%\n );\n }\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref2) {
|
|
6580
6620
|
var tabsOverflow = _ref2.tabsOverflow;
|
|
6581
6621
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
6582
6622
|
}, LIST_ITEM_GAP, function (_ref3) {
|
|
@@ -6834,17 +6874,17 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6834
6874
|
})) : null) : null))));
|
|
6835
6875
|
};
|
|
6836
6876
|
|
|
6837
|
-
var _templateObject$
|
|
6838
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6877
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
6878
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6839
6879
|
var sticky = _ref.sticky;
|
|
6840
6880
|
return sticky ? 'sticky' : 'initial';
|
|
6841
6881
|
}, zIndexes.anchor);
|
|
6842
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
6843
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6882
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
6883
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
|
|
6844
6884
|
var title = _ref2.title;
|
|
6845
6885
|
return title ? 'row' : 'row-reverse';
|
|
6846
6886
|
}, devices.tablet, devices.mobile);
|
|
6847
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6887
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
|
|
6848
6888
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
6849
6889
|
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
6850
6890
|
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
@@ -6895,14 +6935,14 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
6895
6935
|
}, message)));
|
|
6896
6936
|
};
|
|
6897
6937
|
|
|
6898
|
-
var _templateObject$
|
|
6899
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6900
|
-
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6901
|
-
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6938
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
6939
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
|
|
6940
|
+
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
6941
|
+
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
6902
6942
|
var theme = _ref.theme;
|
|
6903
6943
|
return theme.colors.primary;
|
|
6904
6944
|
}, exports.Colors.White);
|
|
6905
|
-
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6945
|
+
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
6906
6946
|
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
6907
6947
|
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
6908
6948
|
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n padding: 5px 0 8px 0;\n"])));
|
|
@@ -6976,8 +7016,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
6976
7016
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
6977
7017
|
};
|
|
6978
7018
|
|
|
6979
|
-
var _templateObject$
|
|
6980
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7019
|
+
var _templateObject$L;
|
|
7020
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
|
|
6981
7021
|
|
|
6982
7022
|
var UpsellCards = function UpsellCards(_ref) {
|
|
6983
7023
|
var upsellCards = _ref.upsellCards;
|
|
@@ -6995,19 +7035,19 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
6995
7035
|
}));
|
|
6996
7036
|
};
|
|
6997
7037
|
|
|
6998
|
-
var _templateObject$
|
|
6999
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7038
|
+
var _templateObject$M, _templateObject2$v, _templateObject3$o;
|
|
7039
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
|
|
7000
7040
|
var theme = _ref.theme;
|
|
7001
7041
|
return theme.colors.primary;
|
|
7002
7042
|
}, devices.mobile, devices.tablet);
|
|
7003
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7004
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7005
|
-
|
|
7006
|
-
var _templateObject$
|
|
7007
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7008
|
-
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7009
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7010
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7043
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
7044
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7045
|
+
|
|
7046
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$e;
|
|
7047
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7048
|
+
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7049
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
7050
|
+
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
7011
7051
|
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), devices.mobile);
|
|
7012
7052
|
|
|
7013
7053
|
var Accordion = function Accordion(_ref) {
|
|
@@ -7133,8 +7173,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
7133
7173
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7134
7174
|
};
|
|
7135
7175
|
|
|
7136
|
-
var _templateObject$
|
|
7137
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7176
|
+
var _templateObject$O;
|
|
7177
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7138
7178
|
|
|
7139
7179
|
var Accordions = function Accordions(_ref) {
|
|
7140
7180
|
var _ref$items = _ref.items,
|
|
@@ -7167,13 +7207,13 @@ var Theme = function Theme(_ref) {
|
|
|
7167
7207
|
}, children);
|
|
7168
7208
|
};
|
|
7169
7209
|
|
|
7170
|
-
var _templateObject$
|
|
7171
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7210
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$q;
|
|
7211
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
|
|
7172
7212
|
var theme = _ref.theme;
|
|
7173
7213
|
return theme.colors.primary;
|
|
7174
7214
|
}, devices.mobile);
|
|
7175
|
-
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7176
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7215
|
+
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n @media ", " {\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
7216
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-white);\n a {\n color: var(--base-color-white);\n text-decoration: underline;\n }\n"])));
|
|
7177
7217
|
|
|
7178
7218
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
7179
7219
|
var title = _ref.title,
|
|
@@ -7210,8 +7250,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7210
7250
|
}))))));
|
|
7211
7251
|
};
|
|
7212
7252
|
|
|
7213
|
-
var _templateObject$
|
|
7214
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
7253
|
+
var _templateObject$Q;
|
|
7254
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
7215
7255
|
var bgColor = _ref.bgColor,
|
|
7216
7256
|
theme = _ref.theme;
|
|
7217
7257
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7232,25 +7272,25 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7232
7272
|
}), children);
|
|
7233
7273
|
};
|
|
7234
7274
|
|
|
7235
|
-
var _templateObject$
|
|
7275
|
+
var _templateObject$R, _templateObject2$y, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$c, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
7236
7276
|
var LENGTH_LARGE_TEXT = 28;
|
|
7237
7277
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7238
7278
|
var LENGTH_TEXT_TABLET = 10;
|
|
7239
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7279
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
7240
7280
|
var isCardClickable = _ref.isCardClickable;
|
|
7241
7281
|
return isCardClickable ? 'pointer' : 'default';
|
|
7242
7282
|
}, function (_ref2) {
|
|
7243
7283
|
var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
|
|
7244
7284
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
7245
7285
|
});
|
|
7246
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7286
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: ", ";\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), function (_ref3) {
|
|
7247
7287
|
var lineColor = _ref3.lineColor,
|
|
7248
7288
|
theme = _ref3.theme;
|
|
7249
7289
|
if (lineColor === exports.Colors.Cinema) return 'var(--base-color-white)';
|
|
7250
7290
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
7251
7291
|
}, zIndexes.contentOverlay);
|
|
7252
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7253
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7292
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
7293
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref4) {
|
|
7254
7294
|
var fullWidth = _ref4.fullWidth;
|
|
7255
7295
|
return fullWidth ? '0' : '20px';
|
|
7256
7296
|
}, function (_ref5) {
|
|
@@ -7534,9 +7574,9 @@ var Card = function Card(_ref) {
|
|
|
7534
7574
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7535
7575
|
};
|
|
7536
7576
|
|
|
7537
|
-
var _templateObject$
|
|
7538
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7539
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
7577
|
+
var _templateObject$S, _templateObject2$z;
|
|
7578
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
7579
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7540
7580
|
|
|
7541
7581
|
var Cards = function Cards(_ref) {
|
|
7542
7582
|
var cards = _ref.cards,
|
|
@@ -7581,17 +7621,17 @@ var Cards = function Cards(_ref) {
|
|
|
7581
7621
|
}));
|
|
7582
7622
|
};
|
|
7583
7623
|
|
|
7584
|
-
var _templateObject$
|
|
7585
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7586
|
-
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7624
|
+
var _templateObject$T, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7625
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
|
|
7626
|
+
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__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) {
|
|
7587
7627
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7588
7628
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
7589
7629
|
}, function (_ref2) {
|
|
7590
7630
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
7591
7631
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
7592
7632
|
}, devices.mobileAndTablet);
|
|
7593
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7594
|
-
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7633
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7634
|
+
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
7595
7635
|
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n\n @media ", " {\n flex-direction: column;\n margin: 4px 0;\n }\n\n a {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-decoration: underline;\n\n &:before {\n display: inline-block;\n content: '';\n background-color: var(--base-color-black);\n width: 1px;\n height: 18px;\n margin: 0 8px -4px;\n\n @media ", " {\n display: none;\n }\n }\n\n &:first-child:before {\n display: none;\n }\n }\n"])), devices.mobile, devices.mobile);
|
|
7596
7636
|
|
|
7597
7637
|
var divideAddressString = function divideAddressString(address) {
|
|
@@ -7650,13 +7690,13 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7650
7690
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7651
7691
|
};
|
|
7652
7692
|
|
|
7653
|
-
var _templateObject$
|
|
7654
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
7655
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$
|
|
7693
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$d, _templateObject7$8;
|
|
7694
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7695
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$B || (_templateObject2$B = /*#__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) {
|
|
7656
7696
|
return props.clickable ? 'pointer' : 'default';
|
|
7657
7697
|
}, devices.mobile);
|
|
7658
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7659
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7698
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
7699
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 22px;\n\n & > * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n gap: 12px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
|
|
7660
7700
|
return props.showImage ? 2 : '1 / span 4';
|
|
7661
7701
|
}, devices.mobile);
|
|
7662
7702
|
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
|
|
@@ -7733,20 +7773,20 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7733
7773
|
}), link.text)));
|
|
7734
7774
|
};
|
|
7735
7775
|
|
|
7736
|
-
var _templateObject$
|
|
7737
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7776
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
7777
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
7738
7778
|
var imageToLeft = _ref.imageToLeft;
|
|
7739
7779
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7740
7780
|
}, devices.mobile);
|
|
7741
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7781
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
7742
7782
|
var imageToLeft = _ref2.imageToLeft;
|
|
7743
7783
|
return imageToLeft ? 'left' : 'right';
|
|
7744
7784
|
}, devices.mobile);
|
|
7745
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7785
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
7746
7786
|
var imageToLeft = _ref3.imageToLeft;
|
|
7747
7787
|
return imageToLeft ? 'right' : 'left';
|
|
7748
7788
|
}, devices.mobile);
|
|
7749
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
7789
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
7750
7790
|
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
7751
7791
|
|
|
7752
7792
|
var Editorial = function Editorial(_ref) {
|
|
@@ -7811,10 +7851,10 @@ var BackgroundColour;
|
|
|
7811
7851
|
BackgroundColour["White"] = "white";
|
|
7812
7852
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
7813
7853
|
|
|
7814
|
-
var _templateObject$
|
|
7815
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
7816
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
7817
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
7854
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
7855
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
7856
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7857
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
7818
7858
|
if (!props.infoThemed) {
|
|
7819
7859
|
return;
|
|
7820
7860
|
} else {
|
|
@@ -7825,7 +7865,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$w || (
|
|
|
7825
7865
|
}
|
|
7826
7866
|
}
|
|
7827
7867
|
});
|
|
7828
|
-
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
7868
|
+
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
7829
7869
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
7830
7870
|
}, function (props) {
|
|
7831
7871
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -7938,25 +7978,25 @@ var Information = function Information(_ref) {
|
|
|
7938
7978
|
}))));
|
|
7939
7979
|
};
|
|
7940
7980
|
|
|
7941
|
-
var _templateObject$
|
|
7942
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7981
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$9, _templateObject8$7;
|
|
7982
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
7943
7983
|
var theme = _ref.theme;
|
|
7944
7984
|
return theme.colors.primary;
|
|
7945
7985
|
}, function (_ref2) {
|
|
7946
7986
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
7947
7987
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
7948
7988
|
}, devices.mobile);
|
|
7949
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
7950
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7989
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
|
|
7990
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
|
|
7951
7991
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
7952
7992
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
7953
7993
|
}, devices.mobile);
|
|
7954
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7994
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 43px;\n\n ", ";\n\n @media ", " {\n & {\n height: 33px;\n margin-top: 10px;\n margin-bottom: 30px;\n }\n }\n"])), function (_ref4) {
|
|
7955
7995
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
7956
7996
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7957
7997
|
}, devices.mobile);
|
|
7958
7998
|
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
7959
|
-
var LogoWrapper$
|
|
7999
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
7960
8000
|
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
7961
8001
|
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
7962
8002
|
|
|
@@ -7998,7 +8038,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7998
8038
|
dangerouslySetInnerHTML: {
|
|
7999
8039
|
__html: truncatedText
|
|
8000
8040
|
}
|
|
8001
|
-
})) : null, sponsor ? /*#__PURE__*/React__default.createElement(LogoWrapper$
|
|
8041
|
+
})) : null, sponsor ? /*#__PURE__*/React__default.createElement(LogoWrapper$1, {
|
|
8002
8042
|
"data-testid": "page-heading-sponsor"
|
|
8003
8043
|
}, /*#__PURE__*/React__default.createElement(Sponsorship, null)) : null, link ? /*#__PURE__*/React__default.createElement(ButtonWrapper$1, {
|
|
8004
8044
|
"data-testid": "page-heading-link"
|
|
@@ -8034,15 +8074,17 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8034
8074
|
theme: exports.ThemeType.Cinema
|
|
8035
8075
|
}, /*#__PURE__*/React__default.createElement(PageHeading, Object.assign({}, rest, {
|
|
8036
8076
|
link: cinemaLink
|
|
8037
|
-
}), /*#__PURE__*/React__default.createElement(CinemaBadge,
|
|
8077
|
+
}), /*#__PURE__*/React__default.createElement(CinemaBadge, {
|
|
8078
|
+
align: "left"
|
|
8079
|
+
})));
|
|
8038
8080
|
};
|
|
8039
8081
|
|
|
8040
|
-
var _templateObject$
|
|
8041
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8042
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8043
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
8044
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8045
|
-
var LogoWrapper$
|
|
8082
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$a, _templateObject8$8;
|
|
8083
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
8084
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__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);
|
|
8085
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
8086
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
8087
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
8046
8088
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
8047
8089
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
8048
8090
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
@@ -8091,7 +8133,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8091
8133
|
src: bgUrlDesktop,
|
|
8092
8134
|
alt: bgImageAltText,
|
|
8093
8135
|
"data-testid": "impact-image"
|
|
8094
|
-
}))), /*#__PURE__*/React__default.createElement(ImpactGrid, null, children ? /*#__PURE__*/React__default.createElement(LogoWrapper$
|
|
8136
|
+
}))), /*#__PURE__*/React__default.createElement(ImpactGrid, null, children ? /*#__PURE__*/React__default.createElement(LogoWrapper$2, {
|
|
8095
8137
|
"data-testid": "impact-logo"
|
|
8096
8138
|
}, children) : null, text ? /*#__PURE__*/React__default.createElement(TextWrapper$1, {
|
|
8097
8139
|
"data-testid": "impact-text"
|
|
@@ -8111,20 +8153,20 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8111
8153
|
}, "Scroll Down")) : null);
|
|
8112
8154
|
};
|
|
8113
8155
|
|
|
8114
|
-
var _templateObject$
|
|
8115
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8156
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$l;
|
|
8157
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
8116
8158
|
var color = _ref.color;
|
|
8117
8159
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
8118
8160
|
}, devices.mobileAndTablet);
|
|
8119
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8161
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0px 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
8120
8162
|
var hasImage = _ref2.hasImage;
|
|
8121
8163
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
8122
8164
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
8123
8165
|
var hasImage = _ref3.hasImage;
|
|
8124
8166
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
8125
8167
|
});
|
|
8126
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8127
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8168
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
8169
|
+
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
8128
8170
|
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
8129
8171
|
|
|
8130
8172
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
@@ -8156,8 +8198,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8156
8198
|
}))));
|
|
8157
8199
|
};
|
|
8158
8200
|
|
|
8159
|
-
var _templateObject
|
|
8160
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
8201
|
+
var _templateObject$_;
|
|
8202
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8161
8203
|
|
|
8162
8204
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8163
8205
|
var link = _ref.link,
|
|
@@ -8177,12 +8219,12 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8177
8219
|
}))));
|
|
8178
8220
|
};
|
|
8179
8221
|
|
|
8180
|
-
var _templateObject
|
|
8181
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject
|
|
8182
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
8183
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8222
|
+
var _templateObject$$, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$g, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8223
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\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);
|
|
8224
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$H || (_templateObject2$H = /*#__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"])));
|
|
8225
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8184
8226
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__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);
|
|
8185
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n max-width:
|
|
8227
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n max-width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n max-width: 180px;\n }\n }\n"])), function (_ref) {
|
|
8186
8228
|
var invert = _ref.invert,
|
|
8187
8229
|
theme = _ref.theme;
|
|
8188
8230
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -8285,11 +8327,7 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
|
|
|
8285
8327
|
return /*#__PURE__*/React__default.createElement(StreamBadge, null);
|
|
8286
8328
|
|
|
8287
8329
|
case 'CinemaLogo':
|
|
8288
|
-
return /*#__PURE__*/React__default.createElement(
|
|
8289
|
-
color: color,
|
|
8290
|
-
fontSize: 12,
|
|
8291
|
-
productName: TextLogoProduct.Cinema
|
|
8292
|
-
});
|
|
8330
|
+
return /*#__PURE__*/React__default.createElement(CinemaBadge, null);
|
|
8293
8331
|
|
|
8294
8332
|
default:
|
|
8295
8333
|
return null;
|
|
@@ -8510,15 +8548,15 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8510
8548
|
}), linkText))));
|
|
8511
8549
|
};
|
|
8512
8550
|
|
|
8513
|
-
var _templateObject$
|
|
8514
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$
|
|
8515
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$
|
|
8551
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
8552
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8553
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$I || (_templateObject2$I = /*#__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
|
|
8516
8554
|
|
|
8517
|
-
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
8555
|
+
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
8518
8556
|
var active = _ref.active;
|
|
8519
8557
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
8520
8558
|
});
|
|
8521
|
-
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$
|
|
8559
|
+
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$s || (_templateObject4$s = /*#__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"])));
|
|
8522
8560
|
|
|
8523
8561
|
var reducePages = function reducePages(pages, currentPage) {
|
|
8524
8562
|
// If there are less than 6 pages, return all pages
|
|
@@ -8587,11 +8625,11 @@ var Pagination = function Pagination(_ref) {
|
|
|
8587
8625
|
}))));
|
|
8588
8626
|
};
|
|
8589
8627
|
|
|
8590
|
-
var _templateObject$
|
|
8591
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8592
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8593
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8594
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8628
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$h;
|
|
8629
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
8630
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
8631
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
8632
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
8595
8633
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
8596
8634
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$h || (_templateObject6$h = /*#__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"])));
|
|
8597
8635
|
|
|
@@ -8644,11 +8682,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8644
8682
|
}));
|
|
8645
8683
|
};
|
|
8646
8684
|
|
|
8647
|
-
var _templateObject$
|
|
8648
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8649
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
8650
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8651
|
-
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8685
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
8686
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8687
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
8688
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
|
|
8689
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
8652
8690
|
|
|
8653
8691
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8654
8692
|
return array.reduce(function (acc, item) {
|
|
@@ -8722,14 +8760,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8722
8760
|
}));
|
|
8723
8761
|
};
|
|
8724
8762
|
|
|
8725
|
-
var _templateObject$
|
|
8763
|
+
var _templateObject$13, _templateObject2$L, _templateObject3$D, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$c, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
8726
8764
|
var LENGTH_TEXT = 28;
|
|
8727
8765
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8728
8766
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8729
8767
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8730
8768
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8731
8769
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8732
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8770
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
8733
8771
|
var imageToLeft = _ref.imageToLeft;
|
|
8734
8772
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8735
8773
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8739,8 +8777,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 ||
|
|
|
8739
8777
|
var asCard = _ref3.asCard;
|
|
8740
8778
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
8741
8779
|
});
|
|
8742
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
8743
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8780
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
8781
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref4) {
|
|
8744
8782
|
var theme = _ref4.theme;
|
|
8745
8783
|
return theme.colors.black;
|
|
8746
8784
|
}, function (_ref5) {
|
|
@@ -8750,7 +8788,7 @@ var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$E || (
|
|
|
8750
8788
|
var theme = _ref6.theme;
|
|
8751
8789
|
return theme.colors.primary;
|
|
8752
8790
|
});
|
|
8753
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8791
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref7) {
|
|
8754
8792
|
var hasTextLinks = _ref7.hasTextLinks;
|
|
8755
8793
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
8756
8794
|
}, function (_ref8) {
|
|
@@ -9000,25 +9038,25 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9000
9038
|
}))));
|
|
9001
9039
|
};
|
|
9002
9040
|
|
|
9003
|
-
var _templateObject$
|
|
9041
|
+
var _templateObject$14, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$d;
|
|
9004
9042
|
var LENGTH_TEXT$2 = 28;
|
|
9005
9043
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9006
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9044
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
9007
9045
|
var imageToLeft = _ref.imageToLeft;
|
|
9008
9046
|
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'";
|
|
9009
9047
|
}, devices.tablet, function (_ref2) {
|
|
9010
9048
|
var imageToLeft = _ref2.imageToLeft;
|
|
9011
9049
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
9012
9050
|
}, devices.mobile);
|
|
9013
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9051
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
9014
9052
|
var imageToLeft = _ref3.imageToLeft;
|
|
9015
9053
|
return imageToLeft ? 'left' : 'right';
|
|
9016
9054
|
}, devices.mobile);
|
|
9017
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9055
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
9018
9056
|
var imageToLeft = _ref4.imageToLeft;
|
|
9019
9057
|
return imageToLeft ? 'right' : 'left';
|
|
9020
9058
|
}, devices.mobile);
|
|
9021
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9059
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
|
|
9022
9060
|
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
9023
9061
|
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
9024
9062
|
var theme = _ref5.theme;
|
|
@@ -9056,8 +9094,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
9056
9094
|
return '';
|
|
9057
9095
|
});
|
|
9058
9096
|
|
|
9059
|
-
var _templateObject$
|
|
9060
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9097
|
+
var _templateObject$15;
|
|
9098
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
9061
9099
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9062
9100
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9063
9101
|
return aspectRatio;
|
|
@@ -9261,8 +9299,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9261
9299
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9262
9300
|
};
|
|
9263
9301
|
|
|
9264
|
-
var _templateObject$
|
|
9265
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9302
|
+
var _templateObject$16;
|
|
9303
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9266
9304
|
|
|
9267
9305
|
/**
|
|
9268
9306
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9320,9 +9358,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9320
9358
|
})));
|
|
9321
9359
|
};
|
|
9322
9360
|
|
|
9323
|
-
var _templateObject$
|
|
9324
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9325
|
-
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9361
|
+
var _templateObject$17, _templateObject2$N, _templateObject3$F;
|
|
9362
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9363
|
+
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9326
9364
|
var horizontalMode = _ref.horizontalMode;
|
|
9327
9365
|
if (horizontalMode) return 'row';
|
|
9328
9366
|
return 'column';
|
|
@@ -9330,7 +9368,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_temp
|
|
|
9330
9368
|
var gap = _ref2.gap;
|
|
9331
9369
|
return gap + "px";
|
|
9332
9370
|
});
|
|
9333
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9371
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9334
9372
|
var darkMode = _ref3.darkMode;
|
|
9335
9373
|
if (darkMode) return 'var(--base-color-white)';
|
|
9336
9374
|
return 'var(--base-color-errorstate)';
|
|
@@ -9410,10 +9448,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9410
9448
|
}, error)));
|
|
9411
9449
|
};
|
|
9412
9450
|
|
|
9413
|
-
var _templateObject$
|
|
9414
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9415
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9416
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9451
|
+
var _templateObject$18, _templateObject2$O, _templateObject3$G;
|
|
9452
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
9453
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__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"])));
|
|
9454
|
+
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
9417
9455
|
|
|
9418
9456
|
var StatusBanner = function StatusBanner(_ref) {
|
|
9419
9457
|
var statusText = _ref.statusText,
|
|
@@ -9475,8 +9513,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9475
9513
|
})))));
|
|
9476
9514
|
};
|
|
9477
9515
|
|
|
9478
|
-
var _templateObject$
|
|
9479
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9516
|
+
var _templateObject$19;
|
|
9517
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
9480
9518
|
|
|
9481
9519
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9482
9520
|
var title = _ref.title,
|
|
@@ -9504,8 +9542,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9504
9542
|
}, description))));
|
|
9505
9543
|
};
|
|
9506
9544
|
|
|
9507
|
-
var _templateObject$
|
|
9508
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
9545
|
+
var _templateObject$1a, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$k, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9546
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
9509
9547
|
var theme = _ref.theme;
|
|
9510
9548
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9511
9549
|
}, function (_ref2) {
|
|
@@ -9515,12 +9553,12 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$1b || (_templateObject
|
|
|
9515
9553
|
var theme = _ref3.theme;
|
|
9516
9554
|
return theme.colors.lightgrey;
|
|
9517
9555
|
});
|
|
9518
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
9556
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
9519
9557
|
var theme = _ref4.theme;
|
|
9520
9558
|
return theme.colors.darkgrey;
|
|
9521
9559
|
});
|
|
9522
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
9523
|
-
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$
|
|
9560
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
9561
|
+
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
9524
9562
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
9525
9563
|
var theme = _ref5.theme;
|
|
9526
9564
|
return {
|
|
@@ -9927,9 +9965,9 @@ function Select(_ref3) {
|
|
|
9927
9965
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9928
9966
|
}
|
|
9929
9967
|
|
|
9930
|
-
var _templateObject$
|
|
9931
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9932
|
-
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9968
|
+
var _templateObject$1b, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
9969
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9970
|
+
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__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) {
|
|
9933
9971
|
var width = _ref.width;
|
|
9934
9972
|
if (!width) return 'none';
|
|
9935
9973
|
return width + 'px';
|
|
@@ -9946,12 +9984,12 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_t
|
|
|
9946
9984
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
9947
9985
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
9948
9986
|
});
|
|
9949
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9987
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
9950
9988
|
var darkMode = _ref5.darkMode;
|
|
9951
9989
|
if (darkMode) return "var(--base-color-white)";
|
|
9952
9990
|
return "var(--base-color-black)";
|
|
9953
9991
|
});
|
|
9954
|
-
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9992
|
+
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
9955
9993
|
var darkMode = _ref6.darkMode;
|
|
9956
9994
|
if (darkMode) return "var(--base-color-white)";
|
|
9957
9995
|
return "var(--base-color-errorstate)";
|
|
@@ -10067,8 +10105,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10067
10105
|
})));
|
|
10068
10106
|
};
|
|
10069
10107
|
|
|
10070
|
-
var _templateObject$
|
|
10071
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10108
|
+
var _templateObject$1c;
|
|
10109
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
10072
10110
|
var theme = _ref.theme;
|
|
10073
10111
|
return theme.colors.primary;
|
|
10074
10112
|
});
|
|
@@ -10096,8 +10134,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10096
10134
|
})));
|
|
10097
10135
|
};
|
|
10098
10136
|
|
|
10099
|
-
var _templateObject$
|
|
10100
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10137
|
+
var _templateObject$1d, _templateObject2$R;
|
|
10138
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
10101
10139
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10102
10140
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10103
10141
|
return aspectRatio;
|
|
@@ -10107,7 +10145,7 @@ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templat
|
|
|
10107
10145
|
height = _ref2.height;
|
|
10108
10146
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
10109
10147
|
});
|
|
10110
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10148
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
|
|
10111
10149
|
|
|
10112
10150
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
10113
10151
|
var caption = _ref.caption,
|
|
@@ -10145,13 +10183,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10145
10183
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10146
10184
|
};
|
|
10147
10185
|
|
|
10148
|
-
var _templateObject$
|
|
10149
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10150
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10186
|
+
var _templateObject$1e, _templateObject2$S, _templateObject3$J;
|
|
10187
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10188
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10151
10189
|
var displayAttribution = _ref.displayAttribution;
|
|
10152
10190
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
10153
10191
|
});
|
|
10154
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10192
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
|
|
10155
10193
|
|
|
10156
10194
|
var Quote = function Quote(_ref) {
|
|
10157
10195
|
var text = _ref.text,
|
|
@@ -10175,11 +10213,11 @@ var Quote = function Quote(_ref) {
|
|
|
10175
10213
|
}, attribution))));
|
|
10176
10214
|
};
|
|
10177
10215
|
|
|
10178
|
-
var _templateObject$
|
|
10179
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10180
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10181
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
10182
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10216
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$l;
|
|
10217
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
10218
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10219
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10220
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10183
10221
|
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
10184
10222
|
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
10185
10223
|
|
|
@@ -10219,11 +10257,11 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10219
10257
|
}, title)))));
|
|
10220
10258
|
};
|
|
10221
10259
|
|
|
10222
|
-
var _templateObject$
|
|
10223
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10224
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10225
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10226
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10260
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$L, _templateObject4$A;
|
|
10261
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
10262
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
10263
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10264
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n"])));
|
|
10227
10265
|
|
|
10228
10266
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10229
10267
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10321,14 +10359,14 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10321
10359
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10322
10360
|
};
|
|
10323
10361
|
|
|
10324
|
-
var _templateObject$
|
|
10325
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10326
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10327
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10362
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$s, _templateObject6$m;
|
|
10363
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10364
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10365
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10328
10366
|
var color = _ref.color;
|
|
10329
10367
|
return "var(--base-color-" + color + ")";
|
|
10330
10368
|
});
|
|
10331
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10369
|
+
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10332
10370
|
var Text = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10333
10371
|
var color = _ref2.color;
|
|
10334
10372
|
return "var(--base-color-" + color + ")";
|
|
@@ -10419,11 +10457,11 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10419
10457
|
}, strengthLabel))));
|
|
10420
10458
|
};
|
|
10421
10459
|
|
|
10422
|
-
var _templateObject$
|
|
10423
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
10424
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$
|
|
10425
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
10426
|
-
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
10460
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$t;
|
|
10461
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10462
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10463
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10464
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10427
10465
|
var isActive = _ref.isActive;
|
|
10428
10466
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10429
10467
|
}, exports.Colors.MidGrey);
|
|
@@ -10597,11 +10635,11 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10597
10635
|
});
|
|
10598
10636
|
};
|
|
10599
10637
|
|
|
10600
|
-
var _templateObject$
|
|
10601
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
10602
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10603
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10604
|
-
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$
|
|
10638
|
+
var _templateObject$1j, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$u, _templateObject6$n, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7, _templateObject11$4;
|
|
10639
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10640
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10641
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10642
|
+
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n\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) {
|
|
10605
10643
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10606
10644
|
}, devices.tablet, devices.mobile);
|
|
10607
10645
|
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$u || (_templateObject5$u = /*#__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 padding: 30px 30px 30px 0;\n text-align: left;\n vertical-align: top;\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n }\n"])), function (props) {
|
|
@@ -10617,14 +10655,73 @@ var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject8$c || (_t
|
|
|
10617
10655
|
});
|
|
10618
10656
|
var Next = /*#__PURE__*/styled__default.span(_templateObject9$7 || (_templateObject9$7 = /*#__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"])));
|
|
10619
10657
|
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject10$7 || (_templateObject10$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"])));
|
|
10658
|
+
var AriaDescription = /*#__PURE__*/styled__default.span(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
10620
10659
|
|
|
10621
|
-
var
|
|
10622
|
-
var
|
|
10623
|
-
|
|
10624
|
-
|
|
10625
|
-
|
|
10626
|
-
|
|
10627
|
-
|
|
10660
|
+
var Content = function Content(_ref) {
|
|
10661
|
+
var content = _ref.content;
|
|
10662
|
+
return typeof content === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
10663
|
+
dangerouslySetInnerHTML: {
|
|
10664
|
+
__html: content
|
|
10665
|
+
}
|
|
10666
|
+
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content);
|
|
10667
|
+
};
|
|
10668
|
+
|
|
10669
|
+
var Cell = function Cell(_ref2) {
|
|
10670
|
+
var cell = _ref2.cell,
|
|
10671
|
+
cellIndex = _ref2.cellIndex,
|
|
10672
|
+
columns = _ref2.columns;
|
|
10673
|
+
return /*#__PURE__*/React__default.createElement(TableCell, {
|
|
10674
|
+
key: cellIndex,
|
|
10675
|
+
columns: columns,
|
|
10676
|
+
role: "gridcell"
|
|
10677
|
+
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10678
|
+
content: cell
|
|
10679
|
+
}));
|
|
10680
|
+
};
|
|
10681
|
+
|
|
10682
|
+
var Row = function Row(_ref3) {
|
|
10683
|
+
var row = _ref3.row,
|
|
10684
|
+
rowIndex = _ref3.rowIndex,
|
|
10685
|
+
columns = _ref3.columns,
|
|
10686
|
+
lineColor = _ref3.lineColor;
|
|
10687
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
10688
|
+
key: rowIndex
|
|
10689
|
+
}, /*#__PURE__*/React__default.createElement("tr", null, row.map(function (cell, index) {
|
|
10690
|
+
return /*#__PURE__*/React__default.createElement(Cell, {
|
|
10691
|
+
key: index,
|
|
10692
|
+
cell: cell,
|
|
10693
|
+
cellIndex: index,
|
|
10694
|
+
columns: columns
|
|
10695
|
+
});
|
|
10696
|
+
})), /*#__PURE__*/React__default.createElement("tr", {
|
|
10697
|
+
"aria-hidden": "true"
|
|
10698
|
+
}, /*#__PURE__*/React__default.createElement("td", {
|
|
10699
|
+
colSpan: columns,
|
|
10700
|
+
"aria-hidden": "true"
|
|
10701
|
+
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10702
|
+
lineColor: lineColor
|
|
10703
|
+
}))));
|
|
10704
|
+
};
|
|
10705
|
+
|
|
10706
|
+
var scrollTable = function scrollTable(tableRef, direction) {
|
|
10707
|
+
if (tableRef.current) {
|
|
10708
|
+
var currentScroll = tableRef.current.scrollLeft;
|
|
10709
|
+
var scrollAmount = direction === 'left' ? -300 : 300;
|
|
10710
|
+
tableRef.current.scrollTo({
|
|
10711
|
+
left: currentScroll + scrollAmount,
|
|
10712
|
+
behavior: 'smooth'
|
|
10713
|
+
});
|
|
10714
|
+
}
|
|
10715
|
+
};
|
|
10716
|
+
|
|
10717
|
+
var Table = function Table(_ref4) {
|
|
10718
|
+
var columns = _ref4.columns,
|
|
10719
|
+
headings = _ref4.headings,
|
|
10720
|
+
children = _ref4.children,
|
|
10721
|
+
lineColors = _ref4.lineColors,
|
|
10722
|
+
rowsPerPage = _ref4.rowsPerPage,
|
|
10723
|
+
pagination = _ref4.pagination,
|
|
10724
|
+
description = _ref4.description;
|
|
10628
10725
|
|
|
10629
10726
|
var _useState = React.useState(0),
|
|
10630
10727
|
currentPage = _useState[0],
|
|
@@ -10634,121 +10731,71 @@ var Table = function Table(_ref) {
|
|
|
10634
10731
|
showScrollButtons = _useState2[0],
|
|
10635
10732
|
setShowScrollButtons = _useState2[1];
|
|
10636
10733
|
|
|
10637
|
-
var Content = function Content(_ref2) {
|
|
10638
|
-
var content = _ref2.content;
|
|
10639
|
-
return typeof content === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
10640
|
-
dangerouslySetInnerHTML: {
|
|
10641
|
-
__html: content
|
|
10642
|
-
}
|
|
10643
|
-
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content);
|
|
10644
|
-
};
|
|
10645
|
-
|
|
10646
|
-
var Cell = function Cell(_ref3) {
|
|
10647
|
-
var cell = _ref3.cell,
|
|
10648
|
-
cellIndex = _ref3.cellIndex,
|
|
10649
|
-
columns = _ref3.columns;
|
|
10650
|
-
return /*#__PURE__*/React__default.createElement(TableCell, {
|
|
10651
|
-
key: cellIndex,
|
|
10652
|
-
columns: columns
|
|
10653
|
-
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10654
|
-
content: cell
|
|
10655
|
-
}));
|
|
10656
|
-
};
|
|
10657
|
-
|
|
10658
|
-
var Row = function Row(_ref4) {
|
|
10659
|
-
var row = _ref4.row,
|
|
10660
|
-
rowIndex = _ref4.rowIndex,
|
|
10661
|
-
columns = _ref4.columns,
|
|
10662
|
-
lineColor = _ref4.lineColor;
|
|
10663
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
10664
|
-
key: rowIndex
|
|
10665
|
-
}, /*#__PURE__*/React__default.createElement("tr", null, row.map(function (cell, index) {
|
|
10666
|
-
return /*#__PURE__*/React__default.createElement(Cell, {
|
|
10667
|
-
key: index,
|
|
10668
|
-
cell: cell,
|
|
10669
|
-
cellIndex: index,
|
|
10670
|
-
columns: columns
|
|
10671
|
-
});
|
|
10672
|
-
})), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
10673
|
-
colSpan: columns
|
|
10674
|
-
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10675
|
-
lineColor: lineColor,
|
|
10676
|
-
role: "presentation"
|
|
10677
|
-
}))));
|
|
10678
|
-
};
|
|
10679
|
-
|
|
10680
10734
|
var lineColor = lineColors != null ? lineColors : exports.Colors.Cinema;
|
|
10681
10735
|
var tableRef = React.useRef(null);
|
|
10682
|
-
React.
|
|
10683
|
-
|
|
10684
|
-
tableRef.current
|
|
10685
|
-
|
|
10686
|
-
|
|
10687
|
-
|
|
10688
|
-
var horizontalScroll = function horizontalScroll() {
|
|
10689
|
-
if (tableRef.current) {
|
|
10690
|
-
setShowScrollButtons(tableRef.current.scrollWidth > tableRef.current.clientWidth);
|
|
10691
|
-
}
|
|
10692
|
-
};
|
|
10736
|
+
React.useLayoutEffect(function () {
|
|
10737
|
+
var horizontalScroll = function horizontalScroll() {
|
|
10738
|
+
if (tableRef.current) {
|
|
10739
|
+
setShowScrollButtons(tableRef.current.scrollWidth > tableRef.current.clientWidth);
|
|
10740
|
+
}
|
|
10741
|
+
};
|
|
10693
10742
|
|
|
10694
|
-
React.useEffect(function () {
|
|
10695
10743
|
horizontalScroll();
|
|
10696
10744
|
window.addEventListener('resize', horizontalScroll);
|
|
10745
|
+
console.log('~~~ horizontal Scroll ~~~');
|
|
10697
10746
|
return function () {
|
|
10698
10747
|
return window.removeEventListener('resize', horizontalScroll);
|
|
10699
10748
|
};
|
|
10700
10749
|
}, []);
|
|
10701
|
-
|
|
10702
|
-
var scrollTable = function scrollTable(direction) {
|
|
10703
|
-
if (tableRef.current) {
|
|
10704
|
-
var currentScroll = tableRef.current.scrollLeft;
|
|
10705
|
-
var scrollAmount = direction === 'left' ? -300 : 300;
|
|
10706
|
-
tableRef.current.scrollTo({
|
|
10707
|
-
left: currentScroll + scrollAmount,
|
|
10708
|
-
behavior: 'smooth'
|
|
10709
|
-
});
|
|
10710
|
-
}
|
|
10711
|
-
};
|
|
10712
|
-
|
|
10713
|
-
var totalRows = Array.isArray(children) ? children.length : 0;
|
|
10750
|
+
var totalRows = Array.isArray(children) ? children.length + 1 : 1;
|
|
10714
10751
|
var totalPages = pagination ? Math.ceil(totalRows / rowsPerPage) : 1;
|
|
10715
|
-
var currentRows = pagination ? Array.isArray(children) ? children.slice(currentPage * rowsPerPage, (currentPage + 1) * rowsPerPage) : [] : children;
|
|
10716
10752
|
var pageNumbers = Array.from({
|
|
10717
10753
|
length: totalPages
|
|
10718
10754
|
}, function (_, i) {
|
|
10719
10755
|
return i;
|
|
10720
10756
|
});
|
|
10721
10757
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
10758
|
+
var currentRows = pagination ? Array.isArray(children) ? children.slice(currentPage * rowsPerPage, (currentPage + 1) * rowsPerPage) : [] : children;
|
|
10759
|
+
var visibleRows = pagination ? Array.isArray(currentRows) ? currentRows.length + 1 : 0 : totalRows;
|
|
10722
10760
|
return /*#__PURE__*/React__default.createElement(Wrapper$7, null, showScrollButtons && /*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
10723
10761
|
onClickPrev: function onClickPrev() {
|
|
10724
|
-
return scrollTable('left');
|
|
10762
|
+
return scrollTable(tableRef, 'left');
|
|
10725
10763
|
},
|
|
10726
10764
|
onClickNext: function onClickNext() {
|
|
10727
|
-
return scrollTable('right');
|
|
10765
|
+
return scrollTable(tableRef, 'right');
|
|
10728
10766
|
}
|
|
10729
10767
|
})), /*#__PURE__*/React__default.createElement(Container$6, {
|
|
10730
10768
|
role: "table",
|
|
10731
10769
|
tabIndex: 0,
|
|
10732
|
-
ref: tableRef
|
|
10733
|
-
|
|
10734
|
-
|
|
10735
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
10736
|
-
|
|
10737
|
-
|
|
10738
|
-
|
|
10770
|
+
ref: tableRef,
|
|
10771
|
+
"aria-rowcount": totalRows,
|
|
10772
|
+
"aria-colcount": columns
|
|
10773
|
+
}, /*#__PURE__*/React__default.createElement(AriaDescription, {
|
|
10774
|
+
id: "table-description"
|
|
10775
|
+
}, description, " visible rows: ", visibleRows), /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement("thead", {
|
|
10776
|
+
role: "rowgroup"
|
|
10777
|
+
}, ' ', /*#__PURE__*/React__default.createElement("tr", {
|
|
10778
|
+
role: "columnheader"
|
|
10779
|
+
}, headings && headings.map(function (heading, index) {
|
|
10739
10780
|
return /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
10740
10781
|
key: index,
|
|
10741
10782
|
role: "columnheader",
|
|
10783
|
+
scope: "col",
|
|
10742
10784
|
columns: columns
|
|
10743
10785
|
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10744
10786
|
content: heading
|
|
10745
10787
|
}));
|
|
10746
|
-
}))
|
|
10747
|
-
|
|
10788
|
+
})), /*#__PURE__*/React__default.createElement("tr", {
|
|
10789
|
+
"aria-hidden": "true"
|
|
10790
|
+
}, ' ', /*#__PURE__*/React__default.createElement("td", {
|
|
10791
|
+
colSpan: columns,
|
|
10792
|
+
"aria-hidden": "true"
|
|
10748
10793
|
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10749
10794
|
lineColor: lineColor,
|
|
10750
10795
|
role: "presentation"
|
|
10751
|
-
}))), /*#__PURE__*/React__default.createElement("tbody",
|
|
10796
|
+
})))), /*#__PURE__*/React__default.createElement("tbody", {
|
|
10797
|
+
role: "rowgroup"
|
|
10798
|
+
}, ' ', Array.isArray(currentRows) && currentRows.map(function (row, rowIndex) {
|
|
10752
10799
|
return /*#__PURE__*/React__default.createElement(Row, {
|
|
10753
10800
|
key: rowIndex,
|
|
10754
10801
|
row: row,
|
|
@@ -10756,7 +10803,9 @@ var Table = function Table(_ref) {
|
|
|
10756
10803
|
columns: columns,
|
|
10757
10804
|
lineColor: lineColor
|
|
10758
10805
|
});
|
|
10759
|
-
}))), pagination && totalPages > 1 && /*#__PURE__*/React__default.createElement(
|
|
10806
|
+
}))), pagination && totalPages > 1 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(AriaDescription, {
|
|
10807
|
+
id: "pagination-description"
|
|
10808
|
+
}, "Table pagination: current page ", currentPage + 1, " of ", totalPages), /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
|
|
10760
10809
|
key: "previous-page",
|
|
10761
10810
|
onClick: function onClick() {
|
|
10762
10811
|
return setCurrentPage(currentPage - 1);
|
|
@@ -10791,7 +10840,7 @@ var Table = function Table(_ref) {
|
|
|
10791
10840
|
}, /*#__PURE__*/React__default.createElement(Next, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
10792
10841
|
iconName: "DropdownArrow",
|
|
10793
10842
|
direction: "up"
|
|
10794
|
-
})))))));
|
|
10843
|
+
}))))))));
|
|
10795
10844
|
};
|
|
10796
10845
|
|
|
10797
10846
|
var UpsellSection = function UpsellSection(_ref) {
|
|
@@ -10882,9 +10931,9 @@ var LiveChat = function LiveChat() {
|
|
|
10882
10931
|
});
|
|
10883
10932
|
};
|
|
10884
10933
|
|
|
10885
|
-
var _templateObject$
|
|
10886
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10887
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
10934
|
+
var _templateObject$1k, _templateObject2$Y;
|
|
10935
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
10936
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Y || (_templateObject2$Y = /*#__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) {
|
|
10888
10937
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
10889
10938
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
10890
10939
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -10912,11 +10961,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
10912
10961
|
}, children)));
|
|
10913
10962
|
};
|
|
10914
10963
|
|
|
10915
|
-
var _templateObject$
|
|
10916
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10917
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
10918
|
-
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10919
|
-
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
10964
|
+
var _templateObject$1l, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
10965
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
10966
|
+
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$Z || (_templateObject2$Z = /*#__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);
|
|
10967
|
+
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10968
|
+
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
10920
10969
|
|
|
10921
10970
|
var MAX_Z_INDEX = 9999999999;
|
|
10922
10971
|
|
|
@@ -11036,8 +11085,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11036
11085
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11037
11086
|
};
|
|
11038
11087
|
|
|
11039
|
-
var _templateObject$
|
|
11040
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
11088
|
+
var _templateObject$1m;
|
|
11089
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1m || (_templateObject$1m = /*#__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) {
|
|
11041
11090
|
var theme = _ref.theme;
|
|
11042
11091
|
return theme.colors.primary;
|
|
11043
11092
|
}, function (_ref2) {
|