@royaloperahouse/chord 1.6.2 → 1.7.0-b-chord-development

package/dist/chord.esm.js

@@ -3729,10 +3729,10 @@ var Tabs = function Tabs(_ref) {
 };
 
 var _templateObject$t, _templateObject2$e, _templateObject3$7, _templateObject4$4, _templateObject5$1, _templateObject6$1;
-var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  column-gap: 64px;\n  justify-content: space-between;\n  align-items: center;\n  height: 100px;\n  background-color: var(--base-color-white);\n\n  @media ", " {\n    column-gap: 12px;\n    height: 80px;\n  }\n"])), devices.mobile);
+var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__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-white);\n\n  @media ", " {\n    column-gap: 12px;\n  }\n"])), devices.mobile);
 var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-xlarge-gap);\n    height: var(--navigation-xlarge-gap);\n  }\n"])));
 var SvgContainerClose = /*#__PURE__*/styled.div(_templateObject3$7 || (_templateObject3$7 = /*#__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"])));
-var InputContainer = /*#__PURE__*/styled.div(_templateObject4$4 || (_templateObject4$4 = /*#__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);
+var InputContainer = /*#__PURE__*/styled.div(_templateObject4$4 || (_templateObject4$4 = /*#__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\n  input:disabled {\n    background-color: var(--base-color-white)\n  }\n"])), devices.mobile);
 var SearchLinkContainer = /*#__PURE__*/styled.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobile);
 var SearchArrowContainer = /*#__PURE__*/styled.a(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  height: 24px;\n  width: 24px;\n\n  @media ", " {\n    display: block;\n  }\n"])), devices.mobile);
 
@@ -3799,14 +3799,15 @@ var SearchBar = function SearchBar(_ref) {
     "data-testid": "input-html",
     ref: inputRef,
     className: "search-input",
-    placeholder: "Search for anything ROH...",
+    placeholder: "Our search tool is currently unavailable due to necessary maintenance.",
     type: "text",
     onChange: function onChange(e) {
       onChangeHandler(e);
     },
     onKeyPress: function onKeyPress(e) {
       return handleKeypress(e, searchValue);
-    }
+    },
+    disabled: true
   })), showSearchLink && /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(SearchLinkContainer, {
     "data-testid": "search-button"
   }, /*#__PURE__*/React__default.createElement(TextLink, {
@@ -5746,7 +5747,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
       customSponsorImage = _ref.customSponsorImage,
       scrollHref = _ref.scrollHref,
       bgUrlDesktop = _ref.bgUrlDesktop,
-      bgUrlDevice = _ref.bgUrlDevice;
+      bgUrlDevice = _ref.bgUrlDevice,
+      bgImageAltText = _ref.bgImageAltText;
   var truncatedText = text && text.substring(0, 75);
 
   var _ref2 = link || {},
@@ -5757,7 +5759,10 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
     bgUrlDesktop: bgUrlDesktop,
     bgUrlDevice: bgUrlDevice,
     "data-testid": "impact-wrapper"
-  }, sponsor ? /*#__PURE__*/React__default.createElement(SponsorWrapper, {
+  }, bgImageAltText && /*#__PURE__*/React__default.createElement("span", {
+    role: "img",
+    "aria-label": bgImageAltText
+  }), sponsor ? /*#__PURE__*/React__default.createElement(SponsorWrapper, {
     "data-testid": "impact-sponsor"
   }, customSponsorImage ? /*#__PURE__*/React__default.createElement(Sponsorship, Object.assign({
     "data-testid": "impact-custom-sponsor"