@orsetra/shared-ui 1.7.2 → 1.7.3

package/components/layout/sidebar/sidebar.tsx

@@ -267,7 +267,7 @@ function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {}, main_base_u
 
   return (
     <div
-      className="h-screen sticky top-0 flex flex-col bg-gray-50 border-r border-ui-border min-w-[var(--sidebar-width-icon)] transition-[width] duration-200 overflow-visible"
+      className="h-screen sticky top-0 flex flex-col bg-gray-50 min-w-[var(--sidebar-width-icon)] transition-[width] duration-200 overflow-visible"
       style={{ width: isCollapsed ? "var(--sidebar-width-icon)" : "var(--sidebar-width)" }}
     >
       {/* Header */}
@@ -300,12 +300,12 @@ function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {}, main_base_u
       {/* Section label — hidden when collapsed */}
       {!isCollapsed && (
         injectedItems === undefined ? (
-          <div className="h-10 flex items-center px-4 flex-shrink-0 gap-2">
+          <div className="h-10 flex items-center px-4 flex-shrink-0 gap-2 border-r border-ui-border">
             <div className="h-4 w-4 bg-gray-200 animate-pulse rounded flex-shrink-0" />
             <div className="h-2.5 w-20 bg-gray-200 animate-pulse rounded" />
           </div>
         ) : (injectedTitle || (currentMenu && sectionLabels[currentMenu])) ? (
-          <div className="h-10 flex items-center px-4 flex-shrink-0 gap-2">
+          <div className="h-10 flex items-center px-4 flex-shrink-0 gap-2 border-r border-ui-border">
             {isInjecting ? (
               <button
                 type="button"
@@ -334,7 +334,7 @@ function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {}, main_base_u
 
       {/* Nav */}
       <nav className={cn(
-        "flex-1 overflow-y-auto",
+        "flex-1 overflow-y-auto border-r border-ui-border",
         isCollapsed ? "px-1 py-3 space-y-0.5" : "px-3 py-4 space-y-1"
       )}>
         {/* Secondary nav items — skeleton while injected but loading */}
@@ -436,7 +436,7 @@ function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {}, main_base_u
       </nav>
 
       {/* Collapse / expand toggle */}
-      <div className={cn("flex-shrink-0 p-2", isCollapsed ? "flex justify-center" : "flex justify-end")}>
+      <div className={cn("flex-shrink-0 p-2 border-r border-ui-border", isCollapsed ? "flex justify-center" : "flex justify-end")}>
         <button
           type="button"
           onClick={toggleSidebar}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",