@zmzai/theme 0.2.0 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zmzai/theme",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "private": false,
   "type": "module",
   "description": "zmzai 全品牌设计系统 — Radix UI + framer-motion + Tailwind v4 + MiSans",

package/src/components/badge/Badge.tsx

@@ -5,7 +5,7 @@ import { cva } from "class-variance-authority";
 import { cn } from "../../utils/cn";
 
 export const badgeVariants = cva(
-  "inline-flex items-center gap-1.5 rounded-full font-medium text-xs whitespace-nowrap",
+  "inline-flex items-center gap-1.5 rounded-sm font-medium text-xs whitespace-nowrap",
   {
     variants: {
       variant: {

package/src/components/button/button.styles.ts

@@ -4,13 +4,13 @@ import { cva } from "class-variance-authority";
  * Button variant styles.
  *
  * Design:
- * - All variants use pill radius (rounded-full)
+ * - 锐角 2px（v0.2 暖纸风），hover 轻微缩放
  * - primary: black fill, white text, hover scale + shadow
  * - secondary: transparent, border, hover fill
  * - ghost: no border, subtle hover bg
  */
 export const buttonVariants = cva(
-  "inline-flex cursor-pointer items-center justify-center gap-2 rounded-full font-semibold transition-colors transition-transform disabled:pointer-events-none disabled:opacity-40 select-none",
+  "inline-flex cursor-pointer items-center justify-center gap-2 rounded-sm font-semibold transition-colors transition-transform disabled:pointer-events-none disabled:opacity-40 select-none",
   {
     variants: {
       variant: {

package/src/components/card/card.styles.ts

@@ -8,7 +8,7 @@ import { cva } from "class-variance-authority";
  * - interactive: hover lifts up + shadow + border darkens
  */
 export const cardVariants = cva(
-  "bg-bg border rounded-xl transition-colors transition-transform duration-200",
+  "bg-bg border rounded-sm transition-colors transition-transform duration-200",
   {
     variants: {
       variant: {

package/src/components/input/input.styles.ts

@@ -13,9 +13,9 @@ export const inputVariants = cva(
     variants: {
       variant: {
         default:
-          "border border-line rounded-lg px-4 py-2.5 text-sm focus:border-ink",
+          "border border-line rounded-sm px-4 py-2.5 text-sm focus:border-ink",
         brutal:
-          "border-2 border-ink rounded-xl px-4 py-3 text-sm shadow-[4px_4px_0_var(--color-ink)] focus:shadow-[6px_6px_0_var(--color-accent)] focus:border-accent focus:-translate-x-px focus:-translate-y-px",
+          "border-2 border-ink rounded-sm px-4 py-3 text-sm",
       },
       size: {
         sm: "text-xs py-2 px-3",

package/src/components/select/Select.tsx

@@ -18,7 +18,7 @@ export function SelectTrigger({
   return (
     <SelectPrimitive.Trigger
       className={cn(
-        "inline-flex h-9 items-center justify-between gap-2 rounded-lg border border-line bg-bg px-3 py-2 text-sm font-medium text-ink outline-none transition-colors",
+        "inline-flex h-9 items-center justify-between gap-2 rounded-sm border border-line bg-bg px-3 py-2 text-sm font-medium text-ink outline-none transition-colors",
         "hover:border-ink/40 focus:border-ink data-[placeholder]:text-ink-3",
         className
       )}
@@ -48,7 +48,7 @@ export function SelectContent({
         position={position}
         sideOffset={4}
         className={cn(
-          "z-50 min-w-[8rem] overflow-hidden rounded-lg border border-line bg-bg p-1 shadow-lg",
+          "z-50 min-w-[8rem] overflow-hidden rounded-sm border border-line bg-bg p-1 shadow-lg",
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
           className

package/src/components/textarea/Textarea.tsx

@@ -25,9 +25,9 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
         className={cn(
           "w-full resize-none bg-bg font-sans text-ink placeholder:text-ink-3 outline-none transition-all",
           variant === "default" &&
-            "border border-line rounded-lg px-4 py-2.5 text-sm focus:border-ink",
+            "border border-line rounded-sm px-4 py-2.5 text-sm focus:border-ink",
           variant === "brutal" &&
-            "border-2 border-ink rounded-xl px-4 py-3 text-sm shadow-[4px_4px_0_var(--color-ink)] focus:shadow-[6px_6px_0_var(--color-accent)] focus:border-accent focus:-translate-x-px focus:-translate-y-px",
+            "border-2 border-ink rounded-sm px-4 py-3 text-sm",
           className
         )}
         {...props}