@zmzai/theme 0.5.6 → 0.5.7

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/badge/Badge.tsx +1 -1
  3. package/src/components/icon-button/IconButton.tsx +3 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zmzai/theme",
3
- "version": "0.5.6",
3
+ "version": "0.5.7",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "zmzai 全品牌设计系统 — Radix UI + framer-motion + Tailwind v4 + MiSans",
package/src/components/badge/Badge.tsx CHANGED
@@ -17,7 +17,7 @@ export const badgeVariants = cva(
17
17
  accent: "border border-accent/30 bg-accent/10 text-accent",
18
18
  },
19
19
  size: {
20
- sm: "px-2 py-0.5 text-[10px]",
20
+ sm: "px-2 py-0.5 text-[11px]",
21
21
  md: "px-2.5 py-0.5 text-xs",
22
22
  },
23
23
  },
package/src/components/icon-button/IconButton.tsx CHANGED
@@ -4,7 +4,8 @@ import { forwardRef, type ButtonHTMLAttributes } from "react";
4
4
  import { cn } from "../../utils/cn";
5
5
 
6
6
  export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "ref"> {
7
- /** 尺寸：sm=h-6 md=h-7 lg=h-8（密集工具条场景，不做 hover 缩放） */
7
+ /** 尺寸：sm=h-6 md=h-7 lg=h-8（密集工具条场景，不做 hover 缩放）。
8
+ * 触控热区通过 ::after(-inset-2) 扩到 ≥40px，视觉尺寸不变。 */
8
9
  size?: "sm" | "md" | "lg";
9
10
  /** 视觉：ghost=透明 hover 背景；quiet=无 hover 背景只有颜色变化 */
10
11
  tone?: "ghost" | "quiet";
@@ -29,7 +30,7 @@ export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(
29
30
  aria-label={label}
30
31
  title={label}
31
32
  className={cn(
32
- "inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm text-ink-3 transition-colors disabled:pointer-events-none disabled:opacity-40",
33
+ "relative inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm text-ink-3 transition-colors after:absolute after:-inset-2 after:content-[''] disabled:pointer-events-none disabled:opacity-40",
33
34
  size === "sm" && "h-6 w-6",
34
35
  size === "md" && "h-7 w-7",
35
36
  size === "lg" && "h-8 w-8",