@royaloperahouse/chord 2.4.0-b-chord-development → 2.4.0-d-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.
|
@@ -133,7 +133,9 @@ var StreamBadge = function StreamBadge(_ref) {
|
|
|
133
133
|
width: "100%",
|
|
134
134
|
height: "100%",
|
|
135
135
|
viewBox: "110 450 865 200",
|
|
136
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
136
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
137
|
+
role: "img",
|
|
138
|
+
"aria-label": "Royal Ballet & Opera - Stream"
|
|
137
139
|
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
138
140
|
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",
|
|
139
141
|
"stroke-width": "0"
|
|
@@ -231,7 +233,9 @@ var CinemaBadge = function CinemaBadge(_ref) {
|
|
|
231
233
|
width: "100%",
|
|
232
234
|
height: "100%",
|
|
233
235
|
viewBox: "110 450 865 200",
|
|
234
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
236
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
237
|
+
role: "img",
|
|
238
|
+
"aria-label": "Royal Ballet & Opera - Cinema"
|
|
235
239
|
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
236
240
|
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
241
|
}), /*#__PURE__*/React__default.createElement("path", {
|
|
@@ -7991,7 +7995,7 @@ var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_te
|
|
|
7991
7995
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
7992
7996
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
7993
7997
|
}, devices.mobile);
|
|
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:
|
|
7998
|
+
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: 20px;\n }\n }\n"])), function (_ref4) {
|
|
7995
7999
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
7996
8000
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7997
8001
|
}, devices.mobile);
|
|
@@ -8224,7 +8228,7 @@ var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$$ || (_
|
|
|
8224
8228
|
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
8229
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8226
8230
|
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);
|
|
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
|
|
8231
|
+
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 width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
8228
8232
|
var invert = _ref.invert,
|
|
8229
8233
|
theme = _ref.theme;
|
|
8230
8234
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -8239,7 +8243,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
8239
8243
|
}, function (_ref4) {
|
|
8240
8244
|
var theme = _ref4.theme;
|
|
8241
8245
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
8242
|
-
}, devices.mobile);
|
|
8246
|
+
}, devices.tablet, devices.mobile);
|
|
8243
8247
|
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: logo;\n padding-left: 50px;\n justify-content: left;\n align-items: center;\n width: 100%;\n @media ", " {\n padding-left: 0px;\n justify-content: center;\n }\n @media ", " {\n width: fit-content;\n }\n"])), devices.mobile, devices.tablet);
|
|
8244
8248
|
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: title;\n align-items: center;\n justify-content: center;\n font-family: var(--font-family-header);\n text-transform: uppercase;\n text-align: center;\n padding: 0 2em;\n @media ", " {\n justify-content: center;\n }\n"])), devices.mobile);
|
|
8245
8249
|
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: cta;\n justify-content: right;\n align-items: center;\n padding-right: 50px;\n @media ", " {\n padding-right: 0px;\n justify-content: center;\n }\n"])), devices.mobile);
|