@royaloperahouse/chord 2.1.6 → 2.1.8-a-chord-development

package/dist/chord.esm.js

@@ -1577,6 +1577,21 @@ var Twitter = (function (_ref) {
   }));
 });
 
+var X = (function (_ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
+  return /*#__PURE__*/createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/createElement("path", {
+    d: "M13.7124 10.6179L20.4133 3H18.8254L13.007 9.61448L8.35992 3H3L10.0274 13.0023L3 20.9908H4.58799L10.7324 14.0056L15.6401 20.9908H21L13.7124 10.6179ZM11.5375 13.0904L10.8255 12.0944L5.16016 4.16911H7.59922L12.1712 10.5651L12.8832 11.5611L18.8262 19.8748H16.3871L11.5375 13.0904Z",
+    fill: color
+  }));
+});
+
 var Youtube = (function (_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
@@ -2131,6 +2146,7 @@ var IconLibrary = {
   UserSignedIn: UserSignedIn,
   Volume: Volume,
   Watch: Watch,
+  X: X,
   Youtube: Youtube
 };
 
@@ -5711,7 +5727,8 @@ var Accordions = function Accordions(_ref) {
       key: accordion.title + "-" + index,
       title: accordion.title,
       showLine: isLastAccordion(index),
-      visibleStandfirst: accordion.visibleStandfirst
+      visibleStandfirst: accordion.visibleStandfirst,
+      initOpen: accordion.initOpen
     }, accordion.children);
   }));
 };
@@ -6730,7 +6747,7 @@ var PrimaryButtonWithInversion = /*#__PURE__*/styled(PrimaryButton)(_templateObj
   return invert ? theme.colors.white : theme.colors.black;
 });
 
-var renderBranding = function renderBranding(brandingStyle, invert, brandingText) {
+var renderBranding = function renderBranding(brandingStyle, invert, brandingText, brandingLink) {
   var color = invert ? Colors.Black : Colors.White;
 
   switch (brandingStyle) {
@@ -6744,6 +6761,13 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
         }
       });
 
+    case 'TextLink':
+      return (brandingText == null ? void 0 : brandingText.trim()) && /*#__PURE__*/React__default.createElement(TextLink, {
+        target: 'blank',
+        href: brandingLink,
+        color: color
+      }, truncate(stripAllHtmlTags(brandingText), 25));
+
     case 'StreamLogo':
       return /*#__PURE__*/React__default.createElement(Logo, {
         color: color,
@@ -6767,14 +6791,15 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
   var brandingStyle = _ref.brandingStyle,
       _ref$invert = _ref.invert,
       invert = _ref$invert === void 0 ? false : _ref$invert,
-      brandingText = _ref.brandingText;
-  return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, invert, brandingText));
+      brandingText = _ref.brandingText,
+      brandingLink = _ref.brandingLink;
+  return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, invert, brandingText, brandingLink));
 };
 
 var isIOS = function isIOS() {
   try {
     console.warn('Do not use this on server side rendering, it may throw an error.');
-    if (typeof navigator === undefined) return false;
+    if (typeof navigator === 'undefined') return false;
     return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
     navigator.userAgent.includes('Mac') && 'ontouchend' in document;
   } catch (e) {
@@ -6790,7 +6815,7 @@ var useIOS = function useIOS() {
       setIOS = _useState[1];
 
   useEffect(function () {
-    if (typeof navigator === undefined) return;
+    if (typeof navigator === 'undefined') return;
     setIOS(isIOS());
   }, []);
   return IOS;
@@ -6930,7 +6955,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
       invert = _ref4$invert === void 0 ? false : _ref4$invert,
       _ref4$brandingStyle = _ref4.brandingStyle,
       brandingStyle = _ref4$brandingStyle === void 0 ? 'BlockText' : _ref4$brandingStyle,
-      brandingText = _ref4.brandingText;
+      brandingText = _ref4.brandingText,
+      brandingLink = _ref4.brandingLink;
 
   var _ref5 = link || {},
       linkText = _ref5.text,
@@ -6962,6 +6988,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
   }, /*#__PURE__*/React__default.createElement(CompactHeaderBranding, {
     brandingStyle: brandingStyle,
     brandingText: brandingText,
+    brandingLink: brandingLink,
     invert: invert
   }), /*#__PURE__*/React__default.createElement(CompactHeaderTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
     level: titleSize,