@teamix-evo/tokens 0.4.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.
@@ -0,0 +1,808 @@
1
+ {
2
+ "$schema": "https://design-tokens.github.io/community-group/format/",
3
+ "$description": "Uni-Manager Design Token(W3C Design Tokens 格式)— 从 hybridcloud.tokens.json 投影到 shadcn 语义槽。视觉源自 cloud-design hybridcloud + hybridcloud-dark 主题,色彩 / 圆角 / 阴影对齐 cloud-design 业务侧实际表现。",
4
+ "$version": "1.0.0",
5
+ "$source": "hybridcloud.tokens.json (cloud-design fusion-theme + teamix-material) → shadcn semantic slots",
6
+ "$projection-rules": {
7
+ "color.brand1.6 → primary": "cloud-design 标准品牌蓝",
8
+ "color.error.6 → destructive": "危险 / 错误",
9
+ "color.warning.6 → warning": "橙色警告",
10
+ "color.success.6 → success": "成功绿",
11
+ "color.brand1 → info (复用品牌蓝)": "shadcn info 是信息色蓝;cloud-design help 是黄色,语义不一致,故 info 复用 brand1",
12
+ "color.text1.4 → foreground": "正文主色 #1A1A1A",
13
+ "color.text1.2 → muted-foreground": "辅助文字",
14
+ "color.fill1.1 → background / card / popover": "白底",
15
+ "color.fill1.2 → secondary / muted / accent": "浅灰 #F7F7F7",
16
+ "color.line1.2 → border / input": "边框 #D9D9D9",
17
+ "color.data2.1..5 → chart-1..5": "图表配色",
18
+ "nav.normal.* → sidebar-*": "侧边导航语义",
19
+ "corner.1 (2px) / corner.2 (4px) → radius": "cloud-design 锐利风格"
20
+ },
21
+
22
+ "color": {
23
+ "$description": "语义化颜色 Token — 对齐 shadcn/ui CSS 变量;值取自 hybridcloud 真值",
24
+
25
+ "background": {
26
+ "$type": "color",
27
+ "light": {
28
+ "$value": "#FFFFFF",
29
+ "$description": "页面主背景 — color.fill1.1"
30
+ },
31
+ "dark": {
32
+ "$value": "#0A0A0A",
33
+ "$description": "暗色页面主背景"
34
+ }
35
+ },
36
+ "foreground": {
37
+ "$type": "color",
38
+ "light": {
39
+ "$value": "#1A1A1A",
40
+ "$description": "页面主文字 — color.text1.4"
41
+ },
42
+ "dark": {
43
+ "$value": "#E6E6E6",
44
+ "$description": "暗色页面主文字"
45
+ }
46
+ },
47
+
48
+ "card": {
49
+ "$type": "color",
50
+ "light": {
51
+ "$value": "#FFFFFF",
52
+ "$description": "卡片背景 — color.fill1.1"
53
+ },
54
+ "dark": {
55
+ "$value": "#141414",
56
+ "$description": "暗色卡片背景 — color.fill1.3.dark"
57
+ }
58
+ },
59
+ "card-foreground": {
60
+ "$type": "color",
61
+ "light": {
62
+ "$value": "#1A1A1A",
63
+ "$description": "卡片文字"
64
+ },
65
+ "dark": {
66
+ "$value": "#E6E6E6",
67
+ "$description": "暗色卡片文字"
68
+ }
69
+ },
70
+
71
+ "popover": {
72
+ "$type": "color",
73
+ "light": {
74
+ "$value": "#FFFFFF",
75
+ "$description": "弹出层背景"
76
+ },
77
+ "dark": {
78
+ "$value": "#141414",
79
+ "$description": "暗色弹出层背景"
80
+ }
81
+ },
82
+ "popover-foreground": {
83
+ "$type": "color",
84
+ "light": {
85
+ "$value": "#1A1A1A",
86
+ "$description": "弹出层文字"
87
+ },
88
+ "dark": {
89
+ "$value": "#E6E6E6",
90
+ "$description": "暗色弹出层文字"
91
+ }
92
+ },
93
+
94
+ "primary": {
95
+ "$type": "color",
96
+ "light": {
97
+ "$value": "#0064C8",
98
+ "$description": "主操作色(cloud-design 品牌蓝)— color.brand1.6"
99
+ },
100
+ "dark": {
101
+ "$value": "#2789F2",
102
+ "$description": "暗色主操作色 — color.brand1.6.dark"
103
+ }
104
+ },
105
+ "primary-foreground": {
106
+ "$type": "color",
107
+ "light": {
108
+ "$value": "#FFFFFF",
109
+ "$description": "主色上文字(纯白)"
110
+ },
111
+ "dark": {
112
+ "$value": "#FFFFFF",
113
+ "$description": "暗色主色上文字"
114
+ }
115
+ },
116
+
117
+ "secondary": {
118
+ "$type": "color",
119
+ "light": {
120
+ "$value": "#F7F7F7",
121
+ "$description": "次要色 — color.fill1.2"
122
+ },
123
+ "dark": {
124
+ "$value": "#333333",
125
+ "$description": "暗色次要色"
126
+ }
127
+ },
128
+ "secondary-foreground": {
129
+ "$type": "color",
130
+ "light": {
131
+ "$value": "#1A1A1A",
132
+ "$description": "次要色上文字"
133
+ },
134
+ "dark": {
135
+ "$value": "#E6E6E6",
136
+ "$description": "暗色次要色上文字"
137
+ }
138
+ },
139
+
140
+ "muted": {
141
+ "$type": "color",
142
+ "light": {
143
+ "$value": "#F7F7F7",
144
+ "$description": "静音色 / 禁用背景 — color.fill1.2"
145
+ },
146
+ "dark": {
147
+ "$value": "#333333",
148
+ "$description": "暗色静音色"
149
+ }
150
+ },
151
+ "muted-foreground": {
152
+ "$type": "color",
153
+ "light": {
154
+ "$value": "#696969",
155
+ "$description": "辅助文字 / placeholder — color.text1.2"
156
+ },
157
+ "dark": {
158
+ "$value": "#8C8C8C",
159
+ "$description": "暗色辅助文字 — color.text1.2.dark"
160
+ }
161
+ },
162
+
163
+ "accent": {
164
+ "$type": "color",
165
+ "light": {
166
+ "$value": "#F0F7FF",
167
+ "$description": "强调色 / Hover 高亮 — color.brand1.1(浅蓝底)"
168
+ },
169
+ "dark": {
170
+ "$value": "#18232E",
171
+ "$description": "暗色强调色 — color.brand1.1.dark"
172
+ }
173
+ },
174
+ "accent-foreground": {
175
+ "$type": "color",
176
+ "light": {
177
+ "$value": "#0064C8",
178
+ "$description": "强调色上文字(品牌蓝)"
179
+ },
180
+ "dark": {
181
+ "$value": "#2789F2",
182
+ "$description": "暗色强调色上文字"
183
+ }
184
+ },
185
+
186
+ "destructive": {
187
+ "$type": "color",
188
+ "light": {
189
+ "$value": "#E84738",
190
+ "$description": "危险色 / 错误操作 — color.error.6"
191
+ },
192
+ "dark": {
193
+ "$value": "#F2493A",
194
+ "$description": "暗色危险色 — color.error.6.dark"
195
+ }
196
+ },
197
+ "destructive-foreground": {
198
+ "$type": "color",
199
+ "light": {
200
+ "$value": "#FFFFFF",
201
+ "$description": "危险色上文字"
202
+ },
203
+ "dark": {
204
+ "$value": "#FFFFFF",
205
+ "$description": "暗色危险色上文字"
206
+ }
207
+ },
208
+
209
+ "success": {
210
+ "$type": "color",
211
+ "light": {
212
+ "$value": "#23B066",
213
+ "$description": "成功色 — color.success.6"
214
+ },
215
+ "dark": {
216
+ "$value": "#12B862",
217
+ "$description": "暗色成功色 — color.success.6.dark"
218
+ }
219
+ },
220
+ "success-foreground": {
221
+ "$type": "color",
222
+ "light": {
223
+ "$value": "#FFFFFF",
224
+ "$description": "成功色上文字"
225
+ },
226
+ "dark": {
227
+ "$value": "#FFFFFF",
228
+ "$description": "暗色成功色上文字"
229
+ }
230
+ },
231
+ "success-subtle": {
232
+ "$type": "color",
233
+ "light": {
234
+ "$value": "#EBFFF6",
235
+ "$description": "成功色浅底 — color.success.1"
236
+ },
237
+ "dark": {
238
+ "$value": "#0F1F16",
239
+ "$description": "暗色成功色浅底"
240
+ }
241
+ },
242
+ "success-border": {
243
+ "$type": "color",
244
+ "light": {
245
+ "$value": "#43BF7E",
246
+ "$description": "成功色边框 — color.success.5"
247
+ },
248
+ "dark": {
249
+ "$value": "#1B9657",
250
+ "$description": "暗色成功色边框"
251
+ }
252
+ },
253
+
254
+ "warning": {
255
+ "$type": "color",
256
+ "light": {
257
+ "$value": "#F98E1A",
258
+ "$description": "警告色 — color.warning.6"
259
+ },
260
+ "dark": {
261
+ "$value": "#E67C0B",
262
+ "$description": "暗色警告色 — color.warning.6.dark"
263
+ }
264
+ },
265
+ "warning-foreground": {
266
+ "$type": "color",
267
+ "light": {
268
+ "$value": "#FFFFFF",
269
+ "$description": "警告色上文字"
270
+ },
271
+ "dark": {
272
+ "$value": "#FFFFFF",
273
+ "$description": "暗色警告色上文字"
274
+ }
275
+ },
276
+ "warning-subtle": {
277
+ "$type": "color",
278
+ "light": {
279
+ "$value": "#FFF5EB",
280
+ "$description": "警告色浅底 — color.warning.1"
281
+ },
282
+ "dark": {
283
+ "$value": "#241B12",
284
+ "$description": "暗色警告色浅底"
285
+ }
286
+ },
287
+ "warning-border": {
288
+ "$type": "color",
289
+ "light": {
290
+ "$value": "#F7A854",
291
+ "$description": "警告色边框 — color.warning.5"
292
+ },
293
+ "dark": {
294
+ "$value": "#D47815",
295
+ "$description": "暗色警告色边框"
296
+ }
297
+ },
298
+
299
+ "info": {
300
+ "$type": "color",
301
+ "light": {
302
+ "$value": "#0064C8",
303
+ "$description": "提示色 — 复用 color.brand1.6(cd help token 是黄色,语义不符 shadcn info)"
304
+ },
305
+ "dark": {
306
+ "$value": "#2789F2",
307
+ "$description": "暗色提示色"
308
+ }
309
+ },
310
+ "info-foreground": {
311
+ "$type": "color",
312
+ "light": {
313
+ "$value": "#FFFFFF",
314
+ "$description": "提示色上文字"
315
+ },
316
+ "dark": {
317
+ "$value": "#FFFFFF",
318
+ "$description": "暗色提示色上文字"
319
+ }
320
+ },
321
+ "info-subtle": {
322
+ "$type": "color",
323
+ "light": {
324
+ "$value": "#F0F7FF",
325
+ "$description": "提示色浅底 — color.brand1.1"
326
+ },
327
+ "dark": {
328
+ "$value": "#18232E",
329
+ "$description": "暗色提示色浅底"
330
+ }
331
+ },
332
+ "info-border": {
333
+ "$type": "color",
334
+ "light": {
335
+ "$value": "#589ADB",
336
+ "$description": "提示色边框 — color.brand1.4"
337
+ },
338
+ "dark": {
339
+ "$value": "#33699F",
340
+ "$description": "暗色提示色边框"
341
+ }
342
+ },
343
+
344
+ "border": {
345
+ "$type": "color",
346
+ "light": {
347
+ "$value": "#D9D9D9",
348
+ "$description": "边框 / 分割线 — color.line1.2"
349
+ },
350
+ "dark": {
351
+ "$value": "#333333",
352
+ "$description": "暗色边框"
353
+ }
354
+ },
355
+ "input": {
356
+ "$type": "color",
357
+ "light": {
358
+ "$value": "#D9D9D9",
359
+ "$description": "输入框边框 — color.line1.2"
360
+ },
361
+ "dark": {
362
+ "$value": "#333333",
363
+ "$description": "暗色输入框边框"
364
+ }
365
+ },
366
+ "ring": {
367
+ "$type": "color",
368
+ "light": {
369
+ "$value": "#0064C8",
370
+ "$description": "Focus 环颜色(品牌蓝)"
371
+ },
372
+ "dark": {
373
+ "$value": "#2789F2",
374
+ "$description": "暗色 Focus 环"
375
+ }
376
+ },
377
+
378
+ "chart": {
379
+ "$description": "图表调色板 — 取自 color.data2.1..5",
380
+ "1": {
381
+ "$type": "color",
382
+ "light": { "$value": "#BF0030", "$description": "color.data2.1" },
383
+ "dark": { "$value": "#B81838", "$description": "暗色 chart-1" }
384
+ },
385
+ "2": {
386
+ "$type": "color",
387
+ "light": { "$value": "#E84738", "$description": "color.data2.2" },
388
+ "dark": { "$value": "#F2493A", "$description": "暗色 chart-2" }
389
+ },
390
+ "3": {
391
+ "$type": "color",
392
+ "light": { "$value": "#F98E1A", "$description": "color.data2.3" },
393
+ "dark": { "$value": "#E67C0B", "$description": "暗色 chart-3" }
394
+ },
395
+ "4": {
396
+ "$type": "color",
397
+ "light": { "$value": "#FAC31E", "$description": "color.data2.4" },
398
+ "dark": { "$value": "#D6A81C", "$description": "暗色 chart-4" }
399
+ },
400
+ "5": {
401
+ "$type": "color",
402
+ "light": { "$value": "#D1BB4F", "$description": "color.data2.5" },
403
+ "dark": { "$value": "#8C7F3B", "$description": "暗色 chart-5" }
404
+ }
405
+ },
406
+
407
+ "sidebar": {
408
+ "$description": "侧边栏专属颜色 Token — 来自 nav.normal.*",
409
+ "background": {
410
+ "$type": "color",
411
+ "light": { "$value": "#FFFFFF", "$description": "侧边栏背景" },
412
+ "dark": { "$value": "#141414", "$description": "暗色侧边栏背景" }
413
+ },
414
+ "foreground": {
415
+ "$type": "color",
416
+ "light": { "$value": "#696969", "$description": "侧边栏文字 — color.text1.2" },
417
+ "dark": { "$value": "#8C8C8C", "$description": "暗色侧边栏文字" }
418
+ },
419
+ "primary": {
420
+ "$type": "color",
421
+ "light": { "$value": "#0064C8", "$description": "选中态文字色(品牌蓝)" },
422
+ "dark": { "$value": "#2789F2", "$description": "暗色选中态文字" }
423
+ },
424
+ "primary-foreground": {
425
+ "$type": "color",
426
+ "light": { "$value": "#FFFFFF", "$description": "侧边栏主色上文字" },
427
+ "dark": { "$value": "#FFFFFF", "$description": "暗色侧边栏主色上文字" }
428
+ },
429
+ "accent": {
430
+ "$type": "color",
431
+ "light": { "$value": "#F0F7FF", "$description": "选中态背景 — color.brand1.1" },
432
+ "dark": { "$value": "#1C1C1C", "$description": "暗色选中态背景 — color.fill1.4" }
433
+ },
434
+ "accent-foreground": {
435
+ "$type": "color",
436
+ "light": { "$value": "#0064C8", "$description": "选中态高亮文字" },
437
+ "dark": { "$value": "#2789F2", "$description": "暗色选中态高亮文字" }
438
+ },
439
+ "border": {
440
+ "$type": "color",
441
+ "light": { "$value": "#D9D9D9", "$description": "侧边栏边框 — color.line1.2" },
442
+ "dark": { "$value": "#1C1C1C", "$description": "暗色侧边栏边框" }
443
+ },
444
+ "ring": {
445
+ "$type": "color",
446
+ "light": { "$value": "#0064C8", "$description": "侧边栏 Focus 环" },
447
+ "dark": { "$value": "#2789F2", "$description": "暗色侧边栏 Focus 环" }
448
+ }
449
+ }
450
+ },
451
+
452
+ "typography": {
453
+ "font-family": {
454
+ "sans": {
455
+ "$type": "fontFamily",
456
+ "$value": [
457
+ "PingFang SC",
458
+ "Helvetica Neue",
459
+ "Microsoft YaHei",
460
+ "Helvetica",
461
+ "Arial",
462
+ "ui-sans-serif",
463
+ "-apple-system",
464
+ "BlinkMacSystemFont",
465
+ "Segoe UI",
466
+ "sans-serif"
467
+ ],
468
+ "$description": "默认无衬线字体(cloud-design 字体栈)— --font-sans"
469
+ },
470
+ "mono": {
471
+ "$type": "fontFamily",
472
+ "$value": [
473
+ "ui-monospace",
474
+ "SFMono-Regular",
475
+ "SF Mono",
476
+ "Menlo",
477
+ "Consolas",
478
+ "Liberation Mono",
479
+ "monospace"
480
+ ],
481
+ "$description": "等宽字体 — --font-mono"
482
+ }
483
+ },
484
+ "font-size": {
485
+ "$description": "字号等级 — 对应 Tailwind text-* 类(与 hybridcloud font.size.* 对齐)",
486
+ "xs": {
487
+ "$type": "dimension",
488
+ "$value": "0.75rem",
489
+ "$description": "12px — text-xs / hybridcloud caption / body.1"
490
+ },
491
+ "sm": {
492
+ "$type": "dimension",
493
+ "$value": "0.875rem",
494
+ "$description": "14px — text-sm / body.2"
495
+ },
496
+ "base": {
497
+ "$type": "dimension",
498
+ "$value": "1rem",
499
+ "$description": "16px — text-base / subhead"
500
+ },
501
+ "lg": {
502
+ "$type": "dimension",
503
+ "$value": "1.125rem",
504
+ "$description": "18px — text-lg / title"
505
+ },
506
+ "xl": {
507
+ "$type": "dimension",
508
+ "$value": "1.25rem",
509
+ "$description": "20px — text-xl / headline"
510
+ },
511
+ "2xl": {
512
+ "$type": "dimension",
513
+ "$value": "1.5rem",
514
+ "$description": "24px — text-2xl / display.1"
515
+ },
516
+ "3xl": {
517
+ "$type": "dimension",
518
+ "$value": "1.75rem",
519
+ "$description": "28px — text-3xl / display.2"
520
+ },
521
+ "4xl": {
522
+ "$type": "dimension",
523
+ "$value": "2.25rem",
524
+ "$description": "36px — text-4xl / display.3"
525
+ },
526
+ "5xl": {
527
+ "$type": "dimension",
528
+ "$value": "3rem",
529
+ "$description": "48px — text-5xl"
530
+ },
531
+ "6xl": {
532
+ "$type": "dimension",
533
+ "$value": "3.75rem",
534
+ "$description": "60px — text-6xl"
535
+ }
536
+ },
537
+ "font-weight": {
538
+ "normal": {
539
+ "$type": "fontWeight",
540
+ "$value": 400,
541
+ "$description": "正文、描述"
542
+ },
543
+ "medium": {
544
+ "$type": "fontWeight",
545
+ "$value": 500,
546
+ "$description": "标签、导航"
547
+ },
548
+ "semibold": {
549
+ "$type": "fontWeight",
550
+ "$value": 600,
551
+ "$description": "按钮、小标题"
552
+ },
553
+ "bold": {
554
+ "$type": "fontWeight",
555
+ "$value": 700,
556
+ "$description": "页面标题"
557
+ }
558
+ },
559
+ "line-height": {
560
+ "none": { "$type": "number", "$value": 1, "$description": "leading-none" },
561
+ "tight": { "$type": "number", "$value": 1.25, "$description": "leading-tight — 大号标题" },
562
+ "snug": { "$type": "number", "$value": 1.375, "$description": "leading-snug" },
563
+ "normal": { "$type": "number", "$value": 1.5, "$description": "leading-normal — 正文(cd font.lineheight.* 一致)" },
564
+ "relaxed": { "$type": "number", "$value": 1.625, "$description": "leading-relaxed" },
565
+ "loose": { "$type": "number", "$value": 2, "$description": "leading-loose" }
566
+ },
567
+ "letter-spacing": {
568
+ "tighter": { "$type": "dimension", "$value": "-0.05em" },
569
+ "tight": { "$type": "dimension", "$value": "-0.025em" },
570
+ "normal": { "$type": "dimension", "$value": "0em" },
571
+ "wide": { "$type": "dimension", "$value": "0.025em" },
572
+ "wider": { "$type": "dimension", "$value": "0.05em" },
573
+ "widest": { "$type": "dimension", "$value": "0.1em" }
574
+ }
575
+ },
576
+
577
+ "spacing": {
578
+ "$type": "dimension",
579
+ "$description": "间距比例尺 — 基准 4px(hybridcloud size.base = 4px / s.* 对齐)",
580
+ "px": { "$value": "1px" },
581
+ "0": { "$value": "0rem" },
582
+ "0.5": { "$value": "0.125rem", "$description": "2px" },
583
+ "1": { "$value": "0.25rem", "$description": "4px — s.1" },
584
+ "1.5": { "$value": "0.375rem", "$description": "6px" },
585
+ "2": { "$value": "0.5rem", "$description": "8px — s.2" },
586
+ "2.5": { "$value": "0.625rem", "$description": "10px" },
587
+ "3": { "$value": "0.75rem", "$description": "12px — s.3" },
588
+ "3.5": { "$value": "0.875rem", "$description": "14px" },
589
+ "4": { "$value": "1rem", "$description": "16px — s.4" },
590
+ "5": { "$value": "1.25rem", "$description": "20px — s.5" },
591
+ "6": { "$value": "1.5rem", "$description": "24px — s.6" },
592
+ "7": { "$value": "1.75rem", "$description": "28px — s.7" },
593
+ "8": { "$value": "2rem", "$description": "32px — s.8" },
594
+ "9": { "$value": "2.25rem", "$description": "36px — s.9" },
595
+ "10": { "$value": "2.5rem", "$description": "40px — s.10" },
596
+ "11": { "$value": "2.75rem", "$description": "44px — s.11" },
597
+ "12": { "$value": "3rem", "$description": "48px — s.12" },
598
+ "14": { "$value": "3.5rem", "$description": "56px — s.14" },
599
+ "16": { "$value": "4rem", "$description": "64px — s.16" },
600
+ "20": { "$value": "5rem", "$description": "80px — s.20" },
601
+ "24": { "$value": "6rem", "$description": "96px — s.24" },
602
+ "28": { "$value": "7rem", "$description": "112px — s.28" },
603
+ "32": { "$value": "8rem", "$description": "128px — s.32" }
604
+ },
605
+
606
+ "radius": {
607
+ "$description": "圆角 — cloud-design 锐利风格。Tailwind v4 的 rounded-{sm,md,lg,xl} 走 --radius-{sm,md,lg,xl} 各自变量(不会自动从 --radius 推导),所以 theme.css 必须显式声明每一档;本表是显式真值。",
608
+ "base": {
609
+ "$type": "dimension",
610
+ "$value": "0.25rem",
611
+ "$description": "4px — --radius 基准(hybridcloud corner.2,主流卡片 / 容器);shadcn 兼容值,但对 Tailwind v4 实际无效,仅供参考"
612
+ },
613
+ "sm": {
614
+ "$type": "dimension",
615
+ "$value": "0px",
616
+ "$description": "0px — --radius-sm — Badge / Chip(cd 风格直角)"
617
+ },
618
+ "md": {
619
+ "$type": "dimension",
620
+ "$value": "2px",
621
+ "$description": "2px — --radius-md — 按钮 / 输入框(hybridcloud corner.1)"
622
+ },
623
+ "lg": {
624
+ "$type": "dimension",
625
+ "$value": "4px",
626
+ "$description": "4px — --radius-lg — 卡片 / 对话框(hybridcloud corner.2)"
627
+ },
628
+ "xl": {
629
+ "$type": "dimension",
630
+ "$value": "8px",
631
+ "$description": "8px — --radius-xl — 大型容器"
632
+ },
633
+ "2xl": {
634
+ "$type": "dimension",
635
+ "$value": "12px",
636
+ "$description": "12px — --radius-2xl — 特大圆角"
637
+ },
638
+ "full": {
639
+ "$type": "dimension",
640
+ "$value": "9999px",
641
+ "$description": "完全圆形 — 头像 / 药丸(hybridcloud corner.semicircle)"
642
+ }
643
+ },
644
+
645
+ "shadow": {
646
+ "$description": "盒阴影等级 — 投影自 hybridcloud shadow.1/2/3.down(向下投射),light + dark 各一套;Tailwind v4 的 shadow-{sm,md,lg,xl,2xl} 走 --shadow-{...} 各自变量,theme.css 必须显式声明每一档。",
647
+ "none": {
648
+ "$type": "shadow",
649
+ "$value": "0 0 #0000",
650
+ "$description": "无阴影"
651
+ },
652
+ "sm": {
653
+ "light": { "$value": "0px 1px 2px 0px rgba(0, 0, 0, 0.05)" },
654
+ "dark": { "$value": "0px 1px 2px 0px rgba(0, 0, 0, 0.20)" },
655
+ "$description": "shadow-sm — 微浮起(cd 无更小档,沿用 Tailwind 默认细节)"
656
+ },
657
+ "md": {
658
+ "light": { "$value": "0px 3px 8px 0px rgba(0, 0, 0, 0.06)" },
659
+ "dark": { "$value": "0px 4px 16px 0px rgba(0, 0, 0, 0.30)" },
660
+ "$description": "shadow-md — 卡片默认 / 浮起(hybridcloud shadow.1.down)"
661
+ },
662
+ "lg": {
663
+ "light": { "$value": "0px 3px 8px 0px rgba(0, 0, 0, 0.18)" },
664
+ "dark": { "$value": "0px 6px 24px 0px rgba(0, 0, 0, 0.64)" },
665
+ "$description": "shadow-lg — Dropdown / Popover(hybridcloud shadow.2.down)"
666
+ },
667
+ "xl": {
668
+ "light": { "$value": "0px 6px 24px 0px rgba(0, 0, 0, 0.10)" },
669
+ "dark": { "$value": "0px 12px 48px 0px rgba(0, 0, 0, 0.80)" },
670
+ "$description": "shadow-xl — Sheet / Drawer / Dialog(hybridcloud shadow.3.down)"
671
+ },
672
+ "2xl": {
673
+ "light": { "$value": "0px 12px 48px 0px rgba(0, 0, 0, 0.20)" },
674
+ "dark": { "$value": "0px 16px 64px 0px rgba(0, 0, 0, 0.80)" },
675
+ "$description": "shadow-2xl — 顶层模态"
676
+ }
677
+ },
678
+
679
+ "layout": {
680
+ "$type": "dimension",
681
+ "$description": "组件布局尺寸 — Dialog / Sheet / Drawer / Popover / Menu / Notification 受控宽高,对齐 cloud-design 业务侧 size 档(mini=400 / small=600 / medium=800 / large=1200)",
682
+ "dialog-sm": {
683
+ "$value": "400px",
684
+ "$description": "Dialog 小尺寸(cd mini)"
685
+ },
686
+ "dialog-md": {
687
+ "$value": "600px",
688
+ "$description": "Dialog 中尺寸(cd small)"
689
+ },
690
+ "dialog-lg": {
691
+ "$value": "800px",
692
+ "$description": "Dialog 大尺寸(cd medium)"
693
+ },
694
+ "dialog-xl": {
695
+ "$value": "1200px",
696
+ "$description": "Dialog 超大尺寸(cd large)"
697
+ },
698
+ "drawer-sm": { "$value": "400px", "$description": "Drawer / Sheet 小宽度" },
699
+ "drawer-md": { "$value": "600px", "$description": "Drawer / Sheet 中宽度" },
700
+ "drawer-lg": { "$value": "800px", "$description": "Drawer / Sheet 大宽度" },
701
+ "drawer-xl": { "$value": "1200px", "$description": "Drawer / Sheet 超大宽度" },
702
+ "panel-sm": { "$value": "200px", "$description": "侧边面板小尺寸" },
703
+ "panel-md": { "$value": "240px", "$description": "侧边面板默认尺寸" },
704
+ "submenu": { "$value": "160px", "$description": "子菜单宽度" },
705
+ "menu-min": { "$value": "8rem", "$description": "Menu 最小宽度" },
706
+ "menu-md": { "$value": "12rem", "$description": "Menu 默认宽度" },
707
+ "popover-max": { "$value": "24rem", "$description": "Popover 最大宽度" },
708
+ "listbox-max": { "$value": "300px", "$description": "Select / Listbox 最大高度" },
709
+ "counter": { "$value": "1.25rem", "$description": "Badge 数字徽标尺寸" },
710
+ "notification": { "$value": "360px", "$description": "Notification 卡片宽度" },
711
+ "textarea-min": { "$value": "80px", "$description": "Textarea 最小高度" },
712
+ "image-preview-max-w": { "$value": "90vw", "$description": "Image 预览最大宽度" },
713
+ "image-preview-max-h": { "$value": "85vh", "$description": "Image 预览最大高度" }
714
+ },
715
+
716
+ "text-aux": {
717
+ "$type": "dimension",
718
+ "$description": "辅助字号档 — 不在 Tailwind 默认 text-* 内,但 cd 高频使用",
719
+ "xxs": {
720
+ "$value": "0.625rem",
721
+ "$description": "10px — 次级 caption / 表格小字"
722
+ },
723
+ "xs-cal": {
724
+ "$value": "0.8rem",
725
+ "$description": "12.8px — 日历单元格"
726
+ }
727
+ },
728
+
729
+ "overlay": {
730
+ "$type": "color",
731
+ "$description": "遮罩色 — Dialog / Sheet 背景蒙层、Watermark 文字色",
732
+ "scrim": {
733
+ "$value": "rgba(0, 0, 0, 0.50)",
734
+ "$description": "Dialog / Sheet 蒙层(hybridcloud mask.background + mask.opacity 0.2~0.5 折中)"
735
+ },
736
+ "watermark": {
737
+ "$value": "rgba(0, 0, 0, 0.15)",
738
+ "$description": "Watermark 文字"
739
+ }
740
+ },
741
+
742
+ "animation": {
743
+ "$description": "动画 Token — 时长、缓动函数、关键帧",
744
+ "duration": {
745
+ "fast": { "$type": "duration", "$value": "150ms", "$description": "微交互(hover、focus)" },
746
+ "normal": { "$type": "duration", "$value": "200ms", "$description": "常规过渡" },
747
+ "slow": { "$type": "duration", "$value": "300ms", "$description": "面板滑入" },
748
+ "slower": { "$type": "duration", "$value": "500ms", "$description": "大型展开动画" }
749
+ },
750
+ "easing": {
751
+ "linear": { "$type": "cubicBezier", "$value": [0, 0, 1, 1] },
752
+ "ease": { "$type": "cubicBezier", "$value": [0.25, 0.1, 0.25, 1] },
753
+ "ease-in": { "$type": "cubicBezier", "$value": [0.4, 0, 1, 1], "$description": "元素退出" },
754
+ "ease-out": { "$type": "cubicBezier", "$value": [0, 0, 0.2, 1], "$description": "元素进入" },
755
+ "ease-in-out": { "$type": "cubicBezier", "$value": [0.4, 0, 0.2, 1] },
756
+ "spring": { "$type": "cubicBezier", "$value": [0.34, 1.56, 0.64, 1], "$description": "弹性进入" }
757
+ },
758
+ "keyframes": {
759
+ "accordion-down": {
760
+ "$description": "Accordion 展开",
761
+ "from": { "height": "0" },
762
+ "to": { "height": "var(--radix-accordion-content-height)" }
763
+ },
764
+ "accordion-up": {
765
+ "$description": "Accordion 收起",
766
+ "from": { "height": "var(--radix-accordion-content-height)" },
767
+ "to": { "height": "0" }
768
+ },
769
+ "fade-in": { "from": { "opacity": "0" }, "to": { "opacity": "1" } },
770
+ "fade-out": { "from": { "opacity": "1" }, "to": { "opacity": "0" } },
771
+ "slide-in-from-top": { "from": { "transform": "translateY(-100%)" }, "to": { "transform": "translateY(0)" } },
772
+ "slide-in-from-bottom": { "from": { "transform": "translateY(100%)" }, "to": { "transform": "translateY(0)" } },
773
+ "slide-in-from-left": { "from": { "transform": "translateX(-100%)" }, "to": { "transform": "translateX(0)" } },
774
+ "slide-in-from-right": { "from": { "transform": "translateX(100%)" }, "to": { "transform": "translateX(0)" } },
775
+ "zoom-in-95": { "from": { "opacity": "0", "transform": "scale(0.95)" }, "to": { "opacity": "1", "transform": "scale(1)" } },
776
+ "zoom-out-95": { "from": { "opacity": "1", "transform": "scale(1)" }, "to": { "opacity": "0", "transform": "scale(0.95)" } },
777
+ "spin": { "from": { "transform": "rotate(0deg)" }, "to": { "transform": "rotate(360deg)" } },
778
+ "pulse": { "0%, 100%": { "opacity": "1" }, "50%": { "opacity": "0.5" } }
779
+ }
780
+ },
781
+
782
+ "z-index": {
783
+ "$type": "number",
784
+ "$description": "层级规范 — shadcn/ui 各组件叠层顺序",
785
+ "base": { "$value": 0 },
786
+ "dropdown": { "$value": 50, "$description": "DropdownMenu / Select / Popover / Tooltip" },
787
+ "sticky": { "$value": 100, "$description": "粘性导航 / 固定表头" },
788
+ "overlay": { "$value": 200, "$description": "Dialog / Sheet 遮罩" },
789
+ "modal": { "$value": 300, "$description": "Dialog / Sheet 内容" },
790
+ "toast": { "$value": 400, "$description": "Toast / Sonner" },
791
+ "tooltip": { "$value": 500, "$description": "Tooltip(最高)" }
792
+ },
793
+
794
+ "$style-replacement": {
795
+ "$description": "样式来源记录 — 当前从 hybridcloud.tokens.json 投影",
796
+ "current-source": "hybridcloud.tokens.json (W3C-format projection of cloud-design fusion-theme + teamix-material)",
797
+ "target-source": "Same — uni-manager design system based on cloud-design hybridcloud variant",
798
+ "replacement-scope": ["color", "radius", "shadow", "typography.font-family", "layout"],
799
+ "theme-customizable": ["color.primary", "color.ring", "radius.base", "typography.font-family.sans"],
800
+ "status": "active",
801
+ "$notes": [
802
+ "组件级 token (button.height / dialog.padding 等) 已下沉到 ui 包内的 cva 配置,本文件不再维护 component.* 段落",
803
+ "hybridcloud.tokens.json 保留作为 cloud-design 完整真值参考(含组件级 token)",
804
+ "shadcn info 槽 复用 brand1(cd help token 是黄色,与 shadcn info 蓝色语义不一致)",
805
+ "--radius 基准从 0.75rem (12px) 调到 0.25rem (4px) 对齐 cloud-design 锐利风格"
806
+ ]
807
+ }
808
+ }