@orsetra/shared-ui 1.7.1 → 1.7.3

package/components/layout/layout-container.tsx

@@ -124,7 +124,7 @@ function LayoutContent({
       />
 
       <div className="flex-1 flex flex-col min-w-0">
-        <header className="h-14 bg-gray-50 flex-shrink-0">
+        <header className="h-14 bg-gray-50 border-b border-ui-border flex-shrink-0">
           <div className="h-full px-4 md:px-6 flex items-center justify-between">
             {isHidden ? (
               <Button

package/components/layout/sidebar/sidebar.tsx

@@ -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 border-b border-ui-border">
+          <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 border-b border-ui-border">
+          <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/components/ui/switch.tsx

@@ -8,12 +8,13 @@ import { cn } from "../../lib/utils"
 const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,
   React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
->(({ className, ...props }, ref) => (
+>(({ className, style, ...props }, ref) => (
   <SwitchPrimitives.Root
     className={cn(
       "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-carbon-blue-60 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-carbon-blue-60 data-[state=unchecked]:bg-carbon-gray-30",
       className
     )}
+    style={{ borderRadius: "9999px", ...style }}
     {...props}
     ref={ref}
   >
@@ -21,6 +22,7 @@ const Switch = React.forwardRef<
       className={cn(
         "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
       )}
+      style={{ borderRadius: "9999px" }}
     />
   </SwitchPrimitives.Root>
 ))

package/package.json

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