minka-ds 0.2.1 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minka-ds",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Minka product design system — tokenized component library",
   "license": "MIT",
   "files": [

package/src/components/ui/data-table.tsx

@@ -109,6 +109,7 @@ interface DataTableProps<TData, TValue> {
   batchSize?: number
   onRowClick?: (row: TData) => void
   variant?: "default" | "compact"
+  initialColumnVisibility?: VisibilityState
   className?: string
 }
 
@@ -118,11 +119,12 @@ function DataTable<TData, TValue>({
   batchSize = 40,
   onRowClick,
   variant = "default",
+  initialColumnVisibility,
   className,
 }: DataTableProps<TData, TValue>) {
   const compact = variant === "compact"
   const [sorting, setSorting] = React.useState<SortingState>([])
-  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({})
+  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>(initialColumnVisibility ?? {})
   const [displayCount, setDisplayCount] = React.useState(batchSize)
   const [hasMore, setHasMore] = React.useState(data.length > batchSize)
 

package/src/components/ui/sidebar.tsx

@@ -474,7 +474,7 @@ function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
 }
 
 const sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden [border-radius:var(--radius-button)] p-2 text-left text-body-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-[var(--color-bg-raised)] data-[active=true]:font-bold data-[active=true]:text-[var(--color-text-default)] data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden [border-radius:var(--radius-button)] p-2 text-left text-body-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-[var(--color-bg-raised)] data-[active=true]:ring-1 data-[active=true]:ring-[var(--color-border-default)] data-[active=true]:font-bold data-[active=true]:text-[var(--color-text-default)] data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -687,7 +687,7 @@ function SidebarMenuSubButton({
       data-active={isActive}
       className={cn(
         "flex h-8 min-w-0 items-center gap-2 overflow-hidden [border-radius:var(--radius-button)] px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
-        "data-[active=true]:bg-[var(--color-bg-raised)] data-[active=true]:font-bold data-[active=true]:text-[var(--color-text-default)]",
+        "data-[active=true]:bg-[var(--color-bg-raised)] data-[active=true]:ring-1 data-[active=true]:ring-[var(--color-border-default)] data-[active=true]:font-bold data-[active=true]:text-[var(--color-text-default)]",
         size === "sm" && "text-caption",
         size === "md" && "text-body-sm",
         "group-data-[collapsible=icon]:hidden",

package/tokens/primitives.css

@@ -7,9 +7,9 @@
 :root {
   /* --- Neutral scale --- */
   --primitive-neutral-0:    #ffffff;
-  --primitive-neutral-50:   #eeeeee;
-  --primitive-neutral-100:  #e6e6e6;
-  --primitive-neutral-200:  #d9d9d9;
+  --primitive-neutral-50:   #f5f5f5;
+  --primitive-neutral-100:  #eeeeee;
+  --primitive-neutral-200:  #e0e0e0;
   --primitive-neutral-300:  #c7c7c7;
   --primitive-neutral-400:  #b6b6b6;
   --primitive-neutral-500:  #a1a1a1;