@royaloperahouse/chord 2.1.4 → 2.1.5-b-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
 };
 
@@ -4150,8 +4166,8 @@ var SearchBackground = /*#__PURE__*/styled.div(_templateObject4$9 || (_templateO
   return visible ? 'visible' : 'hidden';
 }, zIndexes.search, devices.mobile);
 var GridItemSearch = /*#__PURE__*/styled(GridItem)(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n  background-color: var(--base-color-white);\n  border-top: 1px solid var(--base-color-light-grey);\n  width: 100%;\n  position: absolute;\n  top: 140px;\n  z-index: ", ";\n  height: 100px;\n\n  @media ", " {\n    height: 100%;\n    top: 80px;\n  }\n"])), function (_ref3) {
-  var visibile = _ref3.visibile;
-  return visibile ? 'visible' : 'hidden';
+  var visible = _ref3.visible;
+  return visible ? 'visible' : 'hidden';
 }, zIndexes.search, devices.mobile);
 var NavigationGridMobile = /*#__PURE__*/styled(Grid)(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  @media ", " {\n    display: grid;\n    background-color: var(--base-color-white);\n    padding-top: ", ";\n    padding-bottom: var(--navigation-large-margin);\n  }\n"])), devices.mobileAndTablet, function (_ref4) {
   var theme = _ref4.theme;
@@ -6730,7 +6746,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 +6760,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 +6790,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 +6814,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 +6954,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 +6987,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,