@dilipod/ui 0.3.0 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.js +7 -6
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +7 -6
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/sidebar.tsx +6 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dilipod/ui",
3
- "version": "0.3.0",
3
+ "version": "0.3.2",
4
4
  "description": "Dilipod Design System - Shared UI components and styles",
5
5
  "author": "Dilipod <hello@dilipod.com>",
6
6
  "license": "MIT",
package/src/components/sidebar.tsx CHANGED
@@ -53,7 +53,7 @@ const SidebarNavItem = React.forwardRef<HTMLAnchorElement, SidebarNavItemProps>(
53
53
  ({ item, isActive, className, LinkComponent, ...props }, ref) => {
54
54
  const Icon = item.icon as React.ComponentType<any>
55
55
  const baseClassName = cn(
56
- 'flex items-center gap-3 rounded-sm px-3 py-2 text-sm transition-colors',
56
+ 'flex items-center gap-3 rounded-md px-3 py-2.5 text-sm transition-colors focus-visible:outline-none',
57
57
  isActive
58
58
  ? 'bg-muted text-foreground font-medium'
59
59
  : 'text-muted-foreground hover:text-foreground hover:bg-muted/50',
@@ -69,8 +69,8 @@ const SidebarNavItem = React.forwardRef<HTMLAnchorElement, SidebarNavItemProps>(
69
69
  className={baseClassName}
70
70
  {...(props as any)}
71
71
  >
72
- <Icon className="h-4 w-4" weight={isActive ? 'fill' : 'regular'} />
73
- {item.name}
72
+ <Icon className="h-5 w-5 shrink-0" weight={isActive ? 'fill' : 'regular'} />
73
+ <span>{item.name}</span>
74
74
  </Comp>
75
75
  )
76
76
  }
@@ -82,8 +82,8 @@ const SidebarNavItem = React.forwardRef<HTMLAnchorElement, SidebarNavItemProps>(
82
82
  className={baseClassName}
83
83
  {...(props as any)}
84
84
  >
85
- <Icon className="h-4 w-4" weight={isActive ? 'fill' : 'regular'} />
86
- {item.name}
85
+ <Icon className="h-5 w-5 shrink-0" weight={isActive ? 'fill' : 'regular'} />
86
+ <span>{item.name}</span>
87
87
  </a>
88
88
  )
89
89
  }
@@ -150,7 +150,7 @@ const Sidebar = React.forwardRef<HTMLElement, SidebarProps>(
150
150
 
151
151
  {/* Main Navigation */}
152
152
  {mainNav.length > 0 && (
153
- <nav className="flex-1 px-3 space-y-1">
153
+ <nav className="flex-1 px-3 pt-4 space-y-1">
154
154
  {mainNav.map((item) => (
155
155
  <SidebarNavItem
156
156
  key={item.name}