@fle-ui/next 3.0.0-alpha.2 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (125) hide show
  1. package/es/theme/index.d.ts +21 -0
  2. package/es/theme/index.js +37 -0
  3. package/es/theme/interface/alias.d.ts +133 -0
  4. package/es/theme/interface/alias.js +1 -0
  5. package/es/theme/interface/components.d.ts +110 -0
  6. package/es/theme/interface/components.js +1 -0
  7. package/es/theme/interface/index.d.ts +13 -0
  8. package/es/theme/interface/index.js +1 -0
  9. package/es/theme/interface/maps/colors.d.ts +342 -0
  10. package/es/theme/interface/maps/colors.js +1 -0
  11. package/es/theme/interface/maps/index.d.ts +15 -0
  12. package/es/theme/interface/maps/index.js +3 -0
  13. package/es/theme/interface/maps/size.d.ts +49 -0
  14. package/es/theme/interface/maps/size.js +1 -0
  15. package/es/theme/interface/maps/style.d.ts +33 -0
  16. package/es/theme/interface/maps/style.js +1 -0
  17. package/es/theme/interface/presetColors.d.ts +8 -0
  18. package/es/theme/interface/presetColors.js +1 -0
  19. package/es/theme/interface/seeds.d.ts +139 -0
  20. package/es/theme/interface/seeds.js +1 -0
  21. package/es/theme/internal.d.ts +23 -0
  22. package/es/theme/internal.js +47 -0
  23. package/es/theme/themes/ColorMap.d.ts +15 -0
  24. package/es/theme/themes/ColorMap.js +1 -0
  25. package/es/theme/themes/compact/genCompactSizeMapToken.d.ts +2 -0
  26. package/es/theme/themes/compact/genCompactSizeMapToken.js +16 -0
  27. package/es/theme/themes/compact/index.d.ts +4 -0
  28. package/es/theme/themes/compact/index.js +34 -0
  29. package/es/theme/themes/dark/colorAlgorithm.d.ts +2 -0
  30. package/es/theme/themes/dark/colorAlgorithm.js +8 -0
  31. package/es/theme/themes/dark/colors.d.ts +3 -0
  32. package/es/theme/themes/dark/colors.js +44 -0
  33. package/es/theme/themes/dark/index.d.ts +4 -0
  34. package/es/theme/themes/dark/index.js +34 -0
  35. package/es/theme/themes/default/colorAlgorithm.d.ts +2 -0
  36. package/es/theme/themes/default/colorAlgorithm.js +8 -0
  37. package/es/theme/themes/default/colors.d.ts +3 -0
  38. package/es/theme/themes/default/colors.js +42 -0
  39. package/es/theme/themes/default/index.d.ts +2 -0
  40. package/es/theme/themes/default/index.js +30 -0
  41. package/es/theme/themes/seed.d.ts +4 -0
  42. package/es/theme/themes/seed.js +67 -0
  43. package/es/theme/themes/shared/genColorMapToken.d.ts +8 -0
  44. package/es/theme/themes/shared/genColorMapToken.js +78 -0
  45. package/es/theme/themes/shared/genCommonMapToken.d.ts +2 -0
  46. package/es/theme/themes/shared/genCommonMapToken.js +33 -0
  47. package/es/theme/themes/shared/genControlHeight.d.ts +3 -0
  48. package/es/theme/themes/shared/genControlHeight.js +10 -0
  49. package/es/theme/themes/shared/genFontSizes.d.ts +4 -0
  50. package/es/theme/themes/shared/genFontSizes.js +18 -0
  51. package/es/theme/themes/shared/genRadius.d.ts +3 -0
  52. package/es/theme/themes/shared/genRadius.js +51 -0
  53. package/es/theme/themes/shared/genSizeMapToken.d.ts +2 -0
  54. package/es/theme/themes/shared/genSizeMapToken.js +24 -0
  55. package/es/theme/util/alias.d.ts +12 -0
  56. package/es/theme/util/alias.js +169 -0
  57. package/es/theme/util/genComponentStyleHook.d.ts +25 -0
  58. package/es/theme/util/genComponentStyleHook.js +65 -0
  59. package/es/theme/util/getAlphaColor.d.ts +2 -0
  60. package/es/theme/util/getAlphaColor.js +46 -0
  61. package/es/theme/util/statistic.d.ts +18 -0
  62. package/es/theme/util/statistic.js +80 -0
  63. package/lib/theme/index.d.ts +21 -0
  64. package/lib/theme/index.js +52 -0
  65. package/lib/theme/interface/alias.d.ts +133 -0
  66. package/lib/theme/interface/alias.js +5 -0
  67. package/lib/theme/interface/components.d.ts +110 -0
  68. package/lib/theme/interface/components.js +5 -0
  69. package/lib/theme/interface/index.d.ts +13 -0
  70. package/lib/theme/interface/index.js +13 -0
  71. package/lib/theme/interface/maps/colors.d.ts +342 -0
  72. package/lib/theme/interface/maps/colors.js +5 -0
  73. package/lib/theme/interface/maps/index.d.ts +15 -0
  74. package/lib/theme/interface/maps/index.js +44 -0
  75. package/lib/theme/interface/maps/size.d.ts +49 -0
  76. package/lib/theme/interface/maps/size.js +5 -0
  77. package/lib/theme/interface/maps/style.d.ts +33 -0
  78. package/lib/theme/interface/maps/style.js +5 -0
  79. package/lib/theme/interface/presetColors.d.ts +8 -0
  80. package/lib/theme/interface/presetColors.js +8 -0
  81. package/lib/theme/interface/seeds.d.ts +139 -0
  82. package/lib/theme/interface/seeds.js +5 -0
  83. package/lib/theme/internal.d.ts +23 -0
  84. package/lib/theme/internal.js +108 -0
  85. package/lib/theme/themes/ColorMap.d.ts +15 -0
  86. package/lib/theme/themes/ColorMap.js +1 -0
  87. package/lib/theme/themes/compact/genCompactSizeMapToken.d.ts +2 -0
  88. package/lib/theme/themes/compact/genCompactSizeMapToken.js +16 -0
  89. package/lib/theme/themes/compact/index.d.ts +4 -0
  90. package/lib/theme/themes/compact/index.js +34 -0
  91. package/lib/theme/themes/dark/colorAlgorithm.d.ts +2 -0
  92. package/lib/theme/themes/dark/colorAlgorithm.js +8 -0
  93. package/lib/theme/themes/dark/colors.d.ts +3 -0
  94. package/lib/theme/themes/dark/colors.js +44 -0
  95. package/lib/theme/themes/dark/index.d.ts +4 -0
  96. package/lib/theme/themes/dark/index.js +34 -0
  97. package/lib/theme/themes/default/colorAlgorithm.d.ts +2 -0
  98. package/lib/theme/themes/default/colorAlgorithm.js +8 -0
  99. package/lib/theme/themes/default/colors.d.ts +3 -0
  100. package/lib/theme/themes/default/colors.js +42 -0
  101. package/lib/theme/themes/default/index.d.ts +2 -0
  102. package/lib/theme/themes/default/index.js +30 -0
  103. package/lib/theme/themes/seed.d.ts +4 -0
  104. package/lib/theme/themes/seed.js +67 -0
  105. package/lib/theme/themes/shared/genColorMapToken.d.ts +8 -0
  106. package/lib/theme/themes/shared/genColorMapToken.js +78 -0
  107. package/lib/theme/themes/shared/genCommonMapToken.d.ts +2 -0
  108. package/lib/theme/themes/shared/genCommonMapToken.js +33 -0
  109. package/lib/theme/themes/shared/genControlHeight.d.ts +3 -0
  110. package/lib/theme/themes/shared/genControlHeight.js +10 -0
  111. package/lib/theme/themes/shared/genFontSizes.d.ts +4 -0
  112. package/lib/theme/themes/shared/genFontSizes.js +18 -0
  113. package/lib/theme/themes/shared/genRadius.d.ts +3 -0
  114. package/lib/theme/themes/shared/genRadius.js +51 -0
  115. package/lib/theme/themes/shared/genSizeMapToken.d.ts +2 -0
  116. package/lib/theme/themes/shared/genSizeMapToken.js +24 -0
  117. package/lib/theme/util/alias.d.ts +12 -0
  118. package/lib/theme/util/alias.js +177 -0
  119. package/lib/theme/util/genComponentStyleHook.d.ts +25 -0
  120. package/lib/theme/util/genComponentStyleHook.js +79 -0
  121. package/lib/theme/util/getAlphaColor.d.ts +2 -0
  122. package/lib/theme/util/getAlphaColor.js +54 -0
  123. package/lib/theme/util/statistic.d.ts +18 -0
  124. package/lib/theme/util/statistic.js +97 -0
  125. package/package.json +1 -1
@@ -0,0 +1,342 @@
1
+ export interface ColorNeutralMapToken {
2
+ /**
3
+ * @nameZH 一级文本色
4
+ * @desc 最深的文本色。为了符合W3C标准,默认的文本颜色使用了该色,同时这个颜色也是最深的中性色。
5
+ */
6
+ colorText: string;
7
+ /**
8
+ * @nameZH 二级文本色
9
+ * @desc 作为第二梯度的文本色,一般用在不那么需要强化文本颜色的场景,例如 Label 文本、Menu 的文本选中态等场景。
10
+ */
11
+ colorTextSecondary: string;
12
+ /**
13
+ * @nameZH 三级文本色
14
+ * @desc 第三级文本色一般用于描述性文本,例如表单的中的补充说明文本、列表的描述性文本等场景。
15
+ */
16
+ colorTextTertiary: string;
17
+ /**
18
+ * @nameZH 四级文本色
19
+ * @desc 第四级文本色是最浅的文本色,例如表单的输入提示文本、禁用色文本等。
20
+ */
21
+ colorTextQuaternary: string;
22
+ /**
23
+ * @nameZH 一级边框色
24
+ * @nameEN Default Border Color
25
+ * @desc 默认使用的边框颜色, 用于分割不同的元素,例如:表单的分割线、卡片的分割线等。
26
+ * @descEN Default border color, used to separate different elements, such as: form separator, card separator, etc.
27
+ */
28
+ colorBorder: string;
29
+ /**
30
+ * @nameZH 二级边框色
31
+ * @nameEN Secondary Border Color
32
+ * @desc 比默认使用的边框色要浅一级,此颜色和 colorSplit 的颜色一致。使用的是实色。
33
+ * @descEN Slightly lighter than the default border color, this color is the same as `colorSplit`. Solid color is used.
34
+ */
35
+ colorBorderSecondary: string;
36
+ /**
37
+ * @nameZH 一级填充色
38
+ * @desc 最深的填充色,用于拉开与二、三级填充色的区分度,目前只用在 Slider 的 hover 效果。
39
+ */
40
+ colorFill: string;
41
+ /**
42
+ * @nameZH 二级填充色
43
+ * @desc 二级填充色可以较为明显地勾勒出元素形体,如 Rate、Skeleton 等。也可以作为三级填充色的 Hover 状态,如 Table 等。
44
+ */
45
+ colorFillSecondary: string;
46
+ /**
47
+ * @nameZH 三级填充色
48
+ * @desc 三级填充色用于勾勒出元素形体的场景,如 Slider、Segmented 等。如无强调需求的情况下,建议使用三级填色作为默认填色。
49
+ */
50
+ colorFillTertiary: string;
51
+ /**
52
+ * @nameZH 四级填充色
53
+ * @desc 最弱一级的填充色,适用于不易引起注意的色块,例如斑马纹、区分边界的色块等。
54
+ */
55
+ colorFillQuaternary: string;
56
+ /**
57
+ * @nameZH 布局背景色
58
+ * @desc 该色用于页面整体布局的背景色,只有需要在页面中处于 B1 的视觉层级时才会使用该 token,其他用法都是错误的
59
+ */
60
+ colorBgLayout: string;
61
+ /**
62
+ * @nameZH 组件容器背景色
63
+ * @desc 组件的容器背景色,例如:默认按钮、输入框等。务必不要将其与 `colorBgElevated` 混淆。
64
+ */
65
+ colorBgContainer: string;
66
+ /**
67
+ * @nameZH 浮层容器背景色
68
+ * @desc 浮层容器背景色,在暗色模式下该 token 的色值会比 `colorBgContainer` 要亮一些。例如:模态框、弹出框、菜单等。
69
+ */
70
+ colorBgElevated: string;
71
+ /**
72
+ * @nameZH 引起注意的背景色
73
+ * @desc 该色用于引起用户强烈关注注意的背景色,目前只用在 Tooltip 的背景色上。
74
+ */
75
+ colorBgSpotlight: string;
76
+ }
77
+ /**
78
+ * 品牌色梯度变量
79
+ */
80
+ interface ColorPrimaryMapToken {
81
+ /**
82
+ * @nameZH 品牌主色
83
+ * @desc 品牌色是体现产品特性和传播理念最直观的视觉元素之一,用于产品的主色调、主按钮、主图标、主文本等 */
84
+ colorPrimary: string;
85
+ /**
86
+ * @nameZH 主色浅色背景色
87
+ * @nameEN Light Background Color of Primary Color
88
+ * @desc 主色浅色背景颜色,一般用于视觉层级较弱的选中状态。
89
+ * @descEN Light background color of primary color, usually used for weak visual level selection state.
90
+ */
91
+ colorPrimaryBg: string;
92
+ /**
93
+ * @nameZH 主色浅色背景悬浮态
94
+ * @desc 与主色浅色背景颜色相对应的悬浮态颜色。
95
+ */
96
+ colorPrimaryBgHover: string;
97
+ /**
98
+ * @nameZH 主色描边色
99
+ * @desc 主色梯度下的描边用色,用在 Slider 组件的描边上
100
+ */
101
+ colorPrimaryBorder: string;
102
+ /**
103
+ * @nameZH 主色描边色悬浮态
104
+ * @desc 主色梯度下的描边用色的悬浮态,Slider 、Button 等组件的描边 Hover 时会使用
105
+ */
106
+ colorPrimaryBorderHover: string;
107
+ /**
108
+ * @nameZH 主色悬浮态
109
+ * @desc 主色梯度下的悬浮态,使用频率很高
110
+ */
111
+ colorPrimaryHover: string;
112
+ /**
113
+ * @nameZH 主色激活态
114
+ * @desc 主色梯度下的深色激活态
115
+ */
116
+ colorPrimaryActive: string;
117
+ /**
118
+ * @nameZH 主色文本悬浮态
119
+ * @desc 主色梯度下的文本悬浮态
120
+ */
121
+ colorPrimaryTextHover: string;
122
+ /**
123
+ * @nameZH 主色文本
124
+ * @desc 主色梯度下的文本颜色
125
+ */
126
+ colorPrimaryText: string;
127
+ /**
128
+ * @nameZH 主色文本
129
+ * @desc 主色梯度下的文本激活态
130
+ */
131
+ colorPrimaryTextActive: string;
132
+ }
133
+ interface ColorSuccessMapToken {
134
+ /**
135
+ * @nameZH 成功色的浅色背景颜色
136
+ * @nameEN Light Background Color of Success Color
137
+ * @desc 成功色的浅色背景颜色,用于 Tag 和 Alert 的成功态背景色
138
+ * @descEN Light background color of success color, used for Tag and Alert success state background color
139
+ */
140
+ colorSuccessBg: string;
141
+ /**
142
+ * @nameZH 成功色的浅色背景色悬浮态
143
+ * @nameEN Hover State Color of Light Success Background
144
+ * @desc 成功色浅色背景颜色,一般用于视觉层级较弱的选中状态,不过 antd 目前没有使用到该 token
145
+ * @descEN Light background color of success color, but antd does not use this token currently
146
+ */
147
+ colorSuccessBgHover: string;
148
+ /**
149
+ * @nameZH 成功色的描边色
150
+ * @desc 成功色的描边色,用于 Tag 和 Alert 的成功态描边色
151
+ */
152
+ colorSuccessBorder: string;
153
+ /**
154
+ * @nameZH 成功色的描边色悬浮态
155
+ * @desc 成功色的描边色悬浮态
156
+ */
157
+ colorSuccessBorderHover: string;
158
+ /**
159
+ * @nameZH 成功色的深色悬浮态
160
+ * @desc 成功色的深色悬浮态
161
+ */
162
+ colorSuccessHover: string;
163
+ /**
164
+ * @nameZH 成功色
165
+ * @desc 默认的成功色,如 Result、Progress 等组件中都有使用该颜色
166
+ */
167
+ colorSuccess: string;
168
+ /**
169
+ * @nameZH 成功色的深色激活态
170
+ * @desc 成功色的深色激活态
171
+ */
172
+ colorSuccessActive: string;
173
+ /**
174
+ * @nameZH 成功色的文本悬浮态
175
+ * @desc 成功色的文本悬浮态
176
+ */
177
+ colorSuccessTextHover: string;
178
+ /**
179
+ * @nameZH 成功色的文本默认态
180
+ * @desc 成功色的文本默认态
181
+ */
182
+ colorSuccessText: string;
183
+ /**
184
+ * @nameZH 成功色的文本激活态
185
+ * @desc 成功色的文本激活态
186
+ */
187
+ colorSuccessTextActive: string;
188
+ }
189
+ interface ColorWarningMapToken {
190
+ /**
191
+ * @nameZH 警戒色的浅色背景颜色
192
+ */
193
+ colorWarningBg: string;
194
+ /**
195
+ * @nameZH 警戒色的浅色背景色悬浮态
196
+ * @desc 警戒色的浅色背景色悬浮态
197
+ */
198
+ colorWarningBgHover: string;
199
+ /**
200
+ * @nameZH 警戒色的描边色
201
+ * @desc 警戒色的描边色
202
+ */
203
+ colorWarningBorder: string;
204
+ /**
205
+ * @nameZH 警戒色的描边色悬浮态
206
+ * @desc 警戒色的描边色悬浮态
207
+ */
208
+ colorWarningBorderHover: string;
209
+ /**
210
+ * @nameZH 警戒色的深色悬浮态
211
+ * @desc 警戒色的深色悬浮态
212
+ */
213
+ colorWarningHover: string;
214
+ /**
215
+ * @nameZH 警戒色
216
+ * @desc 最常用的警戒色,例如 Notification、 Alert等警告类组件或 Input 输入类等组件会使用该颜色
217
+ */
218
+ colorWarning: string;
219
+ /**
220
+ * @nameZH 警戒色的深色激活态
221
+ * @desc 警戒色的深色激活态
222
+ */
223
+ colorWarningActive: string;
224
+ /**
225
+ * @nameZH 警戒色的文本悬浮态
226
+ * @desc 警戒色的文本悬浮态
227
+ */
228
+ colorWarningTextHover: string;
229
+ /**
230
+ * @nameZH 警戒色的文本默认态
231
+ * @desc 警戒色的文本默认态
232
+ */
233
+ colorWarningText: string;
234
+ /**
235
+ * @nameZH 警戒色的文本激活态
236
+ * @desc 警戒色的文本激活态
237
+ */
238
+ colorWarningTextActive: string;
239
+ }
240
+ interface ColorInfoMapToken {
241
+ /**
242
+ * @nameZH 信息色的浅色背景颜色
243
+ * @desc 信息色的浅色背景颜色
244
+ */
245
+ colorInfoBg: string;
246
+ /**
247
+ * @nameZH 信息色的浅色背景色悬浮态
248
+ * @desc 信息色的浅色背景色悬浮态
249
+ */
250
+ colorInfoBgHover: string;
251
+ /**
252
+ * @nameZH 信息色的描边色
253
+ */
254
+ colorInfoBorder: string;
255
+ /**
256
+ * @nameZH 信息色的描边色悬浮态
257
+ */
258
+ colorInfoBorderHover: string;
259
+ /**
260
+ * @nameZH 信息色的深色悬浮态
261
+ */
262
+ colorInfoHover: string;
263
+ /**
264
+ * @nameZH 信息色
265
+ */
266
+ colorInfo: string;
267
+ /**
268
+ * @nameZH 信息色的深色激活态
269
+ */
270
+ colorInfoActive: string;
271
+ /**
272
+ * @nameZH 信息色的文本悬浮态
273
+ */
274
+ colorInfoTextHover: string;
275
+ /**
276
+ * @nameZH 信息色的文本默认态
277
+ */
278
+ colorInfoText: string;
279
+ /**
280
+ * @nameZH 信息色的文本激活态
281
+ */
282
+ colorInfoTextActive: string;
283
+ }
284
+ interface ColorErrorMapToken {
285
+ /**
286
+ * @nameZH 错误色的浅色背景颜色
287
+ */
288
+ colorErrorBg: string;
289
+ /**
290
+ * @nameZH 错误色的浅色背景色悬浮态
291
+ */
292
+ colorErrorBgHover: string;
293
+ /**
294
+ * @nameZH 错误色的描边色
295
+ */
296
+ colorErrorBorder: string;
297
+ /**
298
+ * @nameZH 错误色的描边色悬浮态
299
+ */
300
+ colorErrorBorderHover: string;
301
+ /**
302
+ * @nameZH 错误色的深色悬浮态
303
+ */
304
+ colorErrorHover: string;
305
+ /**
306
+ * @nameZH 错误色
307
+ */
308
+ colorError: string;
309
+ /**
310
+ * @nameZH 错误色的深色激活态
311
+ */
312
+ colorErrorActive: string;
313
+ /**
314
+ * @nameZH 错误色的文本悬浮态
315
+ */
316
+ colorErrorTextHover: string;
317
+ /**
318
+ * @nameZH 错误色的文本默认态
319
+ */
320
+ colorErrorText: string;
321
+ /**
322
+ * @nameZH 错误色的文本激活态
323
+ */
324
+ colorErrorTextActive: string;
325
+ }
326
+ export interface ColorMapToken extends ColorNeutralMapToken, ColorPrimaryMapToken, ColorSuccessMapToken, ColorWarningMapToken, ColorErrorMapToken, ColorInfoMapToken {
327
+ /**
328
+ * @nameZH 纯白色
329
+ * @desc 不随主题变化的纯白色
330
+ * @descEN Pure white color don't changed by theme
331
+ * @default #FFFFFF
332
+ */
333
+ colorWhite: string;
334
+ /**
335
+ * @nameZH 浮层的背景蒙层颜色
336
+ * @nameEN Background color of the mask
337
+ * @desc 浮层的背景蒙层颜色,用于遮罩浮层下面的内容,Modal、Drawer 等组件的蒙层使用的是该 token
338
+ * @descEN The background color of the mask, used to cover the content below the mask, Modal, Drawer and other components use this token
339
+ */
340
+ colorBgMask: string;
341
+ }
342
+ export {};
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,15 @@
1
+ import type { ColorPalettes } from '../presetColors';
2
+ import type { SeedToken } from '../seeds';
3
+ import type { SizeMapToken, HeightMapToken, FontSizeMapToken } from './size';
4
+ import type { ColorMapToken } from './colors';
5
+ import type { StyleMapToken } from './style';
6
+ export * from './colors';
7
+ export * from './style';
8
+ export * from './size';
9
+ export interface CommonMapToken extends FontSizeMapToken, StyleMapToken {
10
+ motionDurationFast: string;
11
+ motionDurationMid: string;
12
+ motionDurationSlow: string;
13
+ }
14
+ export interface MapToken extends SeedToken, ColorPalettes, ColorMapToken, SizeMapToken, HeightMapToken, StyleMapToken, CommonMapToken {
15
+ }
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var _colors = require("./colors");
8
+
9
+ Object.keys(_colors).forEach(function (key) {
10
+ if (key === "default" || key === "__esModule") return;
11
+ if (key in exports && exports[key] === _colors[key]) return;
12
+ Object.defineProperty(exports, key, {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _colors[key];
16
+ }
17
+ });
18
+ });
19
+
20
+ var _style = require("./style");
21
+
22
+ Object.keys(_style).forEach(function (key) {
23
+ if (key === "default" || key === "__esModule") return;
24
+ if (key in exports && exports[key] === _style[key]) return;
25
+ Object.defineProperty(exports, key, {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return _style[key];
29
+ }
30
+ });
31
+ });
32
+
33
+ var _size = require("./size");
34
+
35
+ Object.keys(_size).forEach(function (key) {
36
+ if (key === "default" || key === "__esModule") return;
37
+ if (key in exports && exports[key] === _size[key]) return;
38
+ Object.defineProperty(exports, key, {
39
+ enumerable: true,
40
+ get: function get() {
41
+ return _size[key];
42
+ }
43
+ });
44
+ });
@@ -0,0 +1,49 @@
1
+ export interface SizeMapToken {
2
+ /**
3
+ * @nameZH XXL
4
+ * @default 48
5
+ */
6
+ sizeXXL: number;
7
+ /**
8
+ * @nameZH XL
9
+ * @default 32
10
+ */
11
+ sizeXL: number;
12
+ /**
13
+ * @nameZH LG
14
+ * @default 24
15
+ */
16
+ sizeLG: number;
17
+ /**
18
+ * @nameZH MD
19
+ * @default 20
20
+ */
21
+ sizeMD: number;
22
+ /** Same as size by default, but could be larger in compact mode */
23
+ sizeMS: number;
24
+ /**
25
+ * @nameZH 默认
26
+ * @desc 默认尺寸
27
+ * @default 16
28
+ */
29
+ size: number;
30
+ /**
31
+ * @nameZH SM
32
+ * @default 12
33
+ */
34
+ sizeSM: number;
35
+ /**
36
+ * @nameZH XS
37
+ * @default 8
38
+ */
39
+ sizeXS: number;
40
+ /**
41
+ * @nameZH XXS
42
+ * @default 4
43
+ */
44
+ sizeXXS: number;
45
+ }
46
+ export interface HeightMapToken {
47
+ }
48
+ export interface FontSizeMapToken {
49
+ }
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,33 @@
1
+ export interface StyleMapToken {
2
+ /**
3
+ * @nameZH 线宽
4
+ * @nameEN Line Width
5
+ * @desc 描边类组件的默认线宽,如 Button、Input、Select 等输入类控件。
6
+ * @descEN The default line width of the outline class components, such as Button, Input, Select, etc.
7
+ * @default 1
8
+ */
9
+ lineWidthBold: number;
10
+ /**
11
+ * @nameZH XS号圆角
12
+ * @desc XS号圆角,用于组件中的一些小圆角,如 Segmented 、Arrow 等一些内部圆角的组件样式中。
13
+ * @descEN XS size border radius, used in some small border radius components, such as Segmented, Arrow and other components.
14
+ * @default 2
15
+ */
16
+ borderRadiusXS: number;
17
+ /**
18
+ * @nameZH SM号圆角
19
+ * @nameEN SM Border Radius
20
+ * @desc SM号圆角,用于组件小尺寸下的圆角,如 Button、Input、Select 等输入类控件在 small size 下的圆角
21
+ * @descEN SM size border radius, used in small size components, such as Button, Input, Select and other input components in small size
22
+ * @default 4
23
+ */
24
+ borderRadiusSM: number;
25
+ /**
26
+ * @nameZH LG号圆角
27
+ * @nameEN LG Border Radius
28
+ * @desc LG号圆角,用于组件中的一些大圆角,如 Card、Modal 等一些组件样式。
29
+ * @descEN LG size border radius, used in some large border radius components, such as Card, Modal and other components.
30
+ * @default 8
31
+ */
32
+ borderRadiusLG: number;
33
+ }
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,8 @@
1
+ export declare const PresetColors: readonly ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
2
+ type PresetColorKey = typeof PresetColors[number];
3
+ export type PresetColorType = Record<PresetColorKey, string>;
4
+ type ColorPaletteKeyIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
5
+ export type ColorPalettes = {
6
+ [key in `${keyof PresetColorType}-${ColorPaletteKeyIndex}`]: string;
7
+ };
8
+ export {};
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.PresetColors = void 0;
7
+ var PresetColors = ['blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold'];
8
+ exports.PresetColors = PresetColors;
@@ -0,0 +1,139 @@
1
+ import type { PresetColorType } from './presetColors';
2
+ export interface SeedToken extends PresetColorType {
3
+ /**
4
+ * @nameZH 品牌主色
5
+ * @nameEN Brand Color
6
+ * @desc 品牌色是体现产品特性和传播理念最直观的视觉元素之一。在你完成品牌主色的选取之后,我们会自动帮你生成一套完整的色板,并赋予它们有效的设计语义
7
+ * @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.
8
+ */
9
+ colorPrimary: string;
10
+ /**
11
+ * @nameZH 成功色
12
+ * @nameEN Success Color
13
+ * @desc 用于表示操作成功的 Token 序列,如 Result、Progress 等组件会使用该组梯度变量。
14
+ * @descEN Used to represent the token sequence of operation success, such as Result, Progress and other components will use these map tokens.
15
+ */
16
+ colorSuccess: string;
17
+ /**
18
+ * @nameZH 警戒色
19
+ * @nameEN Warning Color
20
+ * @desc 用于表示操作警告的 Token 序列,如 Notification、 Alert等警告类组件或 Input 输入类等组件会使用该组梯度变量。
21
+ * @descEN Used to represent the warning map token, such as Notification, Alert, etc. Alert or Control component(like Input) will use these map tokens.
22
+ */
23
+ colorWarning: string;
24
+ /**
25
+ * @nameZH 错误色
26
+ * @nameEN Error Color
27
+ * @desc 用于表示操作失败的 Token 序列,如失败按钮、错误状态提示(Result)组件等。
28
+ * @descEN Used to represent the visual elements of the operation failure, such as the error Button, error Result component, etc.
29
+ */
30
+ colorError: string;
31
+ /**
32
+ * @nameZH 信息色
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 FontFamily
54
+ * @desc Ant Design 的字体家族中优先使用系统默认的界面字体,同时提供了一套利于屏显的备用字体库,来维护在不同平台以及浏览器的显示下,字体始终保持良好的易读性和可读性,体现了友好、稳定和专业的特性。
55
+ */
56
+ fontFamily: string;
57
+ /**
58
+ * @nameZH 默认字号
59
+ * @desc 设计系统中使用最广泛的字体大小,文本梯度也将基于该字号进行派生。
60
+ * @default 14
61
+ */
62
+ fontSize: number;
63
+ /**
64
+ * @nameZH 基础线宽
65
+ * @nameEN Base Line Width
66
+ * @desc 用于控制组件边框、分割线等的宽度
67
+ * @descEN Border width of base components
68
+ */
69
+ lineWidth: number;
70
+ /**
71
+ * @nameZH 线条样式
72
+ * @nameEN Line Style
73
+ * @desc 用于控制组件边框、分割线等的样式,默认是实线
74
+ * @descEN Border style of base components
75
+ */
76
+ lineType: string;
77
+ /**
78
+ * @nameZH 基础圆角
79
+ * @nameEN Base Border Radius
80
+ * @descEN Border radius of base components
81
+ * @desc 基础组件的圆角大小,例如按钮、输入框、卡片等
82
+ */
83
+ borderRadius: number;
84
+ /**
85
+ * @nameZH 尺寸变化单位
86
+ * @nameEN Size Change Unit
87
+ * @desc 用于控制组件尺寸的变化单位,在 Ant Design 中我们的基础单位为 4 ,便于更加细致地控制尺寸梯度
88
+ * @descEN The unit of size change, in Ant Design, our base unit is 4, which is more fine-grained control of the size step
89
+ * @default 4
90
+ */
91
+ sizeUnit: number;
92
+ /**
93
+ * @nameZH 尺寸步长
94
+ * @nameEN Size Base Step
95
+ * @desc 用于控制组件尺寸的基础步长,尺寸步长结合尺寸变化单位,就可以派生各种尺寸梯度。通过调整步长即可得到不同的布局模式,例如 V5 紧凑模式下的尺寸步长为 2
96
+ * @descEN The base step of size change, the size step combined with the size change unit, can derive various size steps. By adjusting the step, you can get different layout modes, such as the size step of the compact mode of V5 is 2
97
+ * @default 4
98
+ */
99
+ sizeStep: number;
100
+ /**
101
+ * @nameZH 基础高度
102
+ * @nameEN Base Control Height
103
+ * @desc Ant Design 中按钮和输入框等基础控件的高度
104
+ * @descEN The height of the basic controls such as buttons and input boxes in Ant Design
105
+ * @default 32
106
+ */
107
+ controlHeight: number;
108
+ /**
109
+ * @nameZH 基础 zIndex
110
+ * @nameEN Base zIndex
111
+ * @desc 所有组件的基础 Z 轴值,用于一些悬浮类的组件的可以基于该值 Z 轴控制层级,例如 BackTop、 Affix 等
112
+ * @descEN The base Z axis value of all components, which can be used to control the level of some floating components based on the Z axis value, such as BackTop, Affix, etc.
113
+ *
114
+ * @default 0
115
+ */
116
+ zIndexBase: number;
117
+ /**
118
+ * @nameZH 浮层基础 zIndex
119
+ * @nameEN popup base zIndex
120
+ * @desc 浮层类组件的基础 Z 轴值,用于一些悬浮类的组件的可以基于该值 Z 轴控制层级,例如 FloatButton、 Affix、Modal 等
121
+ * @descEN Base zIndex of component like FloatButton, Affix which can be cover by large popup
122
+ * @default 1000
123
+ */
124
+ zIndexPopupBase: number;
125
+ /**
126
+ * @nameZH 动画时长变化单位
127
+ * @nameEN Animation Duration Unit
128
+ * @desc 用于控制动画时长的变化单位
129
+ * @descEN The unit of animation duration change
130
+ * @default 100ms
131
+ */
132
+ motionUnit: number;
133
+ /**
134
+ * @nameZH 线框化
135
+ * @desc 用于将组件的视觉效果变为线框化,如果需要使用 V4 的效果,需要开启配置项
136
+ * @default false
137
+ */
138
+ wireframe: boolean;
139
+ }
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });