@redocly/theme 0.56.0-next.0 → 0.56.0-next.2

package/lib/components/Navbar/Navbar.js

@@ -50,7 +50,7 @@ function Navbar({ className }) {
                     : () => {
                         openMobileMenu();
                         telemetry.send({ type: 'mobile_menu_button_open.clicked' });
-                    }, icon: isOpen ? react_1.default.createElement(CloseIcon_1.CloseIcon, null) : react_1.default.createElement(MenuIcon_1.MenuIcon, null) }),
+                    }, icon: isOpen ? react_1.default.createElement(CloseIcon_1.CloseIcon, null) : react_1.default.createElement(MenuIcon_1.MenuIcon, null), "aria-label": isOpen ? 'Close menu button' : 'Open menu button' }),
             hideUserMenu ? null : react_1.default.createElement(UserMenu_1.UserMenu, null))));
 }
 const NavbarWrapper = styled_components_1.default.nav `

package/lib/components/Search/SearchTrigger.js

@@ -52,7 +52,7 @@ function SearchTrigger({ onClick, className }) {
     mainShortcutKey = mainShortcutKey === null || mainShortcutKey === void 0 ? void 0 : mainShortcutKey.toUpperCase();
     const isMac = (0, utils_1.getUserAgent)().includes('Mac');
     return (React.createElement(SearchTriggerWrapper, { onClick: onClick, className: className, "data-component-name": "Search/SearchTrigger" },
-        React.createElement(SearchTriggerButton, { "data-testid": "search-trigger-button", variant: "text", size: "medium", icon: React.createElement(SearchIcon_1.SearchIcon, null) }),
+        React.createElement(SearchTriggerButton, { "data-testid": "search-trigger-button", variant: "text", size: "medium", icon: React.createElement(SearchIcon_1.SearchIcon, null), "aria-label": "Search trigger button" }),
         React.createElement(SearchTriggerInput, { "data-testid": "search-trigger-input", "data-translation-key": "search.navbar.label" },
             React.createElement(SearchIcon_1.SearchIcon, null),
             translate('search.navbar.label', 'Search'),

package/lib/components/UserMenu/UserMenu.js

@@ -38,7 +38,7 @@ function UserMenu({ className }) {
         react_1.default.createElement(LogoutMenuItem_1.LogoutMenuItem, { key: "logout" }),
     ];
     return (react_1.default.createElement(UserMenuWrapper, { "data-component-name": "UserMenu/UserMenu" },
-        react_1.default.createElement(StyledDropdown, { className: className, alignment: "end", trigger: react_1.default.createElement(UserMenuTrigger, { role: "button", tabIndex: 0 },
+        react_1.default.createElement(StyledDropdown, { className: className, alignment: "end", trigger: react_1.default.createElement(UserMenuTrigger, { role: "button", tabIndex: 0, "aria-label": "User menu" },
                 react_1.default.createElement(UserAvatar_1.UserAvatar, { picture: userData.picture })) },
             react_1.default.createElement(DropdownMenu_1.DropdownMenu, null, items))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.56.0-next.0",
+  "version": "0.56.0-next.2",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -36,7 +36,7 @@
     "styled-system": "^5.1.5"
   },
   "devDependencies": {
-    "@markdoc/markdoc": "0.5.1",
+    "@markdoc/markdoc": "0.5.2",
     "@shikijs/types": "1.24.2",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
@@ -89,8 +89,8 @@
     "nprogress": "0.2.0",
     "react-calendar": "5.1.0",
     "react-date-picker": "11.0.0",
-    "@redocly/config": "0.26.2",
-    "@redocly/realm-asyncapi-sdk": "0.2.0-next.0"
+    "@redocly/config": "0.26.3",
+    "@redocly/realm-asyncapi-sdk": "0.2.0-next.1"
   },
   "scripts": {
     "watch": "tsc -p tsconfig.build.json && (concurrently \"tsc -w -p tsconfig.build.json\" \"tsc-alias -w -p tsconfig.build.json\")",

package/src/components/Navbar/Navbar.tsx

@@ -66,6 +66,7 @@ export function Navbar({ className }: NavbarProps): JSX.Element | null {
                 }
           }
           icon={isOpen ? <CloseIcon /> : <MenuIcon />}
+          aria-label={isOpen ? 'Close menu button' : 'Open menu button'}
         />
         {hideUserMenu ? null : <UserMenu />}
       </NavbarRow>

package/src/components/Search/SearchTrigger.tsx

@@ -44,6 +44,7 @@ export function SearchTrigger({ onClick, className }: SearchTriggerProps): JSX.E
         variant="text"
         size="medium"
         icon={<SearchIcon />}
+        aria-label="Search trigger button"
       />
       <SearchTriggerInput
         data-testid="search-trigger-input"

package/src/components/UserMenu/UserMenu.tsx

@@ -65,7 +65,7 @@ export function UserMenu({ className }: UserMenuProps) {
         className={className}
         alignment="end"
         trigger={
-          <UserMenuTrigger role="button" tabIndex={0}>
+          <UserMenuTrigger role="button" tabIndex={0} aria-label="User menu">
             <UserAvatar picture={userData.picture} />
           </UserMenuTrigger>
         }