@royaloperahouse/harmonic 0.1.1-c → 0.1.1-d
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/components/Typography/Typography.d.ts +1 -0
- package/dist/components/Typography/index.d.ts +1 -2
- package/dist/components/index.d.ts +1 -2
- package/dist/harmonic.cjs.development.css +144 -97
- package/dist/harmonic.cjs.development.js +291 -291
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +294 -291
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/types/typography.d.ts +1 -9
- package/package.json +2 -2
- package/dist/components/Typography/TextLink/TextLink.d.ts +0 -5
package/dist/harmonic.esm.js
CHANGED
|
@@ -34,9 +34,50 @@ function styleInject(css, ref) {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
var css_248z = "/*
|
|
37
|
+
var css_248z = "/* Global Styles for Harmonic CSS components */\n:root { \n --font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-red: #F40B0B;\n --harmonic-black: #000000;\n --text-link-underline-offset: 4px;\n }\n\n\n/* TODO: store breakpoints here for use in css components */ \n/* export const breakpoints = {\n xs: 320,\n sm: 700,\n md: 1140,\n ml: 1280,\n lg: 1400,\n }; */";
|
|
38
38
|
styleInject(css_248z);
|
|
39
39
|
|
|
40
|
+
var css_248z$1 = "/* ~~~~~ General Styling Classes ~~~~~ */\n .styles_color-black__a05Fo {\n color: var(--harmonic-black);\n }\n \n .styles_color-red__zwTZW {\n color: var(--harmonic-red);\n }\n\n .styles_em__v4FoO {\n font-style: italic;\n }\n/* ~~~ */\n\n/* Display Headers */\n.styles_display__VgnTB {\n font-family: var(--font-family-sans);\n\n &.styles_large__vqVxY {\n font-size: 96px;\n letter-spacing: -5px;\n }\n\n &.styles_small__e7YDe {\n font-size: 68px;\n letter-spacing: -3px;\n font-weight: 500;\n }\n\n &.styles_serif__b-ZjM, &.styles_em__v4FoO {\n font-family: var(--font-family-serif);\n font-weight: 500;\n }\n\n @media (max-width: 600px) {\n &.styles_large__vqVxY {\n font-size: 38px;\n letter-spacing: -1.5px; \n }\n \n &.styles_small__e7YDe {\n font-size: 32px;\n letter-spacing: -1.5px;\n }\n\n &.styles_large__vqVxY.styles_serif__b-ZjM, \n &.styles_large__vqVxY.styles_em__v4FoO,\n &.styles_small__e7YDe.styles_serif__b-ZjM,\n &.styles_small__e7YDe.styles_em__v4FoO {\n letter-spacing: -0.5px;\n }\n }\n}\n\n/* Headers */\n.styles_header__UDH-H {\n font-family: var(--font-family-sans);\n font-weight: 500;\n\n &.styles_large__vqVxY {\n font-size: 44px;\n line-height: 48px;\n letter-spacing: -1.5px;\n }\n\n &.styles_medium__WQPZj {\n font-size: 34px;\n line-height: 40px;\n letter-spacing: -1.5px;\n }\n\n &.styles_small__e7YDe {\n font-size: 26px;\n line-height: 32px;\n letter-spacing: -0.5px;\n }\n\n &.styles_serif__b-ZjM, &.styles_em__v4FoO {\n font-family: var(--font-family-serif);\n font-weight: 500;\n }\n\n @media (max-width: 600px) {\n &.styles_large__vqVxY {\n font-size: 28px;\n letter-spacing: -1.5px;\n line-height: 34px;\n }\n \n &.styles_medium__WQPZj {\n font-size: 24px;\n letter-spacing: -1px;\n line-height: 28px;\n }\n \n &.styles_small__e7YDe {\n font-size: 20px;\n letter-spacing: -0.75px;\n line-height: 26px;\n }\n }\n}\n\n/* Subtitle */\n.styles_subtitle__os3DH {\n font-family: var(--font-family-sans);\n font-weight: 500;\n\n &.styles_large__vqVxY {\n font-size: 19px;\n line-height: 26px;\n }\n\n &.styles_small__e7YDe {\n font-size: 17px;\n line-height: 24px;\n }\n\n @media (max-width: 600px) {\n &.styles_large__vqVxY {\n font-size: 17px;\n line-height: 24px;\n }\n \n &.styles_small__e7YDe {\n font-size: 14px;\n letter-spacing: -0.2px;\n line-height: 20px;\n }\n }\n}\n\n/* Body Copy */\n.styles_bodycopy__uEx9r {\n font-family: var(--font-family-sans);\n font-weight: 400;\n letter-spacing: -0.5px;\n\n &.styles_large__vqVxY {\n font-size: 19px;\n line-height: 26px;\n }\n\n &.styles_medium__WQPZj {\n font-size: 17px;\n line-height: 24px;\n }\n\n &.styles_small__e7YDe {\n font-size: 14px;\n line-height: 20px;\n }\n\n @media (max-width: 600px) {\n &.styles_large__vqVxY {\n font-size: 17px;\n line-height: 24px;\n }\n \n &.styles_medium__WQPZj {\n font-size: 14px;\n letter-spacing: -0.2px;\n line-height: 20px;\n }\n \n &.styles_small__e7YDe {\n font-size: 11px;\n letter-spacing: -0.2px;\n line-height: 16px;\n }\n }\n}\n\n/* Overline */\n.styles_overline__5xGDa {\n font-family: var(--font-family-sans);\n font-weight: 500;\n text-transform: uppercase;\n\n &.styles_large__vqVxY { font-size: 14px; line-height: 18px; letter-spacing: 0.3px; }\n &.styles_small__e7YDe { font-size: 12px; line-height: 14px; letter-spacing: 0.2px; }\n\n @media (max-width: 600px) {\n &.styles_large__vqVxY {\n line-height: 17px;\n }\n \n &.styles_small__e7YDe {\n letter-spacing: 0.3px;\n line-height: 14px;\n }\n }\n}\n\n/* Button Text */\n.styles_buttontext__UPumF {\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 17px;\n line-height: 20px;\n}\n\n/* Caption Text */\n.styles_captiontext__-TA6x {\n font-size: 17px;\n font-weight: 400;\n font-style: italic;\n line-height: 24px;\n\n @media (max-width: 600px) {\n font-size: 14px;\n line-height: 17px;\n } \n}\n\n/* Navigation Text */\n.styles_navigationtext__qnnIo {\n font-family: var(--font-family-sans);\n font-size: 17px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 17px;\n\n @media (max-width: 600px) {\n font-size: 14px;\n line-height: 17px;\n }\n}";
|
|
41
|
+
styleInject(css_248z$1);
|
|
42
|
+
|
|
43
|
+
// eslint-disable-next-line no-shadow
|
|
44
|
+
var Colors;
|
|
45
|
+
(function (Colors) {
|
|
46
|
+
Colors["White"] = "white";
|
|
47
|
+
Colors["Black"] = "black";
|
|
48
|
+
Colors["DarkGrey"] = "darkgrey";
|
|
49
|
+
Colors["MidGrey"] = "midgrey";
|
|
50
|
+
Colors["LightGrey"] = "lightgrey";
|
|
51
|
+
Colors["Trasparent"] = "transparent";
|
|
52
|
+
Colors["ErrorState"] = "errorstate";
|
|
53
|
+
Colors["MediumState"] = "mediumstate";
|
|
54
|
+
Colors["GoodState"] = "goodstate";
|
|
55
|
+
Colors["Primary"] = "primary";
|
|
56
|
+
Colors["Core"] = "core";
|
|
57
|
+
Colors["Stream"] = "stream";
|
|
58
|
+
Colors["Cinema"] = "cinema";
|
|
59
|
+
})(Colors || (Colors = {}));
|
|
60
|
+
// eslint-disable-next-line no-shadow
|
|
61
|
+
var ThemeType;
|
|
62
|
+
(function (ThemeType) {
|
|
63
|
+
ThemeType["Core"] = "core";
|
|
64
|
+
ThemeType["Stream"] = "stream";
|
|
65
|
+
ThemeType["Cinema"] = "cinema";
|
|
66
|
+
ThemeType["Schools"] = "schools";
|
|
67
|
+
})(ThemeType || (ThemeType = {}));
|
|
68
|
+
// eslint-disable-next-line no-shadow
|
|
69
|
+
var LinkTarget;
|
|
70
|
+
(function (LinkTarget) {
|
|
71
|
+
/**
|
|
72
|
+
* Opens the link in the same frame or tab as the current page.
|
|
73
|
+
*/
|
|
74
|
+
LinkTarget["Self"] = "_self";
|
|
75
|
+
/**
|
|
76
|
+
* Opens the link in a new browser tab or window, depending on the browser settings.
|
|
77
|
+
*/
|
|
78
|
+
LinkTarget["Blank"] = "_blank";
|
|
79
|
+
})(LinkTarget || (LinkTarget = {}));
|
|
80
|
+
|
|
40
81
|
function asyncGeneratorStep(n, t, e, r, o, a, c) {
|
|
41
82
|
try {
|
|
42
83
|
var i = n[a](c),
|
|
@@ -385,31 +426,258 @@ function _taggedTemplateLiteralLoose(e, t) {
|
|
|
385
426
|
return t || (t = e.slice(0)), e.raw = t, e;
|
|
386
427
|
}
|
|
387
428
|
|
|
388
|
-
var
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
429
|
+
var _templateObject;
|
|
430
|
+
var BadgeWrapper = /*#__PURE__*/styled.svg(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: auto;\n\n g,\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
431
|
+
var fillColor = _ref.fillColor;
|
|
432
|
+
return fillColor;
|
|
433
|
+
});
|
|
434
|
+
|
|
435
|
+
/* eslint-disable max-len */
|
|
436
|
+
var StreamBadge = function StreamBadge(_ref) {
|
|
437
|
+
var _ref$fillColor = _ref.fillColor,
|
|
438
|
+
fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
|
|
439
|
+
_ref$align = _ref.align,
|
|
440
|
+
align = _ref$align === void 0 ? 'center' : _ref$align,
|
|
441
|
+
_ref$invert = _ref.invert,
|
|
442
|
+
invert = _ref$invert === void 0 ? false : _ref$invert;
|
|
443
|
+
var colour = invert ? Colors.Black : fillColor;
|
|
444
|
+
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
445
|
+
fillColor: colour,
|
|
446
|
+
width: "100%",
|
|
447
|
+
height: "100%",
|
|
448
|
+
viewBox: "110 450 865 200",
|
|
449
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
450
|
+
role: "img",
|
|
451
|
+
"aria-label": "Royal Ballet & Opera - Stream"
|
|
452
|
+
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
453
|
+
d: "M416.81,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,0-7.3-4.86-13.11-13.46-14.07,7.9-1.13,11.73-7.47,11.73-13.8ZM389.28,481.3h5.47c5.47,0,7.64,2.69,7.64,6.51s-2.17,6.51-7.73,6.51h-5.38v-13.03ZM395.79,519.59h-6.51v-14.59h6.42c4.95,0,8.43,2.69,8.43,7.29s-3.39,7.29-8.34,7.29Z",
|
|
454
|
+
"stroke-width": "0"
|
|
455
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
456
|
+
d: "M435.74,518.9h19.19l3.73,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM445.29,487.55l5.82,18.85h-11.64l5.82-18.85Z",
|
|
457
|
+
"stroke-width": "0"
|
|
458
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
459
|
+
d: "M774.06,500.66c0-18.15-13.89-31.7-32.56-31.7s-32.56,13.54-32.56,31.7,13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7ZM723.44,500.66c0-10.59,7.81-18.58,18.06-18.58s18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58-18.06-7.99-18.06-18.58Z",
|
|
460
|
+
"stroke-width": "0"
|
|
461
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
462
|
+
points: "511.38 470.27 511.38 531.06 542.64 531.06 542.64 518.38 525.53 518.38 525.53 470.27 511.38 470.27",
|
|
463
|
+
"stroke-width": "0"
|
|
464
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
465
|
+
points: "610.2 531.06 610.2 482.95 623.83 482.95 623.83 470.27 582.41 470.27 582.41 482.95 596.04 482.95 596.04 531.06 610.2 531.06",
|
|
466
|
+
"stroke-width": "0"
|
|
467
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
468
|
+
points: "578.59 482.95 578.59 470.27 546.46 470.27 546.46 531.06 578.59 531.06 578.59 518.38 560.61 518.38 560.61 506.74 575.03 506.74 575.03 494.06 560.61 494.06 560.61 482.95 578.59 482.95",
|
|
469
|
+
"stroke-width": "0"
|
|
470
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
471
|
+
points: "475.86 470.27 475.86 531.06 507.12 531.06 507.12 518.38 490.01 518.38 490.01 470.27 475.86 470.27",
|
|
472
|
+
"stroke-width": "0"
|
|
473
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
474
|
+
points: "324.76 470.27 324.76 531.06 356.02 531.06 356.02 518.38 338.92 518.38 338.92 470.27 324.76 470.27",
|
|
475
|
+
"stroke-width": "0"
|
|
476
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
477
|
+
d: "M800.98,508.48c12.33,0,20.58-7.99,20.58-19.11s-8.25-19.1-20.58-19.1h-23.19v60.79h14.16v-22.58h9.03ZM791.95,481.91h6.42c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56h-6.42v-15.02Z",
|
|
478
|
+
"stroke-width": "0"
|
|
479
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
480
|
+
d: "M923.95,470.27l-19.45,57.31-11.03-20.75c7.12-2.95,11.46-9.38,11.46-17.45,0-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.76l-20.67-60.79h-14.85ZM881.74,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56ZM925.51,506.39l5.82-18.85,5.82,18.85h-11.64Z",
|
|
481
|
+
"stroke-width": "0"
|
|
482
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
483
|
+
d: "M636.25,511c0,12.24,9.38,21.36,22.49,21.36,7.21,0,13.2-2.78,18.24-7.38l4.86,6.08h17.8l-13.37-16.59,9.81-14.33-10.85-7.47-7.64,11.12-16.85-20.84h18.93v-12.68h-36.64v12.68l6.68,8.25c-8.94,4.34-13.46,11.46-13.46,19.8ZM657.61,501.01l11.29,14.07c-2.26,2.34-5.21,4.17-9.03,4.17-5.64,0-9.21-4-9.21-8.77,0-4.26,2.87-7.81,6.95-9.46Z",
|
|
484
|
+
"stroke-width": "0"
|
|
485
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
486
|
+
d: "M176.87,529.41c-9.38-5.9-17.02-14.16-22.06-23.01,6.6-3.04,10.6-9.29,10.6-17.02,0-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.78h0l8.08-10.59ZM142.23,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56Z",
|
|
487
|
+
"stroke-width": "0"
|
|
488
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
489
|
+
d: "M284.56,518.9h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM294.11,487.55l5.82,18.85h-11.64l5.82-18.85Z",
|
|
490
|
+
"stroke-width": "0"
|
|
491
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
492
|
+
d: "M201.1,468.97c-18.58,0-32.56,13.54-32.56,31.7s13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7-13.89-31.7-32.56-31.7ZM201.1,519.25c-10.25,0-18.06-7.99-18.06-18.58s7.81-18.58,18.06-18.58,18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58Z",
|
|
493
|
+
"stroke-width": "0"
|
|
494
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
495
|
+
points: "254.42 490.41 242.44 470.27 226.37 470.27 247.3 504.92 247.3 531.06 261.46 531.06 261.46 504.74 282.3 470.27 266.32 470.27 254.42 490.41",
|
|
496
|
+
"stroke-width": "0"
|
|
497
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
498
|
+
points: "857.34 482.95 857.34 470.27 825.21 470.27 825.21 531.06 857.34 531.06 857.34 518.38 839.36 518.38 839.36 506.74 853.78 506.74 853.78 494.06 839.36 494.06 839.36 482.95 857.34 482.95",
|
|
499
|
+
"stroke-width": "0"
|
|
500
|
+
})), align === 'left' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
501
|
+
d: "M151.07,588.98c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
|
|
502
|
+
"stroke-width": "0"
|
|
503
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
504
|
+
d: "M184,630.37v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
|
|
505
|
+
"stroke-width": "0"
|
|
506
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
507
|
+
d: "M249.5,630.37c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM239.09,596.99c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
|
|
508
|
+
"stroke-width": "0"
|
|
509
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
510
|
+
d: "M271.93,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
|
|
511
|
+
"stroke-width": "0"
|
|
512
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
513
|
+
d: "M353.01,630.37l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM338.5,584.53c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
|
|
514
|
+
"stroke-width": "0"
|
|
515
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
516
|
+
d: "M416.55,630.37v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
|
|
517
|
+
"stroke-width": "0"
|
|
518
|
+
}))), align === 'center' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
519
|
+
d: "M401.56,585.29c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
|
|
520
|
+
"stroke-width": "0"
|
|
521
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
522
|
+
d: "M434.49,626.68v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
|
|
523
|
+
"stroke-width": "0"
|
|
524
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
525
|
+
d: "M500,626.68c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM489.58,593.3c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
|
|
526
|
+
"stroke-width": "0"
|
|
527
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
528
|
+
d: "M522.42,626.68v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
|
|
529
|
+
"stroke-width": "0"
|
|
530
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
531
|
+
d: "M603.5,626.68l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM588.99,580.84c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
|
|
532
|
+
"stroke-width": "0"
|
|
533
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
534
|
+
d: "M667.05,626.68v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
|
|
535
|
+
"stroke-width": "0"
|
|
536
|
+
}))));
|
|
392
537
|
};
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
538
|
+
|
|
539
|
+
/* eslint-disable max-len */
|
|
540
|
+
var CinemaBadge = function CinemaBadge(_ref) {
|
|
541
|
+
var _ref$fillColor = _ref.fillColor,
|
|
542
|
+
fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
|
|
543
|
+
_ref$align = _ref.align,
|
|
544
|
+
align = _ref$align === void 0 ? 'center' : _ref$align,
|
|
545
|
+
_ref$invert = _ref.invert,
|
|
546
|
+
invert = _ref$invert === void 0 ? false : _ref$invert;
|
|
547
|
+
var colour = invert ? Colors.Black : fillColor;
|
|
548
|
+
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
549
|
+
fillColor: colour,
|
|
550
|
+
width: "100%",
|
|
551
|
+
height: "100%",
|
|
552
|
+
viewBox: "110 450 865 200",
|
|
553
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
554
|
+
role: "img",
|
|
555
|
+
"aria-label": "Royal Ballet & Opera - Cinema"
|
|
556
|
+
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
557
|
+
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"
|
|
558
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
559
|
+
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"
|
|
560
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
561
|
+
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"
|
|
562
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
563
|
+
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"
|
|
564
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
565
|
+
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"
|
|
566
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
567
|
+
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"
|
|
568
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
569
|
+
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"
|
|
570
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
571
|
+
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"
|
|
572
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
573
|
+
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"
|
|
574
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
575
|
+
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"
|
|
576
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
577
|
+
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"
|
|
578
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
579
|
+
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"
|
|
580
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
581
|
+
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"
|
|
582
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
583
|
+
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"
|
|
584
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
585
|
+
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"
|
|
586
|
+
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
587
|
+
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"
|
|
588
|
+
}))), align === 'left' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
589
|
+
d: "M121.69,630.37v-62.3h8.01v62.3H121.69z"
|
|
590
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
591
|
+
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"
|
|
592
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
593
|
+
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"
|
|
594
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
595
|
+
d: "M278.95,630.37v-62.3h8.01v62.3H278.95z"
|
|
596
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
597
|
+
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"
|
|
598
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
599
|
+
d: "M360.74,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H360.74z"
|
|
600
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
601
|
+
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"
|
|
602
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
603
|
+
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"
|
|
604
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
605
|
+
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"
|
|
606
|
+
}))), align === 'center' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
607
|
+
d: "M319.77,626.67v-62.3h8.01v62.3H319.77z"
|
|
608
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
609
|
+
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"
|
|
610
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
611
|
+
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"
|
|
612
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
613
|
+
d: "M477.03,626.67v-62.3h8.01v62.3H477.03z"
|
|
614
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
615
|
+
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"
|
|
616
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
617
|
+
d: "M558.81,626.67v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H558.81z"
|
|
618
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
619
|
+
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"
|
|
620
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
621
|
+
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"
|
|
622
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
623
|
+
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"
|
|
624
|
+
})))));
|
|
408
625
|
};
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
626
|
+
|
|
627
|
+
var breakpoints = {
|
|
628
|
+
xs: 320,
|
|
629
|
+
sm: 700,
|
|
630
|
+
md: 1140,
|
|
631
|
+
ml: 1280,
|
|
632
|
+
lg: 1400
|
|
633
|
+
};
|
|
634
|
+
var devices = {
|
|
635
|
+
smallMobile: "only screen and (max-width: " + (breakpoints.xs - 1) + "px)",
|
|
636
|
+
mobile: "only screen and (max-width: " + (breakpoints.sm - 1) + "px)",
|
|
637
|
+
tablet: "only screen and (max-width: " + (breakpoints.md - 1) + "px) and (min-width: " + breakpoints.sm + "px)",
|
|
638
|
+
mobileAndTablet: "only screen and (max-width: " + (breakpoints.md - 1) + "px)",
|
|
639
|
+
desktop: "only screen and (max-width: " + (breakpoints.lg - 1) + "px) and (min-width: " + breakpoints.md + "px)",
|
|
640
|
+
smallDesktop: "only screen and (max-width: " + (breakpoints.ml - 1) + "px) and (min-width: " + breakpoints.md + "px)",
|
|
641
|
+
largeDesktop: "only screen and (min-width: " + breakpoints.lg + "px)"
|
|
642
|
+
};
|
|
643
|
+
|
|
644
|
+
var _templateObject$1;
|
|
645
|
+
var ButtonWrapper = /*#__PURE__*/styled.a(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", "\n var(--button-padding-x);\n height: var(--button-height);\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n line-height: var(--button-line-height);\n width: fit-content;\n border-style: solid;\n border-width: 1px;\n cursor: pointer;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n @media ", " {\n & {\n width: 100%;\n }\n }\n"])), function (_ref) {
|
|
646
|
+
var iconName = _ref.iconName;
|
|
647
|
+
return iconName ? 'var(--button-padding-y-icon)' : 'var(--button-padding-y)';
|
|
648
|
+
}, function (_ref2) {
|
|
649
|
+
var color = _ref2.color;
|
|
650
|
+
return color;
|
|
651
|
+
}, devices.mobile);
|
|
652
|
+
|
|
653
|
+
var _templateObject$2;
|
|
654
|
+
var ButtonIconWrapper = /*#__PURE__*/styled.span(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-right: var(--button-icon-margin);\n display: inline-block;\n"])));
|
|
655
|
+
|
|
656
|
+
var colors = {
|
|
657
|
+
core: '#C8102E',
|
|
658
|
+
stream: '#1866DC',
|
|
659
|
+
cinema: '#1A1A1A'
|
|
660
|
+
};
|
|
661
|
+
var commonColors = {
|
|
662
|
+
black: '#1A1A1A',
|
|
663
|
+
white: '#FFFFFF',
|
|
664
|
+
darkgrey: '#727272',
|
|
665
|
+
midgrey: '#B2B2B2',
|
|
666
|
+
lightgrey: '#F0F0F0',
|
|
667
|
+
error: '#C8102E',
|
|
668
|
+
medium: '#D79233',
|
|
669
|
+
good: '#4EAA33',
|
|
670
|
+
progress: '#1866DC',
|
|
671
|
+
navigation: '#C8102E',
|
|
672
|
+
lemonChiffon: '#fffbbe',
|
|
673
|
+
lapisLazuli: '#0060a0',
|
|
674
|
+
blue: '#1866DC',
|
|
675
|
+
red: '#C8102E'
|
|
676
|
+
};
|
|
677
|
+
var fontFamilies = {
|
|
678
|
+
adobeGaramondPro: 'adobe-garamond-pro',
|
|
679
|
+
adobeGaramondProItalics: 'adobe-garamond-pro',
|
|
680
|
+
gothamSSmMedium: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
|
|
413
681
|
gothamSSm: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
|
|
414
682
|
sabonNextLTProRegular: 'Sabon Next LT Pro Regular',
|
|
415
683
|
sabonNextLTProRegularItalics: 'Sabon Next LT Pro Regular Italics',
|
|
@@ -932,7 +1200,7 @@ var themes = {
|
|
|
932
1200
|
schools: schools
|
|
933
1201
|
};
|
|
934
1202
|
|
|
935
|
-
var _templateObject;
|
|
1203
|
+
var _templateObject$3;
|
|
936
1204
|
var Directions = {
|
|
937
1205
|
left: 'transform: rotate(180deg)',
|
|
938
1206
|
right: 'transform: rotate(0deg)',
|
|
@@ -940,7 +1208,7 @@ var Directions = {
|
|
|
940
1208
|
down: 'transform: rotate(90deg)',
|
|
941
1209
|
reverse: 'transform: scaleX(-1)'
|
|
942
1210
|
};
|
|
943
|
-
var Wrapper = /*#__PURE__*/styled.span(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n & svg {\n display: block;\n ", ";\n }\n\n & svg path {\n fill: var(--base-color-", ", ", ");\n }\n"])), function (_ref) {
|
|
1211
|
+
var Wrapper = /*#__PURE__*/styled.span(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n & svg {\n display: block;\n ", ";\n }\n\n & svg path {\n fill: var(--base-color-", ", ", ");\n }\n"])), function (_ref) {
|
|
944
1212
|
var _ref$direction = _ref.direction,
|
|
945
1213
|
direction = _ref$direction === void 0 ? 'right' : _ref$direction;
|
|
946
1214
|
return Directions[direction];
|
|
@@ -2653,271 +2921,6 @@ var Icon = /*#__PURE__*/memo(function (_ref) {
|
|
|
2653
2921
|
});
|
|
2654
2922
|
Icon.displayName = 'Icon';
|
|
2655
2923
|
|
|
2656
|
-
// eslint-disable-next-line no-shadow
|
|
2657
|
-
var Colors;
|
|
2658
|
-
(function (Colors) {
|
|
2659
|
-
Colors["White"] = "white";
|
|
2660
|
-
Colors["Black"] = "black";
|
|
2661
|
-
Colors["DarkGrey"] = "darkgrey";
|
|
2662
|
-
Colors["MidGrey"] = "midgrey";
|
|
2663
|
-
Colors["LightGrey"] = "lightgrey";
|
|
2664
|
-
Colors["Trasparent"] = "transparent";
|
|
2665
|
-
Colors["ErrorState"] = "errorstate";
|
|
2666
|
-
Colors["MediumState"] = "mediumstate";
|
|
2667
|
-
Colors["GoodState"] = "goodstate";
|
|
2668
|
-
Colors["Primary"] = "primary";
|
|
2669
|
-
Colors["Core"] = "core";
|
|
2670
|
-
Colors["Stream"] = "stream";
|
|
2671
|
-
Colors["Cinema"] = "cinema";
|
|
2672
|
-
})(Colors || (Colors = {}));
|
|
2673
|
-
// eslint-disable-next-line no-shadow
|
|
2674
|
-
var ThemeType;
|
|
2675
|
-
(function (ThemeType) {
|
|
2676
|
-
ThemeType["Core"] = "core";
|
|
2677
|
-
ThemeType["Stream"] = "stream";
|
|
2678
|
-
ThemeType["Cinema"] = "cinema";
|
|
2679
|
-
ThemeType["Schools"] = "schools";
|
|
2680
|
-
})(ThemeType || (ThemeType = {}));
|
|
2681
|
-
// eslint-disable-next-line no-shadow
|
|
2682
|
-
var LinkTarget;
|
|
2683
|
-
(function (LinkTarget) {
|
|
2684
|
-
/**
|
|
2685
|
-
* Opens the link in the same frame or tab as the current page.
|
|
2686
|
-
*/
|
|
2687
|
-
LinkTarget["Self"] = "_self";
|
|
2688
|
-
/**
|
|
2689
|
-
* Opens the link in a new browser tab or window, depending on the browser settings.
|
|
2690
|
-
*/
|
|
2691
|
-
LinkTarget["Blank"] = "_blank";
|
|
2692
|
-
})(LinkTarget || (LinkTarget = {}));
|
|
2693
|
-
|
|
2694
|
-
var _templateObject$1;
|
|
2695
|
-
var BadgeWrapper = /*#__PURE__*/styled.svg(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: auto;\n\n g,\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
2696
|
-
var fillColor = _ref.fillColor;
|
|
2697
|
-
return fillColor;
|
|
2698
|
-
});
|
|
2699
|
-
|
|
2700
|
-
/* eslint-disable max-len */
|
|
2701
|
-
var StreamBadge = function StreamBadge(_ref) {
|
|
2702
|
-
var _ref$fillColor = _ref.fillColor,
|
|
2703
|
-
fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
|
|
2704
|
-
_ref$align = _ref.align,
|
|
2705
|
-
align = _ref$align === void 0 ? 'center' : _ref$align,
|
|
2706
|
-
_ref$invert = _ref.invert,
|
|
2707
|
-
invert = _ref$invert === void 0 ? false : _ref$invert;
|
|
2708
|
-
var colour = invert ? Colors.Black : fillColor;
|
|
2709
|
-
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
2710
|
-
fillColor: colour,
|
|
2711
|
-
width: "100%",
|
|
2712
|
-
height: "100%",
|
|
2713
|
-
viewBox: "110 450 865 200",
|
|
2714
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2715
|
-
role: "img",
|
|
2716
|
-
"aria-label": "Royal Ballet & Opera - Stream"
|
|
2717
|
-
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
2718
|
-
d: "M416.81,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,0-7.3-4.86-13.11-13.46-14.07,7.9-1.13,11.73-7.47,11.73-13.8ZM389.28,481.3h5.47c5.47,0,7.64,2.69,7.64,6.51s-2.17,6.51-7.73,6.51h-5.38v-13.03ZM395.79,519.59h-6.51v-14.59h6.42c4.95,0,8.43,2.69,8.43,7.29s-3.39,7.29-8.34,7.29Z",
|
|
2719
|
-
"stroke-width": "0"
|
|
2720
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2721
|
-
d: "M435.74,518.9h19.19l3.73,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM445.29,487.55l5.82,18.85h-11.64l5.82-18.85Z",
|
|
2722
|
-
"stroke-width": "0"
|
|
2723
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2724
|
-
d: "M774.06,500.66c0-18.15-13.89-31.7-32.56-31.7s-32.56,13.54-32.56,31.7,13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7ZM723.44,500.66c0-10.59,7.81-18.58,18.06-18.58s18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58-18.06-7.99-18.06-18.58Z",
|
|
2725
|
-
"stroke-width": "0"
|
|
2726
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2727
|
-
points: "511.38 470.27 511.38 531.06 542.64 531.06 542.64 518.38 525.53 518.38 525.53 470.27 511.38 470.27",
|
|
2728
|
-
"stroke-width": "0"
|
|
2729
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2730
|
-
points: "610.2 531.06 610.2 482.95 623.83 482.95 623.83 470.27 582.41 470.27 582.41 482.95 596.04 482.95 596.04 531.06 610.2 531.06",
|
|
2731
|
-
"stroke-width": "0"
|
|
2732
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2733
|
-
points: "578.59 482.95 578.59 470.27 546.46 470.27 546.46 531.06 578.59 531.06 578.59 518.38 560.61 518.38 560.61 506.74 575.03 506.74 575.03 494.06 560.61 494.06 560.61 482.95 578.59 482.95",
|
|
2734
|
-
"stroke-width": "0"
|
|
2735
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2736
|
-
points: "475.86 470.27 475.86 531.06 507.12 531.06 507.12 518.38 490.01 518.38 490.01 470.27 475.86 470.27",
|
|
2737
|
-
"stroke-width": "0"
|
|
2738
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2739
|
-
points: "324.76 470.27 324.76 531.06 356.02 531.06 356.02 518.38 338.92 518.38 338.92 470.27 324.76 470.27",
|
|
2740
|
-
"stroke-width": "0"
|
|
2741
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2742
|
-
d: "M800.98,508.48c12.33,0,20.58-7.99,20.58-19.11s-8.25-19.1-20.58-19.1h-23.19v60.79h14.16v-22.58h9.03ZM791.95,481.91h6.42c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56h-6.42v-15.02Z",
|
|
2743
|
-
"stroke-width": "0"
|
|
2744
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2745
|
-
d: "M923.95,470.27l-19.45,57.31-11.03-20.75c7.12-2.95,11.46-9.38,11.46-17.45,0-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.76l-20.67-60.79h-14.85ZM881.74,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56ZM925.51,506.39l5.82-18.85,5.82,18.85h-11.64Z",
|
|
2746
|
-
"stroke-width": "0"
|
|
2747
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2748
|
-
d: "M636.25,511c0,12.24,9.38,21.36,22.49,21.36,7.21,0,13.2-2.78,18.24-7.38l4.86,6.08h17.8l-13.37-16.59,9.81-14.33-10.85-7.47-7.64,11.12-16.85-20.84h18.93v-12.68h-36.64v12.68l6.68,8.25c-8.94,4.34-13.46,11.46-13.46,19.8ZM657.61,501.01l11.29,14.07c-2.26,2.34-5.21,4.17-9.03,4.17-5.64,0-9.21-4-9.21-8.77,0-4.26,2.87-7.81,6.95-9.46Z",
|
|
2749
|
-
"stroke-width": "0"
|
|
2750
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2751
|
-
d: "M176.87,529.41c-9.38-5.9-17.02-14.16-22.06-23.01,6.6-3.04,10.6-9.29,10.6-17.02,0-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.78h0l8.08-10.59ZM142.23,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56Z",
|
|
2752
|
-
"stroke-width": "0"
|
|
2753
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2754
|
-
d: "M284.56,518.9h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM294.11,487.55l5.82,18.85h-11.64l5.82-18.85Z",
|
|
2755
|
-
"stroke-width": "0"
|
|
2756
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2757
|
-
d: "M201.1,468.97c-18.58,0-32.56,13.54-32.56,31.7s13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7-13.89-31.7-32.56-31.7ZM201.1,519.25c-10.25,0-18.06-7.99-18.06-18.58s7.81-18.58,18.06-18.58,18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58Z",
|
|
2758
|
-
"stroke-width": "0"
|
|
2759
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2760
|
-
points: "254.42 490.41 242.44 470.27 226.37 470.27 247.3 504.92 247.3 531.06 261.46 531.06 261.46 504.74 282.3 470.27 266.32 470.27 254.42 490.41",
|
|
2761
|
-
"stroke-width": "0"
|
|
2762
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2763
|
-
points: "857.34 482.95 857.34 470.27 825.21 470.27 825.21 531.06 857.34 531.06 857.34 518.38 839.36 518.38 839.36 506.74 853.78 506.74 853.78 494.06 839.36 494.06 839.36 482.95 857.34 482.95",
|
|
2764
|
-
"stroke-width": "0"
|
|
2765
|
-
})), align === 'left' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
2766
|
-
d: "M151.07,588.98c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
|
|
2767
|
-
"stroke-width": "0"
|
|
2768
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2769
|
-
d: "M184,630.37v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
|
|
2770
|
-
"stroke-width": "0"
|
|
2771
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2772
|
-
d: "M249.5,630.37c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM239.09,596.99c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
|
|
2773
|
-
"stroke-width": "0"
|
|
2774
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2775
|
-
d: "M271.93,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
|
|
2776
|
-
"stroke-width": "0"
|
|
2777
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2778
|
-
d: "M353.01,630.37l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM338.5,584.53c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
|
|
2779
|
-
"stroke-width": "0"
|
|
2780
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2781
|
-
d: "M416.55,630.37v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
|
|
2782
|
-
"stroke-width": "0"
|
|
2783
|
-
}))), align === 'center' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
2784
|
-
d: "M401.56,585.29c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
|
|
2785
|
-
"stroke-width": "0"
|
|
2786
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2787
|
-
d: "M434.49,626.68v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
|
|
2788
|
-
"stroke-width": "0"
|
|
2789
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2790
|
-
d: "M500,626.68c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM489.58,593.3c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
|
|
2791
|
-
"stroke-width": "0"
|
|
2792
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2793
|
-
d: "M522.42,626.68v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
|
|
2794
|
-
"stroke-width": "0"
|
|
2795
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2796
|
-
d: "M603.5,626.68l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM588.99,580.84c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
|
|
2797
|
-
"stroke-width": "0"
|
|
2798
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2799
|
-
d: "M667.05,626.68v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
|
|
2800
|
-
"stroke-width": "0"
|
|
2801
|
-
}))));
|
|
2802
|
-
};
|
|
2803
|
-
|
|
2804
|
-
/* eslint-disable max-len */
|
|
2805
|
-
var CinemaBadge = function CinemaBadge(_ref) {
|
|
2806
|
-
var _ref$fillColor = _ref.fillColor,
|
|
2807
|
-
fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
|
|
2808
|
-
_ref$align = _ref.align,
|
|
2809
|
-
align = _ref$align === void 0 ? 'center' : _ref$align,
|
|
2810
|
-
_ref$invert = _ref.invert,
|
|
2811
|
-
invert = _ref$invert === void 0 ? false : _ref$invert;
|
|
2812
|
-
var colour = invert ? Colors.Black : fillColor;
|
|
2813
|
-
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
2814
|
-
fillColor: colour,
|
|
2815
|
-
width: "100%",
|
|
2816
|
-
height: "100%",
|
|
2817
|
-
viewBox: "110 450 865 200",
|
|
2818
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2819
|
-
role: "img",
|
|
2820
|
-
"aria-label": "Royal Ballet & Opera - Cinema"
|
|
2821
|
-
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
2822
|
-
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"
|
|
2823
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2824
|
-
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"
|
|
2825
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2826
|
-
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"
|
|
2827
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2828
|
-
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"
|
|
2829
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2830
|
-
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"
|
|
2831
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2832
|
-
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"
|
|
2833
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2834
|
-
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"
|
|
2835
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2836
|
-
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"
|
|
2837
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2838
|
-
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"
|
|
2839
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2840
|
-
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"
|
|
2841
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2842
|
-
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"
|
|
2843
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2844
|
-
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"
|
|
2845
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2846
|
-
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"
|
|
2847
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2848
|
-
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"
|
|
2849
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2850
|
-
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"
|
|
2851
|
-
}), /*#__PURE__*/React__default.createElement("polygon", {
|
|
2852
|
-
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"
|
|
2853
|
-
}))), align === 'left' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
2854
|
-
d: "M121.69,630.37v-62.3h8.01v62.3H121.69z"
|
|
2855
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2856
|
-
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"
|
|
2857
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2858
|
-
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"
|
|
2859
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2860
|
-
d: "M278.95,630.37v-62.3h8.01v62.3H278.95z"
|
|
2861
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2862
|
-
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"
|
|
2863
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2864
|
-
d: "M360.74,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H360.74z"
|
|
2865
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2866
|
-
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"
|
|
2867
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2868
|
-
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"
|
|
2869
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2870
|
-
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"
|
|
2871
|
-
}))), align === 'center' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
2872
|
-
d: "M319.77,626.67v-62.3h8.01v62.3H319.77z"
|
|
2873
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2874
|
-
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"
|
|
2875
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2876
|
-
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"
|
|
2877
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2878
|
-
d: "M477.03,626.67v-62.3h8.01v62.3H477.03z"
|
|
2879
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2880
|
-
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"
|
|
2881
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2882
|
-
d: "M558.81,626.67v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H558.81z"
|
|
2883
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2884
|
-
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"
|
|
2885
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2886
|
-
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"
|
|
2887
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
2888
|
-
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"
|
|
2889
|
-
})))));
|
|
2890
|
-
};
|
|
2891
|
-
|
|
2892
|
-
var breakpoints = {
|
|
2893
|
-
xs: 320,
|
|
2894
|
-
sm: 700,
|
|
2895
|
-
md: 1140,
|
|
2896
|
-
ml: 1280,
|
|
2897
|
-
lg: 1400
|
|
2898
|
-
};
|
|
2899
|
-
var devices = {
|
|
2900
|
-
smallMobile: "only screen and (max-width: " + (breakpoints.xs - 1) + "px)",
|
|
2901
|
-
mobile: "only screen and (max-width: " + (breakpoints.sm - 1) + "px)",
|
|
2902
|
-
tablet: "only screen and (max-width: " + (breakpoints.md - 1) + "px) and (min-width: " + breakpoints.sm + "px)",
|
|
2903
|
-
mobileAndTablet: "only screen and (max-width: " + (breakpoints.md - 1) + "px)",
|
|
2904
|
-
desktop: "only screen and (max-width: " + (breakpoints.lg - 1) + "px) and (min-width: " + breakpoints.md + "px)",
|
|
2905
|
-
smallDesktop: "only screen and (max-width: " + (breakpoints.ml - 1) + "px) and (min-width: " + breakpoints.md + "px)",
|
|
2906
|
-
largeDesktop: "only screen and (min-width: " + breakpoints.lg + "px)"
|
|
2907
|
-
};
|
|
2908
|
-
|
|
2909
|
-
var _templateObject$2;
|
|
2910
|
-
var ButtonWrapper = /*#__PURE__*/styled.a(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", "\n var(--button-padding-x);\n height: var(--button-height);\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n line-height: var(--button-line-height);\n width: fit-content;\n border-style: solid;\n border-width: 1px;\n cursor: pointer;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n @media ", " {\n & {\n width: 100%;\n }\n }\n"])), function (_ref) {
|
|
2911
|
-
var iconName = _ref.iconName;
|
|
2912
|
-
return iconName ? 'var(--button-padding-y-icon)' : 'var(--button-padding-y)';
|
|
2913
|
-
}, function (_ref2) {
|
|
2914
|
-
var color = _ref2.color;
|
|
2915
|
-
return color;
|
|
2916
|
-
}, devices.mobile);
|
|
2917
|
-
|
|
2918
|
-
var _templateObject$3;
|
|
2919
|
-
var ButtonIconWrapper = /*#__PURE__*/styled.span(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-right: var(--button-icon-margin);\n display: inline-block;\n"])));
|
|
2920
|
-
|
|
2921
2924
|
var _excluded = ["children", "iconName", "iconDirection", "iconClassName", "color"];
|
|
2922
2925
|
var Button = function Button(_ref) {
|
|
2923
2926
|
var children = _ref.children,
|