@teamix-evo/ui 0.7.0 → 0.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamix-evo/ui",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Source-injected UI components for Teamix Evo (shadcn-based, antd capabilities)",
   "type": "module",
   "files": [
@@ -51,9 +51,9 @@
     "vite": "^5.4.0",
     "vite-tsconfig-paths": "^6.1.1",
     "zod": "^3",
-    "@teamix-evo/registry": "0.12.0",
+    "@teamix-evo/tokens": "^0.8.1",
     "@teamix-evo/eslint-config": "0.2.3",
-    "@teamix-evo/tokens": "^0.8.0"
+    "@teamix-evo/registry": "0.12.0"
   },
   "publishConfig": {
     "access": "public",

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

@@ -1216,7 +1216,7 @@ function DataTable<T = Record<string, unknown>>(props: DataTableProps<T>) {
           data-col-hover={isColHover ? '' : undefined}
           className={cn(
             alignClass(cellMeta?.align),
-            isFixed && 'bg-background',
+            isFixed && 'bg-card group-hover/row:bg-row-hover',
             isColHover && 'bg-muted/30',
           )}
           onMouseEnter={crossline ? () => setHoveredColId(colId) : undefined}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { RefreshCw, Rows3, Settings2 } from 'lucide-react';
+import { ArrowUpDown, RotateCw, Settings } from 'lucide-react';
 import { useForm } from 'react-hook-form';
 
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/avatar';
@@ -380,19 +380,19 @@ export const Full: Story = {
           addonAfter={
             <div className="flex items-center gap-1">
               <Button variant="outline" size="icon">
-                <RefreshCw />
+                <RotateCw className="text-muted-foreground" />
               </Button>
               <Button
                 variant="outline"
                 size="icon"
                 onClick={() => setSize(size === 'sm' ? 'md' : 'sm')}
               >
-                <Rows3 />
+                <ArrowUpDown className="text-muted-foreground" />
               </Button>
               <Popover>
                 <PopoverTrigger asChild>
                   <Button variant="outline" size="icon">
-                    <Settings2 />
+                    <Settings className="text-muted-foreground" />
                   </Button>
                 </PopoverTrigger>
                 <PopoverContent align="end" className="w-40 p-2">

package/src/components/filter-bar/index.tsx

@@ -470,7 +470,7 @@ function FilterBarSearchKey({ options, className }: FilterBarSearchKeyProps) {
       <SelectTrigger
         size="sm"
         className={cn(
-          'h-full rounded-none border-0 border-r border-input bg-transparent shadow-none focus-visible:ring-0',
+          'h-full rounded-none border-0 border-r border-r-input bg-transparent shadow-none focus-visible:ring-0 focus:border-r-input data-[state=open]:border-r-input',
           className,
         )}
       >

package/src/components/page-header/index.tsx

@@ -166,7 +166,7 @@ const PageHeaderDescription = React.forwardRef<
   <p
     ref={ref}
     data-slot="page-header-description"
-    className={cn('my-2 text-xs text-muted-foreground', className)}
+    className={cn('mt-2 text-xs text-muted-foreground', className)}
     {...props}
   />
 ));

package/src/components/page-shell/index.tsx

@@ -93,7 +93,7 @@ function PageShell({
       // 受限容器（如 storybook `LayoutSandbox`）通过外级注入 `min-height: 0; height: 100%` 重置。
       // 说明：传入的 sidebar 如果是默认 collapsible="offcanvas"，其内部使用 `position: fixed`、
       // 高度 100svh，适用于全屏页面；在受限容器中需使用 `collapsible="none"` 退出 fixed 布局。
-      className={cn('!flex-col', className)}
+      className={cn('!flex-col !h-svh', className)}
       style={
         {
           '--sidebar-width': sidebarWidth,
@@ -107,7 +107,7 @@ function PageShell({
         {sidebar}
         <SidebarInset
           data-slot="page-shell-content"
-          className={cn('!min-h-0 overflow-y-auto', bgClass)}
+          className={cn('!min-h-0 overflow-hidden', bgClass)}
         >
           {children}
         </SidebarInset>

package/src/components/table/index.tsx

@@ -219,8 +219,8 @@ const TableRow = React.forwardRef<
       className={cn(
         'border-b border-border-subtle transition-colors',
         hoverable &&
-          'hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted',
-        crossline && 'group/row',
+          'group/row hover:bg-row-hover has-aria-expanded:bg-row-hover data-[state=selected]:bg-muted',
+        crossline && !hoverable && 'group/row',
         className,
       )}
       {...props}