@zmzai/theme 0.5.7 → 0.6.0

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 (6) hide show
  1. package/README.md +1 -1
  2. package/package.json +7 -9
  3. package/src/components/icon/Icon.tsx +19 -0
  4. package/src/components/input/input.styles.ts +5 -5
  5. package/src/components/select/Select.tsx +1 -1
  6. package/src/tokens/theme.css +22 -21
package/README.md CHANGED
@@ -9,7 +9,7 @@ zmzai 全品牌设计系统 — Radix UI + framer-motion + Tailwind v4。v0.2.0
9
9
  ```bash
10
10
  pnpm add @zmzai/theme
11
11
  # or via git:
12
- pnpm add @zmzai/theme@github:Ulanxx/zmzai-theme
12
+ pnpm add @zmzai/theme@github:zmzai-cloud/zmzai-theme
13
13
  ```
14
14
 
15
15
  ### Import tokens + fonts
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zmzai/theme",
3
- "version": "0.5.7",
3
+ "version": "0.6.0",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "zmzai 全品牌设计系统 — Radix UI + framer-motion + Tailwind v4 + MiSans",
@@ -59,12 +59,6 @@
59
59
  "README.md",
60
60
  "LICENSE"
61
61
  ],
62
- "scripts": {
63
- "build": "tsc -p tsconfig.json --noEmit",
64
- "typecheck": "tsc --noEmit",
65
- "playground": "vite playground --port 5174",
66
- "prepublishOnly": "pnpm typecheck"
67
- },
68
62
  "peerDependencies": {
69
63
  "react": "^19.0.0",
70
64
  "react-dom": "^19.0.0",
@@ -104,5 +98,9 @@
104
98
  "remark-gfm": "^4.0.1",
105
99
  "tailwind-merge": "^2.5.0"
106
100
  },
107
- "packageManager": "pnpm@10.34.5+sha512.a4ee05f2f73658255bd6a89859c065a45c28a57daefae2c893a168ee2b73168c37b91e83e57ea67654ad03f03031746430e8bce38e362e042605fb8abc80192e"
108
- }
101
+ "scripts": {
102
+ "build": "tsc -p tsconfig.json --noEmit",
103
+ "typecheck": "tsc --noEmit",
104
+ "playground": "vite playground --port 5174"
105
+ }
106
+ }
package/src/components/icon/Icon.tsx CHANGED
@@ -47,8 +47,27 @@ const paths: Record<string, { d: string; fill?: boolean }> = {
47
47
  bolt: { d: "M9 2.5L4 9h3.5L7 13.5 12 7H8.5z" },
48
48
  shield: { d: "M8 2.5l5 2v4c0 3-2 5-5 6-3-1-5-3-5-6v-4zM6 8.5l1.5 1.5L10 7.5" },
49
49
  sparkle: { d: "M8 2.5l1.3 4.2L13.5 8l-4.2 1.3L8 13.5l-1.3-4.2L2.5 8l4.2-1.3z" },
50
+ "arrow-up": { d: "M8 12.5v-8M5 7.5L8 4.5l3 3" },
51
+ "arrow-up-right": { d: "M4 12L12 4M7 3.5h5.5V9" },
52
+ "arrow-left": { d: "M12.5 8h-8M7.5 5L4.5 8l3 3" },
53
+ search: { d: "M7 10.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7zM9.8 9.8l3.2 3.2" },
54
+ message: { d: "M3 3.5h10v7H6l-3 2.5z" },
55
+ folder: { d: "M2.5 4.5h4l1.5 2h5.5v6h-11z" },
56
+ archive: { d: "M2.5 3.5h11V6h-11zM3.5 6.5v7h9v-7M6.5 9h3" },
57
+ clock: { d: "M8 3a5 5 0 1 1 0 10A5 5 0 0 1 8 3zM8 5.5V8l2 1.5" },
58
+ file: { d: "M4 2.5h5l3 3v8H4zM9 2.5v3h3" },
59
+ "file-text": { d: "M4 2.5h5l3 3v8H4zM9 2.5v3h3M6 8.5h4M6 10.5h4" },
60
+ eye: { d: "M1.8 8S4 4.5 8 4.5 14.2 8 14.2 8 12 11.5 8 11.5 1.8 8 1.8 8zM8 6.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z" },
61
+ "eye-off": { d: "M2.5 3l11 10M1.8 8S4 4.5 8 4.5c.6 0 1.2.1 1.7.3M14.2 8s-.7 1.2-2 2.2M6.5 6.9A1.5 1.5 0 0 0 8 9.5" },
62
+ play: { d: "M5.5 3.5l7 4.5-7 4.5z", fill: true },
63
+ pause: { d: "M5.5 3.5v9M10.5 3.5v9" },
64
+ list: { d: "M5.5 4h8M5.5 8h8M5.5 12h8M3 4h.01M3 8h.01M3 12h.01" },
65
+ sparkles: { d: "M8 2.5l1.3 4.2L13.5 8l-4.2 1.3L8 13.5l-1.3-4.2L2.5 8l4.2-1.3z" },
66
+ warning: { d: "M8 3l5.5 9.5h-11zM8 7v2.5M8 11.4v.01" },
67
+ user: { d: "M8 3.2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zM3.5 13c.6-2.6 2.4-4 4.5-4s3.9 1.4 4.5 4" },
50
68
  };
51
69
 
70
+
52
71
  export type IconName = keyof typeof paths;
53
72
 
54
73
  export function Icon({ name, size = 14, className = "" }: { name: IconName; size?: number; className?: string }) {
package/src/components/input/input.styles.ts CHANGED
@@ -13,14 +13,14 @@ export const inputVariants = cva(
13
13
  variants: {
14
14
  variant: {
15
15
  default:
16
- "border border-line rounded-sm px-4 py-2.5 text-sm focus:border-ink",
16
+ "h-10 border border-line rounded-sm px-4 text-sm focus:border-ink",
17
17
  brutal:
18
- "border-2 border-ink rounded-sm px-4 py-3 text-sm",
18
+ "h-10 border-2 border-ink rounded-sm px-4 text-sm",
19
19
  },
20
20
  size: {
21
- sm: "text-xs py-2 px-3",
22
- md: "text-sm py-2.5 px-4",
23
- lg: "text-base py-3 px-5",
21
+ sm: "h-8 text-xs px-3",
22
+ md: "h-10 text-sm px-4",
23
+ lg: "h-12 text-base px-5",
24
24
  },
25
25
  },
26
26
  defaultVariants: {
package/src/components/select/Select.tsx CHANGED
@@ -18,7 +18,7 @@ export function SelectTrigger({
18
18
  return (
19
19
  <SelectPrimitive.Trigger
20
20
  className={cn(
21
- "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",
21
+ "inline-flex h-10 items-center justify-between gap-2 rounded-sm border border-line bg-bg px-4 text-sm font-medium text-ink outline-none transition-colors",
22
22
  "hover:border-ink/40 focus:border-ink data-[placeholder]:text-ink-3",
23
23
  className
24
24
  )}
package/src/tokens/theme.css CHANGED
@@ -6,32 +6,33 @@
6
6
  * @import "@zmzai/theme/tokens";
7
7
  * @import "@zmzai/theme/fonts";
8
8
  *
9
- * v0.2.0 起为暖色杂志风（Warm paper, warm ink, seal-red accent），
10
- * 与 zmzai.cloud 主应用（Hallmark Study）同源。v0.1.x 是黑白
11
- * Monochrome 风，已废弃。
9
+ * v0.6.0 起为纯白 + 荧光绿（Pure white + fluorescent green），
10
+ * 与 zmzai.cloud 主应用（Hallmark Study）同源。
11
+ * v0.2.0~0.5.x 为暖色杂志风（Warm paper + seal-red，已弃用）。
12
+ * v0.1.x 黑白 Monochrome 风，更早废弃。
12
13
  */
13
14
 
14
15
  @theme {
15
16
  /* ===== Color =====
16
- 暖纸张底 + 暖墨字 + 印章红 accent（Hallmark Study 锁定）。
17
- accent 用于强调/链接/审批等，red 系有印章感。 */
18
- --color-bg: oklch(0.95 0.012 85);
19
- --color-surface: oklch(0.97 0.008 85);
20
- --color-surface-2: oklch(0.92 0.014 80);
21
- --color-ink: oklch(0.18 0.011 40);
22
- --color-ink-2: oklch(0.47 0.013 55);
17
+ 纯白底 + 荧光绿 accent（与 zmzai.cloud 主应用同源，Hallmark Study 锁定）。
18
+ accent 为荧光绿（oklch 0.78 0.220 142）；accent-ink 为深色（用于绿底上的字）。 */
19
+ --color-bg: oklch(0.995 0.002 90);
20
+ --color-surface: oklch(0.98 0.004 90);
21
+ --color-surface-2: oklch(0.95 0.006 88);
22
+ --color-ink: oklch(0.15 0.010 30);
23
+ --color-ink-2: oklch(0.50 0.012 55);
23
24
  --color-ink-3: oklch(0.55 0.012 55);
24
- --color-line: oklch(0.86 0.012 80);
25
- --color-line-strong: oklch(0.18 0.011 40);
26
- --color-accent: oklch(0.46 0.150 27);
27
- --color-accent-ink: oklch(0.97 0.008 85);
28
- --color-success: oklch(0.52 0.090 160);
29
- --color-danger: oklch(0.42 0.155 27);
30
- --color-warning: oklch(0.65 0.10 80);
25
+ --color-line: oklch(0.90 0.005 88);
26
+ --color-line-strong: oklch(0.15 0.010 30);
27
+ --color-accent: oklch(0.78 0.220 142);
28
+ --color-accent-ink: oklch(0.15 0.010 30);
29
+ --color-success: oklch(0.72 0.180 145);
30
+ --color-danger: oklch(0.55 0.200 25);
31
+ --color-warning: oklch(0.80 0.150 90);
31
32
 
32
33
  /* Dark surface — 仅用于代码块/preview，不是全局 dark mode */
33
34
  --color-dark-bg: #0A0A0A;
34
- --color-dark-surface: #171717;
35
+ --color-dark-surface: #141414;
35
36
  --color-dark-ink: #FAFAFA;
36
37
  --color-dark-line: #27272A;
37
38
 
@@ -62,7 +63,7 @@
62
63
  --color-muted: var(--color-ink-2);
63
64
  --color-rule: var(--color-ink);
64
65
  --color-surface-strong: var(--color-surface-2);
65
- --color-accent-strong: oklch(0.39 0.150 27);
66
+ --color-accent-strong: oklch(0.68 0.220 142);
66
67
  --animate-dur-fast: 150ms;
67
68
  --animate-dur-base: 250ms;
68
69
  --animate-dur-slow: 500ms;
@@ -100,8 +101,8 @@
100
101
  }
101
102
 
102
103
  ::selection {
103
- background: var(--color-ink);
104
- color: #fff;
104
+ background: var(--color-accent);
105
+ color: var(--color-accent-ink);
105
106
  }
106
107
 
107
108
  :focus-visible {