antd-solid 0.0.11 → 0.0.13

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 (347) hide show
  1. package/css/index.css +10 -73
  2. package/dist/index.esm.js +7802 -2378
  3. package/dist/index.umd.js +1 -1
  4. package/es/Alert/index.d.ts +10 -0
  5. package/es/Alert/index.js +26 -0
  6. package/es/Button/index.d.ts +32 -0
  7. package/es/Button/index.js +123 -0
  8. package/es/Button/index.scss.js +6 -0
  9. package/es/Checkbox/Group.d.ts +19 -0
  10. package/es/Checkbox/Group.js +49 -0
  11. package/es/Checkbox/index.d.ts +15 -0
  12. package/es/Checkbox/index.js +60 -0
  13. package/es/CodeInput/index.d.ts +18 -0
  14. package/es/CodeInput/index.js +72 -0
  15. package/es/Collapse/Item.d.ts +46 -0
  16. package/es/Collapse/Item.js +130 -0
  17. package/es/Collapse/context.d.ts +5 -0
  18. package/es/Collapse/context.js +8 -0
  19. package/es/Collapse/index.d.ts +25 -10
  20. package/es/Collapse/index.js +95 -74
  21. package/es/Collapse/utils.d.ts +8 -0
  22. package/es/Collapse/utils.js +35 -0
  23. package/es/ColorPicker/ColorPickerInput.d.ts +3 -0
  24. package/es/ColorPicker/ColorPickerInput.js +250 -0
  25. package/es/ColorPicker/ColorPickerSelect.d.ts +3 -0
  26. package/es/ColorPicker/ColorPickerSelect.js +71 -0
  27. package/es/ColorPicker/ColorPickerSlider.d.ts +3 -0
  28. package/es/ColorPicker/ColorPickerSlider.js +115 -0
  29. package/es/ColorPicker/color.d.ts +24 -0
  30. package/es/ColorPicker/color.js +63 -0
  31. package/es/ColorPicker/context.d.ts +9 -0
  32. package/es/ColorPicker/context.js +5 -0
  33. package/es/ColorPicker/index.d.ts +31 -0
  34. package/es/ColorPicker/index.js +139 -0
  35. package/es/Command/context.d.ts +9 -0
  36. package/es/Command/context.js +11 -0
  37. package/es/Command/createCommand.d.ts +17 -0
  38. package/es/Command/createCommand.js +112 -0
  39. package/es/Command/index.d.ts +7 -0
  40. package/es/Command/index.js +9 -0
  41. package/es/Command/useCommandProps.d.ts +13 -0
  42. package/es/Command/useCommandProps.js +28 -0
  43. package/es/Compact/CompactContextIsolator.d.ts +3 -0
  44. package/es/Compact/CompactContextIsolator.js +15 -0
  45. package/es/Compact/context.d.ts +4 -0
  46. package/es/Compact/context.js +7 -0
  47. package/es/Compact/index.d.ts +14 -0
  48. package/es/Compact/index.js +32 -0
  49. package/es/Compact/index.scss.js +6 -0
  50. package/es/ConfigProvider/context.d.ts +11 -0
  51. package/es/ConfigProvider/context.js +15 -0
  52. package/es/ConfigProvider/dark/colorAlgorithm.d.ts +2 -0
  53. package/es/ConfigProvider/dark/colorAlgorithm.js +9 -0
  54. package/es/ConfigProvider/dark/colors.d.ts +3 -0
  55. package/es/ConfigProvider/dark/colors.js +47 -0
  56. package/es/ConfigProvider/dark/index.d.ts +2 -0
  57. package/es/ConfigProvider/dark/index.js +11 -0
  58. package/es/ConfigProvider/index.d.ts +32 -0
  59. package/es/ConfigProvider/index.js +44 -0
  60. package/es/ConfigProvider/light/colorAlgorithm.d.ts +2 -0
  61. package/es/ConfigProvider/light/colorAlgorithm.js +9 -0
  62. package/es/ConfigProvider/light/colors.d.ts +3 -0
  63. package/es/ConfigProvider/light/colors.js +45 -0
  64. package/es/ConfigProvider/light/index.d.ts +2 -0
  65. package/es/ConfigProvider/light/index.js +11 -0
  66. package/es/ConfigProvider/seed.d.ts +3 -0
  67. package/es/ConfigProvider/seed.js +22 -0
  68. package/es/ConfigProvider/types/index.d.ts +594 -0
  69. package/es/ConfigProvider/types/index.js +1 -0
  70. package/es/ConfigProvider/utils/genColorMapToken.d.ts +7 -0
  71. package/es/ConfigProvider/utils/genColorMapToken.js +85 -0
  72. package/es/ConfigProvider/utils/getAlphaColor.d.ts +2 -0
  73. package/es/ConfigProvider/utils/getAlphaColor.js +44 -0
  74. package/es/ConfigProvider/utils/index.d.ts +3 -0
  75. package/es/ConfigProvider/utils/index.js +181 -0
  76. package/es/ContextMenu/index.d.ts +8 -0
  77. package/es/ContextMenu/index.js +99 -0
  78. package/es/Cursor/index.d.ts +6 -0
  79. package/es/Cursor/index.js +71 -0
  80. package/es/DelayShow/index.d.ts +16 -0
  81. package/es/DelayShow/index.js +27 -0
  82. package/es/Divider/index.d.ts +17 -0
  83. package/es/Divider/index.js +71 -0
  84. package/es/Drawer/index.d.ts +20 -16
  85. package/es/Drawer/index.js +162 -112
  86. package/es/Drawer/index.scss.js +1 -1
  87. package/es/Dropdown/index.d.ts +16 -0
  88. package/es/Dropdown/index.js +47 -0
  89. package/es/Element/index.d.ts +10 -0
  90. package/es/Element/index.js +42 -0
  91. package/es/Empty/PRESENTED_IMAGE_SIMPLE.d.ts +2 -1
  92. package/es/Empty/PRESENTED_IMAGE_SIMPLE.js +25 -9
  93. package/es/Empty/assets/EmptySvg.js +1 -1
  94. package/es/Empty/assets/SimpleEmptySvg.js +1 -1
  95. package/es/Empty/index.d.ts +9 -3
  96. package/es/Empty/index.js +24 -9
  97. package/es/Form/Form.d.ts +8 -5
  98. package/es/Form/Form.js +50 -34
  99. package/es/Form/FormItem.d.ts +10 -5
  100. package/es/Form/FormItem.js +121 -104
  101. package/es/Form/context.d.ts +9 -9
  102. package/es/Form/context.js +4 -2
  103. package/es/Fragment/index.d.ts +4 -0
  104. package/es/Fragment/index.js +7 -0
  105. package/es/Image/index.d.ts +10 -0
  106. package/es/Image/index.js +37 -0
  107. package/es/Input/TextArea.d.ts +23 -0
  108. package/es/Input/TextArea.js +84 -0
  109. package/es/Input/index.d.ts +44 -0
  110. package/es/Input/index.js +213 -0
  111. package/es/Input/index.scss.js +6 -0
  112. package/es/InputNumber/index.d.ts +30 -0
  113. package/es/InputNumber/index.js +122 -0
  114. package/es/{InputNumber.test.js → InputNumber/index.test.js} +2 -1
  115. package/es/Menu/InternalMenu.d.ts +22 -0
  116. package/es/Menu/InternalMenu.js +196 -0
  117. package/es/Menu/index.d.ts +75 -0
  118. package/es/Menu/index.js +64 -0
  119. package/es/Message/Message.d.ts +9 -0
  120. package/es/Message/Message.js +34 -0
  121. package/es/Message/index.d.ts +12 -0
  122. package/es/Message/index.js +80 -0
  123. package/es/Message/index.scss.js +6 -0
  124. package/es/Message/useMessage.d.ts +6 -0
  125. package/es/Message/useMessage.js +54 -0
  126. package/es/Modal/index.d.ts +73 -0
  127. package/es/Modal/index.js +237 -0
  128. package/es/Modal/index.scss.js +6 -0
  129. package/es/Modal/useModal.d.ts +5 -0
  130. package/es/Modal/useModal.js +51 -0
  131. package/es/Modal/warning.d.ts +5 -0
  132. package/es/Modal/warning.js +43 -0
  133. package/es/{Popconfirm.d.ts → Popconfirm/index.d.ts} +2 -2
  134. package/es/Popconfirm/index.js +62 -0
  135. package/es/{Popover.d.ts → Popover/index.d.ts} +2 -2
  136. package/es/{Popover.js → Popover/index.js} +7 -12
  137. package/es/Progress/Circle.d.ts +16 -0
  138. package/es/Progress/Circle.js +122 -0
  139. package/es/Progress/index.d.ts +6 -4
  140. package/es/Progress/index.js +75 -60
  141. package/es/Radio/Button.d.ts +7 -0
  142. package/es/Radio/Button.js +72 -0
  143. package/es/Radio/Group.d.ts +18 -0
  144. package/es/Radio/Group.js +57 -0
  145. package/es/Radio/index.d.ts +14 -0
  146. package/es/Radio/index.js +68 -0
  147. package/es/RangeInput/index.d.ts +23 -0
  148. package/es/RangeInput/index.js +208 -0
  149. package/es/Result/index.js +49 -0
  150. package/es/Segmented/index.d.ts +10 -7
  151. package/es/Segmented/index.js +54 -53
  152. package/es/Select/index.d.ts +17 -0
  153. package/es/Select/index.js +75 -0
  154. package/es/SelectInput/index.d.ts +39 -0
  155. package/es/SelectInput/index.js +245 -0
  156. package/es/Slider/index.d.ts +47 -0
  157. package/es/Slider/index.js +177 -0
  158. package/es/Space/index.d.ts +13 -0
  159. package/es/Space/index.js +16 -0
  160. package/es/Spin/index.d.ts +19 -0
  161. package/es/Spin/index.js +82 -0
  162. package/es/{Switch.d.ts → Switch/index.d.ts} +9 -0
  163. package/es/Switch/index.js +41 -0
  164. package/es/{Table.d.ts → Table/index.d.ts} +6 -2
  165. package/es/Table/index.js +71 -0
  166. package/es/Tabs/index.d.ts +49 -0
  167. package/es/Tabs/index.js +256 -0
  168. package/es/Timeline/index.js +31 -0
  169. package/es/Tooltip/context.d.ts +5 -0
  170. package/es/Tooltip/context.js +5 -0
  171. package/es/Tooltip/index.d.ts +64 -0
  172. package/es/Tooltip/index.js +499 -0
  173. package/es/Transformer/index.d.ts +88 -0
  174. package/es/Transformer/index.js +882 -0
  175. package/es/Tree/SingleLevelTree.d.ts +28 -0
  176. package/es/Tree/SingleLevelTree.js +299 -0
  177. package/es/Tree/index.d.ts +83 -0
  178. package/es/Tree/index.js +197 -0
  179. package/es/TreeFor/index.d.ts +31 -0
  180. package/es/TreeFor/index.js +80 -0
  181. package/es/TreeSelect/index.d.ts +26 -0
  182. package/es/TreeSelect/index.js +98 -0
  183. package/es/Upload/index.d.ts +64 -0
  184. package/es/Upload/index.js +112 -0
  185. package/es/assets/svg/ColorPickUp.d.ts +4 -0
  186. package/es/assets/svg/ColorPickUp.js +25 -0
  187. package/es/assets/svg/Crosshair.d.ts +7 -0
  188. package/es/assets/svg/Crosshair.js +51 -0
  189. package/es/assets/svg/Resize.d.ts +4 -0
  190. package/es/assets/svg/Resize.js +25 -0
  191. package/es/assets/svg/Rotate.d.ts +4 -0
  192. package/es/assets/svg/Rotate.js +20 -0
  193. package/es/assets/svg/RotateArrow.d.ts +4 -0
  194. package/es/assets/svg/RotateArrow.js +21 -0
  195. package/es/assets/svg/common.d.ts +2 -0
  196. package/es/assets/svg/common.js +9 -0
  197. package/es/hooks/createControllableValue.d.ts +1 -1
  198. package/es/hooks/createControllableValue.js +16 -17
  199. package/es/hooks/createTransition.d.ts +6 -2
  200. package/es/hooks/createTransition.js +12 -8
  201. package/es/hooks/useClickAway.d.ts +1 -1
  202. package/es/hooks/useClickAway.js +4 -3
  203. package/es/hooks/useComponentSize.d.ts +3 -0
  204. package/es/hooks/useComponentSize.js +12 -0
  205. package/es/hooks/useCounter.d.ts +12 -0
  206. package/es/hooks/useCounter.js +30 -0
  207. package/es/hooks/useFocus.d.ts +2 -0
  208. package/es/hooks/useFocus.js +24 -0
  209. package/es/hooks/useHover.d.ts +2 -0
  210. package/es/hooks/useHover.js +33 -0
  211. package/es/hooks/useLocale.d.ts +1 -0
  212. package/es/hooks/useLocale.js +11 -0
  213. package/es/hooks/useMouse.d.ts +1 -0
  214. package/es/hooks/useMouse.js +18 -0
  215. package/es/hooks/useScroll.d.ts +2 -0
  216. package/es/hooks/useScroll.js +29 -0
  217. package/es/hooks/useSize.d.ts +8 -2
  218. package/es/hooks/useSize.js +25 -13
  219. package/es/hooks/useVirtualList.d.ts +14 -0
  220. package/es/hooks/useVirtualList.js +45 -0
  221. package/es/index.d.ts +59 -8
  222. package/es/index.js +53 -23
  223. package/es/locale/en_US.d.ts +3 -0
  224. package/es/locale/en_US.js +9 -0
  225. package/es/locale/index.d.ts +5 -0
  226. package/es/locale/index.js +1 -0
  227. package/es/locale/zh_CN.d.ts +3 -0
  228. package/es/locale/zh_CN.js +9 -0
  229. package/es/types/index.d.ts +11 -2
  230. package/es/utils/animation.d.ts +6 -0
  231. package/es/utils/animation.js +20 -0
  232. package/es/utils/array.d.ts +2 -1
  233. package/es/utils/array.js +5 -1
  234. package/es/utils/domPoint.d.ts +7 -0
  235. package/es/utils/domPoint.js +11 -0
  236. package/es/utils/math.d.ts +17 -0
  237. package/es/utils/math.js +25 -0
  238. package/es/utils/number.d.ts +1 -0
  239. package/es/utils/number.js +14 -0
  240. package/es/utils/setupGlobalDrag.d.ts +10 -0
  241. package/es/utils/setupGlobalDrag.js +38 -0
  242. package/es/utils/solid.d.ts +2 -2
  243. package/es/utils/solid.js +7 -8
  244. package/package.json +10 -11
  245. package/es/Button.d.ts +0 -19
  246. package/es/Button.js +0 -73
  247. package/es/ColorPicker.d.ts +0 -8
  248. package/es/ColorPicker.js +0 -6
  249. package/es/Compact.d.ts +0 -12
  250. package/es/Compact.js +0 -17
  251. package/es/DatePicker.d.ts +0 -19
  252. package/es/DatePicker.js +0 -9
  253. package/es/Image.d.ts +0 -9
  254. package/es/Image.js +0 -22
  255. package/es/Input.d.ts +0 -29
  256. package/es/Input.js +0 -144
  257. package/es/InputNumber.d.ts +0 -11
  258. package/es/InputNumber.js +0 -92
  259. package/es/Modal.d.ts +0 -48
  260. package/es/Modal.js +0 -209
  261. package/es/Popconfirm.js +0 -64
  262. package/es/Radio.d.ts +0 -27
  263. package/es/Radio.js +0 -93
  264. package/es/Result.js +0 -29
  265. package/es/Select.d.ts +0 -16
  266. package/es/Select.js +0 -113
  267. package/es/Skeleton.d.ts +0 -9
  268. package/es/Skeleton.js +0 -9
  269. package/es/Spin.d.ts +0 -9
  270. package/es/Spin.js +0 -22
  271. package/es/Switch.js +0 -30
  272. package/es/Table.js +0 -57
  273. package/es/Tabs.d.ts +0 -17
  274. package/es/Tabs.js +0 -117
  275. package/es/Timeline.js +0 -30
  276. package/es/Tooltip.d.ts +0 -34
  277. package/es/Tooltip.js +0 -302
  278. package/es/Tree.d.ts +0 -28
  279. package/es/Tree.js +0 -198
  280. package/es/Upload.d.ts +0 -11
  281. package/es/Upload.js +0 -6
  282. package/es/hooks/createUpdateEffect.d.ts +0 -5
  283. package/es/hooks/createUpdateEffect.js +0 -12
  284. package/es/utils/EventEmitter.d.ts +0 -7
  285. package/es/utils/EventEmitter.js +0 -13
  286. package/es/utils/ReactToSolid.d.ts +0 -8
  287. package/es/utils/ReactToSolid.js +0 -30
  288. package/es/utils/SolidToReact.d.ts +0 -8
  289. package/es/utils/SolidToReact.js +0 -23
  290. package/es/utils/component.d.ts +0 -31
  291. package/es/utils/component.js +0 -68
  292. package/es/utils/zh_CN.d.ts +0 -2
  293. package/es/utils/zh_CN.js +0 -236
  294. package/src/Button.tsx +0 -128
  295. package/src/Collapse/index.tsx +0 -86
  296. package/src/ColorPicker.tsx +0 -11
  297. package/src/Compact.tsx +0 -15
  298. package/src/DatePicker.tsx +0 -30
  299. package/src/Drawer/index.scss +0 -53
  300. package/src/Drawer/index.tsx +0 -212
  301. package/src/Empty/PRESENTED_IMAGE_SIMPLE.tsx +0 -15
  302. package/src/Empty/assets/EmptySvg.tsx +0 -43
  303. package/src/Empty/assets/SimpleEmptySvg.tsx +0 -16
  304. package/src/Empty/index.tsx +0 -20
  305. package/src/Form/Form.tsx +0 -94
  306. package/src/Form/FormItem.tsx +0 -141
  307. package/src/Form/context.ts +0 -16
  308. package/src/Form/index.ts +0 -13
  309. package/src/Image.tsx +0 -29
  310. package/src/Input.tsx +0 -202
  311. package/src/InputNumber.test.tsx +0 -46
  312. package/src/InputNumber.tsx +0 -125
  313. package/src/Modal.tsx +0 -220
  314. package/src/Popconfirm.tsx +0 -75
  315. package/src/Popover.tsx +0 -30
  316. package/src/Progress/index.tsx +0 -73
  317. package/src/Radio.tsx +0 -142
  318. package/src/Result.tsx +0 -38
  319. package/src/Segmented/index.tsx +0 -95
  320. package/src/Select.tsx +0 -128
  321. package/src/Skeleton.tsx +0 -14
  322. package/src/Spin.tsx +0 -23
  323. package/src/Switch.tsx +0 -34
  324. package/src/Table.tsx +0 -53
  325. package/src/Tabs.tsx +0 -131
  326. package/src/Timeline.tsx +0 -33
  327. package/src/Tooltip.tsx +0 -340
  328. package/src/Tree.tsx +0 -246
  329. package/src/Upload.tsx +0 -10
  330. package/src/hooks/createControllableValue.ts +0 -68
  331. package/src/hooks/createTransition.ts +0 -52
  332. package/src/hooks/createUpdateEffect.ts +0 -16
  333. package/src/hooks/index.ts +0 -2
  334. package/src/hooks/useClickAway.ts +0 -18
  335. package/src/hooks/useSize.ts +0 -26
  336. package/src/index.ts +0 -47
  337. package/src/types/index.ts +0 -5
  338. package/src/utils/EventEmitter.ts +0 -15
  339. package/src/utils/ReactToSolid.tsx +0 -38
  340. package/src/utils/SolidToReact.tsx +0 -27
  341. package/src/utils/array.ts +0 -21
  342. package/src/utils/component.tsx +0 -85
  343. package/src/utils/solid.ts +0 -61
  344. package/src/utils/zh_CN.ts +0 -236
  345. /package/es/{InputNumber.test.d.ts → InputNumber/index.test.d.ts} +0 -0
  346. /package/es/{Result.d.ts → Result/index.d.ts} +0 -0
  347. /package/es/{Timeline.d.ts → Timeline/index.d.ts} +0 -0
@@ -0,0 +1,594 @@
1
+ export interface SeedToken {
2
+ /**
3
+ * @nameZH 品牌主色
4
+ * @nameEN Brand Color
5
+ * @desc 品牌色是体现产品特性和传播理念最直观的视觉元素之一。在你完成品牌主色的选取之后,我们会自动帮你生成一套完整的色板,并赋予它们有效的设计语义
6
+ * @descEN Brand color is one of the most direct visual elements to reflect the characteristics and communication of the product. After you have selected the brand color, we will automatically generate a complete color palette and assign it effective design semantics.
7
+ */
8
+ colorPrimary: string;
9
+ /**
10
+ * @nameZH 成功色
11
+ * @nameEN Success Color
12
+ * @desc 用于表示操作成功的 Token 序列,如 Result、Progress 等组件会使用该组梯度变量。
13
+ * @descEN Used to represent the token sequence of operation success, such as Result, Progress and other components will use these map tokens.
14
+ */
15
+ colorSuccess: string;
16
+ /**
17
+ * @nameZH 警戒色
18
+ * @nameEN Warning Color
19
+ * @desc 用于表示操作警告的 Token 序列,如 Notification、 Alert等警告类组件或 Input 输入类等组件会使用该组梯度变量。
20
+ * @descEN Used to represent the warning map token, such as Notification, Alert, etc. Alert or Control component(like Input) will use these map tokens.
21
+ */
22
+ colorWarning: string;
23
+ /**
24
+ * @nameZH 错误色
25
+ * @nameEN Error Color
26
+ * @desc 用于表示操作失败的 Token 序列,如失败按钮、错误状态提示(Result)组件等。
27
+ * @descEN Used to represent the visual elements of the operation failure, such as the error Button, error Result component, etc.
28
+ */
29
+ colorError: string;
30
+ /**
31
+ * @nameZH 信息色
32
+ * @nameEN Info Color
33
+ * @desc 用于表示操作信息的 Token 序列,如 Alert 、Tag、 Progress 等组件都有用到该组梯度变量。
34
+ * @descEN Used to represent the operation information of the Token sequence, such as Alert, Tag, Progress, and other components use these map tokens.
35
+ */
36
+ colorInfo: string;
37
+ /**
38
+ * @nameZH 基础文本色
39
+ * @nameEN Seed Text Color
40
+ * @desc 用于派生文本色梯度的基础变量,v5 中我们添加了一层文本色的派生算法可以产出梯度明确的文本色的梯度变量。但请不要在代码中直接使用该 Seed Token !
41
+ * @descEN Used to derive the base variable of the text color gradient. In v5, we added a layer of text color derivation algorithm to produce gradient variables of text color gradient. But please do not use this Seed Token directly in the code!
42
+ */
43
+ colorTextBase: string;
44
+ /**
45
+ * @nameZH 基础背景色
46
+ * @nameEN Seed Background Color
47
+ * @desc 用于派生背景色梯度的基础变量,v5 中我们添加了一层背景色的派生算法可以产出梯度明确的背景色的梯度变量。但请不要在代码中直接使用该 Seed Token !
48
+ * @descEN Used to derive the base variable of the background color gradient. In v5, we added a layer of background color derivation algorithm to produce map token of background color. But PLEASE DO NOT USE this Seed Token directly in the code!
49
+ */
50
+ colorBgBase: string;
51
+ /**
52
+ * @nameZH 超链接颜色
53
+ * @nameEN Hyperlink color
54
+ * @desc 控制超链接的颜色。
55
+ * @descEN Control the color of hyperlink.
56
+ */
57
+ colorLink: string;
58
+ }
59
+ export type CssVariables = Record<string, string>;
60
+ export interface ColorNeutralMapToken {
61
+ /**
62
+ * @internal
63
+ */
64
+ colorTextBase: string;
65
+ /**
66
+ * @internal
67
+ */
68
+ colorBgBase: string;
69
+ /**
70
+ * @nameZH 一级文本色
71
+ * @nameEN Text Color
72
+ * @desc 最深的文本色。为了符合W3C标准,默认的文本颜色使用了该色,同时这个颜色也是最深的中性色。
73
+ * @descEN Default text color which comply with W3C standards, and this color is also the darkest neutral color.
74
+ */
75
+ colorText: string;
76
+ /**
77
+ * @nameZH 二级文本色
78
+ * @nameEN Secondary Text Color
79
+ * @desc 作为第二梯度的文本色,一般用在不那么需要强化文本颜色的场景,例如 Label 文本、Menu 的文本选中态等场景。
80
+ * @descEN The second level of text color is generally used in scenarios where text color is not emphasized, such as label text, menu text selection state, etc.
81
+ */
82
+ colorTextSecondary: string;
83
+ /**
84
+ * @nameZH 三级文本色
85
+ * @desc 第三级文本色一般用于描述性文本,例如表单的中的补充说明文本、列表的描述性文本等场景。
86
+ * @descEN The third level of text color is generally used for descriptive text, such as form supplementary explanation text, list descriptive text, etc.
87
+ */
88
+ colorTextTertiary: string;
89
+ /**
90
+ * @nameZH 四级文本色
91
+ * @desc 第四级文本色是最浅的文本色,例如表单的输入提示文本、禁用色文本等。
92
+ * @descEN The fourth level of text color is the lightest text color, such as form input prompt text, disabled color text, etc.
93
+ */
94
+ colorTextQuaternary: string;
95
+ /**
96
+ * @nameZH 一级边框色
97
+ * @nameEN Default Border Color
98
+ * @desc 默认使用的边框颜色, 用于分割不同的元素,例如:表单的分割线、卡片的分割线等。
99
+ * @descEN Default border color, used to separate different elements, such as: form separator, card separator, etc.
100
+ */
101
+ colorBorder: string;
102
+ /**
103
+ * @nameZH 二级边框色
104
+ * @nameEN Secondary Border Color
105
+ * @desc 比默认使用的边框色要浅一级,此颜色和 colorSplit 的颜色一致。使用的是实色。
106
+ * @descEN Slightly lighter than the default border color, this color is the same as `colorSplit`. Solid color is used.
107
+ */
108
+ colorBorderSecondary: string;
109
+ /**
110
+ * @nameZH 一级填充色
111
+ * @desc 最深的填充色,用于拉开与二、三级填充色的区分度,目前只用在 Slider 的 hover 效果。
112
+ * @descEN The darkest fill color is used to distinguish between the second and third level of fill color, and is currently only used in the hover effect of Slider.
113
+ */
114
+ colorFill: string;
115
+ /**
116
+ * @nameZH 二级填充色
117
+ * @desc 二级填充色可以较为明显地勾勒出元素形体,如 Rate、Skeleton 等。也可以作为三级填充色的 Hover 状态,如 Table 等。
118
+ * @descEN The second level of fill color can outline the shape of the element more clearly, such as Rate, Skeleton, etc. It can also be used as the Hover state of the third level of fill color, such as Table, etc.
119
+ */
120
+ colorFillSecondary: string;
121
+ /**
122
+ * @nameZH 三级填充色
123
+ * @desc 三级填充色用于勾勒出元素形体的场景,如 Slider、Segmented 等。如无强调需求的情况下,建议使用三级填色作为默认填色。
124
+ * @descEN The third level of fill color is used to outline the shape of the element, such as Slider, Segmented, etc. If there is no emphasis requirement, it is recommended to use the third level of fill color as the default fill color.
125
+ */
126
+ colorFillTertiary: string;
127
+ /**
128
+ * @nameZH 四级填充色
129
+ * @desc 最弱一级的填充色,适用于不易引起注意的色块,例如斑马纹、区分边界的色块等。
130
+ * @descEN The weakest level of fill color is suitable for color blocks that are not easy to attract attention, such as zebra stripes, color blocks that distinguish boundaries, etc.
131
+ */
132
+ colorFillQuaternary: string;
133
+ /**
134
+ * @nameZH 布局背景色
135
+ * @nameEN Layout Background Color
136
+ * @desc 该色用于页面整体布局的背景色,只有需要在页面中处于 B1 的视觉层级时才会使用该 token,其他用法都是错误的
137
+ * @descEN This color is used for the background color of the overall layout of the page. This token will only be used when it is necessary to be at the B1 visual level in the page. Other usages are wrong.
138
+ */
139
+ colorBgLayout: string;
140
+ /**
141
+ * @nameZH 组件容器背景色
142
+ * @desc 组件的容器背景色,例如:默认按钮、输入框等。务必不要将其与 `colorBgElevated` 混淆。
143
+ * @descEN Container background color, e.g: default button, input box, etc. Be sure not to confuse this with `colorBgElevated`.
144
+ */
145
+ colorBgContainer: string;
146
+ /**
147
+ * @nameZH 浮层容器背景色
148
+ * @desc 浮层容器背景色,在暗色模式下该 token 的色值会比 `colorBgContainer` 要亮一些。例如:模态框、弹出框、菜单等。
149
+ * @descEN Container background color of the popup layer, in dark mode the color value of this token will be a little brighter than `colorBgContainer`. E.g: modal, pop-up, menu, etc.
150
+ */
151
+ colorBgElevated: string;
152
+ /**
153
+ * @nameZH 二级容器背景色
154
+ * @desc 二级容器背景色,在暗色模式下该 token 的色值会比 `colorBgContainer` 要亮一些。例如:弹出框、菜单等。
155
+ * @descEN Secondary background color of the popup layer, in dark mode the color value of this token will be a little brighter than `colorBgContainer`. E.g: pop-up, menu, etc.
156
+ */
157
+ colorBgContainerSecondary: string;
158
+ /**
159
+ * @nameZH 三级容器背景色
160
+ * @desc 三级容器背景色,在暗色模式下该 token 的色值会比 `colorBgContainer` 要亮一些。例如:模态框、抽屉等。
161
+ * @descEN Container background color of the popup layer, in dark mode the color value of this token will be a little brighter than `colorBgContainer`. E.g: modal, drawer, etc.
162
+ */
163
+ colorBgContainerTertiary: string;
164
+ /**
165
+ * @nameZH 引起注意的背景色
166
+ * @desc 该色用于引起用户强烈关注注意的背景色,目前只用在 Tooltip 的背景色上。
167
+ * @descEN This color is used to draw the user's strong attention to the background color, and is currently only used in the background color of Tooltip.
168
+ */
169
+ colorBgSpotlight: string;
170
+ /**
171
+ * @nameZH 毛玻璃容器背景色
172
+ * @nameEN Frosted glass container background color
173
+ * @desc 控制毛玻璃容器的背景色,通常为透明色。
174
+ * @descEN Control the background color of frosted glass container, usually transparent.
175
+ */
176
+ colorBgBlur: string;
177
+ }
178
+ /**
179
+ * 品牌色梯度变量
180
+ */
181
+ interface ColorPrimaryMapToken {
182
+ /**
183
+ * @nameZH 品牌主色
184
+ * @nameEN Primary color of the brand
185
+ * @desc 品牌色是体现产品特性和传播理念最直观的视觉元素之一,用于产品的主色调、主按钮、主图标、主文本等
186
+ * @descEN The brand color is one of the most intuitive visual elements that reflects product characteristics and communication concepts, and is used for the main color tone, main buttons, main icons, main text, etc. of the product.
187
+ */
188
+ colorPrimary: string;
189
+ /**
190
+ * @nameZH 主色浅色背景色
191
+ * @nameEN Light background color of primary color
192
+ * @desc 主色浅色背景颜色,一般用于视觉层级较弱的选中状态。
193
+ * @descEN Light background color of primary color, usually used for weak visual level selection state.
194
+ */
195
+ colorPrimaryBg: string;
196
+ /**
197
+ * @nameZH 主色浅色背景悬浮态
198
+ * @nameEN Hover state of light background color of primary color
199
+ * @desc 与主色浅色背景颜色相对应的悬浮态颜色。
200
+ * @descEN The hover state color corresponding to the light background color of the primary color.
201
+ */
202
+ colorPrimaryBgHover: string;
203
+ /**
204
+ * @nameZH 主色描边色
205
+ * @nameEN Border color of primary color
206
+ * @desc 主色梯度下的描边用色,用在 Slider 等组件的描边上。
207
+ * @descEN The stroke color under the main color gradient, used on the stroke of components such as Slider.
208
+ */
209
+ colorPrimaryBorder: string;
210
+ /**
211
+ * @nameZH 主色描边色悬浮态
212
+ * @nameEN Hover state of border color of primary color
213
+ * @desc 主色梯度下的描边用色的悬浮态,Slider 、Button 等组件的描边 Hover 时会使用。
214
+ * @descEN The hover state of the stroke color under the main color gradient, which will be used when the stroke Hover of components such as Slider and Button.
215
+ */
216
+ colorPrimaryBorderHover: string;
217
+ /**
218
+ * @nameZH 主色悬浮态
219
+ * @nameEN Hover state of primary color
220
+ * @desc 主色梯度下的悬浮态。
221
+ * @descEN Hover state under the main color gradient.
222
+ */
223
+ colorPrimaryHover: string;
224
+ /**
225
+ * @nameZH 主色激活态
226
+ * @nameEN Active state of primary color
227
+ * @desc 主色梯度下的深色激活态。
228
+ * @descEN Dark active state under the main color gradient.
229
+ */
230
+ colorPrimaryActive: string;
231
+ /**
232
+ * @nameZH 主色文本悬浮态
233
+ * @nameEN Hover state of text color of primary color
234
+ * @desc 主色梯度下的文本悬浮态。
235
+ * @descEN Hover state of text color under the main color gradient.
236
+ */
237
+ colorPrimaryTextHover: string;
238
+ /**
239
+ * @nameZH 主色文本
240
+ * @nameEN Text color of primary color
241
+ * @desc 主色梯度下的文本颜色。
242
+ * @descEN Text color under the main color gradient.
243
+ */
244
+ colorPrimaryText: string;
245
+ /**
246
+ * @nameZH 主色文本激活态
247
+ * @nameEN Active state of text color of primary color
248
+ * @desc 主色梯度下的文本激活态。
249
+ * @descEN Active state of text color under the main color gradient.
250
+ */
251
+ colorPrimaryTextActive: string;
252
+ }
253
+ interface ColorSuccessMapToken {
254
+ /**
255
+ * @nameZH 成功色的浅色背景颜色
256
+ * @nameEN Light Background Color of Success Color
257
+ * @desc 成功色的浅色背景颜色,用于 Tag 和 Alert 的成功态背景色
258
+ * @descEN Light background color of success color, used for Tag and Alert success state background color
259
+ */
260
+ colorSuccessBg: string;
261
+ /**
262
+ * @nameZH 成功色的浅色背景色悬浮态
263
+ * @nameEN Hover State Color of Light Success Background
264
+ * @desc 成功色浅色背景颜色,一般用于视觉层级较弱的选中状态,不过 antd 目前没有使用到该 token
265
+ * @descEN Light background color of success color, but antd does not use this token currently
266
+ */
267
+ colorSuccessBgHover: string;
268
+ /**
269
+ * @nameZH 成功色的描边色
270
+ * @nameEN Border Color of Success Color
271
+ * @desc 成功色的描边色,用于 Tag 和 Alert 的成功态描边色
272
+ * @descEN Border color of success color, used for Tag and Alert success state border color
273
+ */
274
+ colorSuccessBorder: string;
275
+ /**
276
+ * @nameZH 成功色的描边色悬浮态
277
+ * @nameEN Hover State Color of Success Border
278
+ * @desc 成功色的描边色悬浮态
279
+ * @descEN Hover state color of success color border
280
+ */
281
+ colorSuccessBorderHover: string;
282
+ /**
283
+ * @nameZH 成功色的深色悬浮态
284
+ * @nameEN Hover State Color of Dark Success
285
+ * @desc 成功色的深色悬浮态
286
+ * @descEN Hover state color of dark success color
287
+ */
288
+ colorSuccessHover: string;
289
+ /**
290
+ * @nameZH 成功色
291
+ * @nameEN Success Color
292
+ * @desc 默认的成功色,如 Result、Progress 等组件中都有使用该颜色
293
+ * @descEN Default success color, used in components such as Result and Progress
294
+ */
295
+ colorSuccess: string;
296
+ /**
297
+ * @nameZH 成功色的深色激活态
298
+ * @nameEN Active State Color of Dark Success
299
+ * @desc 成功色的深色激活态
300
+ * @descEN Active state color of dark success color
301
+ */
302
+ colorSuccessActive: string;
303
+ /**
304
+ * @nameZH 成功色的文本悬浮态
305
+ * @nameEN Hover State Color of Success Text
306
+ * @desc 成功色的文本悬浮态
307
+ * @descEN Hover state color of success color text
308
+ */
309
+ colorSuccessTextHover: string;
310
+ /**
311
+ * @nameZH 成功色的文本默认态
312
+ * @nameEN Default State Color of Success Text
313
+ * @desc 成功色的文本默认态
314
+ * @descEN Default state color of success color text
315
+ */
316
+ colorSuccessText: string;
317
+ /**
318
+ * @nameZH 成功色的文本激活态
319
+ * @nameEN Active State Color of Success Text
320
+ * @desc 成功色的文本激活态
321
+ * @descEN Active state color of success color text
322
+ */
323
+ colorSuccessTextActive: string;
324
+ }
325
+ interface ColorWarningMapToken {
326
+ /**
327
+ * @nameZH 警戒色的浅色背景颜色
328
+ * @nameEN Warning background color
329
+ * @desc 警戒色的浅色背景颜色
330
+ * @descEN The background color of the warning state.
331
+ */
332
+ colorWarningBg: string;
333
+ /**
334
+ * @nameZH 警戒色的浅色背景色悬浮态
335
+ * @nameEN Warning background color hover state
336
+ * @desc 警戒色的浅色背景色悬浮态
337
+ * @descEN The hover state background color of the warning state.
338
+ */
339
+ colorWarningBgHover: string;
340
+ /**
341
+ * @nameZH 警戒色的描边色
342
+ * @nameEN Warning border color
343
+ * @desc 警戒色的描边色
344
+ * @descEN The border color of the warning state.
345
+ */
346
+ colorWarningBorder: string;
347
+ /**
348
+ * @nameZH 警戒色的描边色悬浮态
349
+ * @nameEN Warning border color hover state
350
+ * @desc 警戒色的描边色悬浮态
351
+ * @descEN The hover state border color of the warning state.
352
+ */
353
+ colorWarningBorderHover: string;
354
+ /**
355
+ * @nameZH 警戒色的深色悬浮态
356
+ * @nameEN Warning hover color
357
+ * @desc 警戒色的深色悬浮态
358
+ * @descEN The hover state of the warning color.
359
+ */
360
+ colorWarningHover: string;
361
+ /**
362
+ * @nameZH 警戒色
363
+ * @nameEN Warning color
364
+ * @desc 最常用的警戒色,例如 Notification、 Alert等警告类组件或 Input 输入类等组件会使用该颜色
365
+ * @descEN The most commonly used warning color, used for warning components such as Notification, Alert, or input components.
366
+ */
367
+ colorWarning: string;
368
+ /**
369
+ * @nameZH 警戒色的深色激活态
370
+ * @nameEN Warning active color
371
+ * @desc 警戒色的深色激活态
372
+ * @descEN The active state of the warning color.
373
+ */
374
+ colorWarningActive: string;
375
+ /**
376
+ * @nameZH 警戒色的文本悬浮态
377
+ * @nameEN Warning text hover state
378
+ * @desc 警戒色的文本悬浮态
379
+ * @descEN The hover state of the text in the warning color.
380
+ */
381
+ colorWarningTextHover: string;
382
+ /**
383
+ * @nameZH 警戒色的文本默认态
384
+ * @nameEN Warning text default state
385
+ * @desc 警戒色的文本默认态
386
+ * @descEN The default state of the text in the warning color.
387
+ */
388
+ colorWarningText: string;
389
+ /**
390
+ * @nameZH 警戒色的文本激活态
391
+ * @nameEN Warning text active state
392
+ * @desc 警戒色的文本激活态
393
+ * @descEN The active state of the text in the warning color.
394
+ */
395
+ colorWarningTextActive: string;
396
+ }
397
+ interface ColorInfoMapToken {
398
+ /**
399
+ * @nameZH 信息色的浅色背景颜色
400
+ * @nameEN Light background color of information color
401
+ * @desc 信息色的浅色背景颜色。
402
+ * @descEN Light background color of information color.
403
+ */
404
+ colorInfoBg: string;
405
+ /**
406
+ * @nameZH 信息色的浅色背景色悬浮态
407
+ * @nameEN Hover state of light background color of information color
408
+ * @desc 信息色的浅色背景色悬浮态。
409
+ * @descEN Hover state of light background color of information color.
410
+ */
411
+ colorInfoBgHover: string;
412
+ /**
413
+ * @nameZH 信息色的描边色
414
+ * @nameEN Border color of information color
415
+ * @desc 信息色的描边色。
416
+ * @descEN Border color of information color.
417
+ */
418
+ colorInfoBorder: string;
419
+ /**
420
+ * @nameZH 信息色的描边色悬浮态
421
+ * @nameEN Hover state of border color of information color
422
+ * @desc 信息色的描边色悬浮态。
423
+ * @descEN Hover state of border color of information color.
424
+ */
425
+ colorInfoBorderHover: string;
426
+ /**
427
+ * @nameZH 信息色的深色悬浮态
428
+ * @nameEN Hover state of dark color of information color
429
+ * @desc 信息色的深色悬浮态。
430
+ * @descEN Hover state of dark color of information color.
431
+ */
432
+ colorInfoHover: string;
433
+ /**
434
+ * @nameZH 信息色
435
+ * @nameEN Information color
436
+ * @desc 信息色。
437
+ * @descEN Information color.
438
+ */
439
+ colorInfo: string;
440
+ /**
441
+ * @nameZH 信息色的深色激活态
442
+ * @nameEN Active state of dark color of information color
443
+ * @desc 信息色的深色激活态。
444
+ * @descEN Active state of dark color of information color.
445
+ */
446
+ colorInfoActive: string;
447
+ /**
448
+ * @nameZH 信息色的文本悬浮态
449
+ * @nameEN Hover state of text color of information color
450
+ * @desc 信息色的文本悬浮态。
451
+ * @descEN Hover state of text color of information color.
452
+ */
453
+ colorInfoTextHover: string;
454
+ /**
455
+ * @nameZH 信息色的文本默认态
456
+ * @nameEN Default state of text color of information color
457
+ * @desc 信息色的文本默认态。
458
+ * @descEN Default state of text color of information color.
459
+ */
460
+ colorInfoText: string;
461
+ /**
462
+ * @nameZH 信息色的文本激活态
463
+ * @nameEN Active state of text color of information color
464
+ * @desc 信息色的文本激活态。
465
+ * @descEN Active state of text color of information color.
466
+ */
467
+ colorInfoTextActive: string;
468
+ }
469
+ interface ColorErrorMapToken {
470
+ /**
471
+ * @nameZH 错误色的浅色背景颜色
472
+ * @nameEN Error background color
473
+ * @desc 错误色的浅色背景颜色
474
+ * @descEN The background color of the error state.
475
+ */
476
+ colorErrorBg: string;
477
+ /**
478
+ * @nameZH 错误色的浅色背景色悬浮态
479
+ * @nameEN Error background color hover state
480
+ * @desc 错误色的浅色背景色悬浮态
481
+ * @descEN The hover state background color of the error state.
482
+ */
483
+ colorErrorBgHover: string;
484
+ /**
485
+ * @nameZH 错误色的描边色
486
+ * @nameEN Error border color
487
+ * @desc 错误色的描边色
488
+ * @descEN The border color of the error state.
489
+ */
490
+ colorErrorBorder: string;
491
+ /**
492
+ * @nameZH 错误色的描边色悬浮态
493
+ * @nameEN Error border color hover state
494
+ * @desc 错误色的描边色悬浮态
495
+ * @descEN The hover state border color of the error state.
496
+ */
497
+ colorErrorBorderHover: string;
498
+ /**
499
+ * @nameZH 错误色的深色悬浮态
500
+ * @nameEN Error hover color
501
+ * @desc 错误色的深色悬浮态
502
+ * @descEN The hover state of the error color.
503
+ */
504
+ colorErrorHover: string;
505
+ /**
506
+ * @nameZH 错误色
507
+ * @nameEN Error color
508
+ * @desc 错误色
509
+ * @descEN The color of the error state.
510
+ */
511
+ colorError: string;
512
+ /**
513
+ * @nameZH 错误色的深色激活态
514
+ * @nameEN Error active color
515
+ * @desc 错误色的深色激活态
516
+ * @descEN The active state of the error color.
517
+ */
518
+ colorErrorActive: string;
519
+ /**
520
+ * @nameZH 错误色的文本悬浮态
521
+ * @nameEN Error text hover state
522
+ * @desc 错误色的文本悬浮态
523
+ * @descEN The hover state of the text in the error color.
524
+ */
525
+ colorErrorTextHover: string;
526
+ /**
527
+ * @nameZH 错误色的文本默认态
528
+ * @nameEN Error text default state
529
+ * @desc 错误色的文本默认态
530
+ * @descEN The default state of the text in the error color.
531
+ */
532
+ colorErrorText: string;
533
+ /**
534
+ * @nameZH 错误色的文本激活态
535
+ * @nameEN Error text active state
536
+ * @desc 错误色的文本激活态
537
+ * @descEN The active state of the text in the error color.
538
+ */
539
+ colorErrorTextActive: string;
540
+ }
541
+ export interface ColorLinkMapToken {
542
+ /**
543
+ * @nameZH 超链接颜色
544
+ * @nameEN Hyperlink color
545
+ * @desc 控制超链接的颜色。
546
+ * @descEN Control the color of hyperlink.
547
+ */
548
+ colorLink: string;
549
+ /**
550
+ * @nameZH 超链接悬浮颜色
551
+ * @nameEN Hyperlink hover color
552
+ * @desc 控制超链接悬浮时的颜色。
553
+ * @descEN Control the color of hyperlink when hovering.
554
+ */
555
+ colorLinkHover: string;
556
+ /**
557
+ * @nameZH 超链接激活颜色
558
+ * @nameEN Hyperlink active color
559
+ * @desc 控制超链接被点击时的颜色。
560
+ * @descEN Control the color of hyperlink when clicked.
561
+ */
562
+ colorLinkActive: string;
563
+ }
564
+ export interface ColorMapToken extends ColorNeutralMapToken, ColorPrimaryMapToken, ColorSuccessMapToken, ColorWarningMapToken, ColorErrorMapToken, ColorInfoMapToken, ColorLinkMapToken {
565
+ /**
566
+ * @nameZH 纯白色
567
+ * @desc 不随主题变化的纯白色
568
+ * @descEN Pure white color don't changed by theme
569
+ * @default #FFFFFF
570
+ */
571
+ colorWhite: string;
572
+ /**
573
+ * @nameZH 浮层的背景蒙层颜色
574
+ * @nameEN Background color of the mask
575
+ * @desc 浮层的背景蒙层颜色,用于遮罩浮层下面的内容,Modal、Drawer 等组件的蒙层使用的是该 token
576
+ * @descEN The background color of the mask, used to cover the content below the mask, Modal, Drawer and other components use this token
577
+ */
578
+ colorBgMask: string;
579
+ }
580
+ export interface ColorMap {
581
+ 1: string;
582
+ 2: string;
583
+ 3: string;
584
+ 4: string;
585
+ 5: string;
586
+ 6: string;
587
+ 7: string;
588
+ 8: string;
589
+ 9: string;
590
+ 10: string;
591
+ }
592
+ export type GenerateColorMap = (baseColor: string) => ColorMap;
593
+ export type GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => ColorNeutralMapToken;
594
+ export {};
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,7 @@
1
+ import type { ColorMapToken, SeedToken, GenerateColorMap, GenerateNeutralColorMap } from '../types';
2
+ interface PaletteGenerators {
3
+ generateColorPalettes: GenerateColorMap;
4
+ generateNeutralColorPalettes: GenerateNeutralColorMap;
5
+ }
6
+ export default function genColorMapToken(seed: SeedToken, { generateColorPalettes, generateNeutralColorPalettes }: PaletteGenerators): ColorMapToken;
7
+ export {};
@@ -0,0 +1,85 @@
1
+ import { TinyColor } from '@ctrl/tinycolor';
2
+
3
+ function genColorMapToken(seed, {
4
+ generateColorPalettes,
5
+ generateNeutralColorPalettes
6
+ }) {
7
+ const {
8
+ colorSuccess: colorSuccessBase,
9
+ colorWarning: colorWarningBase,
10
+ colorError: colorErrorBase,
11
+ colorInfo: colorInfoBase,
12
+ colorPrimary: colorPrimaryBase,
13
+ colorBgBase,
14
+ colorTextBase
15
+ } = seed;
16
+ const primaryColors = generateColorPalettes(colorPrimaryBase);
17
+ const successColors = generateColorPalettes(colorSuccessBase);
18
+ const warningColors = generateColorPalettes(colorWarningBase);
19
+ const errorColors = generateColorPalettes(colorErrorBase);
20
+ const infoColors = generateColorPalettes(colorInfoBase);
21
+ const neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
22
+ // Color Link
23
+ const colorLink = seed.colorLink || seed.colorInfo;
24
+ const linkColors = generateColorPalettes(colorLink);
25
+ return {
26
+ ...neutralColors,
27
+ colorPrimaryBg: primaryColors[1],
28
+ colorPrimaryBgHover: primaryColors[2],
29
+ colorPrimaryBorder: primaryColors[3],
30
+ colorPrimaryBorderHover: primaryColors[4],
31
+ colorPrimaryHover: primaryColors[5],
32
+ colorPrimary: primaryColors[6],
33
+ colorPrimaryActive: primaryColors[7],
34
+ colorPrimaryTextHover: primaryColors[8],
35
+ colorPrimaryText: primaryColors[9],
36
+ colorPrimaryTextActive: primaryColors[10],
37
+ colorSuccessBg: successColors[1],
38
+ colorSuccessBgHover: successColors[2],
39
+ colorSuccessBorder: successColors[3],
40
+ colorSuccessBorderHover: successColors[4],
41
+ colorSuccessHover: successColors[4],
42
+ colorSuccess: successColors[6],
43
+ colorSuccessActive: successColors[7],
44
+ colorSuccessTextHover: successColors[8],
45
+ colorSuccessText: successColors[9],
46
+ colorSuccessTextActive: successColors[10],
47
+ colorErrorBg: errorColors[1],
48
+ colorErrorBgHover: errorColors[2],
49
+ colorErrorBorder: errorColors[3],
50
+ colorErrorBorderHover: errorColors[4],
51
+ colorErrorHover: errorColors[5],
52
+ colorError: errorColors[6],
53
+ colorErrorActive: errorColors[7],
54
+ colorErrorTextHover: errorColors[8],
55
+ colorErrorText: errorColors[9],
56
+ colorErrorTextActive: errorColors[10],
57
+ colorWarningBg: warningColors[1],
58
+ colorWarningBgHover: warningColors[2],
59
+ colorWarningBorder: warningColors[3],
60
+ colorWarningBorderHover: warningColors[4],
61
+ colorWarningHover: warningColors[4],
62
+ colorWarning: warningColors[6],
63
+ colorWarningActive: warningColors[7],
64
+ colorWarningTextHover: warningColors[8],
65
+ colorWarningText: warningColors[9],
66
+ colorWarningTextActive: warningColors[10],
67
+ colorInfoBg: infoColors[1],
68
+ colorInfoBgHover: infoColors[2],
69
+ colorInfoBorder: infoColors[3],
70
+ colorInfoBorderHover: infoColors[4],
71
+ colorInfoHover: infoColors[4],
72
+ colorInfo: infoColors[6],
73
+ colorInfoActive: infoColors[7],
74
+ colorInfoTextHover: infoColors[8],
75
+ colorInfoText: infoColors[9],
76
+ colorInfoTextActive: infoColors[10],
77
+ colorLinkHover: linkColors[4],
78
+ colorLink: linkColors[6],
79
+ colorLinkActive: linkColors[7],
80
+ colorBgMask: new TinyColor('#000').setAlpha(0.45).toRgbString(),
81
+ colorWhite: '#fff'
82
+ };
83
+ }
84
+
85
+ export { genColorMapToken as default };
@@ -0,0 +1,2 @@
1
+ declare function getAlphaColor(frontColor: string, backgroundColor: string): string;
2
+ export default getAlphaColor;