@morlay/dsh-client-ui-primitives 0.0.2-alpha.7 → 0.0.2-alpha.8

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.
@@ -1,748 +1,765 @@
1
1
  /**
2
- * 官方主题的 `--dsw-*` token 全集(367 个),由 packages/client/ui-primitives/scripts/gen-design-tokens.mts 生成,勿手改。
2
+ * 官方主题的 `--dsw-*` token 全集(373 个),由 packages/client/ui-primitives/scripts/gen-design-tokens.mts 生成,勿手改。
3
3
  *
4
4
  * 叶子是该变量的**默认值**(官方 light 主题里首次出现的定义):既是类型推导的来源,也可作 fallback。
5
5
  * `"$"` 键出现在「自身也是 token 的分支」上(命名体系里有 40 个短名同时是长名前缀的 token)。
6
6
  * 消费时只需树形状——`Token.vars()` 生成 `var(--dsw-…)`,不重新定义变量。
7
7
  * 漂移、往返与默认值完整性由 src/__tests__/design-tokens.spec.ts 守卫。 */
8
8
  export const designTokens = {
9
- "alias": {
10
- "bg": {
11
- "base": "var(--dsw-static-neutral-bluish-00)",
12
- "document": {
13
- "preview": "var(--dsw-static-neutral-bluish-750)",
14
- },
15
- "layer": {
16
- "1": "var(--dsw-static-neutral-bluish-00)",
17
- "2": "var(--dsw-static-neutral-bluish-00)",
18
- "3": "var(--dsw-static-neutral-bluish-00)",
19
- },
20
- "mask": {
21
- "1": "rgba(0, 0, 0, 0.24)",
22
- "2": "rgba(0, 0, 0, 0.12)",
23
- "3": "rgba(0, 0, 0, 0.48)",
24
- "drop": "rgba(255, 255, 255, 0.7)",
25
- "photo": "rgba(0, 0, 0, 0.88)",
26
- },
27
- "module": {
28
- "platform": "var(--dsw-static-neutral-bluish-60)",
29
- },
30
- "multi": {
31
- "select": "var(--dsw-static-neutral-bluish-60)",
32
- },
33
- "overlay": "var(--dsw-static-neutral-bluish-150)",
34
- "skeleton": "rgba(0, 0, 0, 0.04)",
35
- },
36
- "border": {
37
- "inverted": "rgba(0, 0, 0, 0)",
38
- "inverted2": "rgba(0, 0, 0, 0)",
39
- "l1": "rgba(0, 0, 0, 0.04)",
40
- "l2": {
41
- "$": "rgba(0, 0, 0, 0.1)",
42
- "darkmode": {
43
- "thin": "rgba(0, 0, 0, 0.1)",
44
- },
45
- },
46
- "l3": "rgba(0, 0, 0, 0.12)",
47
- "l4": "rgba(0, 0, 0, 0.16)",
48
- },
49
- "brand": {
50
- "primary": {
51
- "$": "var(--dsw-static-neutral-bluish-1000)",
52
- "invert": "var(--dsw-static-neutral-bluish-1000)",
53
- "new": {
54
- "colorprimary": {
55
- "new": {
56
- "color": "rgb(65, 118, 230)",
57
- },
58
- },
59
- },
60
- },
61
- "text": "var(--dsw-static-neutral-bluish-1000)",
62
- },
63
- "button": {
64
- "contrast": {
65
- "fill": "var(--dsw-static-neutral-bluish-700)",
66
- },
67
- "elevated": {
68
- "fill": "var(--dsw-static-neutral-bluish-00)",
69
- },
70
- "floating": {
71
- "fill": "var(--dsw-static-neutral-bluish-00)",
72
- "hover": "var(--dsw-static-neutral-bluish-75)",
73
- },
74
- "ghost": {
75
- "active": {
76
- "border": "var(--dsw-static-neutral-bluish-500)",
77
- "fill": "var(--dsw-static-neutral-bluish-100)",
78
- "hover": "var(--dsw-static-neutral-bluish-150)",
79
- },
80
- },
81
- "info": {
82
- "fill": "var(--dsw-static-deepseek-500)",
83
- "hover": "var(--dsw-static-deepseek-400)",
84
- },
85
- "primary": {
86
- "dimmed": "var(--dsw-static-neutral-bluish-100)",
87
- "fill": "var(--dsw-alias-brand-primary)",
88
- "hover": "var(--dsw-static-neutral-bluish-750)",
89
- },
90
- "tool": {
91
- "bar": {
92
- "fill": {
93
- "$": "rgba(84, 85, 87, 0.5)",
94
- "invisible": "rgba(31, 31, 31, 0.36)",
95
- },
96
- "hover": "rgba(84, 85, 87, 0.6)",
97
- },
98
- },
99
- },
100
- "code": {
101
- "diff": {
102
- "added": "var(--dsw-static-green-500-a08)",
103
- "deleted": "var(--dsw-static-red-600-a08)",
104
- },
105
- },
106
- "interactive": {
107
- "bg": {
108
- "active": "rgba(38, 49, 72, 0.1)",
109
- "hover": {
110
- "$": "rgba(38, 49, 72, 0.06)",
111
- "accent": "rgba(38, 49, 72, 0.14)",
112
- "danger": "rgba(236, 19, 19, 0.05)",
113
- "solid": "var(--dsw-static-neutral-bluish-75)",
114
- },
115
- },
116
- },
117
- "label": {
118
- "caption": "var(--dsw-static-neutral-bluish-400)",
119
- "dimmed": "var(--dsw-static-neutral-bluish-200)",
120
- "document": {
121
- "preview": "var(--dsw-static-neutral-bluish-200)",
122
- },
123
- "primary": {
124
- "$": "var(--dsw-static-neutral-bluish-1000)",
125
- "bluish": "var(--dsw-static-blue-900)",
126
- "dimmed": "var(--dsw-static-neutral-bluish-950)",
127
- "foreground": "var(--dsw-static-neutral-bluish-00)",
128
- "inverted": "var(--dsw-static-neutral-bluish-00)",
129
- },
130
- "secondary": "var(--dsw-static-neutral-bluish-700)",
131
- "tertiary": "var(--dsw-static-neutral-bluish-600)",
132
- },
133
- "link": "var(--dsw-static-deepseek-500)",
134
- "markdown": {
135
- "citation": "var(--dsw-static-neutral-bluish-100)",
136
- "code": {
137
- "block": {
138
- "$": "var(--dsw-static-neutral-bluish-50)",
139
- "banner": "var(--dsw-static-neutral-bluish-50)",
140
- },
141
- "segment": {
142
- "selected": "var(--dsw-static-neutral-bluish-00)",
143
- "unselected": "var(--dsw-static-neutral-bluish-75)",
144
- },
145
- },
146
- "inline": {
147
- "code": "var(--dsw-static-neutral-50)",
148
- },
149
- "placeholder": "var(--dsw-static-neutral-bluish-60)",
150
- "tag": "var(--dsw-static-neutral-bluish-75)",
151
- },
152
- "scrollbar": {
153
- "bg": {
154
- "l1": "var(--dsw-static-neutral-200)",
155
- "l2": "var(--dsw-static-neutral-200)",
156
- },
157
- "hover": {
158
- "l1": "var(--dsw-static-neutral-300)",
159
- "l2": "var(--dsw-static-neutral-300)",
160
- },
161
- },
162
- "state": {
163
- "business": {
164
- "primary": "var(--dsw-static-deepseek-500)",
165
- "tertiary": "var(--dsw-static-deepseek-100)",
166
- },
167
- "error": {
168
- "primary": "var(--dsw-static-red-600)",
169
- "secondary": "var(--dsw-static-red-400)",
170
- },
171
- "idle": {
172
- "primary": "var(--dsw-static-neutral-300)",
173
- },
174
- "success": {
175
- "primary": "var(--dsw-static-green-500)",
176
- "secondary": "var(--dsw-static-green-400)",
177
- "tertiary": "var(--dsw-static-green-100)",
178
- },
179
- "warn": {
180
- "label": "var(--dsw-static-amber-600)",
181
- "primary": "var(--dsw-static-amber-500)",
182
- "secondary": "var(--dsw-static-amber-400)",
183
- "tertiary": "var(--dsw-static-amber-100)",
184
- },
185
- },
186
- "toast": {
187
- "bg": "var(--dsw-static-neutral-bluish-800)",
188
- },
189
- "tooltip": {
190
- "bg": "var(--dsw-static-neutral-bluish-850)",
191
- },
9
+ alias: {
10
+ bg: {
11
+ base: "var(--dsw-static-neutral-bluish-00)",
12
+ document: {
13
+ preview: "var(--dsw-static-neutral-bluish-750)",
14
+ },
15
+ layer: {
16
+ "1": "var(--dsw-static-neutral-bluish-00)",
17
+ "2": "var(--dsw-static-neutral-bluish-00)",
18
+ "3": "var(--dsw-static-neutral-bluish-00)",
19
+ },
20
+ mask: {
21
+ "1": "rgba(0, 0, 0, 0.24)",
22
+ "2": "rgba(0, 0, 0, 0.12)",
23
+ "3": "rgba(0, 0, 0, 0.48)",
24
+ drop: "rgba(255, 255, 255, 0.7)",
25
+ photo: "rgba(0, 0, 0, 0.88)",
26
+ },
27
+ module: {
28
+ platform: "var(--dsw-static-neutral-bluish-60)",
29
+ },
30
+ multi: {
31
+ select: "var(--dsw-static-neutral-bluish-60)",
32
+ },
33
+ overlay: "var(--dsw-static-neutral-bluish-150)",
34
+ skeleton: "rgba(0, 0, 0, 0.04)",
35
+ },
36
+ border: {
37
+ inverted: "rgba(0, 0, 0, 0)",
38
+ inverted2: "rgba(0, 0, 0, 0)",
39
+ l1: "rgba(0, 0, 0, 0.04)",
40
+ l2: {
41
+ $: "rgba(0, 0, 0, 0.1)",
42
+ darkmode: {
43
+ thin: "rgba(0, 0, 0, 0.1)",
44
+ },
45
+ },
46
+ l3: "rgba(0, 0, 0, 0.12)",
47
+ l4: "rgba(0, 0, 0, 0.16)",
48
+ },
49
+ brand: {
50
+ primary: {
51
+ $: "var(--dsw-static-neutral-bluish-1000)",
52
+ invert: "var(--dsw-static-neutral-bluish-1000)",
53
+ new: {
54
+ colorprimary: {
55
+ new: {
56
+ color: "rgb(65, 118, 230)",
57
+ },
58
+ },
59
+ },
60
+ },
61
+ text: "var(--dsw-static-neutral-bluish-1000)",
62
+ },
63
+ button: {
64
+ contrast: {
65
+ fill: "var(--dsw-static-neutral-bluish-700)",
66
+ },
67
+ elevated: {
68
+ fill: "var(--dsw-static-neutral-bluish-00)",
69
+ },
70
+ floating: {
71
+ fill: "var(--dsw-static-neutral-bluish-00)",
72
+ hover: "var(--dsw-static-neutral-bluish-75)",
73
+ },
74
+ ghost: {
75
+ active: {
76
+ border: "var(--dsw-static-neutral-bluish-500)",
77
+ fill: "var(--dsw-static-neutral-bluish-100)",
78
+ hover: "var(--dsw-static-neutral-bluish-150)",
79
+ },
80
+ },
81
+ info: {
82
+ fill: "var(--dsw-static-deepseek-500)",
83
+ hover: "var(--dsw-static-deepseek-400)",
84
+ },
85
+ primary: {
86
+ dimmed: "var(--dsw-static-neutral-bluish-100)",
87
+ fill: "var(--dsw-alias-brand-primary)",
88
+ hover: "var(--dsw-static-neutral-bluish-750)",
89
+ },
90
+ tool: {
91
+ bar: {
92
+ fill: {
93
+ $: "rgba(84, 85, 87, 0.5)",
94
+ invisible: "rgba(31, 31, 31, 0.36)",
95
+ },
96
+ hover: "rgba(84, 85, 87, 0.6)",
97
+ },
98
+ },
99
+ },
100
+ code: {
101
+ diff: {
102
+ added: "var(--dsw-static-green-500-a08)",
103
+ deleted: "var(--dsw-static-red-600-a08)",
104
+ },
105
+ },
106
+ file: {
107
+ diff: {
108
+ added: {
109
+ bg: "rgb(230, 244, 231)",
110
+ gutter: "rgb(237, 247, 237)",
111
+ marker: "rgb(1, 162, 65)",
112
+ },
113
+ deleted: {
114
+ bg: "rgb(252, 230, 226)",
115
+ gutter: "rgb(253, 236, 233)",
116
+ marker: "rgb(186, 39, 35)",
117
+ },
118
+ },
119
+ },
120
+ interactive: {
121
+ bg: {
122
+ active: "rgba(38, 49, 72, 0.1)",
123
+ hover: {
124
+ $: "rgba(38, 49, 72, 0.06)",
125
+ accent: "rgba(38, 49, 72, 0.14)",
126
+ danger: "rgba(236, 19, 19, 0.05)",
127
+ solid: "var(--dsw-static-neutral-bluish-75)",
128
+ },
129
+ },
130
+ },
131
+ label: {
132
+ caption: "var(--dsw-static-neutral-bluish-400)",
133
+ dimmed: "var(--dsw-static-neutral-bluish-200)",
134
+ document: {
135
+ preview: "var(--dsw-static-neutral-bluish-200)",
136
+ },
137
+ primary: {
138
+ $: "var(--dsw-static-neutral-bluish-1000)",
139
+ bluish: "var(--dsw-static-blue-900)",
140
+ dimmed: "var(--dsw-static-neutral-bluish-950)",
141
+ foreground: "var(--dsw-static-neutral-bluish-00)",
142
+ inverted: "var(--dsw-static-neutral-bluish-00)",
143
+ },
144
+ secondary: "var(--dsw-static-neutral-bluish-700)",
145
+ tertiary: "var(--dsw-static-neutral-bluish-600)",
146
+ },
147
+ link: "var(--dsw-static-deepseek-500)",
148
+ markdown: {
149
+ citation: "var(--dsw-static-neutral-bluish-100)",
150
+ code: {
151
+ block: {
152
+ $: "var(--dsw-static-neutral-bluish-50)",
153
+ banner: "var(--dsw-static-neutral-bluish-50)",
154
+ },
155
+ segment: {
156
+ selected: "var(--dsw-static-neutral-bluish-00)",
157
+ unselected: "var(--dsw-static-neutral-bluish-75)",
158
+ },
159
+ },
160
+ inline: {
161
+ code: "var(--dsw-static-neutral-50)",
162
+ },
163
+ placeholder: "var(--dsw-static-neutral-bluish-60)",
164
+ tag: "var(--dsw-static-neutral-bluish-75)",
165
+ },
166
+ scrollbar: {
167
+ bg: {
168
+ l1: "var(--dsw-static-neutral-200)",
169
+ l2: "var(--dsw-static-neutral-200)",
170
+ },
171
+ hover: {
172
+ l1: "var(--dsw-static-neutral-300)",
173
+ l2: "var(--dsw-static-neutral-300)",
174
+ },
175
+ },
176
+ state: {
177
+ business: {
178
+ primary: "var(--dsw-static-deepseek-500)",
179
+ tertiary: "var(--dsw-static-deepseek-100)",
180
+ },
181
+ error: {
182
+ primary: "var(--dsw-static-red-600)",
183
+ secondary: "var(--dsw-static-red-400)",
184
+ },
185
+ idle: {
186
+ primary: "var(--dsw-static-neutral-300)",
187
+ },
188
+ success: {
189
+ primary: "var(--dsw-static-green-500)",
190
+ secondary: "var(--dsw-static-green-400)",
191
+ tertiary: "var(--dsw-static-green-100)",
192
+ },
193
+ warn: {
194
+ label: "var(--dsw-static-amber-600)",
195
+ primary: "var(--dsw-static-amber-500)",
196
+ secondary: "var(--dsw-static-amber-400)",
197
+ tertiary: "var(--dsw-static-amber-100)",
198
+ },
199
+ },
200
+ toast: {
201
+ bg: "var(--dsw-static-neutral-bluish-800)",
202
+ },
203
+ tooltip: {
204
+ bg: "var(--dsw-static-neutral-bluish-850)",
205
+ },
192
206
  },
193
- "corner": {
194
- "shape": "superellipse(1.5)",
207
+ corner: {
208
+ shape: "superellipse(1.5)",
195
209
  },
196
- "elevation": {
197
- "panel": "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.03), 0 0 16px 0 rgba(0, 0, 0, 0.02)",
198
- "prominent": "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.05)",
199
- "soft": "var(--dsw-elevation-stroke), 0 4px 16px 0 rgba(0, 0, 0, 0.03), 0 0 24px 0 rgba(0, 0, 0, 0.03)",
200
- "stroke": {
201
- "$": "0 0 0 0.5px var(--dsw-elevation-stroke-color)",
202
- "color": "var(--dsw-alias-border-l4)",
203
- },
210
+ elevation: {
211
+ panel:
212
+ "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.03), 0 0 16px 0 rgba(0, 0, 0, 0.02)",
213
+ prominent:
214
+ "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.05)",
215
+ soft: "var(--dsw-elevation-stroke), 0 4px 16px 0 rgba(0, 0, 0, 0.03), 0 0 24px 0 rgba(0, 0, 0, 0.03)",
216
+ stroke: {
217
+ $: "0 0 0 0.5px var(--dsw-elevation-stroke-color)",
218
+ color: "var(--dsw-alias-border-l4)",
219
+ },
204
220
  },
205
- "font": {
206
- "base": {
207
- "16": {
208
- "$": "16px/24px var(--dsw-font-family)",
209
- "font": {
210
- "family": "var(--dsw-font-family)",
211
- "size": "16px",
212
- "style": "normal",
213
- "weight": "400",
214
- },
215
- "line": {
216
- "height": "24px",
217
- },
218
- },
219
- "strong": {
220
- "16": {
221
- "$": "500 16px/24px var(--dsw-font-family)",
222
- "font": {
223
- "family": "var(--dsw-font-family)",
224
- "size": "16px",
225
- "style": "normal",
226
- "weight": "500",
227
- },
228
- "line": {
229
- "height": "24px",
230
- },
231
- },
232
- },
233
- },
234
- "family": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',\n 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
235
- "l": {
236
- "20": {
237
- "$": "500 20px/28px var(--dsw-font-family)",
238
- "font": {
239
- "family": "var(--dsw-font-family)",
240
- "size": "20px",
241
- "style": "normal",
242
- "weight": "500",
243
- },
244
- "line": {
245
- "height": "28px",
246
- },
247
- },
248
- },
249
- "m": {
250
- "18": {
251
- "$": "500 16px/28px var(--dsw-font-family)",
252
- "font": {
253
- "family": "var(--dsw-font-family)",
254
- "size": "16px",
255
- "style": "normal",
256
- "weight": "500",
257
- },
258
- "line": {
259
- "height": "28px",
260
- },
261
- },
262
- },
263
- "markdown": {
264
- "base": {
265
- "$": "var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
266
- "font": {
267
- "family": "var(--dsw-font-family)",
268
- "size": "var(--dsh-content-font-size, 14px)",
269
- "style": "normal",
270
- "weight": "400",
271
- },
272
- "italic": {
273
- "$": "italic var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
274
- "font": {
275
- "family": "var(--dsw-font-family)",
276
- "size": "var(--dsh-content-font-size, 14px)",
277
- "style": "italic",
278
- "weight": "400",
279
- },
280
- "line": {
281
- "height": "calc(24px + var(--dsh-content-font-delta))",
282
- },
283
- },
284
- "line": {
285
- "height": "calc(24px + var(--dsh-content-font-delta))",
286
- },
287
- "strong": {
288
- "$": "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
289
- "font": {
290
- "family": "var(--dsw-font-family)",
291
- "size": "var(--dsh-content-font-size, 14px)",
292
- "style": "normal",
293
- "weight": "600",
294
- },
295
- "italic": {
296
- "$": "italic 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
297
- "font": {
298
- "family": "var(--dsw-font-family)",
299
- "size": "var(--dsh-content-font-size, 14px)",
300
- "style": "italic",
301
- "weight": "600",
302
- },
303
- "line": {
304
- "height": "calc(24px + var(--dsh-content-font-delta))",
305
- },
306
- },
307
- "line": {
308
- "height": "calc(24px + var(--dsh-content-font-delta))",
309
- },
310
- },
311
- },
312
- "code": {
313
- "$": "12px/19px var(--ds-font-family-code)",
314
- "block": {
315
- "$": "11px/19px var(--ds-font-family-code)",
316
- "font": {
317
- "family": "var(--ds-font-family-code)",
318
- "size": "11px",
319
- "style": "normal",
320
- "weight": "400",
321
- },
322
- "line": {
323
- "height": "19px",
324
- },
325
- "small": {
326
- "$": "11px/16px var(--ds-font-family-code)",
327
- "font": {
328
- "family": "var(--ds-font-family-code)",
329
- "size": "11px",
330
- "style": "normal",
331
- "weight": "400",
332
- },
333
- "line": {
334
- "height": "16px",
335
- },
336
- },
337
- },
338
- "font": {
339
- "family": "var(--ds-font-family-code)",
340
- "size": "12px",
341
- "style": "normal",
342
- "weight": "400",
343
- },
344
- "line": {
345
- "height": "19px",
346
- },
347
- },
348
- "h1": {
349
- "$": "700 calc(21px + var(--dsh-content-font-delta)) / calc(30px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
350
- "font": {
351
- "family": "var(--dsw-font-family)",
352
- "size": "calc(21px + var(--dsh-content-font-delta))",
353
- "style": "normal",
354
- "weight": "700",
355
- },
356
- "line": {
357
- "height": "calc(30px + var(--dsh-content-font-delta))",
358
- },
359
- },
360
- "h2": {
361
- "$": "700 calc(19px + var(--dsh-content-font-delta)) / calc(28px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
362
- "font": {
363
- "family": "var(--dsw-font-family)",
364
- "size": "calc(19px + var(--dsh-content-font-delta))",
365
- "style": "normal",
366
- "weight": "700",
367
- },
368
- "line": {
369
- "height": "calc(28px + var(--dsh-content-font-delta))",
370
- },
371
- },
372
- "h3": {
373
- "$": "700 calc(18px + var(--dsh-content-font-delta)) / calc(26px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
374
- "font": {
375
- "family": "var(--dsw-font-family)",
376
- "size": "calc(18px + var(--dsh-content-font-delta))",
377
- "style": "normal",
378
- "weight": "700",
379
- },
380
- "line": {
381
- "height": "calc(26px + var(--dsh-content-font-delta))",
382
- },
383
- },
384
- "h4": {
385
- "$": "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
386
- "font": {
387
- "family": "var(--dsw-font-family)",
388
- "size": "var(--dsh-content-font-size, 14px)",
389
- "style": "normal",
390
- "weight": "600",
391
- },
392
- "line": {
393
- "height": "calc(24px + var(--dsh-content-font-delta))",
394
- },
395
- },
396
- "small": {
397
- "$": "12px/20px var(--dsw-font-family)",
398
- "font": {
399
- "family": "var(--dsw-font-family)",
400
- "size": "12px",
401
- "style": "normal",
402
- "weight": "400",
403
- },
404
- "italic": {
405
- "$": "italic 12px/20px var(--dsw-font-family)",
406
- "font": {
407
- "family": "var(--dsw-font-family)",
408
- "size": "12px",
409
- "style": "italic",
410
- "weight": "400",
411
- },
412
- "line": {
413
- "height": "20px",
414
- },
415
- },
416
- "line": {
417
- "height": "20px",
418
- },
419
- "strong": {
420
- "$": "600 12px/20px var(--dsw-font-family)",
421
- "font": {
422
- "family": "var(--dsw-font-family)",
423
- "size": "12px",
424
- "style": "normal",
425
- "weight": "600",
426
- },
427
- "italic": {
428
- "$": "italic 600 12px/20px var(--dsw-font-family)",
429
- "font": {
430
- "family": "var(--dsw-font-family)",
431
- "size": "12px",
432
- "style": "italic",
433
- "weight": "600",
434
- },
435
- "line": {
436
- "height": "20px",
437
- },
438
- },
439
- "line": {
440
- "height": "20px",
441
- },
442
- },
443
- },
444
- "table": {
445
- "$": "var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
446
- "font": {
447
- "family": "var(--dsw-font-family)",
448
- "size": "var(--dsh-content-font-size-secondary, 13px)",
449
- "style": "normal",
450
- "weight": "400",
451
- },
452
- "head": {
453
- "$": "500 var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
454
- "font": {
455
- "family": "var(--dsw-font-family)",
456
- "size": "var(--dsh-content-font-size-secondary, 13px)",
457
- "style": "normal",
458
- "weight": "500",
459
- },
460
- "line": {
461
- "height": "calc(22px + var(--dsh-content-font-delta-secondary, 0px))",
462
- },
463
- },
464
- "line": {
465
- "height": "calc(22px + var(--dsh-content-font-delta-secondary, 0px))",
466
- },
467
- },
468
- },
469
- "s": {
470
- "14": {
471
- "$": "14px/22px var(--dsw-font-family)",
472
- "font": {
473
- "family": "var(--dsw-font-family)",
474
- "size": "14px",
475
- "style": "normal",
476
- "weight": "400",
477
- },
478
- "line": {
479
- "height": "22px",
480
- },
481
- },
482
- "strong": {
483
- "14": {
484
- "$": "500 14px/22px var(--dsw-font-family)",
485
- "font": {
486
- "family": "var(--dsw-font-family)",
487
- "size": "14px",
488
- "style": "normal",
489
- "weight": "500",
490
- },
491
- "line": {
492
- "height": "22px",
493
- },
494
- },
495
- },
496
- },
497
- "xl": {
498
- "24": {
499
- "$": "600 24px/32px var(--dsw-font-family)",
500
- "font": {
501
- "family": "var(--dsw-font-family)",
502
- "size": "24px",
503
- "style": "normal",
504
- "weight": "600",
505
- },
506
- "line": {
507
- "height": "32px",
508
- },
509
- },
510
- },
511
- "xs": {
512
- "13": {
513
- "$": "13px/20px var(--dsw-font-family)",
514
- "font": {
515
- "family": "var(--dsw-font-family)",
516
- "size": "13px",
517
- "style": "normal",
518
- "weight": "400",
519
- },
520
- "line": {
521
- "height": "20px",
522
- },
523
- },
524
- "strong": {
525
- "13": {
526
- "$": "500 13px/20px var(--dsw-font-family)",
527
- "font": {
528
- "family": "var(--dsw-font-family)",
529
- "size": "13px",
530
- "style": "normal",
531
- "weight": "500",
532
- },
533
- "line": {
534
- "height": "20px",
535
- },
536
- },
537
- },
538
- },
539
- "xxs": {
540
- "12": {
541
- "$": "12px/18px var(--dsw-font-family)",
542
- "font": {
543
- "family": "var(--dsw-font-family)",
544
- "size": "12px",
545
- "style": "normal",
546
- "weight": "400",
547
- },
548
- "line": {
549
- "height": "18px",
550
- },
551
- },
552
- "strong": {
553
- "12": {
554
- "$": "500 12px/18px var(--dsw-font-family)",
555
- "font": {
556
- "family": "var(--dsw-font-family)",
557
- "size": "12px",
558
- "style": "normal",
559
- "weight": "500",
560
- },
561
- "line": {
562
- "height": "18px",
563
- },
564
- },
565
- },
566
- },
567
- "xxxs": {
568
- "11": {
569
- "$": "11px/14px var(--dsw-font-family)",
570
- "font": {
571
- "family": "var(--dsw-font-family)",
572
- "size": "11px",
573
- "style": "normal",
574
- "weight": "400",
575
- },
576
- "line": {
577
- "height": "14px",
578
- },
579
- },
580
- "strong": {
581
- "11": {
582
- "$": "500 11px/14px var(--dsw-font-family)",
583
- "font": {
584
- "family": "var(--dsw-font-family)",
585
- "size": "11px",
586
- "style": "normal",
587
- "weight": "500",
588
- },
589
- "line": {
590
- "height": "14px",
591
- },
592
- },
593
- },
594
- },
221
+ font: {
222
+ base: {
223
+ "16": {
224
+ $: "16px/24px var(--dsw-font-family)",
225
+ font: {
226
+ family: "var(--dsw-font-family)",
227
+ size: "16px",
228
+ style: "normal",
229
+ weight: "400",
230
+ },
231
+ line: {
232
+ height: "24px",
233
+ },
234
+ },
235
+ strong: {
236
+ "16": {
237
+ $: "500 16px/24px var(--dsw-font-family)",
238
+ font: {
239
+ family: "var(--dsw-font-family)",
240
+ size: "16px",
241
+ style: "normal",
242
+ weight: "500",
243
+ },
244
+ line: {
245
+ height: "24px",
246
+ },
247
+ },
248
+ },
249
+ },
250
+ family:
251
+ "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',\n 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
252
+ l: {
253
+ "20": {
254
+ $: "500 20px/28px var(--dsw-font-family)",
255
+ font: {
256
+ family: "var(--dsw-font-family)",
257
+ size: "20px",
258
+ style: "normal",
259
+ weight: "500",
260
+ },
261
+ line: {
262
+ height: "28px",
263
+ },
264
+ },
265
+ },
266
+ m: {
267
+ "18": {
268
+ $: "500 16px/28px var(--dsw-font-family)",
269
+ font: {
270
+ family: "var(--dsw-font-family)",
271
+ size: "16px",
272
+ style: "normal",
273
+ weight: "500",
274
+ },
275
+ line: {
276
+ height: "28px",
277
+ },
278
+ },
279
+ },
280
+ markdown: {
281
+ base: {
282
+ $: "var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
283
+ font: {
284
+ family: "var(--dsw-font-family)",
285
+ size: "var(--dsh-content-font-size, 14px)",
286
+ style: "normal",
287
+ weight: "400",
288
+ },
289
+ italic: {
290
+ $: "italic var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
291
+ font: {
292
+ family: "var(--dsw-font-family)",
293
+ size: "var(--dsh-content-font-size, 14px)",
294
+ style: "italic",
295
+ weight: "400",
296
+ },
297
+ line: {
298
+ height: "calc(24px + var(--dsh-content-font-delta))",
299
+ },
300
+ },
301
+ line: {
302
+ height: "calc(24px + var(--dsh-content-font-delta))",
303
+ },
304
+ strong: {
305
+ $: "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
306
+ font: {
307
+ family: "var(--dsw-font-family)",
308
+ size: "var(--dsh-content-font-size, 14px)",
309
+ style: "normal",
310
+ weight: "600",
311
+ },
312
+ italic: {
313
+ $: "italic 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
314
+ font: {
315
+ family: "var(--dsw-font-family)",
316
+ size: "var(--dsh-content-font-size, 14px)",
317
+ style: "italic",
318
+ weight: "600",
319
+ },
320
+ line: {
321
+ height: "calc(24px + var(--dsh-content-font-delta))",
322
+ },
323
+ },
324
+ line: {
325
+ height: "calc(24px + var(--dsh-content-font-delta))",
326
+ },
327
+ },
328
+ },
329
+ code: {
330
+ $: "12px/19px var(--ds-font-family-code)",
331
+ block: {
332
+ $: "11px/19px var(--ds-font-family-code)",
333
+ font: {
334
+ family: "var(--ds-font-family-code)",
335
+ size: "11px",
336
+ style: "normal",
337
+ weight: "400",
338
+ },
339
+ line: {
340
+ height: "19px",
341
+ },
342
+ small: {
343
+ $: "11px/16px var(--ds-font-family-code)",
344
+ font: {
345
+ family: "var(--ds-font-family-code)",
346
+ size: "11px",
347
+ style: "normal",
348
+ weight: "400",
349
+ },
350
+ line: {
351
+ height: "16px",
352
+ },
353
+ },
354
+ },
355
+ font: {
356
+ family: "var(--ds-font-family-code)",
357
+ size: "12px",
358
+ style: "normal",
359
+ weight: "400",
360
+ },
361
+ line: {
362
+ height: "19px",
363
+ },
364
+ },
365
+ h1: {
366
+ $: "700 calc(21px + var(--dsh-content-font-delta)) / calc(30px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
367
+ font: {
368
+ family: "var(--dsw-font-family)",
369
+ size: "calc(21px + var(--dsh-content-font-delta))",
370
+ style: "normal",
371
+ weight: "700",
372
+ },
373
+ line: {
374
+ height: "calc(30px + var(--dsh-content-font-delta))",
375
+ },
376
+ },
377
+ h2: {
378
+ $: "700 calc(19px + var(--dsh-content-font-delta)) / calc(28px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
379
+ font: {
380
+ family: "var(--dsw-font-family)",
381
+ size: "calc(19px + var(--dsh-content-font-delta))",
382
+ style: "normal",
383
+ weight: "700",
384
+ },
385
+ line: {
386
+ height: "calc(28px + var(--dsh-content-font-delta))",
387
+ },
388
+ },
389
+ h3: {
390
+ $: "700 calc(18px + var(--dsh-content-font-delta)) / calc(26px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
391
+ font: {
392
+ family: "var(--dsw-font-family)",
393
+ size: "calc(18px + var(--dsh-content-font-delta))",
394
+ style: "normal",
395
+ weight: "700",
396
+ },
397
+ line: {
398
+ height: "calc(26px + var(--dsh-content-font-delta))",
399
+ },
400
+ },
401
+ h4: {
402
+ $: "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
403
+ font: {
404
+ family: "var(--dsw-font-family)",
405
+ size: "var(--dsh-content-font-size, 14px)",
406
+ style: "normal",
407
+ weight: "600",
408
+ },
409
+ line: {
410
+ height: "calc(24px + var(--dsh-content-font-delta))",
411
+ },
412
+ },
413
+ small: {
414
+ $: "12px/20px var(--dsw-font-family)",
415
+ font: {
416
+ family: "var(--dsw-font-family)",
417
+ size: "12px",
418
+ style: "normal",
419
+ weight: "400",
420
+ },
421
+ italic: {
422
+ $: "italic 12px/20px var(--dsw-font-family)",
423
+ font: {
424
+ family: "var(--dsw-font-family)",
425
+ size: "12px",
426
+ style: "italic",
427
+ weight: "400",
428
+ },
429
+ line: {
430
+ height: "20px",
431
+ },
432
+ },
433
+ line: {
434
+ height: "20px",
435
+ },
436
+ strong: {
437
+ $: "600 12px/20px var(--dsw-font-family)",
438
+ font: {
439
+ family: "var(--dsw-font-family)",
440
+ size: "12px",
441
+ style: "normal",
442
+ weight: "600",
443
+ },
444
+ italic: {
445
+ $: "italic 600 12px/20px var(--dsw-font-family)",
446
+ font: {
447
+ family: "var(--dsw-font-family)",
448
+ size: "12px",
449
+ style: "italic",
450
+ weight: "600",
451
+ },
452
+ line: {
453
+ height: "20px",
454
+ },
455
+ },
456
+ line: {
457
+ height: "20px",
458
+ },
459
+ },
460
+ },
461
+ table: {
462
+ $: "var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
463
+ font: {
464
+ family: "var(--dsw-font-family)",
465
+ size: "var(--dsh-content-font-size-secondary, 13px)",
466
+ style: "normal",
467
+ weight: "400",
468
+ },
469
+ head: {
470
+ $: "500 var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
471
+ font: {
472
+ family: "var(--dsw-font-family)",
473
+ size: "var(--dsh-content-font-size-secondary, 13px)",
474
+ style: "normal",
475
+ weight: "500",
476
+ },
477
+ line: {
478
+ height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))",
479
+ },
480
+ },
481
+ line: {
482
+ height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))",
483
+ },
484
+ },
485
+ },
486
+ s: {
487
+ "14": {
488
+ $: "14px/22px var(--dsw-font-family)",
489
+ font: {
490
+ family: "var(--dsw-font-family)",
491
+ size: "14px",
492
+ style: "normal",
493
+ weight: "400",
494
+ },
495
+ line: {
496
+ height: "22px",
497
+ },
498
+ },
499
+ strong: {
500
+ "14": {
501
+ $: "500 14px/22px var(--dsw-font-family)",
502
+ font: {
503
+ family: "var(--dsw-font-family)",
504
+ size: "14px",
505
+ style: "normal",
506
+ weight: "500",
507
+ },
508
+ line: {
509
+ height: "22px",
510
+ },
511
+ },
512
+ },
513
+ },
514
+ xl: {
515
+ "24": {
516
+ $: "600 24px/32px var(--dsw-font-family)",
517
+ font: {
518
+ family: "var(--dsw-font-family)",
519
+ size: "24px",
520
+ style: "normal",
521
+ weight: "600",
522
+ },
523
+ line: {
524
+ height: "32px",
525
+ },
526
+ },
527
+ },
528
+ xs: {
529
+ "13": {
530
+ $: "13px/20px var(--dsw-font-family)",
531
+ font: {
532
+ family: "var(--dsw-font-family)",
533
+ size: "13px",
534
+ style: "normal",
535
+ weight: "400",
536
+ },
537
+ line: {
538
+ height: "20px",
539
+ },
540
+ },
541
+ strong: {
542
+ "13": {
543
+ $: "500 13px/20px var(--dsw-font-family)",
544
+ font: {
545
+ family: "var(--dsw-font-family)",
546
+ size: "13px",
547
+ style: "normal",
548
+ weight: "500",
549
+ },
550
+ line: {
551
+ height: "20px",
552
+ },
553
+ },
554
+ },
555
+ },
556
+ xxs: {
557
+ "12": {
558
+ $: "12px/18px var(--dsw-font-family)",
559
+ font: {
560
+ family: "var(--dsw-font-family)",
561
+ size: "12px",
562
+ style: "normal",
563
+ weight: "400",
564
+ },
565
+ line: {
566
+ height: "18px",
567
+ },
568
+ },
569
+ strong: {
570
+ "12": {
571
+ $: "500 12px/18px var(--dsw-font-family)",
572
+ font: {
573
+ family: "var(--dsw-font-family)",
574
+ size: "12px",
575
+ style: "normal",
576
+ weight: "500",
577
+ },
578
+ line: {
579
+ height: "18px",
580
+ },
581
+ },
582
+ },
583
+ },
584
+ xxxs: {
585
+ "11": {
586
+ $: "11px/14px var(--dsw-font-family)",
587
+ font: {
588
+ family: "var(--dsw-font-family)",
589
+ size: "11px",
590
+ style: "normal",
591
+ weight: "400",
592
+ },
593
+ line: {
594
+ height: "14px",
595
+ },
596
+ },
597
+ strong: {
598
+ "11": {
599
+ $: "500 11px/14px var(--dsw-font-family)",
600
+ font: {
601
+ family: "var(--dsw-font-family)",
602
+ size: "11px",
603
+ style: "normal",
604
+ weight: "500",
605
+ },
606
+ line: {
607
+ height: "14px",
608
+ },
609
+ },
610
+ },
611
+ },
595
612
  },
596
- "linear": {
597
- "gradient": {
598
- "think": "linear-gradient(180deg, #fff 20.19%, rgba(255, 255, 255, 0) 100%)",
599
- },
600
- "think": {
601
- "select": "linear-gradient(180deg, #f5f6f7 20.19%, rgba(245, 246, 247, 0) 100%)",
602
- },
613
+ linear: {
614
+ gradient: {
615
+ think: "linear-gradient(180deg, #fff 20.19%, rgba(255, 255, 255, 0) 100%)",
616
+ },
617
+ think: {
618
+ select: "linear-gradient(180deg, #f5f6f7 20.19%, rgba(245, 246, 247, 0) 100%)",
619
+ },
603
620
  },
604
- "mask": {
605
- "blur": "blur(2px)",
621
+ mask: {
622
+ blur: "blur(2px)",
606
623
  },
607
- "menu": {
608
- "backdrop": {
609
- "filter": "blur(40px) saturate(150%)",
610
- },
624
+ menu: {
625
+ backdrop: {
626
+ filter: "blur(40px) saturate(150%)",
627
+ },
611
628
  },
612
- "shadow": {
613
- "lv1": {
614
- "$": "0 2px 4px 0 rgba(0, 0, 0, 0.05)",
615
- "blur": "0 4px 12px 0 rgba(0, 0, 0, 0.02)",
616
- },
617
- "lv2": "0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04)",
618
- "lv3": "0 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.02), 0 12px 32px 0 rgba(0, 0, 0, 0.08)",
629
+ shadow: {
630
+ lv1: {
631
+ $: "0 2px 4px 0 rgba(0, 0, 0, 0.05)",
632
+ blur: "0 4px 12px 0 rgba(0, 0, 0, 0.02)",
633
+ },
634
+ lv2: "0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04)",
635
+ lv3: "0 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.02), 0 12px 32px 0 rgba(0, 0, 0, 0.08)",
619
636
  },
620
- "specific": {
621
- "bubble": {
622
- "$": "var(--dsw-static-deepseek-50)",
623
- "highlight": "var(--dsw-static-deepseek-200)",
624
- },
625
- "input": {
626
- "major": "var(--dsw-static-neutral-bluish-00)",
627
- },
628
- "login": {
629
- "input": "var(--dsw-static-neutral-bluish-50)",
630
- },
631
- "menu": "rgba(248, 249, 250, 0.58)",
632
- "selector": "var(--dsw-static-neutral-bluish-60)",
633
- "sidebar": {
634
- "fill": "var(--dsw-static-neutral-bluish-50)",
635
- "nav": {
636
- "item": {
637
- "active": {
638
- "$": "var(--dsw-static-neutral-bluish-100)",
639
- "accent": "var(--dsw-static-deepseek-100)",
640
- },
641
- "hover": "var(--dsw-static-neutral-bluish-75)",
642
- },
643
- },
644
- },
645
- "tip": "var(--dsw-static-neutral-bluish-60)",
637
+ specific: {
638
+ bubble: {
639
+ $: "var(--dsw-static-deepseek-50)",
640
+ highlight: "var(--dsw-static-deepseek-200)",
641
+ },
642
+ input: {
643
+ major: "var(--dsw-static-neutral-bluish-00)",
644
+ },
645
+ login: {
646
+ input: "var(--dsw-static-neutral-bluish-50)",
647
+ },
648
+ menu: "rgba(248, 249, 250, 0.58)",
649
+ selector: "var(--dsw-static-neutral-bluish-60)",
650
+ sidebar: {
651
+ fill: "var(--dsw-static-neutral-bluish-50)",
652
+ nav: {
653
+ item: {
654
+ active: {
655
+ $: "var(--dsw-static-neutral-bluish-100)",
656
+ accent: "var(--dsw-static-deepseek-100)",
657
+ },
658
+ hover: "var(--dsw-static-neutral-bluish-75)",
659
+ },
660
+ },
661
+ },
662
+ tip: "var(--dsw-static-neutral-bluish-60)",
646
663
  },
647
- "static": {
648
- "amber": {
649
- "100": "rgb(254, 245, 231)",
650
- "400": "rgb(247, 173, 49)",
651
- "500": "rgb(245, 158, 11)",
652
- "600": "rgb(221, 134, 41)",
653
- "900": "rgb(39, 36, 31)",
654
- },
655
- "blue": {
656
- "50": "rgb(239, 246, 255)",
657
- "75": "rgb(229, 240, 255)",
658
- "100": "rgb(219, 234, 254)",
659
- "300": "rgb(147, 197, 253)",
660
- "400": "rgb(96, 165, 250)",
661
- "450": "rgb(77, 147, 248)",
662
- "500": "rgb(59, 130, 246)",
663
- "600": "rgb(37, 99, 235)",
664
- "800": "rgb(30, 64, 175)",
665
- "900": "rgb(14, 48, 116)",
666
- "950": "rgb(23, 37, 84)",
667
- "50p": "rgb(234, 243, 255)",
668
- },
669
- "deepseek": {
670
- "50": "rgb(237, 243, 254)",
671
- "100": "rgb(228, 237, 253)",
672
- "200": "rgb(211, 226, 255)",
673
- "300": "rgb(183, 200, 254)",
674
- "400": "rgb(122, 170, 255)",
675
- "450": "rgb(86, 134, 254)",
676
- "500": "rgb(65, 118, 230)",
677
- "600": "rgb(72, 104, 178)",
678
- "700": {
679
- "delete": "rgb(47, 76, 143)",
680
- },
681
- "800": "rgb(52, 65, 91)",
682
- "900": "rgb(40, 49, 66)",
683
- },
684
- "green": {
685
- "100": "rgb(230, 250, 237)",
686
- "400": "rgb(78, 209, 126)",
687
- "500": {
688
- "$": "rgb(34, 197, 94)",
689
- "a08": "rgb(34 197 94 / 8%)",
690
- "a12": "rgb(34 197 94 / 12%)",
691
- },
692
- "900": "rgb(35, 60, 44)",
693
- },
694
- "neutral": {
695
- "50": "rgb(250, 250, 250)",
696
- "100": "rgb(245, 245, 245)",
697
- "150": "rgb(237, 237, 237)",
698
- "200": "rgb(229, 229, 229)",
699
- "250": "rgb(220, 220, 220)",
700
- "300": "rgb(212, 212, 212)",
701
- "400": "rgb(162, 164, 166)",
702
- "500": "rgb(127, 130, 135)",
703
- "550": "rgb(101, 103, 107)",
704
- "600": "rgb(84, 85, 87)",
705
- "700": "rgb(60, 60, 61)",
706
- "800": "rgb(41, 41, 41)",
707
- "850": "rgb(33, 33, 35)",
708
- "900": "rgb(15, 15, 15)",
709
- "1000": "rgb(0, 0, 0)",
710
- "00": "rgb(255, 255, 255)",
711
- "bluish": {
712
- "50": "rgb(249, 250, 251)",
713
- "60": "rgb(245, 246, 247)",
714
- "75": "rgb(241, 243, 245)",
715
- "100": "rgb(235, 238, 242)",
716
- "150": "rgb(233, 236, 242)",
717
- "200": "rgb(225, 229, 238)",
718
- "300": "rgb(207, 211, 214)",
719
- "400": "rgb(173, 178, 184)",
720
- "500": "rgb(151, 157, 166)",
721
- "600": "rgb(129, 133, 140)",
722
- "700": "rgb(97, 102, 107)",
723
- "750": "rgb(67, 69, 74)",
724
- "800": "rgb(53, 54, 56)",
725
- "850": "rgb(44, 44, 46)",
726
- "875": "rgb(35, 35, 36)",
727
- "900": "rgb(27, 27, 28)",
728
- "950": "rgb(21, 21, 23)",
729
- "1000": "rgb(15, 17, 21)",
730
- "00": "rgb(255, 255, 255)",
731
- },
732
- },
733
- "red": {
734
- "50": "rgb(254, 242, 242)",
735
- "100": "rgb(254, 226, 226)",
736
- "400": {
737
- "$": "rgb(242, 90, 90)",
738
- "a12": "rgb(242 90 90 / 12%)",
739
- },
740
- "500": "rgb(239, 68, 68)",
741
- "600": {
742
- "$": "rgb(236, 19, 19)",
743
- "a08": "rgb(236 19 19 / 8%)",
744
- },
745
- "900": "rgb(87, 12, 12)",
746
- },
664
+ static: {
665
+ amber: {
666
+ "100": "rgb(254, 245, 231)",
667
+ "400": "rgb(247, 173, 49)",
668
+ "500": "rgb(245, 158, 11)",
669
+ "600": "rgb(221, 134, 41)",
670
+ "900": "rgb(39, 36, 31)",
671
+ },
672
+ blue: {
673
+ "50": "rgb(239, 246, 255)",
674
+ "75": "rgb(229, 240, 255)",
675
+ "100": "rgb(219, 234, 254)",
676
+ "300": "rgb(147, 197, 253)",
677
+ "400": "rgb(96, 165, 250)",
678
+ "450": "rgb(77, 147, 248)",
679
+ "500": "rgb(59, 130, 246)",
680
+ "600": "rgb(37, 99, 235)",
681
+ "800": "rgb(30, 64, 175)",
682
+ "900": "rgb(14, 48, 116)",
683
+ "950": "rgb(23, 37, 84)",
684
+ "50p": "rgb(234, 243, 255)",
685
+ },
686
+ deepseek: {
687
+ "50": "rgb(237, 243, 254)",
688
+ "100": "rgb(228, 237, 253)",
689
+ "200": "rgb(211, 226, 255)",
690
+ "300": "rgb(183, 200, 254)",
691
+ "400": "rgb(122, 170, 255)",
692
+ "450": "rgb(86, 134, 254)",
693
+ "500": "rgb(65, 118, 230)",
694
+ "600": "rgb(72, 104, 178)",
695
+ "700": {
696
+ delete: "rgb(47, 76, 143)",
697
+ },
698
+ "800": "rgb(52, 65, 91)",
699
+ "900": "rgb(40, 49, 66)",
700
+ },
701
+ green: {
702
+ "100": "rgb(230, 250, 237)",
703
+ "400": "rgb(78, 209, 126)",
704
+ "500": {
705
+ $: "rgb(34, 197, 94)",
706
+ a08: "rgb(34 197 94 / 8%)",
707
+ a12: "rgb(34 197 94 / 12%)",
708
+ },
709
+ "900": "rgb(35, 60, 44)",
710
+ },
711
+ neutral: {
712
+ "50": "rgb(250, 250, 250)",
713
+ "100": "rgb(245, 245, 245)",
714
+ "150": "rgb(237, 237, 237)",
715
+ "200": "rgb(229, 229, 229)",
716
+ "250": "rgb(220, 220, 220)",
717
+ "300": "rgb(212, 212, 212)",
718
+ "400": "rgb(162, 164, 166)",
719
+ "500": "rgb(127, 130, 135)",
720
+ "550": "rgb(101, 103, 107)",
721
+ "600": "rgb(84, 85, 87)",
722
+ "700": "rgb(60, 60, 61)",
723
+ "800": "rgb(41, 41, 41)",
724
+ "850": "rgb(33, 33, 35)",
725
+ "900": "rgb(15, 15, 15)",
726
+ "1000": "rgb(0, 0, 0)",
727
+ "00": "rgb(255, 255, 255)",
728
+ bluish: {
729
+ "50": "rgb(249, 250, 251)",
730
+ "60": "rgb(245, 246, 247)",
731
+ "75": "rgb(241, 243, 245)",
732
+ "100": "rgb(235, 238, 242)",
733
+ "150": "rgb(233, 236, 242)",
734
+ "200": "rgb(225, 229, 238)",
735
+ "300": "rgb(207, 211, 214)",
736
+ "400": "rgb(173, 178, 184)",
737
+ "500": "rgb(151, 157, 166)",
738
+ "600": "rgb(129, 133, 140)",
739
+ "700": "rgb(97, 102, 107)",
740
+ "750": "rgb(67, 69, 74)",
741
+ "800": "rgb(53, 54, 56)",
742
+ "850": "rgb(44, 44, 46)",
743
+ "875": "rgb(35, 35, 36)",
744
+ "900": "rgb(27, 27, 28)",
745
+ "950": "rgb(21, 21, 23)",
746
+ "1000": "rgb(15, 17, 21)",
747
+ "00": "rgb(255, 255, 255)",
748
+ },
749
+ },
750
+ red: {
751
+ "50": "rgb(254, 242, 242)",
752
+ "100": "rgb(254, 226, 226)",
753
+ "400": {
754
+ $: "rgb(242, 90, 90)",
755
+ a12: "rgb(242 90 90 / 12%)",
756
+ },
757
+ "500": "rgb(239, 68, 68)",
758
+ "600": {
759
+ $: "rgb(236, 19, 19)",
760
+ a08: "rgb(236 19 19 / 8%)",
761
+ },
762
+ "900": "rgb(87, 12, 12)",
763
+ },
747
764
  },
748
- } as const
765
+ } as const;