ui-arreya-components 0.0.8 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-arreya-components",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "type": "module",
   "types": "dist/index.d.ts",
   "exports": {

package/src/components/feature/header.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react"
 import { Header } from "./header"
 
 const meta: Meta<typeof Header> = {
-  title: "Feature/Header",
+  title: "Components/Header",
   component: Header,
   parameters: {
     layout: "fullscreen",

package/src/components/feature/header.tsx

@@ -26,7 +26,7 @@ interface HeaderProps {
 export function Header({ title, breadcrumbItems = [], showHomeLink = true, className = "", children }: HeaderProps) {
   return (
     <header className={`border-b pb-4 ${className}`}>
-      <div className="container mx-auto p-4">
+      <div className="container mx-auto px-4">
         {(breadcrumbItems.length > 0 || showHomeLink) && (
           <Breadcrumb className="mb-2">
             <BreadcrumbList>

package/src/components/ui/input.tsx

@@ -8,7 +8,7 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
       <input
         type={type}
         className={cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "flex h-9 w-full rounded-md border focus:border-[--primary] border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           className
         )}
         ref={ref}

package/src/index.css

@@ -2377,6 +2377,10 @@ h1, h2, h3, h4 {
   background-color: hsl(var(--sidebar-border));
 }
 
+.focus\:border-\[--primary\]:focus{
+  border-color: var(--primary);
+}
+
 .focus\:bg-accent:focus{
   background-color: var(--accent);
 }
@@ -2451,6 +2455,10 @@ h1, h2, h3, h4 {
   --tw-ring-offset-color: var(--background);
 }
 
+.active\:border-\[--primary\]:active{
+  border-color: var(--primary);
+}
+
 .active\:bg-sidebar-accent:active{
   background-color: hsl(var(--sidebar-accent));
 }

package/src/index.ts

@@ -48,7 +48,4 @@ export {
 } from './components/ui/breadcrumb';
 export {
   Header
-} from './components/feature/header';
-export {
-  Input
-} from './components/ui/input';
+} from './components/feature/header'