@chenzy-design/tokens 0.1.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 (275) hide show
  1. package/LICENSE +21 -0
  2. package/dist/alias/index.d.ts +29 -0
  3. package/dist/alias/index.d.ts.map +1 -0
  4. package/dist/alias/index.js +68 -0
  5. package/dist/alias/index.js.map +1 -0
  6. package/dist/build.d.ts +2 -0
  7. package/dist/build.d.ts.map +1 -0
  8. package/dist/build.js +94 -0
  9. package/dist/build.js.map +1 -0
  10. package/dist/components/ai-chat-dialogue.d.ts +15 -0
  11. package/dist/components/ai-chat-dialogue.d.ts.map +1 -0
  12. package/dist/components/ai-chat-dialogue.js +15 -0
  13. package/dist/components/ai-chat-dialogue.js.map +1 -0
  14. package/dist/components/ai-chat-input.d.ts +9 -0
  15. package/dist/components/ai-chat-input.d.ts.map +1 -0
  16. package/dist/components/ai-chat-input.js +9 -0
  17. package/dist/components/ai-chat-input.js.map +1 -0
  18. package/dist/components/audio-player.d.ts +11 -0
  19. package/dist/components/audio-player.d.ts.map +1 -0
  20. package/dist/components/audio-player.js +11 -0
  21. package/dist/components/audio-player.js.map +1 -0
  22. package/dist/components/back-top.d.ts +17 -0
  23. package/dist/components/back-top.d.ts.map +1 -0
  24. package/dist/components/back-top.js +17 -0
  25. package/dist/components/back-top.js.map +1 -0
  26. package/dist/components/banner.d.ts +25 -0
  27. package/dist/components/banner.d.ts.map +1 -0
  28. package/dist/components/banner.js +26 -0
  29. package/dist/components/banner.js.map +1 -0
  30. package/dist/components/button.d.ts +15 -0
  31. package/dist/components/button.d.ts.map +1 -0
  32. package/dist/components/button.js +15 -0
  33. package/dist/components/button.js.map +1 -0
  34. package/dist/components/calendar.d.ts +23 -0
  35. package/dist/components/calendar.d.ts.map +1 -0
  36. package/dist/components/calendar.js +23 -0
  37. package/dist/components/calendar.js.map +1 -0
  38. package/dist/components/chat.d.ts +8 -0
  39. package/dist/components/chat.d.ts.map +1 -0
  40. package/dist/components/chat.js +8 -0
  41. package/dist/components/chat.js.map +1 -0
  42. package/dist/components/checkbox.d.ts +20 -0
  43. package/dist/components/checkbox.d.ts.map +1 -0
  44. package/dist/components/checkbox.js +21 -0
  45. package/dist/components/checkbox.js.map +1 -0
  46. package/dist/components/code-highlight.d.ts +10 -0
  47. package/dist/components/code-highlight.d.ts.map +1 -0
  48. package/dist/components/code-highlight.js +10 -0
  49. package/dist/components/code-highlight.js.map +1 -0
  50. package/dist/components/collapsible.d.ts +5 -0
  51. package/dist/components/collapsible.d.ts.map +1 -0
  52. package/dist/components/collapsible.js +5 -0
  53. package/dist/components/collapsible.js.map +1 -0
  54. package/dist/components/color-picker.d.ts +19 -0
  55. package/dist/components/color-picker.d.ts.map +1 -0
  56. package/dist/components/color-picker.js +19 -0
  57. package/dist/components/color-picker.js.map +1 -0
  58. package/dist/components/cropper.d.ts +9 -0
  59. package/dist/components/cropper.d.ts.map +1 -0
  60. package/dist/components/cropper.js +9 -0
  61. package/dist/components/cropper.js.map +1 -0
  62. package/dist/components/data-display.d.ts +28 -0
  63. package/dist/components/data-display.d.ts.map +1 -0
  64. package/dist/components/data-display.js +32 -0
  65. package/dist/components/data-display.js.map +1 -0
  66. package/dist/components/date-picker.d.ts +18 -0
  67. package/dist/components/date-picker.d.ts.map +1 -0
  68. package/dist/components/date-picker.js +18 -0
  69. package/dist/components/date-picker.js.map +1 -0
  70. package/dist/components/display.d.ts +34 -0
  71. package/dist/components/display.d.ts.map +1 -0
  72. package/dist/components/display.js +38 -0
  73. package/dist/components/display.js.map +1 -0
  74. package/dist/components/divider.d.ts +10 -0
  75. package/dist/components/divider.d.ts.map +1 -0
  76. package/dist/components/divider.js +10 -0
  77. package/dist/components/divider.js.map +1 -0
  78. package/dist/components/drag-move.d.ts +5 -0
  79. package/dist/components/drag-move.d.ts.map +1 -0
  80. package/dist/components/drag-move.js +5 -0
  81. package/dist/components/drag-move.js.map +1 -0
  82. package/dist/components/drawer.d.ts +26 -0
  83. package/dist/components/drawer.d.ts.map +1 -0
  84. package/dist/components/drawer.js +26 -0
  85. package/dist/components/drawer.js.map +1 -0
  86. package/dist/components/float-button.d.ts +12 -0
  87. package/dist/components/float-button.d.ts.map +1 -0
  88. package/dist/components/float-button.js +12 -0
  89. package/dist/components/float-button.js.map +1 -0
  90. package/dist/components/form.d.ts +14 -0
  91. package/dist/components/form.d.ts.map +1 -0
  92. package/dist/components/form.js +14 -0
  93. package/dist/components/form.js.map +1 -0
  94. package/dist/components/grid.d.ts +7 -0
  95. package/dist/components/grid.d.ts.map +1 -0
  96. package/dist/components/grid.js +7 -0
  97. package/dist/components/grid.js.map +1 -0
  98. package/dist/components/hot-keys.d.ts +10 -0
  99. package/dist/components/hot-keys.d.ts.map +1 -0
  100. package/dist/components/hot-keys.js +10 -0
  101. package/dist/components/hot-keys.js.map +1 -0
  102. package/dist/components/icon-button.d.ts +5 -0
  103. package/dist/components/icon-button.d.ts.map +1 -0
  104. package/dist/components/icon-button.js +5 -0
  105. package/dist/components/icon-button.js.map +1 -0
  106. package/dist/components/icon.d.ts +16 -0
  107. package/dist/components/icon.d.ts.map +1 -0
  108. package/dist/components/icon.js +16 -0
  109. package/dist/components/icon.js.map +1 -0
  110. package/dist/components/index.d.ts +660 -0
  111. package/dist/components/index.d.ts.map +1 -0
  112. package/dist/components/index.js +90 -0
  113. package/dist/components/index.js.map +1 -0
  114. package/dist/components/input.d.ts +17 -0
  115. package/dist/components/input.d.ts.map +1 -0
  116. package/dist/components/input.js +17 -0
  117. package/dist/components/input.js.map +1 -0
  118. package/dist/components/json-viewer.d.ts +12 -0
  119. package/dist/components/json-viewer.d.ts.map +1 -0
  120. package/dist/components/json-viewer.js +12 -0
  121. package/dist/components/json-viewer.js.map +1 -0
  122. package/dist/components/layout.d.ts +21 -0
  123. package/dist/components/layout.d.ts.map +1 -0
  124. package/dist/components/layout.js +21 -0
  125. package/dist/components/layout.js.map +1 -0
  126. package/dist/components/list.d.ts +21 -0
  127. package/dist/components/list.d.ts.map +1 -0
  128. package/dist/components/list.js +24 -0
  129. package/dist/components/list.js.map +1 -0
  130. package/dist/components/lottie-icon.d.ts +13 -0
  131. package/dist/components/lottie-icon.d.ts.map +1 -0
  132. package/dist/components/lottie-icon.js +13 -0
  133. package/dist/components/lottie-icon.js.map +1 -0
  134. package/dist/components/markdown-render.d.ts +9 -0
  135. package/dist/components/markdown-render.d.ts.map +1 -0
  136. package/dist/components/markdown-render.js +9 -0
  137. package/dist/components/markdown-render.js.map +1 -0
  138. package/dist/components/menu.d.ts +20 -0
  139. package/dist/components/menu.d.ts.map +1 -0
  140. package/dist/components/menu.js +22 -0
  141. package/dist/components/menu.js.map +1 -0
  142. package/dist/components/modal.d.ts +18 -0
  143. package/dist/components/modal.d.ts.map +1 -0
  144. package/dist/components/modal.js +18 -0
  145. package/dist/components/modal.js.map +1 -0
  146. package/dist/components/navigation.d.ts +28 -0
  147. package/dist/components/navigation.d.ts.map +1 -0
  148. package/dist/components/navigation.js +31 -0
  149. package/dist/components/navigation.js.map +1 -0
  150. package/dist/components/notification.d.ts +32 -0
  151. package/dist/components/notification.d.ts.map +1 -0
  152. package/dist/components/notification.js +34 -0
  153. package/dist/components/notification.js.map +1 -0
  154. package/dist/components/overflow-list.d.ts +13 -0
  155. package/dist/components/overflow-list.d.ts.map +1 -0
  156. package/dist/components/overflow-list.js +13 -0
  157. package/dist/components/overflow-list.js.map +1 -0
  158. package/dist/components/pin-code.d.ts +11 -0
  159. package/dist/components/pin-code.d.ts.map +1 -0
  160. package/dist/components/pin-code.js +11 -0
  161. package/dist/components/pin-code.js.map +1 -0
  162. package/dist/components/popconfirm.d.ts +23 -0
  163. package/dist/components/popconfirm.d.ts.map +1 -0
  164. package/dist/components/popconfirm.js +23 -0
  165. package/dist/components/popconfirm.js.map +1 -0
  166. package/dist/components/progress.d.ts +18 -0
  167. package/dist/components/progress.d.ts.map +1 -0
  168. package/dist/components/progress.js +18 -0
  169. package/dist/components/progress.js.map +1 -0
  170. package/dist/components/radio.d.ts +19 -0
  171. package/dist/components/radio.d.ts.map +1 -0
  172. package/dist/components/radio.js +21 -0
  173. package/dist/components/radio.js.map +1 -0
  174. package/dist/components/rating.d.ts +10 -0
  175. package/dist/components/rating.d.ts.map +1 -0
  176. package/dist/components/rating.js +10 -0
  177. package/dist/components/rating.js.map +1 -0
  178. package/dist/components/resizable.d.ts +10 -0
  179. package/dist/components/resizable.d.ts.map +1 -0
  180. package/dist/components/resizable.js +10 -0
  181. package/dist/components/resizable.js.map +1 -0
  182. package/dist/components/scroll-list.d.ts +16 -0
  183. package/dist/components/scroll-list.d.ts.map +1 -0
  184. package/dist/components/scroll-list.js +16 -0
  185. package/dist/components/scroll-list.js.map +1 -0
  186. package/dist/components/select.d.ts +22 -0
  187. package/dist/components/select.d.ts.map +1 -0
  188. package/dist/components/select.js +22 -0
  189. package/dist/components/select.js.map +1 -0
  190. package/dist/components/side-sheet.d.ts +26 -0
  191. package/dist/components/side-sheet.d.ts.map +1 -0
  192. package/dist/components/side-sheet.js +26 -0
  193. package/dist/components/side-sheet.js.map +1 -0
  194. package/dist/components/skeleton.d.ts +13 -0
  195. package/dist/components/skeleton.d.ts.map +1 -0
  196. package/dist/components/skeleton.js +13 -0
  197. package/dist/components/skeleton.js.map +1 -0
  198. package/dist/components/slider.d.ts +14 -0
  199. package/dist/components/slider.d.ts.map +1 -0
  200. package/dist/components/slider.js +14 -0
  201. package/dist/components/slider.js.map +1 -0
  202. package/dist/components/space.d.ts +7 -0
  203. package/dist/components/space.d.ts.map +1 -0
  204. package/dist/components/space.js +7 -0
  205. package/dist/components/space.js.map +1 -0
  206. package/dist/components/spin.d.ts +17 -0
  207. package/dist/components/spin.d.ts.map +1 -0
  208. package/dist/components/spin.js +17 -0
  209. package/dist/components/spin.js.map +1 -0
  210. package/dist/components/switch.d.ts +14 -0
  211. package/dist/components/switch.d.ts.map +1 -0
  212. package/dist/components/switch.js +14 -0
  213. package/dist/components/switch.js.map +1 -0
  214. package/dist/components/table.d.ts +21 -0
  215. package/dist/components/table.d.ts.map +1 -0
  216. package/dist/components/table.js +21 -0
  217. package/dist/components/table.js.map +1 -0
  218. package/dist/components/tabs.d.ts +29 -0
  219. package/dist/components/tabs.d.ts.map +1 -0
  220. package/dist/components/tabs.js +32 -0
  221. package/dist/components/tabs.js.map +1 -0
  222. package/dist/components/toast.d.ts +26 -0
  223. package/dist/components/toast.d.ts.map +1 -0
  224. package/dist/components/toast.js +27 -0
  225. package/dist/components/toast.js.map +1 -0
  226. package/dist/components/tooltip.d.ts +30 -0
  227. package/dist/components/tooltip.d.ts.map +1 -0
  228. package/dist/components/tooltip.js +34 -0
  229. package/dist/components/tooltip.js.map +1 -0
  230. package/dist/components/transfer.d.ts +20 -0
  231. package/dist/components/transfer.d.ts.map +1 -0
  232. package/dist/components/transfer.js +21 -0
  233. package/dist/components/transfer.js.map +1 -0
  234. package/dist/components/tree.d.ts +24 -0
  235. package/dist/components/tree.d.ts.map +1 -0
  236. package/dist/components/tree.js +25 -0
  237. package/dist/components/tree.js.map +1 -0
  238. package/dist/components/typography.d.ts +15 -0
  239. package/dist/components/typography.d.ts.map +1 -0
  240. package/dist/components/typography.js +15 -0
  241. package/dist/components/typography.js.map +1 -0
  242. package/dist/components/user-guide.d.ts +9 -0
  243. package/dist/components/user-guide.d.ts.map +1 -0
  244. package/dist/components/user-guide.js +9 -0
  245. package/dist/components/user-guide.js.map +1 -0
  246. package/dist/components/video-player.d.ts +12 -0
  247. package/dist/components/video-player.d.ts.map +1 -0
  248. package/dist/components/video-player.js +12 -0
  249. package/dist/components/video-player.js.map +1 -0
  250. package/dist/components/virtual.d.ts +13 -0
  251. package/dist/components/virtual.d.ts.map +1 -0
  252. package/dist/components/virtual.js +15 -0
  253. package/dist/components/virtual.js.map +1 -0
  254. package/dist/contrast-check.d.ts +2 -0
  255. package/dist/contrast-check.d.ts.map +1 -0
  256. package/dist/contrast-check.js +140 -0
  257. package/dist/contrast-check.js.map +1 -0
  258. package/dist/global/color.d.ts +63 -0
  259. package/dist/global/color.d.ts.map +1 -0
  260. package/dist/global/color.js +67 -0
  261. package/dist/global/color.js.map +1 -0
  262. package/dist/global/scales.d.ts +69 -0
  263. package/dist/global/scales.d.ts.map +1 -0
  264. package/dist/global/scales.js +69 -0
  265. package/dist/global/scales.js.map +1 -0
  266. package/dist/index.d.ts +16 -0
  267. package/dist/index.d.ts.map +1 -0
  268. package/dist/index.js +15 -0
  269. package/dist/index.js.map +1 -0
  270. package/dist/tokens.css +844 -0
  271. package/dist/uno-theme.d.ts +33 -0
  272. package/dist/uno-theme.d.ts.map +1 -0
  273. package/dist/uno-theme.js +33 -0
  274. package/dist/uno-theme.js.map +1 -0
  275. package/package.json +30 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2026 chenzylab
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
@@ -0,0 +1,29 @@
1
+ /** light theme semantic mapping */
2
+ export declare const aliasLight: {
3
+ readonly 'color-primary': "#0064fa";
4
+ readonly 'color-primary-hover': "#0062d6";
5
+ readonly 'color-primary-active': "#004fb3";
6
+ readonly 'color-success': "#3bb346";
7
+ readonly 'color-warning': "#fc8800";
8
+ readonly 'color-danger': "#f93920";
9
+ readonly 'color-info': "#0064fa";
10
+ readonly 'color-link': "#0064fa";
11
+ readonly 'color-text-0': "#1c1f23";
12
+ readonly 'color-text-1': "rgba(28, 31, 35, 0.8)";
13
+ readonly 'color-text-2': "rgba(28, 31, 35, 0.62)";
14
+ readonly 'color-text-3': "rgba(28, 31, 35, 0.35)";
15
+ readonly 'color-text-inverse': "#ffffff";
16
+ readonly 'color-bg-0': "#ffffff";
17
+ readonly 'color-bg-1': "#f9f9f9";
18
+ readonly 'color-bg-2': "#e6e8ea";
19
+ readonly 'color-bg-3': "#c6cacd";
20
+ readonly 'color-border': "#e6e8ea";
21
+ readonly 'color-fill-0': "rgba(46, 50, 56, 0.05)";
22
+ readonly 'color-fill-1': "rgba(46, 50, 56, 0.09)";
23
+ readonly 'color-focus': "#0064fa";
24
+ readonly 'focus-ring': "0 0 0 2px #98cdfd";
25
+ };
26
+ export type AliasKey = keyof typeof aliasLight;
27
+ /** dark theme: remap a subset; unspecified keys inherit light */
28
+ export declare const aliasDark: Partial<Record<AliasKey, string>>;
29
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alias/index.ts"],"names":[],"mappings":"AAWA,mCAAmC;AACnC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;CA6Bb,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C,iEAAiE;AACjE,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAwBvD,CAAC"}
@@ -0,0 +1,68 @@
1
+ /**
2
+ * Alias / Semantic tokens. Express intent, bind to Global palette.
3
+ * Dark mode ONLY remaps this layer. Components consume these (or Component tokens).
4
+ *
5
+ * Values follow Semi Design semantics (100% Semi color parity). Semi text colors
6
+ * are grey-9 / grey-0 with opacity steps; we encode those as rgba literals.
7
+ * Tradeoff: Semi status fills (success/warning/danger) carry white text and do
8
+ * NOT clear WCAG AA — accepted to match Semi exactly (see contrast-check.ts).
9
+ */
10
+ import { palette } from '../global/color.js';
11
+ /** light theme semantic mapping */
12
+ export const aliasLight = {
13
+ // brand
14
+ 'color-primary': palette['blue-5'],
15
+ 'color-primary-hover': palette['blue-6'],
16
+ 'color-primary-active': palette['blue-7'],
17
+ // status (Semi: success=green-5, warning=orange-5, danger=red-5)
18
+ 'color-success': palette['green-5'],
19
+ 'color-warning': palette['orange-5'],
20
+ 'color-danger': palette['red-5'],
21
+ 'color-info': palette['blue-5'],
22
+ 'color-link': palette['blue-5'],
23
+ // text — Semi uses grey-9 with opacity: 100% / 80% / 62% / 35%
24
+ 'color-text-0': palette['grey-9'],
25
+ 'color-text-1': 'rgba(28, 31, 35, 0.8)',
26
+ 'color-text-2': 'rgba(28, 31, 35, 0.62)',
27
+ 'color-text-3': 'rgba(28, 31, 35, 0.35)',
28
+ 'color-text-inverse': '#ffffff',
29
+ // background — Semi bg-0 is white; keep our light-grey elevation layering above it
30
+ 'color-bg-0': '#ffffff',
31
+ 'color-bg-1': palette['grey-0'],
32
+ 'color-bg-2': palette['grey-1'],
33
+ 'color-bg-3': palette['grey-2'],
34
+ // border / fill — Semi fill-0 is a low-alpha dark wash
35
+ 'color-border': palette['grey-1'],
36
+ 'color-fill-0': 'rgba(46, 50, 56, 0.05)',
37
+ 'color-fill-1': 'rgba(46, 50, 56, 0.09)',
38
+ // focus
39
+ 'color-focus': palette['blue-5'],
40
+ 'focus-ring': `0 0 0 2px ${palette['blue-2']}`,
41
+ };
42
+ /** dark theme: remap a subset; unspecified keys inherit light */
43
+ export const aliasDark = {
44
+ // text — Semi dark uses grey-0 (#f9f9f9) with opacity
45
+ 'color-text-0': '#f9f9f9',
46
+ 'color-text-1': 'rgba(249, 249, 249, 0.8)',
47
+ 'color-text-2': 'rgba(249, 249, 249, 0.6)',
48
+ 'color-text-3': 'rgba(249, 249, 249, 0.35)',
49
+ 'color-text-inverse': '#ffffff',
50
+ // brand / status — Semi dark brightens these for visibility on dark surfaces
51
+ 'color-primary': '#54a9ff',
52
+ 'color-primary-hover': '#3295fb',
53
+ 'color-primary-active': '#65b2fc',
54
+ 'color-info': '#54a9ff',
55
+ 'color-link': '#54a9ff',
56
+ 'color-success': '#5dc264',
57
+ 'color-warning': '#ffae43',
58
+ 'color-danger': '#fc725a',
59
+ // surfaces
60
+ 'color-bg-0': '#16161a',
61
+ 'color-bg-1': '#232429',
62
+ 'color-bg-2': '#2e3238',
63
+ 'color-bg-3': '#41464c',
64
+ 'color-border': '#41464c',
65
+ 'color-fill-0': 'rgba(249, 249, 249, 0.08)',
66
+ 'color-fill-1': 'rgba(249, 249, 249, 0.12)',
67
+ };
68
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alias/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,mCAAmC;AACnC,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,QAAQ;IACR,eAAe,EAAE,OAAO,CAAC,QAAQ,CAAC;IAClC,qBAAqB,EAAE,OAAO,CAAC,QAAQ,CAAC;IACxC,sBAAsB,EAAE,OAAO,CAAC,QAAQ,CAAC;IACzC,iEAAiE;IACjE,eAAe,EAAE,OAAO,CAAC,SAAS,CAAC;IACnC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC;IACpC,cAAc,EAAE,OAAO,CAAC,OAAO,CAAC;IAChC,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC;IAC/B,+DAA+D;IAC/D,cAAc,EAAE,OAAO,CAAC,QAAQ,CAAC;IACjC,cAAc,EAAE,uBAAuB;IACvC,cAAc,EAAE,wBAAwB;IACxC,cAAc,EAAE,wBAAwB;IACxC,oBAAoB,EAAE,SAAS;IAC/B,mFAAmF;IACnF,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC;IAC/B,uDAAuD;IACvD,cAAc,EAAE,OAAO,CAAC,QAAQ,CAAC;IACjC,cAAc,EAAE,wBAAwB;IACxC,cAAc,EAAE,wBAAwB;IACxC,QAAQ;IACR,aAAa,EAAE,OAAO,CAAC,QAAQ,CAAC;IAChC,YAAY,EAAE,aAAa,OAAO,CAAC,QAAQ,CAAC,EAAE;CACtC,CAAC;AAIX,iEAAiE;AACjE,MAAM,CAAC,MAAM,SAAS,GAAsC;IAC1D,sDAAsD;IACtD,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,0BAA0B;IAC1C,cAAc,EAAE,0BAA0B;IAC1C,cAAc,EAAE,2BAA2B;IAC3C,oBAAoB,EAAE,SAAS;IAC/B,6EAA6E;IAC7E,eAAe,EAAE,SAAS;IAC1B,qBAAqB,EAAE,SAAS;IAChC,sBAAsB,EAAE,SAAS;IACjC,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,eAAe,EAAE,SAAS;IAC1B,eAAe,EAAE,SAAS;IAC1B,cAAc,EAAE,SAAS;IACzB,WAAW;IACX,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,2BAA2B;IAC3C,cAAc,EAAE,2BAA2B;CAC5C,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=build.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":""}
package/dist/build.js ADDED
@@ -0,0 +1,94 @@
1
+ /**
2
+ * Token CSS build: source TS → dist/tokens.css.
3
+ * TS entrypoints (index.ts, uno-theme.ts) are real source files compiled by tsc.
4
+ * Run via `pnpm --filter @chenzy-design/tokens build`.
5
+ */
6
+ import { mkdirSync, writeFileSync } from 'node:fs';
7
+ import { dirname, resolve } from 'node:path';
8
+ import { fileURLToPath } from 'node:url';
9
+ import { palette } from './global/color.js';
10
+ import * as scales from './global/scales.js';
11
+ import { aliasLight, aliasDark } from './alias/index.js';
12
+ import { componentTokens } from './components/index.js';
13
+ const here = dirname(fileURLToPath(import.meta.url));
14
+ const dist = resolve(here, '../dist');
15
+ mkdirSync(dist, { recursive: true });
16
+ const PREFIX = '--cd-';
17
+ function vars(group, category = '') {
18
+ const cat = category ? `${category}-` : '';
19
+ return Object.entries(group).map(([k, v]) => ` ${PREFIX}${cat}${k}: ${v};`);
20
+ }
21
+ const globalVars = [
22
+ ...vars(palette, 'color'),
23
+ ...vars(scales.spacing, 'spacing'),
24
+ ...vars(scales.radius, 'radius'),
25
+ ...vars(scales.fontSize, 'font-size'),
26
+ ...vars(scales.fontWeight, 'font-weight'),
27
+ ...vars(scales.lineHeight, 'line-height'),
28
+ ...vars(scales.shadow, 'shadow'),
29
+ ...vars(scales.motion, 'motion'),
30
+ ...vars(scales.zIndex, 'z'),
31
+ ...vars(scales.breakpoint, 'breakpoint'),
32
+ ];
33
+ const aliasVars = vars(aliasLight);
34
+ const componentVars = vars(componentTokens);
35
+ const darkVars = vars(aliasDark);
36
+ const css = `/* AUTO-GENERATED by @chenzy-design/tokens build — do not edit */
37
+ :root {
38
+ /* --- Global --- */
39
+ ${globalVars.join('\n')}
40
+ /* --- Alias (semantic) --- */
41
+ ${aliasVars.join('\n')}
42
+ /* --- Component --- */
43
+ ${componentVars.join('\n')}
44
+ }
45
+
46
+ [data-theme='dark'] {
47
+ ${darkVars.join('\n')}
48
+ }
49
+
50
+ /* Base:把页面背景/前景绑到主题 token,使暗色模式开箱即用(对齐 Semi —— Semi 同样
51
+ 在 body 上应用主题背景)。消费方若要自管 body 背景,可不引入此规则(见 base 单独导出)
52
+ 或用更高优先级覆盖。过渡令亮/暗切换平滑,prefers-reduced-motion 下自动归零。 */
53
+ body {
54
+ background-color: var(${PREFIX}color-bg-0);
55
+ color: var(${PREFIX}color-text-0);
56
+ transition:
57
+ background-color var(${PREFIX}motion-duration-mid) var(${PREFIX}motion-ease-standard),
58
+ color var(${PREFIX}motion-duration-mid) var(${PREFIX}motion-ease-standard);
59
+ }
60
+
61
+ @media (prefers-reduced-motion: reduce) {
62
+ :root {
63
+ ${PREFIX}motion-duration-fast: 0ms;
64
+ ${PREFIX}motion-duration-mid: 0ms;
65
+ ${PREFIX}motion-duration-slow: 0ms;
66
+ }
67
+ }
68
+
69
+ /* JS 驱动的全局降级标记:ConfigProvider reducedMotion 显式开启时由 JS 写入,
70
+ 优先于系统媒体查询,令依赖 motion-duration token 的动画退化为 0ms。 */
71
+ [data-reduced-motion] {
72
+ ${PREFIX}motion-duration-fast: 0ms;
73
+ ${PREFIX}motion-duration-mid: 0ms;
74
+ ${PREFIX}motion-duration-slow: 0ms;
75
+ }
76
+
77
+ /* 屏幕阅读器专用文本工具类(a11y.spec §全局规则):
78
+ 视觉隐藏但屏幕阅读器可读。不可用 display:none / visibility:hidden,
79
+ 否则辅助技术也读不到。WCAG 1.4.1 等场景下令颜色/图标非唯一信息载体。 */
80
+ .cd-sr-only {
81
+ position: absolute;
82
+ inline-size: 1px;
83
+ block-size: 1px;
84
+ padding: 0;
85
+ margin: -1px;
86
+ overflow: hidden;
87
+ clip: rect(0, 0, 0, 0);
88
+ white-space: nowrap;
89
+ border: 0;
90
+ }
91
+ `;
92
+ writeFileSync(resolve(dist, 'tokens.css'), css);
93
+ console.log('[tokens] built dist/tokens.css');
94
+ //# sourceMappingURL=build.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"build.js","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACrD,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACtC,SAAS,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAErC,MAAM,MAAM,GAAG,OAAO,CAAC;AAEvB,SAAS,IAAI,CAAC,KAA6B,EAAE,QAAQ,GAAG,EAAE;IACxD,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC/E,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;IACzB,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;IAClC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC;IAChC,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC;IACrC,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC;IACzC,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC;IACzC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC;IAChC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC;IAChC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAC3B,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC;CACzC,CAAC;AACF,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;AACnC,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC;AAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAmC,CAAC,CAAC;AAE3D,MAAM,GAAG,GAAG;;;EAGV,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;EAErB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;;EAEpB,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;;;EAIxB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;0BAOK,MAAM;eACjB,MAAM;;2BAEM,MAAM,4BAA4B,MAAM;gBACnD,MAAM,4BAA4B,MAAM;;;;;MAKlD,MAAM;MACN,MAAM;MACN,MAAM;;;;;;;IAOR,MAAM;IACN,MAAM;IACN,MAAM;;;;;;;;;;;;;;;;;CAiBT,CAAC;AACF,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;AAChD,OAAO,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC"}
@@ -0,0 +1,15 @@
1
+ /** Component tokens for AIChatDialogue (AI 对话消息列表). */
2
+ export declare const aiChatDialogueTokens: {
3
+ readonly 'ai-chat-dialogue-bg': "var(--cd-color-bg-0)";
4
+ readonly 'ai-chat-dialogue-bubble-bg': "var(--cd-color-fill-0)";
5
+ readonly 'ai-chat-dialogue-bubble-bg-user': "var(--cd-color-primary)";
6
+ readonly 'ai-chat-dialogue-bubble-color': "var(--cd-color-text-0)";
7
+ readonly 'ai-chat-dialogue-bubble-color-user': "var(--cd-color-text-inverse)";
8
+ readonly 'ai-chat-dialogue-radius': "var(--cd-radius-2)";
9
+ readonly 'ai-chat-dialogue-title-color': "var(--cd-color-text-2)";
10
+ readonly 'ai-chat-dialogue-reasoning-bg': "var(--cd-color-fill-0)";
11
+ readonly 'ai-chat-dialogue-reasoning-color': "var(--cd-color-text-2)";
12
+ readonly 'ai-chat-dialogue-action-color': "var(--cd-color-text-2)";
13
+ readonly 'ai-chat-dialogue-action-hover-bg': "var(--cd-color-fill-1)";
14
+ };
15
+ //# sourceMappingURL=ai-chat-dialogue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ai-chat-dialogue.d.ts","sourceRoot":"","sources":["../../src/components/ai-chat-dialogue.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;CAYvB,CAAC"}
@@ -0,0 +1,15 @@
1
+ /** Component tokens for AIChatDialogue (AI 对话消息列表). */
2
+ export const aiChatDialogueTokens = {
3
+ 'ai-chat-dialogue-bg': 'var(--cd-color-bg-0)',
4
+ 'ai-chat-dialogue-bubble-bg': 'var(--cd-color-fill-0)',
5
+ 'ai-chat-dialogue-bubble-bg-user': 'var(--cd-color-primary)',
6
+ 'ai-chat-dialogue-bubble-color': 'var(--cd-color-text-0)',
7
+ 'ai-chat-dialogue-bubble-color-user': 'var(--cd-color-text-inverse)',
8
+ 'ai-chat-dialogue-radius': 'var(--cd-radius-2)',
9
+ 'ai-chat-dialogue-title-color': 'var(--cd-color-text-2)',
10
+ 'ai-chat-dialogue-reasoning-bg': 'var(--cd-color-fill-0)',
11
+ 'ai-chat-dialogue-reasoning-color': 'var(--cd-color-text-2)',
12
+ 'ai-chat-dialogue-action-color': 'var(--cd-color-text-2)',
13
+ 'ai-chat-dialogue-action-hover-bg': 'var(--cd-color-fill-1)',
14
+ };
15
+ //# sourceMappingURL=ai-chat-dialogue.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ai-chat-dialogue.js","sourceRoot":"","sources":["../../src/components/ai-chat-dialogue.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,qBAAqB,EAAE,sBAAsB;IAC7C,4BAA4B,EAAE,wBAAwB;IACtD,iCAAiC,EAAE,yBAAyB;IAC5D,+BAA+B,EAAE,wBAAwB;IACzD,oCAAoC,EAAE,8BAA8B;IACpE,yBAAyB,EAAE,oBAAoB;IAC/C,8BAA8B,EAAE,wBAAwB;IACxD,+BAA+B,EAAE,wBAAwB;IACzD,kCAAkC,EAAE,wBAAwB;IAC5D,+BAA+B,EAAE,wBAAwB;IACzD,kCAAkC,EAAE,wBAAwB;CACpD,CAAC"}
@@ -0,0 +1,9 @@
1
+ export declare const aiChatInputTokens: {
2
+ readonly 'ai-chat-input-bg': "var(--cd-color-bg-0)";
3
+ readonly 'ai-chat-input-radius': "var(--cd-radius-3, 12px)";
4
+ readonly 'ai-chat-input-border': "var(--cd-color-border)";
5
+ readonly 'ai-chat-input-send-bg': "var(--cd-color-primary)";
6
+ readonly 'ai-chat-input-min-height': "48px";
7
+ readonly 'ai-chat-input-max-height': "200px";
8
+ };
9
+ //# sourceMappingURL=ai-chat-input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ai-chat-input.d.ts","sourceRoot":"","sources":["../../src/components/ai-chat-input.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;;;;;CAOpB,CAAC"}
@@ -0,0 +1,9 @@
1
+ export const aiChatInputTokens = {
2
+ 'ai-chat-input-bg': 'var(--cd-color-bg-0)',
3
+ 'ai-chat-input-radius': 'var(--cd-radius-3, 12px)',
4
+ 'ai-chat-input-border': 'var(--cd-color-border)',
5
+ 'ai-chat-input-send-bg': 'var(--cd-color-primary)',
6
+ 'ai-chat-input-min-height': '48px',
7
+ 'ai-chat-input-max-height': '200px',
8
+ };
9
+ //# sourceMappingURL=ai-chat-input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ai-chat-input.js","sourceRoot":"","sources":["../../src/components/ai-chat-input.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,kBAAkB,EAAE,sBAAsB;IAC1C,sBAAsB,EAAE,0BAA0B;IAClD,sBAAsB,EAAE,wBAAwB;IAChD,uBAAuB,EAAE,yBAAyB;IAClD,0BAA0B,EAAE,MAAM;IAClC,0BAA0B,EAAE,OAAO;CAC3B,CAAC"}
@@ -0,0 +1,11 @@
1
+ /** Component tokens for AudioPlayer. */
2
+ export declare const audioPlayerTokens: {
3
+ readonly 'audio-player-bg-dark': "#1c1f23";
4
+ readonly 'audio-player-color-dark': "#ffffff";
5
+ readonly 'audio-player-bg-light': "var(--cd-color-bg-1)";
6
+ readonly 'audio-player-control-size': "40px";
7
+ readonly 'audio-player-slider-track': "var(--cd-color-fill-1)";
8
+ readonly 'audio-player-slider-fill': "var(--cd-color-primary)";
9
+ readonly 'audio-player-radius': "var(--cd-radius-2)";
10
+ };
11
+ //# sourceMappingURL=audio-player.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"audio-player.d.ts","sourceRoot":"","sources":["../../src/components/audio-player.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,eAAO,MAAM,iBAAiB;;;;;;;;CAQpB,CAAC"}
@@ -0,0 +1,11 @@
1
+ /** Component tokens for AudioPlayer. */
2
+ export const audioPlayerTokens = {
3
+ 'audio-player-bg-dark': '#1c1f23',
4
+ 'audio-player-color-dark': '#ffffff',
5
+ 'audio-player-bg-light': 'var(--cd-color-bg-1)',
6
+ 'audio-player-control-size': '40px',
7
+ 'audio-player-slider-track': 'var(--cd-color-fill-1)',
8
+ 'audio-player-slider-fill': 'var(--cd-color-primary)',
9
+ 'audio-player-radius': 'var(--cd-radius-2)',
10
+ };
11
+ //# sourceMappingURL=audio-player.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"audio-player.js","sourceRoot":"","sources":["../../src/components/audio-player.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,sBAAsB,EAAE,SAAS;IACjC,yBAAyB,EAAE,SAAS;IACpC,uBAAuB,EAAE,sBAAsB;IAC/C,2BAA2B,EAAE,MAAM;IACnC,2BAA2B,EAAE,wBAAwB;IACrD,0BAA0B,EAAE,yBAAyB;IACrD,qBAAqB,EAAE,oBAAoB;CACnC,CAAC"}
@@ -0,0 +1,17 @@
1
+ /** Component tokens for BackTop (M6 Other). 回退 Alias,禁写死。 */
2
+ export declare const backTopTokens: {
3
+ readonly 'backtop-size': "40px";
4
+ readonly 'backtop-size-small': "32px";
5
+ readonly 'backtop-size-large': "48px";
6
+ readonly 'backtop-bg': "var(--cd-color-bg-2)";
7
+ readonly 'backtop-bg-hover': "var(--cd-color-bg-3)";
8
+ readonly 'backtop-bg-active': "var(--cd-color-fill-1)";
9
+ readonly 'backtop-color': "var(--cd-color-text-0)";
10
+ readonly 'backtop-border': "var(--cd-color-border)";
11
+ readonly 'backtop-shadow': "var(--cd-shadow-3)";
12
+ readonly 'backtop-radius': "var(--cd-radius-full)";
13
+ readonly 'backtop-z': "900";
14
+ readonly 'backtop-focus-ring': "var(--cd-color-primary)";
15
+ readonly 'backtop-motion-duration': "var(--cd-motion-duration-fast)";
16
+ };
17
+ //# sourceMappingURL=back-top.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"back-top.d.ts","sourceRoot":"","sources":["../../src/components/back-top.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAchB,CAAC"}
@@ -0,0 +1,17 @@
1
+ /** Component tokens for BackTop (M6 Other). 回退 Alias,禁写死。 */
2
+ export const backTopTokens = {
3
+ 'backtop-size': '40px',
4
+ 'backtop-size-small': '32px',
5
+ 'backtop-size-large': '48px',
6
+ 'backtop-bg': 'var(--cd-color-bg-2)',
7
+ 'backtop-bg-hover': 'var(--cd-color-bg-3)',
8
+ 'backtop-bg-active': 'var(--cd-color-fill-1)',
9
+ 'backtop-color': 'var(--cd-color-text-0)',
10
+ 'backtop-border': 'var(--cd-color-border)',
11
+ 'backtop-shadow': 'var(--cd-shadow-3)',
12
+ 'backtop-radius': 'var(--cd-radius-full)',
13
+ 'backtop-z': '900',
14
+ 'backtop-focus-ring': 'var(--cd-color-primary)',
15
+ 'backtop-motion-duration': 'var(--cd-motion-duration-fast)',
16
+ };
17
+ //# sourceMappingURL=back-top.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"back-top.js","sourceRoot":"","sources":["../../src/components/back-top.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,cAAc,EAAE,MAAM;IACtB,oBAAoB,EAAE,MAAM;IAC5B,oBAAoB,EAAE,MAAM;IAC5B,YAAY,EAAE,sBAAsB;IACpC,kBAAkB,EAAE,sBAAsB;IAC1C,mBAAmB,EAAE,wBAAwB;IAC7C,eAAe,EAAE,wBAAwB;IACzC,gBAAgB,EAAE,wBAAwB;IAC1C,gBAAgB,EAAE,oBAAoB;IACtC,gBAAgB,EAAE,uBAAuB;IACzC,WAAW,EAAE,KAAK;IAClB,oBAAoB,EAAE,yBAAyB;IAC/C,yBAAyB,EAAE,gCAAgC;CACnD,CAAC"}
@@ -0,0 +1,25 @@
1
+ /** Component tokens for Banner (M5 Feedback). 回退 Alias,禁写死。 */
2
+ export declare const bannerTokens: {
3
+ readonly 'banner-radius': "var(--cd-radius-2)";
4
+ readonly 'banner-padding-y': "var(--cd-spacing-3)";
5
+ readonly 'banner-padding-x': "var(--cd-spacing-4)";
6
+ readonly 'banner-gap': "var(--cd-spacing-3)";
7
+ readonly 'banner-icon-size': "20px";
8
+ readonly 'banner-title-color': "var(--cd-color-text-0)";
9
+ readonly 'banner-desc-color': "var(--cd-color-text-1)";
10
+ readonly 'banner-title-size': "var(--cd-font-size-2)";
11
+ readonly 'banner-desc-size': "var(--cd-font-size-1)";
12
+ readonly 'banner-accent-width': "4px";
13
+ readonly 'banner-info-bg': "var(--cd-color-primary-light-default)";
14
+ readonly 'banner-info-accent': "var(--cd-color-primary)";
15
+ readonly 'banner-success-bg': "color-mix(in srgb, var(--cd-color-success) 12%, transparent)";
16
+ readonly 'banner-success-accent': "var(--cd-color-success)";
17
+ readonly 'banner-warning-bg': "var(--cd-color-warning-light-default)";
18
+ readonly 'banner-warning-accent': "var(--cd-color-warning)";
19
+ readonly 'banner-danger-bg': "color-mix(in srgb, var(--cd-color-danger) 12%, transparent)";
20
+ readonly 'banner-danger-accent': "var(--cd-color-danger)";
21
+ readonly 'banner-close-color': "var(--cd-color-text-2)";
22
+ readonly 'banner-close-hover-bg': "var(--cd-color-fill-1)";
23
+ readonly 'banner-motion-duration': "var(--cd-motion-duration-fast)";
24
+ };
25
+ //# sourceMappingURL=banner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/components/banner.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;CAuBf,CAAC"}
@@ -0,0 +1,26 @@
1
+ /** Component tokens for Banner (M5 Feedback). 回退 Alias,禁写死。 */
2
+ export const bannerTokens = {
3
+ 'banner-radius': 'var(--cd-radius-2)',
4
+ 'banner-padding-y': 'var(--cd-spacing-3)',
5
+ 'banner-padding-x': 'var(--cd-spacing-4)',
6
+ 'banner-gap': 'var(--cd-spacing-3)',
7
+ 'banner-icon-size': '20px',
8
+ 'banner-title-color': 'var(--cd-color-text-0)',
9
+ 'banner-desc-color': 'var(--cd-color-text-1)',
10
+ 'banner-title-size': 'var(--cd-font-size-2)',
11
+ 'banner-desc-size': 'var(--cd-font-size-1)',
12
+ 'banner-accent-width': '4px',
13
+ // four-type tints via color-mix (success/danger lack a light alias; primary/warning use theirs)
14
+ 'banner-info-bg': 'var(--cd-color-primary-light-default)',
15
+ 'banner-info-accent': 'var(--cd-color-primary)',
16
+ 'banner-success-bg': 'color-mix(in srgb, var(--cd-color-success) 12%, transparent)',
17
+ 'banner-success-accent': 'var(--cd-color-success)',
18
+ 'banner-warning-bg': 'var(--cd-color-warning-light-default)',
19
+ 'banner-warning-accent': 'var(--cd-color-warning)',
20
+ 'banner-danger-bg': 'color-mix(in srgb, var(--cd-color-danger) 12%, transparent)',
21
+ 'banner-danger-accent': 'var(--cd-color-danger)',
22
+ 'banner-close-color': 'var(--cd-color-text-2)',
23
+ 'banner-close-hover-bg': 'var(--cd-color-fill-1)',
24
+ 'banner-motion-duration': 'var(--cd-motion-duration-fast)',
25
+ };
26
+ //# sourceMappingURL=banner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"banner.js","sourceRoot":"","sources":["../../src/components/banner.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,eAAe,EAAE,oBAAoB;IACrC,kBAAkB,EAAE,qBAAqB;IACzC,kBAAkB,EAAE,qBAAqB;IACzC,YAAY,EAAE,qBAAqB;IACnC,kBAAkB,EAAE,MAAM;IAC1B,oBAAoB,EAAE,wBAAwB;IAC9C,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,uBAAuB;IAC5C,kBAAkB,EAAE,uBAAuB;IAC3C,qBAAqB,EAAE,KAAK;IAC5B,gGAAgG;IAChG,gBAAgB,EAAE,uCAAuC;IACzD,oBAAoB,EAAE,yBAAyB;IAC/C,mBAAmB,EAAE,8DAA8D;IACnF,uBAAuB,EAAE,yBAAyB;IAClD,mBAAmB,EAAE,uCAAuC;IAC5D,uBAAuB,EAAE,yBAAyB;IAClD,kBAAkB,EAAE,6DAA6D;IACjF,sBAAsB,EAAE,wBAAwB;IAChD,oBAAoB,EAAE,wBAAwB;IAC9C,uBAAuB,EAAE,wBAAwB;IACjD,wBAAwB,EAAE,gCAAgC;CAClD,CAAC"}
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Component tokens for Button. Default to Alias references via var().
3
+ * Added incrementally as components are built (see component SPECs).
4
+ */
5
+ export declare const buttonTokens: {
6
+ readonly 'button-height-default': "32px";
7
+ readonly 'button-height-small': "24px";
8
+ readonly 'button-height-large': "40px";
9
+ readonly 'button-padding-x': "var(--cd-spacing-4)";
10
+ readonly 'button-radius': "var(--cd-radius-2)";
11
+ readonly 'button-font-size': "var(--cd-font-size-2)";
12
+ readonly 'button-color-bg-primary': "var(--cd-color-primary)";
13
+ readonly 'button-color-text-primary': "var(--cd-color-text-inverse)";
14
+ };
15
+ //# sourceMappingURL=button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC"}
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Component tokens for Button. Default to Alias references via var().
3
+ * Added incrementally as components are built (see component SPECs).
4
+ */
5
+ export const buttonTokens = {
6
+ 'button-height-default': '32px',
7
+ 'button-height-small': '24px',
8
+ 'button-height-large': '40px',
9
+ 'button-padding-x': 'var(--cd-spacing-4)',
10
+ 'button-radius': 'var(--cd-radius-2)',
11
+ 'button-font-size': 'var(--cd-font-size-2)',
12
+ 'button-color-bg-primary': 'var(--cd-color-primary)',
13
+ 'button-color-text-primary': 'var(--cd-color-text-inverse)',
14
+ };
15
+ //# sourceMappingURL=button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,uBAAuB,EAAE,MAAM;IAC/B,qBAAqB,EAAE,MAAM;IAC7B,qBAAqB,EAAE,MAAM;IAC7B,kBAAkB,EAAE,qBAAqB;IACzC,eAAe,EAAE,oBAAoB;IACrC,kBAAkB,EAAE,uBAAuB;IAC3C,yBAAyB,EAAE,yBAAyB;IACpD,2BAA2B,EAAE,8BAA8B;CACnD,CAAC"}
@@ -0,0 +1,23 @@
1
+ /** Component tokens for Calendar (M4 Show, month-view subset). 回退 Alias,禁写死。 */
2
+ export declare const calendarTokens: {
3
+ readonly 'calendar-bg': "var(--cd-color-bg-0)";
4
+ readonly 'calendar-border': "var(--cd-color-border)";
5
+ readonly 'calendar-header-bg': "var(--cd-color-bg-1)";
6
+ readonly 'calendar-text': "var(--cd-color-text-0)";
7
+ readonly 'calendar-text-secondary': "var(--cd-color-text-2)";
8
+ readonly 'calendar-today-bg': "var(--cd-color-primary-light-default)";
9
+ readonly 'calendar-today-fg': "var(--cd-color-primary)";
10
+ readonly 'calendar-selected-border': "var(--cd-color-primary)";
11
+ readonly 'calendar-range-bg': "var(--cd-color-primary-light-default)";
12
+ readonly 'calendar-range-edge-bg': "var(--cd-color-primary-light-default)";
13
+ readonly 'calendar-week-cell-min-h': "240px";
14
+ readonly 'calendar-weekend-bg': "var(--cd-color-bg-1)";
15
+ readonly 'calendar-cell-bg-hover': "var(--cd-color-fill-0)";
16
+ readonly 'calendar-event-default-bg': "var(--cd-color-primary)";
17
+ readonly 'calendar-event-fg': "var(--cd-color-bg-0)";
18
+ readonly 'calendar-disabled-bg': "var(--cd-color-fill-0)";
19
+ readonly 'calendar-more-color': "var(--cd-color-text-2)";
20
+ readonly 'calendar-cell-min-h': "96px";
21
+ readonly 'calendar-radius': "var(--cd-radius-2)";
22
+ };
23
+ //# sourceMappingURL=calendar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;CAoBjB,CAAC"}
@@ -0,0 +1,23 @@
1
+ /** Component tokens for Calendar (M4 Show, month-view subset). 回退 Alias,禁写死。 */
2
+ export const calendarTokens = {
3
+ 'calendar-bg': 'var(--cd-color-bg-0)',
4
+ 'calendar-border': 'var(--cd-color-border)',
5
+ 'calendar-header-bg': 'var(--cd-color-bg-1)',
6
+ 'calendar-text': 'var(--cd-color-text-0)',
7
+ 'calendar-text-secondary': 'var(--cd-color-text-2)',
8
+ 'calendar-today-bg': 'var(--cd-color-primary-light-default)',
9
+ 'calendar-today-fg': 'var(--cd-color-primary)',
10
+ 'calendar-selected-border': 'var(--cd-color-primary)',
11
+ 'calendar-range-bg': 'var(--cd-color-primary-light-default)',
12
+ 'calendar-range-edge-bg': 'var(--cd-color-primary-light-default)',
13
+ 'calendar-week-cell-min-h': '240px',
14
+ 'calendar-weekend-bg': 'var(--cd-color-bg-1)',
15
+ 'calendar-cell-bg-hover': 'var(--cd-color-fill-0)',
16
+ 'calendar-event-default-bg': 'var(--cd-color-primary)',
17
+ 'calendar-event-fg': 'var(--cd-color-bg-0)',
18
+ 'calendar-disabled-bg': 'var(--cd-color-fill-0)',
19
+ 'calendar-more-color': 'var(--cd-color-text-2)',
20
+ 'calendar-cell-min-h': '96px',
21
+ 'calendar-radius': 'var(--cd-radius-2)',
22
+ };
23
+ //# sourceMappingURL=calendar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/components/calendar.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,aAAa,EAAE,sBAAsB;IACrC,iBAAiB,EAAE,wBAAwB;IAC3C,oBAAoB,EAAE,sBAAsB;IAC5C,eAAe,EAAE,wBAAwB;IACzC,yBAAyB,EAAE,wBAAwB;IACnD,mBAAmB,EAAE,uCAAuC;IAC5D,mBAAmB,EAAE,yBAAyB;IAC9C,0BAA0B,EAAE,yBAAyB;IACrD,mBAAmB,EAAE,uCAAuC;IAC5D,wBAAwB,EAAE,uCAAuC;IACjE,0BAA0B,EAAE,OAAO;IACnC,qBAAqB,EAAE,sBAAsB;IAC7C,wBAAwB,EAAE,wBAAwB;IAClD,2BAA2B,EAAE,yBAAyB;IACtD,mBAAmB,EAAE,sBAAsB;IAC3C,sBAAsB,EAAE,wBAAwB;IAChD,qBAAqB,EAAE,wBAAwB;IAC/C,qBAAqB,EAAE,MAAM;IAC7B,iBAAiB,EAAE,oBAAoB;CAC/B,CAAC"}
@@ -0,0 +1,8 @@
1
+ export declare const chatTokens: {
2
+ readonly 'chat-bg': "var(--cd-color-bg-0)";
3
+ readonly 'chat-bubble-bg': "var(--cd-color-fill-0)";
4
+ readonly 'chat-bubble-bg-user': "var(--cd-color-primary-light-default)";
5
+ readonly 'chat-input-bg': "var(--cd-color-bg-0)";
6
+ readonly 'chat-radius': "var(--cd-radius-2)";
7
+ };
8
+ //# sourceMappingURL=chat.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/components/chat.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC"}
@@ -0,0 +1,8 @@
1
+ export const chatTokens = {
2
+ 'chat-bg': 'var(--cd-color-bg-0)',
3
+ 'chat-bubble-bg': 'var(--cd-color-fill-0)',
4
+ 'chat-bubble-bg-user': 'var(--cd-color-primary-light-default)',
5
+ 'chat-input-bg': 'var(--cd-color-bg-0)',
6
+ 'chat-radius': 'var(--cd-radius-2)',
7
+ };
8
+ //# sourceMappingURL=chat.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat.js","sourceRoot":"","sources":["../../src/components/chat.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,SAAS,EAAE,sBAAsB;IACjC,gBAAgB,EAAE,wBAAwB;IAC1C,qBAAqB,EAAE,uCAAuC;IAC9D,eAAe,EAAE,sBAAsB;IACvC,aAAa,EAAE,oBAAoB;CAC3B,CAAC"}
@@ -0,0 +1,20 @@
1
+ /** Component tokens for Checkbox. See specs/components/input/Checkbox.spec.md. */
2
+ export declare const checkboxTokens: {
3
+ readonly 'checkbox-size-default': "16px";
4
+ readonly 'checkbox-size-small': "14px";
5
+ readonly 'checkbox-size-large': "18px";
6
+ readonly 'checkbox-radius': "var(--cd-radius-1)";
7
+ readonly 'checkbox-border': "var(--cd-color-border)";
8
+ readonly 'checkbox-bg': "var(--cd-color-bg-0)";
9
+ readonly 'checkbox-bg-checked': "var(--cd-color-primary)";
10
+ readonly 'checkbox-border-checked': "var(--cd-color-primary)";
11
+ readonly 'checkbox-mark-color': "var(--cd-color-text-inverse)";
12
+ readonly 'checkbox-label-gap': "var(--cd-spacing-2)";
13
+ readonly 'checkbox-card-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
14
+ readonly 'checkbox-card-radius': "var(--cd-radius-2)";
15
+ readonly 'checkbox-card-bg': "var(--cd-color-bg-0)";
16
+ readonly 'checkbox-card-bg-hover': "var(--cd-color-bg-1)";
17
+ readonly 'checkbox-card-border': "var(--cd-color-border)";
18
+ readonly 'checkbox-card-border-checked': "var(--cd-color-primary)";
19
+ };
20
+ //# sourceMappingURL=checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CAkBjB,CAAC"}