@wix/editor-react-components 1.2347.0 → 1.2348.0

package/dist/site/components/Menu/component.js

@@ -1982,7 +1982,7 @@ const header = "header__zD0Aj";
 const headerContent = "headerContent__YA-my";
 const main = "main__nxjmC";
 const content = "content__Axo2j";
-const openButton = "openButton__yTPKy";
+const openButtonNavigation = "openButtonNavigation__q0G3h";
 const closeButton = "closeButton__SyNEB";
 const navbar = "navbar__-KnMk";
 const classes = {
@@ -1993,7 +1993,7 @@ const classes = {
   headerContent,
   main,
   content,
-  openButton,
+  openButtonNavigation,
   closeButton,
   navbar
 };
@@ -2091,7 +2091,7 @@ const HamburgerMenu = ({
     }
   }
 }) => {
-  const { translations } = useMenuContext();
+  const { translations, navAriaLabel } = useMenuContext();
   const siteScrollBlocker = useService(SiteScrollBlockerDefinition);
   const [isOpen, setIsOpen] = useState(false);
   useEffect(() => {
@@ -2145,18 +2145,22 @@ const HamburgerMenu = ({
   const { containerRef: focusTrapRef } = useFocusTrap(isOpen);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      Button,
+      "nav",
       {
-        ...hamburgerOpenButtonProps,
-        a11y: {
-          ariaLabel: translations.hamburgerOpenButtonAriaLabel,
-          ...hamburgerOpenButtonProps == null ? void 0 : hamburgerOpenButtonProps.a11y
-        },
-        className: clsx(
-          selectors.hamburgerMenuOpenButton,
-          classes.openButton
-        ),
-        onClick: () => setIsMenuOpen(true)
+        "aria-label": navAriaLabel || translations.menuNavAriaLabel,
+        className: classes.openButtonNavigation,
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...hamburgerOpenButtonProps,
+            a11y: {
+              ariaLabel: translations.hamburgerOpenButtonAriaLabel,
+              ...hamburgerOpenButtonProps == null ? void 0 : hamburgerOpenButtonProps.a11y
+            },
+            className: selectors.hamburgerMenuOpenButton,
+            onClick: () => setIsMenuOpen(true)
+          }
+        )
       }
     ),
     isOpen && /* @__PURE__ */ jsxs(
@@ -2167,6 +2171,9 @@ const HamburgerMenu = ({
           classes.dialog,
           animationClasses.dialog
         ),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": navAriaLabel || translations.menuNavAriaLabel,
         "data-animation-name": animationState.name,
         "data-animation-state": animationState.phase,
         ref: focusTrapRef,

package/dist/site/components/Menu/css.css

@@ -902,7 +902,7 @@
   align-self: stretch;
 }
 
-.openButton__yTPKy {
+.openButtonNavigation__q0G3h {
   display: var(--hamburger-open-button-display) !important;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2347.0",
+  "version": "1.2348.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -199,5 +199,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "da47f7a892d684020ed2bc122b653607fc518a2d33af8b46aa75fa9a"
+  "falconPackageHash": "3492566fc8e27a7b764fed940baa979d1504812eb8c1014fa544b592"
 }