@teamix-evo/tokens 0.4.0 → 0.5.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.
@@ -4,10 +4,39 @@
4
4
  "$version": "3.0.0",
5
5
  "$source": "shadcn/ui default theme — https://ui.shadcn.com/themes",
6
6
  "$components": [
7
- "button", "input", "badge", "card", "dialog", "form", "table", "tabs", "toast",
8
- "select", "textarea", "checkbox", "radio-group", "switch", "label", "separator", "skeleton",
9
- "dropdown-menu", "popover", "tooltip", "sheet", "alert", "avatar", "scroll-area", "pagination",
10
- "command", "accordion", "navigation-menu", "breadcrumb", "progress", "slider", "calendar", "date-picker",
7
+ "button",
8
+ "input",
9
+ "badge",
10
+ "card",
11
+ "dialog",
12
+ "form",
13
+ "table",
14
+ "tabs",
15
+ "toast",
16
+ "select",
17
+ "textarea",
18
+ "checkbox",
19
+ "radio-group",
20
+ "switch",
21
+ "label",
22
+ "separator",
23
+ "skeleton",
24
+ "dropdown-menu",
25
+ "popover",
26
+ "tooltip",
27
+ "sheet",
28
+ "alert",
29
+ "avatar",
30
+ "scroll-area",
31
+ "pagination",
32
+ "command",
33
+ "accordion",
34
+ "navigation-menu",
35
+ "breadcrumb",
36
+ "progress",
37
+ "slider",
38
+ "calendar",
39
+ "date-picker",
11
40
  "sidebar"
12
41
  ],
13
42
 
@@ -16,197 +45,413 @@
16
45
 
17
46
  "background": {
18
47
  "$type": "color",
19
- "light": { "$value": "hsl(0 0% 100%)", "$description": "页面主背景 — --background" },
20
- "dark": { "$value": "hsl(222.2 84% 4.9%)", "$description": "暗色页面主背景 — --background" }
48
+ "light": {
49
+ "$value": "hsl(0 0% 100%)",
50
+ "$description": "页面主背景 — --background"
51
+ },
52
+ "dark": {
53
+ "$value": "hsl(222.2 84% 4.9%)",
54
+ "$description": "暗色页面主背景 — --background"
55
+ }
21
56
  },
22
57
  "foreground": {
23
58
  "$type": "color",
24
- "light": { "$value": "hsl(222.2 84% 4.9%)", "$description": "页面主文字 — --foreground" },
25
- "dark": { "$value": "hsl(210 40% 98%)", "$description": "暗色页面主文字 — --foreground" }
59
+ "light": {
60
+ "$value": "hsl(222.2 84% 4.9%)",
61
+ "$description": "页面主文字 — --foreground"
62
+ },
63
+ "dark": {
64
+ "$value": "hsl(210 40% 98%)",
65
+ "$description": "暗色页面主文字 — --foreground"
66
+ }
26
67
  },
27
68
 
28
69
  "card": {
29
70
  "$type": "color",
30
- "light": { "$value": "hsl(0 0% 100%)", "$description": "卡片背景 — --card" },
31
- "dark": { "$value": "hsl(222.2 84% 4.9%)", "$description": "暗色卡片背景 — --card" }
71
+ "light": {
72
+ "$value": "hsl(0 0% 100%)",
73
+ "$description": "卡片背景 — --card"
74
+ },
75
+ "dark": {
76
+ "$value": "hsl(222.2 84% 4.9%)",
77
+ "$description": "暗色卡片背景 — --card"
78
+ }
32
79
  },
33
80
  "card-foreground": {
34
81
  "$type": "color",
35
- "light": { "$value": "hsl(222.2 84% 4.9%)", "$description": "卡片文字 — --card-foreground" },
36
- "dark": { "$value": "hsl(210 40% 98%)", "$description": "暗色卡片文字 — --card-foreground" }
82
+ "light": {
83
+ "$value": "hsl(222.2 84% 4.9%)",
84
+ "$description": "卡片文字 — --card-foreground"
85
+ },
86
+ "dark": {
87
+ "$value": "hsl(210 40% 98%)",
88
+ "$description": "暗色卡片文字 — --card-foreground"
89
+ }
37
90
  },
38
91
 
39
92
  "popover": {
40
93
  "$type": "color",
41
- "light": { "$value": "hsl(0 0% 100%)", "$description": "弹出层背景 — --popover" },
42
- "dark": { "$value": "hsl(222.2 84% 4.9%)", "$description": "暗色弹出层背景 — --popover" }
94
+ "light": {
95
+ "$value": "hsl(0 0% 100%)",
96
+ "$description": "弹出层背景 — --popover"
97
+ },
98
+ "dark": {
99
+ "$value": "hsl(222.2 84% 4.9%)",
100
+ "$description": "暗色弹出层背景 — --popover"
101
+ }
43
102
  },
44
103
  "popover-foreground": {
45
104
  "$type": "color",
46
- "light": { "$value": "hsl(222.2 84% 4.9%)", "$description": "弹出层文字 — --popover-foreground" },
47
- "dark": { "$value": "hsl(210 40% 98%)", "$description": "暗色弹出层文字 — --popover-foreground" }
105
+ "light": {
106
+ "$value": "hsl(222.2 84% 4.9%)",
107
+ "$description": "弹出层文字 — --popover-foreground"
108
+ },
109
+ "dark": {
110
+ "$value": "hsl(210 40% 98%)",
111
+ "$description": "暗色弹出层文字 — --popover-foreground"
112
+ }
48
113
  },
49
114
 
50
115
  "primary": {
51
116
  "$type": "color",
52
- "light": { "$value": "hsl(222.2 47.4% 11.2%)", "$description": "主操作色 — --primary" },
53
- "dark": { "$value": "hsl(210 40% 98%)", "$description": "暗色主操作色 — --primary" }
117
+ "light": {
118
+ "$value": "hsl(222.2 47.4% 11.2%)",
119
+ "$description": "主操作色 — --primary"
120
+ },
121
+ "dark": {
122
+ "$value": "hsl(210 40% 98%)",
123
+ "$description": "暗色主操作色 — --primary"
124
+ }
54
125
  },
55
126
  "primary-foreground": {
56
127
  "$type": "color",
57
- "light": { "$value": "hsl(210 40% 98%)", "$description": "主色上文字 — --primary-foreground" },
58
- "dark": { "$value": "hsl(222.2 47.4% 11.2%)", "$description": "暗色主色上文字 — --primary-foreground" }
128
+ "light": {
129
+ "$value": "hsl(210 40% 98%)",
130
+ "$description": "主色上文字 — --primary-foreground"
131
+ },
132
+ "dark": {
133
+ "$value": "hsl(222.2 47.4% 11.2%)",
134
+ "$description": "暗色主色上文字 — --primary-foreground"
135
+ }
59
136
  },
60
137
 
61
138
  "secondary": {
62
139
  "$type": "color",
63
- "light": { "$value": "hsl(210 40% 96.1%)", "$description": "次要色 — --secondary" },
64
- "dark": { "$value": "hsl(217.2 32.6% 17.5%)", "$description": "暗色次要色 — --secondary" }
140
+ "light": {
141
+ "$value": "hsl(210 40% 96.1%)",
142
+ "$description": "次要色 — --secondary"
143
+ },
144
+ "dark": {
145
+ "$value": "hsl(217.2 32.6% 17.5%)",
146
+ "$description": "暗色次要色 — --secondary"
147
+ }
65
148
  },
66
149
  "secondary-foreground": {
67
150
  "$type": "color",
68
- "light": { "$value": "hsl(222.2 47.4% 11.2%)", "$description": "次要色上文字 — --secondary-foreground" },
69
- "dark": { "$value": "hsl(210 40% 98%)", "$description": "暗色次要色上文字 — --secondary-foreground" }
151
+ "light": {
152
+ "$value": "hsl(222.2 47.4% 11.2%)",
153
+ "$description": "次要色上文字 — --secondary-foreground"
154
+ },
155
+ "dark": {
156
+ "$value": "hsl(210 40% 98%)",
157
+ "$description": "暗色次要色上文字 — --secondary-foreground"
158
+ }
70
159
  },
71
160
 
72
161
  "muted": {
73
162
  "$type": "color",
74
- "light": { "$value": "hsl(210 40% 96.1%)", "$description": "静音色 / 禁用背景 — --muted" },
75
- "dark": { "$value": "hsl(217.2 32.6% 17.5%)", "$description": "暗色静音色 — --muted" }
163
+ "light": {
164
+ "$value": "hsl(210 40% 96.1%)",
165
+ "$description": "静音色 / 禁用背景 — --muted"
166
+ },
167
+ "dark": {
168
+ "$value": "hsl(217.2 32.6% 17.5%)",
169
+ "$description": "暗色静音色 — --muted"
170
+ }
76
171
  },
77
172
  "muted-foreground": {
78
173
  "$type": "color",
79
- "light": { "$value": "hsl(215.4 16.3% 46.9%)", "$description": "辅助文字 / placeholder — --muted-foreground" },
80
- "dark": { "$value": "hsl(215 20.2% 65.1%)", "$description": "暗色辅助文字 — --muted-foreground" }
174
+ "light": {
175
+ "$value": "hsl(215.4 16.3% 46.9%)",
176
+ "$description": "辅助文字 / placeholder — --muted-foreground"
177
+ },
178
+ "dark": {
179
+ "$value": "hsl(215 20.2% 65.1%)",
180
+ "$description": "暗色辅助文字 — --muted-foreground"
181
+ }
81
182
  },
82
183
 
83
184
  "accent": {
84
185
  "$type": "color",
85
- "light": { "$value": "hsl(210 40% 96.1%)", "$description": "强调色 / Hover 高亮 — --accent" },
86
- "dark": { "$value": "hsl(217.2 32.6% 17.5%)", "$description": "暗色强调色 — --accent" }
186
+ "light": {
187
+ "$value": "hsl(210 40% 96.1%)",
188
+ "$description": "强调色 / Hover 高亮 — --accent"
189
+ },
190
+ "dark": {
191
+ "$value": "hsl(217.2 32.6% 17.5%)",
192
+ "$description": "暗色强调色 — --accent"
193
+ }
87
194
  },
88
195
  "accent-foreground": {
89
196
  "$type": "color",
90
- "light": { "$value": "hsl(222.2 47.4% 11.2%)", "$description": "强调色上文字 — --accent-foreground" },
91
- "dark": { "$value": "hsl(210 40% 98%)", "$description": "暗色强调色上文字 — --accent-foreground" }
197
+ "light": {
198
+ "$value": "hsl(222.2 47.4% 11.2%)",
199
+ "$description": "强调色上文字 — --accent-foreground"
200
+ },
201
+ "dark": {
202
+ "$value": "hsl(210 40% 98%)",
203
+ "$description": "暗色强调色上文字 — --accent-foreground"
204
+ }
92
205
  },
93
206
 
94
207
  "destructive": {
95
208
  "$type": "color",
96
- "light": { "$value": "hsl(0 84.2% 60.2%)", "$description": "危险色 / 错误操作 — --destructive" },
97
- "dark": { "$value": "hsl(0 62.8% 30.6%)", "$description": "暗色危险色 — --destructive" }
209
+ "light": {
210
+ "$value": "hsl(0 84.2% 60.2%)",
211
+ "$description": "危险色 / 错误操作 — --destructive"
212
+ },
213
+ "dark": {
214
+ "$value": "hsl(0 62.8% 30.6%)",
215
+ "$description": "暗色危险色 — --destructive"
216
+ }
98
217
  },
99
218
  "destructive-foreground": {
100
219
  "$type": "color",
101
- "light": { "$value": "hsl(210 40% 98%)", "$description": "危险色上文字 — --destructive-foreground" },
102
- "dark": { "$value": "hsl(210 40% 98%)", "$description": "暗色危险色上文字 — --destructive-foreground" }
220
+ "light": {
221
+ "$value": "hsl(210 40% 98%)",
222
+ "$description": "危险色上文字 — --destructive-foreground"
223
+ },
224
+ "dark": {
225
+ "$value": "hsl(210 40% 98%)",
226
+ "$description": "暗色危险色上文字 — --destructive-foreground"
227
+ }
103
228
  },
104
229
 
105
230
  "success": {
106
231
  "$type": "color",
107
- "light": { "$value": "hsl(142 71% 45%)", "$description": "成功色 — --success(ADR 0008 ratchet 还款,2026-05-19)" },
108
- "dark": { "$value": "hsl(142 71% 45%)", "$description": "暗色成功色 — --success" }
232
+ "light": {
233
+ "$value": "hsl(142 71% 45%)",
234
+ "$description": "成功色 — --success(ADR 0008 ratchet 还款,2026-05-19)"
235
+ },
236
+ "dark": {
237
+ "$value": "hsl(142 71% 45%)",
238
+ "$description": "暗色成功色 — --success"
239
+ }
109
240
  },
110
241
  "success-foreground": {
111
242
  "$type": "color",
112
- "light": { "$value": "hsl(140 100% 97%)", "$description": "成功色上文字 — --success-foreground" },
113
- "dark": { "$value": "hsl(140 100% 97%)", "$description": "暗色成功色上文字 — --success-foreground" }
243
+ "light": {
244
+ "$value": "hsl(140 100% 97%)",
245
+ "$description": "成功色上文字 — --success-foreground"
246
+ },
247
+ "dark": {
248
+ "$value": "hsl(140 100% 97%)",
249
+ "$description": "暗色成功色上文字 — --success-foreground"
250
+ }
114
251
  },
115
252
  "success-subtle": {
116
253
  "$type": "color",
117
- "light": { "$value": "hsl(141 84% 93%)", "$description": "成功色浅底 — --success-subtle(alert/badge subtle 变体)" },
118
- "dark": { "$value": "hsl(143 65% 18%)", "$description": "暗色成功色浅底 — --success-subtle" }
254
+ "light": {
255
+ "$value": "hsl(141 84% 93%)",
256
+ "$description": "成功色浅底 — --success-subtle(alert/badge subtle 变体)"
257
+ },
258
+ "dark": {
259
+ "$value": "hsl(143 65% 18%)",
260
+ "$description": "暗色成功色浅底 — --success-subtle"
261
+ }
119
262
  },
120
263
  "success-border": {
121
264
  "$type": "color",
122
- "light": { "$value": "hsl(142 76% 36%)", "$description": "成功色边框 — --success-border" },
123
- "dark": { "$value": "hsl(142 71% 45%)", "$description": "暗色成功色边框 — --success-border" }
265
+ "light": {
266
+ "$value": "hsl(142 76% 36%)",
267
+ "$description": "成功色边框 — --success-border"
268
+ },
269
+ "dark": {
270
+ "$value": "hsl(142 71% 45%)",
271
+ "$description": "暗色成功色边框 — --success-border"
272
+ }
124
273
  },
125
274
 
126
275
  "warning": {
127
276
  "$type": "color",
128
- "light": { "$value": "hsl(38 92% 50%)", "$description": "警告色 — --warning(ADR 0008 ratchet 还款,2026-05-19)" },
129
- "dark": { "$value": "hsl(38 92% 50%)", "$description": "暗色警告色 — --warning" }
277
+ "light": {
278
+ "$value": "hsl(38 92% 50%)",
279
+ "$description": "警告色 — --warning(ADR 0008 ratchet 还款,2026-05-19)"
280
+ },
281
+ "dark": {
282
+ "$value": "hsl(38 92% 50%)",
283
+ "$description": "暗色警告色 — --warning"
284
+ }
130
285
  },
131
286
  "warning-foreground": {
132
287
  "$type": "color",
133
- "light": { "$value": "hsl(48 100% 96%)", "$description": "警告色上文字 — --warning-foreground" },
134
- "dark": { "$value": "hsl(48 100% 96%)", "$description": "暗色警告色上文字 — --warning-foreground" }
288
+ "light": {
289
+ "$value": "hsl(48 100% 96%)",
290
+ "$description": "警告色上文字 — --warning-foreground"
291
+ },
292
+ "dark": {
293
+ "$value": "hsl(48 100% 96%)",
294
+ "$description": "暗色警告色上文字 — --warning-foreground"
295
+ }
135
296
  },
136
297
  "warning-subtle": {
137
298
  "$type": "color",
138
- "light": { "$value": "hsl(48 96% 89%)", "$description": "警告色浅底 — --warning-subtle" },
139
- "dark": { "$value": "hsl(36 70% 18%)", "$description": "暗色警告色浅底 — --warning-subtle" }
299
+ "light": {
300
+ "$value": "hsl(48 96% 89%)",
301
+ "$description": "警告色浅底 — --warning-subtle"
302
+ },
303
+ "dark": {
304
+ "$value": "hsl(36 70% 18%)",
305
+ "$description": "暗色警告色浅底 — --warning-subtle"
306
+ }
140
307
  },
141
308
  "warning-border": {
142
309
  "$type": "color",
143
- "light": { "$value": "hsl(35 92% 42%)", "$description": "警告色边框 — --warning-border" },
144
- "dark": { "$value": "hsl(38 92% 50%)", "$description": "暗色警告色边框 — --warning-border" }
310
+ "light": {
311
+ "$value": "hsl(35 92% 42%)",
312
+ "$description": "警告色边框 — --warning-border"
313
+ },
314
+ "dark": {
315
+ "$value": "hsl(38 92% 50%)",
316
+ "$description": "暗色警告色边框 — --warning-border"
317
+ }
145
318
  },
146
319
 
147
320
  "info": {
148
321
  "$type": "color",
149
- "light": { "$value": "hsl(217 91% 60%)", "$description": "提示色 — --info(ADR 0008 ratchet 还款,2026-05-19)" },
150
- "dark": { "$value": "hsl(217 91% 60%)", "$description": "暗色提示色 — --info" }
322
+ "light": {
323
+ "$value": "hsl(217 91% 60%)",
324
+ "$description": "提示色 — --info(ADR 0008 ratchet 还款,2026-05-19)"
325
+ },
326
+ "dark": {
327
+ "$value": "hsl(217 91% 60%)",
328
+ "$description": "暗色提示色 — --info"
329
+ }
151
330
  },
152
331
  "info-foreground": {
153
332
  "$type": "color",
154
- "light": { "$value": "hsl(214 100% 97%)", "$description": "提示色上文字 — --info-foreground" },
155
- "dark": { "$value": "hsl(214 100% 97%)", "$description": "暗色提示色上文字 — --info-foreground" }
333
+ "light": {
334
+ "$value": "hsl(214 100% 97%)",
335
+ "$description": "提示色上文字 — --info-foreground"
336
+ },
337
+ "dark": {
338
+ "$value": "hsl(214 100% 97%)",
339
+ "$description": "暗色提示色上文字 — --info-foreground"
340
+ }
156
341
  },
157
342
  "info-subtle": {
158
343
  "$type": "color",
159
- "light": { "$value": "hsl(214 95% 93%)", "$description": "提示色浅底 — --info-subtle" },
160
- "dark": { "$value": "hsl(217 70% 18%)", "$description": "暗色提示色浅底 — --info-subtle" }
344
+ "light": {
345
+ "$value": "hsl(214 95% 93%)",
346
+ "$description": "提示色浅底 — --info-subtle"
347
+ },
348
+ "dark": {
349
+ "$value": "hsl(217 70% 18%)",
350
+ "$description": "暗色提示色浅底 — --info-subtle"
351
+ }
161
352
  },
162
353
  "info-border": {
163
354
  "$type": "color",
164
- "light": { "$value": "hsl(217 91% 50%)", "$description": "提示色边框 — --info-border" },
165
- "dark": { "$value": "hsl(217 91% 60%)", "$description": "暗色提示色边框 — --info-border" }
355
+ "light": {
356
+ "$value": "hsl(217 91% 50%)",
357
+ "$description": "提示色边框 — --info-border"
358
+ },
359
+ "dark": {
360
+ "$value": "hsl(217 91% 60%)",
361
+ "$description": "暗色提示色边框 — --info-border"
362
+ }
166
363
  },
167
364
 
168
365
  "border": {
169
366
  "$type": "color",
170
- "light": { "$value": "hsl(214.3 31.8% 91.4%)", "$description": "边框 / 分割线 — --border" },
171
- "dark": { "$value": "hsl(217.2 32.6% 17.5%)", "$description": "暗色边框 — --border" }
367
+ "light": {
368
+ "$value": "hsl(214.3 31.8% 91.4%)",
369
+ "$description": "边框 / 分割线 — --border"
370
+ },
371
+ "dark": {
372
+ "$value": "hsl(217.2 32.6% 17.5%)",
373
+ "$description": "暗色边框 — --border"
374
+ }
172
375
  },
173
376
  "input": {
174
377
  "$type": "color",
175
- "light": { "$value": "hsl(214.3 31.8% 91.4%)", "$description": "输入框边框 — --input" },
176
- "dark": { "$value": "hsl(217.2 32.6% 17.5%)", "$description": "暗色输入框边框 — --input" }
378
+ "light": {
379
+ "$value": "hsl(214.3 31.8% 91.4%)",
380
+ "$description": "输入框边框 — --input"
381
+ },
382
+ "dark": {
383
+ "$value": "hsl(217.2 32.6% 17.5%)",
384
+ "$description": "暗色输入框边框 — --input"
385
+ }
177
386
  },
178
387
  "ring": {
179
388
  "$type": "color",
180
- "light": { "$value": "hsl(222.2 84% 4.9%)", "$description": "Focus 环颜色 — --ring" },
181
- "dark": { "$value": "hsl(212.7 26.8% 83.9%)", "$description": "暗色 Focus 环 — --ring" }
389
+ "light": {
390
+ "$value": "hsl(222.2 84% 4.9%)",
391
+ "$description": "Focus 环颜色 — --ring"
392
+ },
393
+ "dark": {
394
+ "$value": "hsl(212.7 26.8% 83.9%)",
395
+ "$description": "暗色 Focus 环 — --ring"
396
+ }
182
397
  },
183
398
 
184
399
  "chart": {
185
400
  "$description": "图表调色板 — --chart-1 ~ --chart-5",
186
401
  "1": {
187
402
  "$type": "color",
188
- "light": { "$value": "hsl(12 76% 61%)", "$description": "图表色 1 — --chart-1" },
189
- "dark": { "$value": "hsl(220 70% 50%)", "$description": "暗色图表色 1 — --chart-1" }
403
+ "light": {
404
+ "$value": "hsl(12 76% 61%)",
405
+ "$description": "图表色 1 — --chart-1"
406
+ },
407
+ "dark": {
408
+ "$value": "hsl(220 70% 50%)",
409
+ "$description": "暗色图表色 1 — --chart-1"
410
+ }
190
411
  },
191
412
  "2": {
192
413
  "$type": "color",
193
- "light": { "$value": "hsl(173 58% 39%)", "$description": "图表色 2 — --chart-2" },
194
- "dark": { "$value": "hsl(160 60% 45%)", "$description": "暗色图表色 2 — --chart-2" }
414
+ "light": {
415
+ "$value": "hsl(173 58% 39%)",
416
+ "$description": "图表色 2 — --chart-2"
417
+ },
418
+ "dark": {
419
+ "$value": "hsl(160 60% 45%)",
420
+ "$description": "暗色图表色 2 — --chart-2"
421
+ }
195
422
  },
196
423
  "3": {
197
424
  "$type": "color",
198
- "light": { "$value": "hsl(197 37% 24%)", "$description": "图表色 3 — --chart-3" },
199
- "dark": { "$value": "hsl(30 80% 55%)", "$description": "暗色图表色 3 — --chart-3" }
425
+ "light": {
426
+ "$value": "hsl(197 37% 24%)",
427
+ "$description": "图表色 3 — --chart-3"
428
+ },
429
+ "dark": {
430
+ "$value": "hsl(30 80% 55%)",
431
+ "$description": "暗色图表色 3 — --chart-3"
432
+ }
200
433
  },
201
434
  "4": {
202
435
  "$type": "color",
203
- "light": { "$value": "hsl(43 74% 66%)", "$description": "图表色 4 — --chart-4" },
204
- "dark": { "$value": "hsl(280 65% 60%)", "$description": "暗色图表色 4 — --chart-4" }
436
+ "light": {
437
+ "$value": "hsl(43 74% 66%)",
438
+ "$description": "图表色 4 — --chart-4"
439
+ },
440
+ "dark": {
441
+ "$value": "hsl(280 65% 60%)",
442
+ "$description": "暗色图表色 4 — --chart-4"
443
+ }
205
444
  },
206
445
  "5": {
207
446
  "$type": "color",
208
- "light": { "$value": "hsl(27 87% 67%)", "$description": "图表色 5 — --chart-5" },
209
- "dark": { "$value": "hsl(340 75% 55%)", "$description": "暗色图表色 5 — --chart-5" }
447
+ "light": {
448
+ "$value": "hsl(27 87% 67%)",
449
+ "$description": "图表色 5 — --chart-5"
450
+ },
451
+ "dark": {
452
+ "$value": "hsl(340 75% 55%)",
453
+ "$description": "暗色图表色 5 — --chart-5"
454
+ }
210
455
  }
211
456
  },
212
457
 
@@ -214,43 +459,91 @@
214
459
  "$description": "侧边栏专属颜色 Token — --sidebar-*",
215
460
  "background": {
216
461
  "$type": "color",
217
- "light": { "$value": "hsl(0 0% 98%)", "$description": "侧边栏背景 — --sidebar-background" },
218
- "dark": { "$value": "hsl(240 5.9% 10%)", "$description": "暗色侧边栏背景" }
462
+ "light": {
463
+ "$value": "hsl(0 0% 98%)",
464
+ "$description": "侧边栏背景 — --sidebar"
465
+ },
466
+ "dark": {
467
+ "$value": "hsl(240 5.9% 10%)",
468
+ "$description": "暗色侧边栏背景"
469
+ }
219
470
  },
220
471
  "foreground": {
221
472
  "$type": "color",
222
- "light": { "$value": "hsl(240 5.3% 26.1%)", "$description": "侧边栏文字 — --sidebar-foreground" },
223
- "dark": { "$value": "hsl(240 4.8% 95.9%)", "$description": "暗色侧边栏文字" }
473
+ "light": {
474
+ "$value": "hsl(240 5.3% 26.1%)",
475
+ "$description": "侧边栏文字 — --sidebar-foreground"
476
+ },
477
+ "dark": {
478
+ "$value": "hsl(240 4.8% 95.9%)",
479
+ "$description": "暗色侧边栏文字"
480
+ }
224
481
  },
225
482
  "primary": {
226
483
  "$type": "color",
227
- "light": { "$value": "hsl(240 5.9% 10%)", "$description": "侧边栏主操作色 — --sidebar-primary" },
228
- "dark": { "$value": "hsl(224.3 76.3% 48%)", "$description": "暗色侧边栏主操作色" }
484
+ "light": {
485
+ "$value": "hsl(240 5.9% 10%)",
486
+ "$description": "侧边栏主操作色 — --sidebar-primary"
487
+ },
488
+ "dark": {
489
+ "$value": "hsl(224.3 76.3% 48%)",
490
+ "$description": "暗色侧边栏主操作色"
491
+ }
229
492
  },
230
493
  "primary-foreground": {
231
494
  "$type": "color",
232
- "light": { "$value": "hsl(0 0% 98%)", "$description": "侧边栏主色上文字 — --sidebar-primary-foreground" },
233
- "dark": { "$value": "hsl(0 0% 100%)", "$description": "暗色侧边栏主色上文字" }
495
+ "light": {
496
+ "$value": "hsl(0 0% 98%)",
497
+ "$description": "侧边栏主色上文字 — --sidebar-primary-foreground"
498
+ },
499
+ "dark": {
500
+ "$value": "hsl(0 0% 100%)",
501
+ "$description": "暗色侧边栏主色上文字"
502
+ }
234
503
  },
235
504
  "accent": {
236
505
  "$type": "color",
237
- "light": { "$value": "hsl(240 4.8% 95.9%)", "$description": "侧边栏强调色 — --sidebar-accent" },
238
- "dark": { "$value": "hsl(240 3.7% 15.9%)", "$description": "暗色侧边栏强调色" }
506
+ "light": {
507
+ "$value": "hsl(240 4.8% 95.9%)",
508
+ "$description": "侧边栏强调色 — --sidebar-accent"
509
+ },
510
+ "dark": {
511
+ "$value": "hsl(240 3.7% 15.9%)",
512
+ "$description": "暗色侧边栏强调色"
513
+ }
239
514
  },
240
515
  "accent-foreground": {
241
516
  "$type": "color",
242
- "light": { "$value": "hsl(240 5.9% 10%)", "$description": "侧边栏强调色上文字" },
243
- "dark": { "$value": "hsl(240 4.8% 95.9%)", "$description": "暗色侧边栏强调色上文字" }
517
+ "light": {
518
+ "$value": "hsl(240 5.9% 10%)",
519
+ "$description": "侧边栏强调色上文字"
520
+ },
521
+ "dark": {
522
+ "$value": "hsl(240 4.8% 95.9%)",
523
+ "$description": "暗色侧边栏强调色上文字"
524
+ }
244
525
  },
245
526
  "border": {
246
527
  "$type": "color",
247
- "light": { "$value": "hsl(220 13% 91%)", "$description": "侧边栏边框 — --sidebar-border" },
248
- "dark": { "$value": "hsl(240 3.7% 15.9%)", "$description": "暗色侧边栏边框" }
528
+ "light": {
529
+ "$value": "hsl(220 13% 91%)",
530
+ "$description": "侧边栏边框 — --sidebar-border"
531
+ },
532
+ "dark": {
533
+ "$value": "hsl(240 3.7% 15.9%)",
534
+ "$description": "暗色侧边栏边框"
535
+ }
249
536
  },
250
537
  "ring": {
251
538
  "$type": "color",
252
- "light": { "$value": "hsl(217.2 91.2% 59.8%)", "$description": "侧边栏 Focus 环 — --sidebar-ring" },
253
- "dark": { "$value": "hsl(217.2 91.2% 59.8%)", "$description": "暗色侧边栏 Focus 环" }
539
+ "light": {
540
+ "$value": "hsl(217.2 91.2% 59.8%)",
541
+ "$description": "侧边栏 Focus 环 — --sidebar-ring"
542
+ },
543
+ "dark": {
544
+ "$value": "hsl(217.2 91.2% 59.8%)",
545
+ "$description": "暗色侧边栏 Focus 环"
546
+ }
254
547
  }
255
548
  }
256
549
  },
@@ -259,94 +552,259 @@
259
552
  "font-family": {
260
553
  "sans": {
261
554
  "$type": "fontFamily",
262
- "$value": ["Inter", "ui-sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif"],
555
+ "$value": [
556
+ "Inter",
557
+ "ui-sans-serif",
558
+ "-apple-system",
559
+ "BlinkMacSystemFont",
560
+ "Segoe UI",
561
+ "Roboto",
562
+ "Helvetica Neue",
563
+ "Arial",
564
+ "sans-serif"
565
+ ],
263
566
  "$description": "默认无衬线字体 — --font-sans"
264
567
  },
265
568
  "mono": {
266
569
  "$type": "fontFamily",
267
- "$value": ["ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", "monospace"],
570
+ "$value": [
571
+ "ui-monospace",
572
+ "SFMono-Regular",
573
+ "SF Mono",
574
+ "Menlo",
575
+ "Consolas",
576
+ "Liberation Mono",
577
+ "monospace"
578
+ ],
268
579
  "$description": "等宽字体(代码、技术内容)— --font-mono"
269
580
  }
270
581
  },
271
582
  "font-size": {
272
583
  "$description": "字号等级 — 对应 Tailwind text-* 类",
273
- "xs": { "$type": "dimension", "$value": "0.75rem", "$description": "12px — text-xs" },
274
- "sm": { "$type": "dimension", "$value": "0.875rem", "$description": "14px — text-sm" },
275
- "base": { "$type": "dimension", "$value": "1rem", "$description": "16px — text-base" },
276
- "lg": { "$type": "dimension", "$value": "1.125rem", "$description": "18px — text-lg" },
277
- "xl": { "$type": "dimension", "$value": "1.25rem", "$description": "20px — text-xl" },
278
- "2xl": { "$type": "dimension", "$value": "1.5rem", "$description": "24px — text-2xl" },
279
- "3xl": { "$type": "dimension", "$value": "1.875rem", "$description": "30px — text-3xl" },
280
- "4xl": { "$type": "dimension", "$value": "2.25rem", "$description": "36px — text-4xl" },
281
- "5xl": { "$type": "dimension", "$value": "3rem", "$description": "48px — text-5xl" },
282
- "6xl": { "$type": "dimension", "$value": "3.75rem", "$description": "60px — text-6xl" }
584
+ "xs": {
585
+ "$type": "dimension",
586
+ "$value": "0.75rem",
587
+ "$description": "12px — text-xs"
588
+ },
589
+ "sm": {
590
+ "$type": "dimension",
591
+ "$value": "0.875rem",
592
+ "$description": "14px — text-sm"
593
+ },
594
+ "base": {
595
+ "$type": "dimension",
596
+ "$value": "1rem",
597
+ "$description": "16px — text-base"
598
+ },
599
+ "lg": {
600
+ "$type": "dimension",
601
+ "$value": "1.125rem",
602
+ "$description": "18px — text-lg"
603
+ },
604
+ "xl": {
605
+ "$type": "dimension",
606
+ "$value": "1.25rem",
607
+ "$description": "20px — text-xl"
608
+ },
609
+ "2xl": {
610
+ "$type": "dimension",
611
+ "$value": "1.5rem",
612
+ "$description": "24px — text-2xl"
613
+ },
614
+ "3xl": {
615
+ "$type": "dimension",
616
+ "$value": "1.875rem",
617
+ "$description": "30px — text-3xl"
618
+ },
619
+ "4xl": {
620
+ "$type": "dimension",
621
+ "$value": "2.25rem",
622
+ "$description": "36px — text-4xl"
623
+ },
624
+ "5xl": {
625
+ "$type": "dimension",
626
+ "$value": "3rem",
627
+ "$description": "48px — text-5xl"
628
+ },
629
+ "6xl": {
630
+ "$type": "dimension",
631
+ "$value": "3.75rem",
632
+ "$description": "60px — text-6xl"
633
+ }
283
634
  },
284
635
  "font-weight": {
285
- "normal": { "$type": "fontWeight", "$value": 400, "$description": "正文、描述" },
286
- "medium": { "$type": "fontWeight", "$value": 500, "$description": "标签、导航" },
287
- "semibold": { "$type": "fontWeight", "$value": 600, "$description": "按钮、小标题" },
288
- "bold": { "$type": "fontWeight", "$value": 700, "$description": "页面标题" }
636
+ "normal": {
637
+ "$type": "fontWeight",
638
+ "$value": 400,
639
+ "$description": "正文、描述"
640
+ },
641
+ "medium": {
642
+ "$type": "fontWeight",
643
+ "$value": 500,
644
+ "$description": "标签、导航"
645
+ },
646
+ "semibold": {
647
+ "$type": "fontWeight",
648
+ "$value": 600,
649
+ "$description": "按钮、小标题"
650
+ },
651
+ "bold": {
652
+ "$type": "fontWeight",
653
+ "$value": 700,
654
+ "$description": "页面标题"
655
+ }
289
656
  },
290
657
  "line-height": {
291
- "none": { "$type": "number", "$value": 1, "$description": "leading-none" },
292
- "tight": { "$type": "number", "$value": 1.25, "$description": "leading-tight — 大号标题" },
293
- "snug": { "$type": "number", "$value": 1.375, "$description": "leading-snug" },
294
- "normal": { "$type": "number", "$value": 1.5, "$description": "leading-normal — 正文默认" },
295
- "relaxed": { "$type": "number", "$value": 1.625, "$description": "leading-relaxed" },
296
- "loose": { "$type": "number", "$value": 2, "$description": "leading-loose" }
658
+ "none": {
659
+ "$type": "number",
660
+ "$value": 1,
661
+ "$description": "leading-none"
662
+ },
663
+ "tight": {
664
+ "$type": "number",
665
+ "$value": 1.25,
666
+ "$description": "leading-tight — 大号标题"
667
+ },
668
+ "snug": {
669
+ "$type": "number",
670
+ "$value": 1.375,
671
+ "$description": "leading-snug"
672
+ },
673
+ "normal": {
674
+ "$type": "number",
675
+ "$value": 1.5,
676
+ "$description": "leading-normal — 正文默认"
677
+ },
678
+ "relaxed": {
679
+ "$type": "number",
680
+ "$value": 1.625,
681
+ "$description": "leading-relaxed"
682
+ },
683
+ "loose": {
684
+ "$type": "number",
685
+ "$value": 2,
686
+ "$description": "leading-loose"
687
+ }
297
688
  },
298
689
  "letter-spacing": {
299
- "tighter": { "$type": "dimension", "$value": "-0.05em", "$description": "tracking-tighter" },
300
- "tight": { "$type": "dimension", "$value": "-0.025em", "$description": "tracking-tight" },
301
- "normal": { "$type": "dimension", "$value": "0em", "$description": "tracking-normal" },
302
- "wide": { "$type": "dimension", "$value": "0.025em", "$description": "tracking-wide" },
303
- "wider": { "$type": "dimension", "$value": "0.05em", "$description": "tracking-wider" },
304
- "widest": { "$type": "dimension", "$value": "0.1em", "$description": "tracking-widest" }
690
+ "tighter": {
691
+ "$type": "dimension",
692
+ "$value": "-0.05em",
693
+ "$description": "tracking-tighter"
694
+ },
695
+ "tight": {
696
+ "$type": "dimension",
697
+ "$value": "-0.025em",
698
+ "$description": "tracking-tight"
699
+ },
700
+ "normal": {
701
+ "$type": "dimension",
702
+ "$value": "0em",
703
+ "$description": "tracking-normal"
704
+ },
705
+ "wide": {
706
+ "$type": "dimension",
707
+ "$value": "0.025em",
708
+ "$description": "tracking-wide"
709
+ },
710
+ "wider": {
711
+ "$type": "dimension",
712
+ "$value": "0.05em",
713
+ "$description": "tracking-wider"
714
+ },
715
+ "widest": {
716
+ "$type": "dimension",
717
+ "$value": "0.1em",
718
+ "$description": "tracking-widest"
719
+ }
305
720
  }
306
721
  },
307
722
 
308
723
  "spacing": {
309
724
  "$type": "dimension",
310
725
  "$description": "间距比例尺 — 基准 4px,对应 Tailwind spacing 刻度",
311
- "px": { "$value": "1px" },
312
- "0": { "$value": "0rem" },
313
- "0.5": { "$value": "0.125rem", "$description": "2px" },
314
- "1": { "$value": "0.25rem", "$description": "4px" },
315
- "1.5": { "$value": "0.375rem", "$description": "6px" },
316
- "2": { "$value": "0.5rem", "$description": "8px" },
317
- "2.5": { "$value": "0.625rem", "$description": "10px" },
318
- "3": { "$value": "0.75rem", "$description": "12px" },
319
- "3.5": { "$value": "0.875rem", "$description": "14px" },
320
- "4": { "$value": "1rem", "$description": "16px" },
321
- "5": { "$value": "1.25rem", "$description": "20px" },
322
- "6": { "$value": "1.5rem", "$description": "24px" },
323
- "7": { "$value": "1.75rem", "$description": "28px" },
324
- "8": { "$value": "2rem", "$description": "32px" },
325
- "9": { "$value": "2.25rem", "$description": "36px" },
326
- "10": { "$value": "2.5rem", "$description": "40px" },
327
- "11": { "$value": "2.75rem", "$description": "44px" },
328
- "12": { "$value": "3rem", "$description": "48px" },
329
- "14": { "$value": "3.5rem", "$description": "56px" },
330
- "16": { "$value": "4rem", "$description": "64px" },
331
- "20": { "$value": "5rem", "$description": "80px" },
332
- "24": { "$value": "6rem", "$description": "96px" },
333
- "28": { "$value": "7rem", "$description": "112px" },
334
- "32": { "$value": "8rem", "$description": "128px" }
726
+ "px": { "$value": "1px" },
727
+ "0": { "$value": "0rem" },
728
+ "0.5": { "$value": "0.125rem", "$description": "2px" },
729
+ "1": { "$value": "0.25rem", "$description": "4px" },
730
+ "1.5": { "$value": "0.375rem", "$description": "6px" },
731
+ "2": { "$value": "0.5rem", "$description": "8px" },
732
+ "2.5": { "$value": "0.625rem", "$description": "10px" },
733
+ "3": { "$value": "0.75rem", "$description": "12px" },
734
+ "3.5": { "$value": "0.875rem", "$description": "14px" },
735
+ "4": { "$value": "1rem", "$description": "16px" },
736
+ "5": { "$value": "1.25rem", "$description": "20px" },
737
+ "6": { "$value": "1.5rem", "$description": "24px" },
738
+ "7": { "$value": "1.75rem", "$description": "28px" },
739
+ "8": { "$value": "2rem", "$description": "32px" },
740
+ "9": { "$value": "2.25rem", "$description": "36px" },
741
+ "10": { "$value": "2.5rem", "$description": "40px" },
742
+ "11": { "$value": "2.75rem", "$description": "44px" },
743
+ "12": { "$value": "3rem", "$description": "48px" },
744
+ "14": { "$value": "3.5rem", "$description": "56px" },
745
+ "16": { "$value": "4rem", "$description": "64px" },
746
+ "20": { "$value": "5rem", "$description": "80px" },
747
+ "24": { "$value": "6rem", "$description": "96px" },
748
+ "28": { "$value": "7rem", "$description": "112px" },
749
+ "32": { "$value": "8rem", "$description": "128px" }
335
750
  },
336
751
 
337
752
  "radius": {
338
753
  "$description": "圆角 — 基于 --radius 基准变量派生",
339
- "base": { "$type": "dimension", "$value": "0.5rem", "$description": "--radius 基准变量,全局主题圆角控制点" },
340
- "sm": { "$type": "dimension", "$value": "calc(var(--radius) - 4px)", "$description": "Badge、Chip" },
341
- "md": { "$type": "dimension", "$value": "calc(var(--radius) - 2px)", "$description": "按钮、输入框" },
342
- "lg": { "$type": "dimension", "$value": "var(--radius)", "$description": "卡片、对话框" },
343
- "xl": { "$type": "dimension", "$value": "calc(var(--radius) + 4px)", "$description": "大型容器" },
344
- "2xl": { "$type": "dimension", "$value": "calc(var(--radius) + 8px)", "$description": "特大圆角" },
345
- "full": { "$type": "dimension", "$value": "9999px", "$description": "完全圆形 — 头像、药丸标签" }
754
+ "base": {
755
+ "$type": "dimension",
756
+ "$value": "0.5rem",
757
+ "$description": "--radius 基准变量,全局主题圆角控制点"
758
+ },
759
+ "sm": {
760
+ "$type": "dimension",
761
+ "$value": "calc(var(--radius) - 4px)",
762
+ "$description": "Badge、Chip"
763
+ },
764
+ "md": {
765
+ "$type": "dimension",
766
+ "$value": "calc(var(--radius) - 2px)",
767
+ "$description": "按钮、输入框"
768
+ },
769
+ "lg": {
770
+ "$type": "dimension",
771
+ "$value": "var(--radius)",
772
+ "$description": "卡片、对话框"
773
+ },
774
+ "xl": {
775
+ "$type": "dimension",
776
+ "$value": "calc(var(--radius) + 4px)",
777
+ "$description": "大型容器"
778
+ },
779
+ "2xl": {
780
+ "$type": "dimension",
781
+ "$value": "calc(var(--radius) + 8px)",
782
+ "$description": "特大圆角"
783
+ },
784
+ "full": {
785
+ "$type": "dimension",
786
+ "$value": "9999px",
787
+ "$description": "完全圆形 — 头像、药丸标签"
788
+ },
789
+ "button": {
790
+ "$type": "dimension",
791
+ "$value": "8px",
792
+ "$description": "--radius-button — Button 圆角(组件级)"
793
+ },
794
+ "dialog": {
795
+ "$type": "dimension",
796
+ "$value": "16px",
797
+ "$description": "--radius-dialog — Dialog / Sheet 圆角(组件级)"
798
+ },
799
+ "tag": {
800
+ "$type": "dimension",
801
+ "$value": "4px",
802
+ "$description": "--radius-tag — Tag 圆角(组件级)"
803
+ }
346
804
  },
347
805
 
348
806
  "shadow": {
349
- "$description": "盒阴影等级 — 对应 Tailwind shadow-*",
807
+ "$description": "盒阴影等级 — 对应 Tailwind shadow-*(字符串格式,与 theme.css 一致)",
350
808
  "none": {
351
809
  "$type": "shadow",
352
810
  "$value": "0 0 #0000",
@@ -354,44 +812,32 @@
354
812
  },
355
813
  "sm": {
356
814
  "$type": "shadow",
357
- "$value": { "offsetX": "0px", "offsetY": "1px", "blur": "2px", "spread": "0px", "color": "rgb(0 0 0 / 0.05)" },
815
+ "$value": "0px 1px 2px 0px rgb(0 0 0 / 0.05)",
358
816
  "$description": "shadow-sm — 按钮、输入框微浮起"
359
817
  },
360
818
  "DEFAULT": {
361
819
  "$type": "shadow",
362
- "$value": [
363
- { "offsetX": "0px", "offsetY": "1px", "blur": "3px", "spread": "0px", "color": "rgb(0 0 0 / 0.1)" },
364
- { "offsetX": "0px", "offsetY": "1px", "blur": "2px", "spread": "-1px", "color": "rgb(0 0 0 / 0.1)" }
365
- ],
820
+ "$value": "0px 1px 3px 0px rgb(0 0 0 / 0.1), 0px 1px 2px -1px rgb(0 0 0 / 0.1)",
366
821
  "$description": "shadow — 卡片默认"
367
822
  },
368
823
  "md": {
369
824
  "$type": "shadow",
370
- "$value": [
371
- { "offsetX": "0px", "offsetY": "4px", "blur": "6px", "spread": "-1px", "color": "rgb(0 0 0 / 0.1)" },
372
- { "offsetX": "0px", "offsetY": "2px", "blur": "4px", "spread": "-2px", "color": "rgb(0 0 0 / 0.1)" }
373
- ],
825
+ "$value": "0px 4px 6px -1px rgb(0 0 0 / 0.1), 0px 2px 4px -2px rgb(0 0 0 / 0.1)",
374
826
  "$description": "shadow-md — Dropdown、面板"
375
827
  },
376
828
  "lg": {
377
829
  "$type": "shadow",
378
- "$value": [
379
- { "offsetX": "0px", "offsetY": "10px", "blur": "15px", "spread": "-3px", "color": "rgb(0 0 0 / 0.1)" },
380
- { "offsetX": "0px", "offsetY": "4px", "blur": "6px", "spread": "-4px", "color": "rgb(0 0 0 / 0.1)" }
381
- ],
830
+ "$value": "0px 10px 15px -3px rgb(0 0 0 / 0.1), 0px 4px 6px -4px rgb(0 0 0 / 0.1)",
382
831
  "$description": "shadow-lg — Popover、Toast"
383
832
  },
384
833
  "xl": {
385
834
  "$type": "shadow",
386
- "$value": [
387
- { "offsetX": "0px", "offsetY": "20px", "blur": "25px", "spread": "-5px", "color": "rgb(0 0 0 / 0.1)" },
388
- { "offsetX": "0px", "offsetY": "8px", "blur": "10px", "spread": "-6px", "color": "rgb(0 0 0 / 0.1)" }
389
- ],
835
+ "$value": "0px 20px 25px -5px rgb(0 0 0 / 0.1), 0px 8px 10px -6px rgb(0 0 0 / 0.1)",
390
836
  "$description": "shadow-xl — Dialog、Sheet"
391
837
  },
392
838
  "2xl": {
393
839
  "$type": "shadow",
394
- "$value": { "offsetX": "0px", "offsetY": "25px", "blur": "50px", "spread": "-12px", "color": "rgb(0 0 0 / 0.25)" },
840
+ "$value": "0px 25px 50px -12px rgb(0 0 0 / 0.25)",
395
841
  "$description": "shadow-2xl — 顶层模态"
396
842
  }
397
843
  },
@@ -399,79 +845,119 @@
399
845
  "animation": {
400
846
  "$description": "动画 Token — 时长、缓动函数、关键帧",
401
847
  "duration": {
402
- "fast": { "$type": "duration", "$value": "150ms", "$description": "微交互(hover、focus)" },
403
- "normal": { "$type": "duration", "$value": "200ms", "$description": "常规过渡(Accordion、Tabs)" },
404
- "slow": { "$type": "duration", "$value": "300ms", "$description": "面板滑入(Sheet、Dialog)" },
405
- "slower": { "$type": "duration", "$value": "500ms", "$description": "大型展开动画" }
848
+ "fast": {
849
+ "$type": "duration",
850
+ "$value": "150ms",
851
+ "$description": "微交互(hover、focus)"
852
+ },
853
+ "normal": {
854
+ "$type": "duration",
855
+ "$value": "200ms",
856
+ "$description": "常规过渡(Accordion、Tabs)"
857
+ },
858
+ "slow": {
859
+ "$type": "duration",
860
+ "$value": "300ms",
861
+ "$description": "面板滑入(Sheet、Dialog)"
862
+ },
863
+ "slower": {
864
+ "$type": "duration",
865
+ "$value": "500ms",
866
+ "$description": "大型展开动画"
867
+ }
406
868
  },
407
869
  "easing": {
408
- "linear": { "$type": "cubicBezier", "$value": [0, 0, 1, 1], "$description": "linear" },
409
- "ease": { "$type": "cubicBezier", "$value": [0.25, 0.1, 0.25, 1], "$description": "ease" },
410
- "ease-in": { "$type": "cubicBezier", "$value": [0.4, 0, 1, 1], "$description": "ease-in — 元素退出" },
411
- "ease-out": { "$type": "cubicBezier", "$value": [0, 0, 0.2, 1], "$description": "ease-out — 元素进入" },
412
- "ease-in-out": { "$type": "cubicBezier", "$value": [0.4, 0, 0.2, 1], "$description": "ease-in-out — 双向过渡" },
413
- "spring": { "$type": "cubicBezier", "$value": [0.34, 1.56, 0.64, 1], "$description": "弹性进入效果" }
870
+ "linear": {
871
+ "$type": "cubicBezier",
872
+ "$value": [0, 0, 1, 1],
873
+ "$description": "linear"
874
+ },
875
+ "ease": {
876
+ "$type": "cubicBezier",
877
+ "$value": [0.25, 0.1, 0.25, 1],
878
+ "$description": "ease"
879
+ },
880
+ "ease-in": {
881
+ "$type": "cubicBezier",
882
+ "$value": [0.4, 0, 1, 1],
883
+ "$description": "ease-in — 元素退出"
884
+ },
885
+ "ease-out": {
886
+ "$type": "cubicBezier",
887
+ "$value": [0, 0, 0.2, 1],
888
+ "$description": "ease-out — 元素进入"
889
+ },
890
+ "ease-in-out": {
891
+ "$type": "cubicBezier",
892
+ "$value": [0.4, 0, 0.2, 1],
893
+ "$description": "ease-in-out — 双向过渡"
894
+ },
895
+ "spring": {
896
+ "$type": "cubicBezier",
897
+ "$value": [0.34, 1.56, 0.64, 1],
898
+ "$description": "弹性进入效果"
899
+ }
414
900
  },
415
901
  "keyframes": {
416
902
  "accordion-down": {
417
903
  "$description": "Accordion 展开 — animate-accordion-down",
418
904
  "from": { "height": "0" },
419
- "to": { "height": "var(--radix-accordion-content-height)" }
905
+ "to": { "height": "var(--radix-accordion-content-height)" }
420
906
  },
421
907
  "accordion-up": {
422
908
  "$description": "Accordion 收起 — animate-accordion-up",
423
909
  "from": { "height": "var(--radix-accordion-content-height)" },
424
- "to": { "height": "0" }
910
+ "to": { "height": "0" }
425
911
  },
426
912
  "fade-in": {
427
913
  "$description": "渐入",
428
914
  "from": { "opacity": "0" },
429
- "to": { "opacity": "1" }
915
+ "to": { "opacity": "1" }
430
916
  },
431
917
  "fade-out": {
432
918
  "$description": "渐出",
433
919
  "from": { "opacity": "1" },
434
- "to": { "opacity": "0" }
920
+ "to": { "opacity": "0" }
435
921
  },
436
922
  "slide-in-from-top": {
437
923
  "$description": "从顶部滑入",
438
924
  "from": { "transform": "translateY(-100%)" },
439
- "to": { "transform": "translateY(0)" }
925
+ "to": { "transform": "translateY(0)" }
440
926
  },
441
927
  "slide-in-from-bottom": {
442
928
  "$description": "从底部滑入",
443
929
  "from": { "transform": "translateY(100%)" },
444
- "to": { "transform": "translateY(0)" }
930
+ "to": { "transform": "translateY(0)" }
445
931
  },
446
932
  "slide-in-from-left": {
447
933
  "$description": "从左侧滑入",
448
934
  "from": { "transform": "translateX(-100%)" },
449
- "to": { "transform": "translateX(0)" }
935
+ "to": { "transform": "translateX(0)" }
450
936
  },
451
937
  "slide-in-from-right": {
452
938
  "$description": "从右侧滑入",
453
939
  "from": { "transform": "translateX(100%)" },
454
- "to": { "transform": "translateX(0)" }
940
+ "to": { "transform": "translateX(0)" }
455
941
  },
456
942
  "zoom-in-95": {
457
943
  "$description": "Dialog / Popover 弹入",
458
944
  "from": { "opacity": "0", "transform": "scale(0.95)" },
459
- "to": { "opacity": "1", "transform": "scale(1)" }
945
+ "to": { "opacity": "1", "transform": "scale(1)" }
460
946
  },
461
947
  "zoom-out-95": {
462
948
  "$description": "Dialog / Popover 弹出",
463
949
  "from": { "opacity": "1", "transform": "scale(1)" },
464
- "to": { "opacity": "0", "transform": "scale(0.95)" }
950
+ "to": { "opacity": "0", "transform": "scale(0.95)" }
465
951
  },
466
952
  "spin": {
467
953
  "$description": "Loading 旋转",
468
954
  "from": { "transform": "rotate(0deg)" },
469
- "to": { "transform": "rotate(360deg)" }
955
+ "to": { "transform": "rotate(360deg)" }
470
956
  },
471
957
  "pulse": {
472
958
  "$description": "Skeleton 脉冲",
473
959
  "0%, 100%": { "opacity": "1" },
474
- "50%": { "opacity": "0.5" }
960
+ "50%": { "opacity": "0.5" }
475
961
  }
476
962
  }
477
963
  },
@@ -479,169 +965,123 @@
479
965
  "z-index": {
480
966
  "$type": "number",
481
967
  "$description": "层级规范 — shadcn/ui 各组件的叠层顺序",
482
- "base": { "$value": 0, "$description": "页面默认内容" },
483
- "dropdown": { "$value": 50, "$description": "DropdownMenu、Select、Popover、Tooltip" },
484
- "sticky": { "$value": 100, "$description": "粘性导航、固定表头" },
485
- "overlay": { "$value": 200, "$description": "Dialog/Sheet 遮罩层" },
486
- "modal": { "$value": 300, "$description": "Dialog、Sheet 内容" },
487
- "toast": { "$value": 400, "$description": "Toast / Sonner 通知" },
488
- "tooltip": { "$value": 500, "$description": "Tooltip(最高层级)" }
968
+ "base": { "$value": 0, "$description": "页面默认内容" },
969
+ "dropdown": {
970
+ "$value": 50,
971
+ "$description": "DropdownMenu、Select、Popover、Tooltip"
972
+ },
973
+ "sticky": { "$value": 100, "$description": "粘性导航、固定表头" },
974
+ "overlay": { "$value": 200, "$description": "Dialog/Sheet 遮罩层" },
975
+ "modal": { "$value": 300, "$description": "Dialog、Sheet 内容" },
976
+ "toast": { "$value": 400, "$description": "Toast / Sonner 通知" },
977
+ "tooltip": { "$value": 500, "$description": "Tooltip(最高层级)" }
489
978
  },
490
979
 
491
- "component": {
492
- "$description": "组件级 Token — shadcn/ui 组件核心样式值",
493
-
494
- "button": {
495
- "height": {
496
- "sm": { "$type": "dimension", "$value": "2.25rem", "$description": "h-9 — size=sm" },
497
- "default": { "$type": "dimension", "$value": "2.5rem", "$description": "h-10 — size=default" },
498
- "lg": { "$type": "dimension", "$value": "2.75rem", "$description": "h-11 — size=lg" },
499
- "icon": { "$type": "dimension", "$value": "2.5rem", "$description": "h-10 w-10 — size=icon" }
500
- },
501
- "padding": {
502
- "sm": { "$type": "dimension", "$value": "0 0.75rem", "$description": "px-3" },
503
- "default": { "$type": "dimension", "$value": "0 1rem", "$description": "px-4" },
504
- "lg": { "$type": "dimension", "$value": "0 2rem", "$description": "px-8" }
505
- },
506
- "font-size": { "$type": "dimension", "$value": "0.875rem", "$description": "text-sm" },
507
- "font-weight": { "$type": "fontWeight", "$value": 500, "$description": "font-medium" },
508
- "border-radius": { "$type": "dimension", "$value": "calc(var(--radius) - 2px)", "$description": "rounded-md" },
509
- "focus-ring-offset": { "$type": "dimension", "$value": "2px", "$description": "ring-offset-2" }
510
- },
511
-
512
- "input": {
513
- "height": { "$type": "dimension", "$value": "2.5rem", "$description": "h-10" },
514
- "padding": { "$type": "dimension", "$value": "0 0.75rem", "$description": "px-3 py-2" },
515
- "font-size": { "$type": "dimension", "$value": "0.875rem", "$description": "text-sm" },
516
- "border-width": { "$type": "dimension", "$value": "1px", "$description": "border" },
517
- "border-radius": { "$type": "dimension", "$value": "calc(var(--radius) - 2px)", "$description": "rounded-md" }
518
- },
519
-
520
- "badge": {
521
- "padding": { "$type": "dimension", "$value": "0.125rem 0.625rem", "$description": "px-2.5 py-0.5" },
522
- "font-size": { "$type": "dimension", "$value": "0.75rem", "$description": "text-xs" },
523
- "font-weight": { "$type": "fontWeight", "$value": 600, "$description": "font-semibold" },
524
- "border-radius": { "$type": "dimension", "$value": "9999px", "$description": "rounded-full" }
525
- },
526
-
527
- "card": {
528
- "padding": { "$type": "dimension", "$value": "1.5rem", "$description": "p-6" },
529
- "border-radius": { "$type": "dimension", "$value": "var(--radius)", "$description": "rounded-lg" },
530
- "border-width": { "$type": "dimension", "$value": "1px", "$description": "border" }
531
- },
532
-
533
- "dialog": {
534
- "max-width": { "$type": "dimension", "$value": "32rem", "$description": "max-w-lg" },
535
- "padding": { "$type": "dimension", "$value": "1.5rem", "$description": "p-6" },
536
- "border-radius": { "$type": "dimension", "$value": "var(--radius)", "$description": "rounded-lg" },
537
- "overlay-opacity": { "$type": "number", "$value": 0.8, "$description": "bg-black/80" }
538
- },
539
-
540
- "sheet": {
541
- "width-sm": { "$type": "dimension", "$value": "50%", "$description": "side=left/right sm" },
542
- "width-lg": { "$type": "dimension", "$value": "75%", "$description": "side=left/right lg" },
543
- "height-sm": { "$type": "dimension", "$value": "50%", "$description": "side=top/bottom sm" },
544
- "height-lg": { "$type": "dimension", "$value": "75%", "$description": "side=top/bottom lg" },
545
- "padding": { "$type": "dimension", "$value": "1.5rem", "$description": "p-6" }
546
- },
547
-
548
- "select": {
549
- "trigger-height": { "$type": "dimension", "$value": "2.5rem", "$description": "h-10" },
550
- "trigger-padding": { "$type": "dimension", "$value": "0 0.75rem", "$description": "px-3 py-2" },
551
- "content-min-width": { "$type": "dimension", "$value": "8rem", "$description": "min-w-[8rem]" }
552
- },
553
-
554
- "table": {
555
- "row-height": { "$type": "dimension", "$value": "3rem", "$description": "h-12" },
556
- "cell-padding": { "$type": "dimension", "$value": "1rem", "$description": "p-4" },
557
- "font-size": { "$type": "dimension", "$value": "0.875rem", "$description": "text-sm" }
558
- },
559
-
560
- "tabs": {
561
- "trigger-height": { "$type": "dimension", "$value": "2.25rem", "$description": "h-9" },
562
- "trigger-padding": { "$type": "dimension", "$value": "0 0.75rem", "$description": "px-3" },
563
- "list-height": { "$type": "dimension", "$value": "2.375rem", "$description": "h-9" }
564
- },
565
-
566
- "avatar": {
567
- "size-sm": { "$type": "dimension", "$value": "2rem", "$description": "h-8 w-8" },
568
- "size-md": { "$type": "dimension", "$value": "2.5rem", "$description": "h-10 w-10" },
569
- "size-lg": { "$type": "dimension", "$value": "3rem", "$description": "h-12 w-12" },
570
- "size-xl": { "$type": "dimension", "$value": "4rem", "$description": "h-16 w-16" }
571
- },
572
-
573
- "toast": {
574
- "width": { "$type": "dimension", "$value": "24rem", "$description": "w-96" },
575
- "border-radius": { "$type": "dimension", "$value": "var(--radius)", "$description": "rounded-lg" },
576
- "padding": { "$type": "dimension", "$value": "1.5rem", "$description": "p-6" }
577
- },
578
-
579
- "progress": {
580
- "height": { "$type": "dimension", "$value": "1rem", "$description": "h-4" },
581
- "border-radius": { "$type": "dimension", "$value": "9999px", "$description": "rounded-full" }
582
- },
583
-
584
- "slider": {
585
- "track-height": { "$type": "dimension", "$value": "0.5rem", "$description": "h-2" },
586
- "thumb-size": { "$type": "dimension", "$value": "1.25rem", "$description": "h-5 w-5" }
587
- },
588
-
589
- "switch": {
590
- "width": { "$type": "dimension", "$value": "2.75rem", "$description": "w-11" },
591
- "height": { "$type": "dimension", "$value": "1.5rem", "$description": "h-6" },
592
- "thumb": { "$type": "dimension", "$value": "1.25rem", "$description": "h-5 w-5" }
593
- },
594
-
595
- "checkbox": {
596
- "size": { "$type": "dimension", "$value": "1rem", "$description": "h-4 w-4" },
597
- "border-radius": { "$type": "dimension", "$value": "0.125rem", "$description": "rounded-sm" }
598
- },
599
-
600
- "separator": {
601
- "thickness": { "$type": "dimension", "$value": "1px", "$description": "分割线粗细" }
602
- },
980
+ "height": {
981
+ "$type": "dimension",
982
+ "$description": "组件级高度 Token — 供下游组件(cva 配置)消费",
983
+ "button-sm": {
984
+ "$value": "28px",
985
+ "$description": "--height-button-smButton size=sm"
986
+ },
987
+ "button-md": {
988
+ "$value": "32px",
989
+ "$description": "--height-button-md — Button size=md / default"
990
+ },
991
+ "button-lg": {
992
+ "$value": "36px",
993
+ "$description": "--height-button-lg Button size=lg"
994
+ }
995
+ },
603
996
 
604
- "skeleton": {
605
- "border-radius": { "$type": "dimension", "$value": "0.25rem", "$description": "rounded" },
606
- "animation-duration": { "$type": "duration", "$value": "2s", "$description": "pulse 时长" }
607
- },
997
+ "layout": {
998
+ "$type": "dimension",
999
+ "$description": "组件布局尺寸 Dialog / Drawer / Panel / Menu / Popover 等受控宽高",
1000
+ "dialog-sm": { "$value": "480px", "$description": "Dialog 小尺寸" },
1001
+ "dialog-md": { "$value": "600px", "$description": "Dialog 中尺寸" },
1002
+ "dialog-lg": { "$value": "720px", "$description": "Dialog 大尺寸" },
1003
+ "dialog-xl": { "$value": "800px", "$description": "Dialog 超大尺寸" },
1004
+ "drawer-sm": { "$value": "400px", "$description": "Drawer / Sheet 小宽度" },
1005
+ "drawer-md": { "$value": "600px", "$description": "Drawer / Sheet 中宽度" },
1006
+ "drawer-lg": { "$value": "800px", "$description": "Drawer / Sheet 大宽度" },
1007
+ "drawer-xl": {
1008
+ "$value": "1200px",
1009
+ "$description": "Drawer / Sheet 超大宽度"
1010
+ },
1011
+ "panel-sm": { "$value": "200px", "$description": "侧边面板小尺寸" },
1012
+ "panel-md": { "$value": "240px", "$description": "侧边面板默认尺寸" },
1013
+ "submenu": { "$value": "160px", "$description": "子菜单宽度" },
1014
+ "menu-min": { "$value": "8rem", "$description": "Menu 最小宽度" },
1015
+ "menu-md": { "$value": "12rem", "$description": "Menu 默认宽度" },
1016
+ "popover-max": { "$value": "24rem", "$description": "Popover 最大宽度" },
1017
+ "listbox-max": {
1018
+ "$value": "300px",
1019
+ "$description": "Select / Listbox 最大高度"
1020
+ },
1021
+ "counter": { "$value": "1.25rem", "$description": "Badge 数字徽标尺寸" },
1022
+ "notification": {
1023
+ "$value": "360px",
1024
+ "$description": "Notification 卡片宽度"
1025
+ },
1026
+ "textarea-min": { "$value": "80px", "$description": "Textarea 最小高度" },
1027
+ "image-preview-max-w": {
1028
+ "$value": "90vw",
1029
+ "$description": "Image 预览最大宽度"
1030
+ },
1031
+ "image-preview-max-h": {
1032
+ "$value": "85vh",
1033
+ "$description": "Image 预览最大高度"
1034
+ }
1035
+ },
608
1036
 
609
- "tooltip": {
610
- "padding": { "$type": "dimension", "$value": "0.25rem 0.75rem", "$description": "px-3 py-1.5" },
611
- "font-size": { "$type": "dimension", "$value": "0.75rem", "$description": "text-xs" },
612
- "border-radius": { "$type": "dimension", "$value": "calc(var(--radius) - 4px)", "$description": "rounded-sm" }
1037
+ "breakpoint": {
1038
+ "$type": "dimension",
1039
+ "$description": "响应式断点 5 档 — 对齐《Teamix UI 表单设计规范》§4.1。XS/S/M/L/XL ± 24×2 容器留白。CSS 真值见 theme.css 的 --bp-* 变量,JS 侧用 @teamix-evo/ui 的 useBreakpoint hook 读取。",
1040
+ "xs": {
1041
+ "$value": "432px",
1042
+ "$description": "XS — 单栏表单 < 432 自动改上下结构"
613
1043
  },
614
-
615
- "popover": {
616
- "padding": { "$type": "dimension", "$value": "1rem", "$description": "p-4" },
617
- "min-width": { "$type": "dimension", "$value": "18rem", "$description": "w-72" },
618
- "border-radius": { "$type": "dimension", "$value": "calc(var(--radius) - 2px)", "$description": "rounded-md" }
1044
+ "s": {
1045
+ "$value": "672px",
1046
+ "$description": "S 筛选区 2 栏起始点"
619
1047
  },
620
-
621
- "command": {
622
- "max-height": { "$type": "dimension", "$value": "18.75rem", "$description": "max-h-[300px]" },
623
- "input-height": { "$type": "dimension", "$value": "2.75rem", "$description": "h-11" }
1048
+ "m": {
1049
+ "$value": "944px",
1050
+ "$description": "M 多栏表单 944 启用左右对齐布局"
624
1051
  },
625
-
626
- "accordion": {
627
- "trigger-padding": { "$type": "dimension", "$value": "1rem 0", "$description": "py-4" },
628
- "content-padding": { "$type": "dimension", "$value": "0 0 1rem 0", "$description": "pb-4" }
629
- },
630
-
631
- "navigation-menu": {
632
- "trigger-height": { "$type": "dimension", "$value": "2.25rem", "$description": "h-9" },
633
- "trigger-padding": { "$type": "dimension", "$value": "0 1rem", "$description": "px-4" },
634
- "font-size": { "$type": "dimension", "$value": "0.875rem", "$description": "text-sm" }
1052
+ "l": {
1053
+ "$value": "1200px",
1054
+ "$description": "L 4 栏默认 label,输入框最大定宽 400px"
635
1055
  },
1056
+ "xl": {
1057
+ "$value": "1600px",
1058
+ "$description": "XL — 容器最大宽度,超出留白不再拉伸"
1059
+ }
1060
+ },
636
1061
 
637
- "calendar": {
638
- "cell-size": { "$type": "dimension", "$value": "2.25rem", "$description": "h-9 w-9" },
639
- "nav-size": { "$type": "dimension", "$value": "1.75rem", "$description": "h-7 w-7" }
640
- },
1062
+ "text-aux": {
1063
+ "$type": "dimension",
1064
+ "$description": "辅助字号档 不在 Tailwind 默认 text-* 内,但业务高频使用",
1065
+ "xxs": {
1066
+ "$value": "0.625rem",
1067
+ "$description": "10px — 次级 caption / 表格小字"
1068
+ },
1069
+ "xs-cal": {
1070
+ "$value": "0.8rem",
1071
+ "$description": "12.8px — 日历单元格"
1072
+ }
1073
+ },
641
1074
 
642
- "pagination": {
643
- "item-size": { "$type": "dimension", "$value": "2.25rem", "$description": "h-9 w-9" },
644
- "font-size": { "$type": "dimension", "$value": "0.875rem", "$description": "text-sm" }
1075
+ "overlay": {
1076
+ "$type": "color",
1077
+ "$description": "遮罩色 Dialog / Sheet 背景蒙层、Watermark 文字色",
1078
+ "scrim": {
1079
+ "$value": "rgba(0, 0, 0, 0.50)",
1080
+ "$description": "Dialog / Sheet 蒙层"
1081
+ },
1082
+ "watermark": {
1083
+ "$value": "rgba(0, 0, 0, 0.15)",
1084
+ "$description": "Watermark 文字"
645
1085
  }
646
1086
  },
647
1087
 
@@ -719,11 +1159,26 @@
719
1159
  },
720
1160
 
721
1161
  "$style-replacement": {
722
- "$description": "样式替换节点记录当前样式来源与目标替换系统",
723
- "current-source": "shadcn/ui default theme (official)",
724
- "target-source": "Teamix (待替换)",
725
- "replacement-scope": ["color", "radius", "shadow", "typography.font-family"],
726
- "theme-customizable": ["color.primary", "color.ring", "radius.base", "typography.font-family.sans"],
727
- "status": "pending"
1162
+ "$description": "样式来源记录当前基于 shadcn/ui default theme + 状态色扩展",
1163
+ "current-source": "shadcn/ui default theme (official) + ADR 0008 状态色扩展",
1164
+ "target-source": "Same — OpenTrek 品牌设计体系",
1165
+ "replacement-scope": [
1166
+ "color",
1167
+ "radius",
1168
+ "shadow",
1169
+ "typography.font-family",
1170
+ "layout"
1171
+ ],
1172
+ "theme-customizable": [
1173
+ "color.primary",
1174
+ "color.ring",
1175
+ "radius.base",
1176
+ "typography.font-family.sans"
1177
+ ],
1178
+ "status": "active",
1179
+ "$notes": [
1180
+ "组件级 token (button.height / dialog.padding 等) 已下沉到 ui 包内的 cva 配置,本文件不再维护 component.* 段落",
1181
+ "OpenTrek 采用 shadcn/ui default theme 作为基线,状态色通过 ADR 0008 扩展"
1182
+ ]
728
1183
  }
729
1184
  }