@royaloperahouse/harmonic 0.6.0-c → 0.6.0-d

package/dist/components/molecules/SearchBar/SearchBar.style.d.ts

@@ -1,6 +1,6 @@
 export declare const SearchBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SvgContainerSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SvgContainerClose: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SvgContainerClose: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const SearchUnavailableContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextLinkWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/types").ITextLinkProps>, any, {}, never>;

package/dist/harmonic.cjs.development.js

@@ -3084,6 +3084,7 @@ var ControlledDropdown = /*#__PURE__*/React__default.forwardRef(function (_ref,
     active: active
   }, headerEvents, {
     "data-testid": "link-container",
+    "aria-label": text,
     role: "menuitem",
     tabIndex: 0
   }), text)));
@@ -5714,7 +5715,7 @@ var Tabs = function Tabs(_ref) {
 var _templateObject$C, _templateObject2$s, _templateObject3$i, _templateObject5$a, _templateObject6$7, _templateObject7$4;
 var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__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: transparent;\n\n  @media ", " {\n    column-gap: 12px;\n  }\n"])), devices.mobile);
 var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-xlarge-gap);\n    height: var(--navigation-xlarge-gap);\n  }\n"])));
-var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  as: button;\n  all: unset;\n\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(--color-primary-red);\n    }\n  }\n\n  &:focus {\n    outline: 2px solid var(--color-primary-black);\n    outline-offset: 2px;\n  }\n"])));
+var SvgContainerClose = /*#__PURE__*/styled__default.button(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  all: unset;\n\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(--color-primary-red);\n    }\n  }\n\n  &:focus {\n    outline: 2px solid var(--color-primary-black);\n    outline-offset: 2px;\n  }\n"])));
 var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__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-serif);\n    border: none;\n    border-radius: 0;\n    outline: none;\n    outline-color: var(--color-base-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 TextLinkWrapper$1 = /*#__PURE__*/styled__default(TextLink)(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--color-primary-red);\n"])));
 var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-right: 8px;\n\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n"])));
@@ -5820,6 +5821,7 @@ var SearchBar = function SearchBar(_ref) {
     "data-testid": "search-button"
   }, /*#__PURE__*/React__default.createElement(TextLinkWrapper$1, {
     "data-testid": "search-link",
+    "aria-label": "Submit search",
     onClick: function onClick() {
       return onSearchHandler(searchValue);
     },
@@ -5828,6 +5830,7 @@ var SearchBar = function SearchBar(_ref) {
     },
     tabIndex: 0
   }, "Search"))) : (/*#__PURE__*/React__default.createElement(SearchArrowContainer, {
+    "aria-label": "Submit search",
     "data-testid": "search-arrow-button",
     onClick: function onClick() {
       return onSearchHandler(searchValue);