@orsetra/shared-ui 1.7.0 → 1.7.2

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/page-with-side-panel.tsx

@@ -63,7 +63,7 @@ export function PageWithSidePanel({
   }
 
   return (
-    <div className={cn("flex items-start", className)}>
+    <div className={cn("flex", className)}>
       {/* Main content column — grows to fill space left by the panel */}
       <div className="flex-1 min-w-0 flex flex-col">
 

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 min-w-[var(--sidebar-width-icon)] transition-[width] duration-200 overflow-visible"
+      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"
       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 border-b border-ui-border">
+          <div className="h-10 flex items-center px-4 flex-shrink-0 gap-2">
             <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">
             {isInjecting ? (
               <button
                 type="button"

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.0",
+  "version": "1.7.2",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",