@sonic-equipment/ui 208.0.0 → 210.0.0

package/dist/sidebar/sidebar.js

@@ -1,23 +1,20 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { IconButton } from '../buttons/icon-button/icon-button.js';
 import { StrokeCloseboxIcon } from '../icons/stroke/stroke-closebox-icon.js';
 import { useSidebar } from './use-sidebar.js';
 import styles from './sidebar.module.css.js';
 
-function InnerSidebar({ children }) {
+function Sidebar({ children, className }) {
     const { isDocked, isOpen, toggle, transition } = useSidebar();
-    return (jsxs("aside", { className: clsx(styles.sidebar, {
+    return (jsxs("aside", { "aria-hidden": !isOpen, className: clsx(styles.sidebar, {
             [styles['transition']]: transition,
             [styles['is-open']]: isOpen,
             [styles['is-closed']]: !isOpen,
             [styles['is-docked']]: isDocked,
             [styles['is-not-docked']]: !isDocked,
-        }), children: [jsx("div", { className: styles.close, children: jsx(IconButton, { color: "secondary", onClick: toggle, children: jsx(StrokeCloseboxIcon, {}) }) }), children] }));
-}
-function Sidebar({ children }) {
-    return jsx(InnerSidebar, { children: children });
+        }, className), inert: isOpen ? undefined : 'true', children: [jsx(IconButton, { className: styles.close, color: "secondary", onClick: toggle, children: jsx(StrokeCloseboxIcon, {}) }), jsx("div", { className: styles['content'], children: children })] }));
 }
 
 export { Sidebar };

package/dist/sidebar/sidebar.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"sidebar":"sidebar-module-fSa9Q","is-docked":"sidebar-module-AIq0M","transition":"sidebar-module-LEZgg","is-open":"sidebar-module-lV7wp","is-closed":"sidebar-module-dGDrr","close":"sidebar-module-2puGC","is-not-docked":"sidebar-module-Scw7D"};
+var styles = {"sidebar":"sidebar-module-fSa9Q","is-docked":"sidebar-module-AIq0M","transition":"sidebar-module-LEZgg","is-open":"sidebar-module-lV7wp","is-closed":"sidebar-module-dGDrr","close":"sidebar-module-2puGC","content":"sidebar-module-83z7V","is-not-docked":"sidebar-module-Scw7D"};
 
 export { styles as default };