@zmzai/theme 0.9.9 → 0.9.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zmzai/theme",
-  "version": "0.9.9",
+  "version": "0.9.10",
   "private": false,
   "type": "module",
   "description": "zmzai 全品牌设计系统 — Radix UI + framer-motion + Tailwind v4 + MiSans",
@@ -60,13 +60,6 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "build": "tsc -p tsconfig.json --noEmit",
-    "typecheck": "tsc --noEmit",
-    "playground": "vite playground --port 5174",
-    "prepublishOnly": "pnpm typecheck && pnpm run guard:colors",
-    "guard:colors": "node scripts/check-color-literals.mjs"
-  },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -106,5 +99,10 @@
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^2.5.0"
   },
-  "packageManager": "pnpm@10.34.5+sha512.a4ee05f2f73658255bd6a89859c065a45c28a57daefae2c893a168ee2b73168c37b91e83e57ea67654ad03f03031746430e8bce38e362e042605fb8abc80192e"
-}
+  "scripts": {
+    "build": "tsc -p tsconfig.json --noEmit",
+    "typecheck": "tsc --noEmit",
+    "playground": "vite playground --port 5174",
+    "guard:colors": "node scripts/check-color-literals.mjs"
+  }
+}

package/src/components/app-shell/AppShell.tsx

@@ -60,7 +60,7 @@ function SidebarSections({
                 onClick={onNavigate}
                 aria-current={active ? "page" : undefined}
                 className={`flex items-center gap-2 rounded-md px-2 py-1.5 text-[13px] transition-colors ${
-                  active ? "bg-surface font-medium text-accent-readable" : "text-muted hover:bg-surface hover:text-accent"
+                  active ? "bg-surface-3 font-medium text-ink" : "text-ink-2 hover:bg-surface-2 hover:text-ink"
                 }`}
               >
                 <Icon name={item.icon} size={13} />
@@ -171,7 +171,7 @@ export function AppShell({
               type="button"
               aria-label="打开导航"
               onClick={() => setDrawerOpen(true)}
-              className="rounded-md p-1 text-muted hover:bg-surface hover:text-accent lg:hidden"
+              className="rounded-md p-1 text-ink-2 hover:bg-surface hover:text-accent lg:hidden"
             >
               <Icon name="menu" size={16} />
             </button>
@@ -182,7 +182,7 @@ export function AppShell({
                 <button
                   type="button"
                   onClick={() => setPaletteOpen(true)}
-                  className="flex items-center gap-2 rounded-md border border-line px-2.5 py-1 font-mono text-[11px] text-muted transition-colors hover:border-accent hover:text-accent"
+                  className="flex items-center gap-2 rounded-md border border-line px-2.5 py-1 font-mono text-[11px] text-ink-2 transition-colors hover:border-accent hover:text-accent"
                   aria-label="打开命令面板"
                 >
                   <Icon name="search" size={12} />

package/src/components/app-shell/CommandPalette.tsx

@@ -88,7 +88,7 @@ export function CommandPalette({ open, onClose, items, placeholder = "搜索页
         aria-label="命令面板"
       >
         <div className="flex items-center gap-2 border-b border-line px-4 py-3">
-          <Icon name="search" size={14} className="text-muted" />
+          <Icon name="search" size={14} className="text-ink-2" />
           <input
             ref={inputRef}
             value={query}
@@ -110,10 +110,10 @@ export function CommandPalette({ open, onClose, items, placeholder = "搜索页
                 onClick={() => execute(index)}
                 onMouseEnter={() => setCursor(index)}
                 className={`flex w-full items-center gap-2.5 px-4 py-2 text-left text-sm transition-colors ${
-                  index === cursor ? "bg-surface text-accent-readable" : "text-ink-2"
+                  index === cursor ? "bg-surface-3 text-ink" : "text-ink-2"
                 }`}
               >
-                {item.icon ? <Icon name={item.icon} size={13} className="shrink-0 text-muted" /> : null}
+                {item.icon ? <Icon name={item.icon} size={13} className="shrink-0 text-ink-2" /> : null}
                 <span className="min-w-0 flex-1 truncate">{item.label}</span>
                 {item.hint ? <span className="shrink-0 font-mono text-[11px] text-ink-3">{item.hint}</span> : null}
               </button>

package/src/components/landing/Landing.tsx

@@ -120,7 +120,7 @@ export function StepList({ steps, active, onSelect, className }: StepListProps)
           <div>
             <div className="font-semibold">{s.title}</div>
             {s.desc && (
-              <div className={cn("text-xs mt-0.5", i === active ? "text-paper/70" : "text-muted")}>
+              <div className={cn("text-xs mt-0.5", i === active ? "text-bg/70" : "text-ink-2")}>
                 {s.desc}
               </div>
             )}
@@ -224,7 +224,7 @@ export interface CheckListProps {
 
 export function CheckList({ items, boxed = true, className }: CheckListProps) {
   return (
-    <div className={cn(boxed && "border border-line bg-paper p-8", className)}>
+    <div className={cn(boxed && "border border-line bg-bg p-8", className)}>
       {items.map((item, i) => (
         <div key={i} className="check-row">
           <span className="check-mark">✓</span>
@@ -314,7 +314,7 @@ export function StatusBadge({ status, label, className }: StatusBadgeProps) {
   return (
     <span
       className={cn(
-        "inline-flex items-center gap-1.5 font-mono text-[10px] tracking-widest uppercase text-muted",
+        "inline-flex items-center gap-1.5 font-mono text-[10px] tracking-widest uppercase text-ink-2",
         className,
       )}
     >

package/src/components/navbar/Navbar.tsx

@@ -82,7 +82,7 @@ export function Navbar({ sublabel, brand, children, actions, badge, brandHref, m
   return (
     <header
       className={cn(
-        "sticky top-0 z-40 flex h-14 items-center justify-between gap-4 border-b border-line bg-paper/80 px-5 backdrop-blur-md",
+        "sticky top-0 z-40 flex h-14 items-center justify-between gap-4 border-b border-line bg-bg/80 px-5 backdrop-blur-md",
         className
       )}
     >
@@ -119,7 +119,7 @@ export function Navbar({ sublabel, brand, children, actions, badge, brandHref, m
             {open ? (
               <div
                 onClick={() => setOpen(false)}
-                className="absolute right-0 top-full mt-2 flex w-60 flex-col gap-1 rounded-xl border border-line bg-paper p-2 shadow-lg"
+                className="absolute right-0 top-full mt-2 flex w-60 flex-col gap-1 rounded-xl border border-line bg-bg p-2 shadow-lg"
               >
                 {children ? (
                   <nav