@orsetra/shared-ui 1.5.28 → 1.5.30

package/components/layout/sidebar/data.tsx

@@ -33,6 +33,9 @@ import {
   FileText,
   Code,
   Cloud,
+  ArrowRightLeft,
+  ArrowLeftRight,
+  Puzzle,
 } from "lucide-react"
 
 export interface MainMenuItem {
@@ -126,6 +129,9 @@ const ICON_MAP: Record<string, LucideIcon> = {
   // API Manager
   Braces,
   GitMerge,
+  ArrowRightLeft,
+  ArrowLeftRight,
+  Puzzle,
   Database,
   // Access
   Users,

package/components/ui/page-header.tsx

@@ -1,35 +1,35 @@
-import { ArrowLeft } from "lucide-react"
-import Link from "next/link"
-import type { ReactNode } from "react"
-
-interface PageHeaderProps {
-  title: string
-  description?: string
-  backLink?: string
-  actions?: ReactNode
-  statusNode?: ReactNode
-}
-
-export function PageHeader({ title, description, backLink, actions, statusNode}: PageHeaderProps) {
-  return (
-    <div className="mb-4 sm:mb-8">
-      <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
-        <div className="flex items-center space-x-3 min-w-0">
-          {backLink && (
-            <Link href={backLink} className="flex-shrink-0">
-              <ArrowLeft className="h-5 w-5 sm:h-6 sm:w-6 text-text-secondary" />
-            </Link>
-          )}
-          <div className="min-w-0">
-            <div className="flex items-center space-x-3">
-              <h1 className="text-xl sm:text-2xl font-semibold text-text-primary truncate">{title}</h1>
-              {statusNode && <div className="mt-2 flex-shrink-0">{statusNode}</div>}
-            </div>
-            {description && <p className="text-sm sm:text-base text-text-secondary line-clamp-2">{description}</p>}
-          </div>
-        </div>
-        {actions && <div className="flex items-center space-x-2 sm:space-x-4 flex-shrink-0">{actions}</div>}
-      </div>
-    </div>
-  )
-} 
+import { ArrowLeft } from "lucide-react"
+import Link from "next/link"
+import type { ReactNode } from "react"
+import { cn } from "../../lib/utils"
+
+interface PageHeaderProps {
+  title: string
+  description?: string
+  backLink?: string
+  actions?: ReactNode
+  statusNode?: ReactNode
+  className?: string
+}
+
+export function PageHeader({ title, description, backLink, actions, statusNode, className }: PageHeaderProps) {
+  return (
+    <div className={cn("flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", className)}>
+      <div className="flex items-center gap-2.5 min-w-0">
+        {backLink && (
+          <Link href={backLink} className="flex-shrink-0">
+            <ArrowLeft className="h-3 w-3 text-ibm-gray-50" />
+          </Link>
+        )}
+        <div className="min-w-0">
+          <div className="flex items-center gap-2.5">
+            <h1 className="text-lg font-semibold text-ibm-gray-100 leading-tight truncate">{title}</h1>
+            {statusNode && <div className="flex-shrink-0">{statusNode}</div>}
+          </div>
+          {description && <p className="text-xs text-ibm-gray-50 truncate mt-0.5">{description}</p>}
+        </div>
+      </div>
+      {actions && <div className="flex items-center gap-2 flex-shrink-0">{actions}</div>}
+    </div>
+  )
+}

package/package.json

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