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

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