@morlay/dsh-client-ui-primitives 0.0.2-alpha.6 → 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,732 +1,765 @@
1
1
  /**
2
- * 官方主题的 `--dsw-*` token 全集(361 个),由 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
- "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
- "idle": {
166
- "primary": "var(--dsw-static-neutral-300)",
167
- },
168
- "success": {
169
- "primary": "var(--dsw-static-green-500)",
170
- "secondary": "var(--dsw-static-green-400)",
171
- "tertiary": "var(--dsw-static-green-100)",
172
- },
173
- "warn": {
174
- "label": "var(--dsw-static-amber-600)",
175
- "primary": "var(--dsw-static-amber-500)",
176
- "secondary": "var(--dsw-static-amber-400)",
177
- "tertiary": "var(--dsw-static-amber-100)",
178
- },
179
- },
180
- "toast": {
181
- "bg": "var(--dsw-static-neutral-bluish-800)",
182
- },
183
- "tooltip": {
184
- "bg": "var(--dsw-static-neutral-bluish-850)",
185
- },
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
+ },
186
206
  },
187
- "corner": {
188
- "shape": "superellipse(1.5)",
207
+ corner: {
208
+ shape: "superellipse(1.5)",
189
209
  },
190
- "elevation": {
191
- "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)",
192
- "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)",
193
- "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)",
194
- "stroke": {
195
- "$": "0 0 0 0.5px var(--dsw-elevation-stroke-color)",
196
- "color": "var(--dsw-alias-border-l4)",
197
- },
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
+ },
198
220
  },
199
- "font": {
200
- "base": {
201
- "16": {
202
- "$": "16px/24px var(--dsw-font-family)",
203
- "font": {
204
- "family": "var(--dsw-font-family)",
205
- "size": "16px",
206
- "style": "normal",
207
- "weight": "400",
208
- },
209
- "line": {
210
- "height": "24px",
211
- },
212
- },
213
- "strong": {
214
- "16": {
215
- "$": "500 16px/24px var(--dsw-font-family)",
216
- "font": {
217
- "family": "var(--dsw-font-family)",
218
- "size": "16px",
219
- "style": "normal",
220
- "weight": "500",
221
- },
222
- "line": {
223
- "height": "24px",
224
- },
225
- },
226
- },
227
- },
228
- "family": "-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
- },
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
+ },
589
612
  },
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
- },
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
+ },
597
620
  },
598
- "mask": {
599
- "blur": "blur(2px)",
621
+ mask: {
622
+ blur: "blur(2px)",
600
623
  },
601
- "menu": {
602
- "backdrop": {
603
- "filter": "blur(40px) saturate(150%)",
604
- },
624
+ menu: {
625
+ backdrop: {
626
+ filter: "blur(40px) saturate(150%)",
627
+ },
605
628
  },
606
- "shadow": {
607
- "lv1": {
608
- "$": "0 2px 4px 0 rgba(0, 0, 0, 0.05)",
609
- "blur": "0 4px 12px 0 rgba(0, 0, 0, 0.02)",
610
- },
611
- "lv2": "0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04)",
612
- "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)",
613
636
  },
614
- "specific": {
615
- "bubble": {
616
- "$": "var(--dsw-static-deepseek-50)",
617
- "highlight": "var(--dsw-static-deepseek-200)",
618
- },
619
- "input": {
620
- "major": "var(--dsw-static-neutral-bluish-00)",
621
- },
622
- "login": {
623
- "input": "var(--dsw-static-neutral-bluish-50)",
624
- },
625
- "menu": "rgba(248, 249, 250, 0.58)",
626
- "selector": "var(--dsw-static-neutral-bluish-60)",
627
- "sidebar": {
628
- "fill": "var(--dsw-static-neutral-bluish-50)",
629
- "nav": {
630
- "item": {
631
- "active": {
632
- "$": "var(--dsw-static-neutral-bluish-100)",
633
- "accent": "var(--dsw-static-deepseek-100)",
634
- },
635
- "hover": "var(--dsw-static-neutral-bluish-75)",
636
- },
637
- },
638
- },
639
- "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)",
640
663
  },
641
- "static": {
642
- "amber": {
643
- "100": "rgb(254, 245, 231)",
644
- "400": "rgb(247, 173, 49)",
645
- "500": "rgb(245, 158, 11)",
646
- "600": "rgb(221, 134, 41)",
647
- "900": "rgb(39, 36, 31)",
648
- },
649
- "blue": {
650
- "50": "rgb(239, 246, 255)",
651
- "75": "rgb(229, 240, 255)",
652
- "100": "rgb(219, 234, 254)",
653
- "300": "rgb(147, 197, 253)",
654
- "400": "rgb(96, 165, 250)",
655
- "450": "rgb(77, 147, 248)",
656
- "500": "rgb(59, 130, 246)",
657
- "600": "rgb(37, 99, 235)",
658
- "800": "rgb(30, 64, 175)",
659
- "900": "rgb(14, 48, 116)",
660
- "950": "rgb(23, 37, 84)",
661
- "50p": "rgb(234, 243, 255)",
662
- },
663
- "deepseek": {
664
- "50": "rgb(237, 243, 254)",
665
- "100": "rgb(228, 237, 253)",
666
- "200": "rgb(211, 226, 255)",
667
- "300": "rgb(183, 200, 254)",
668
- "400": "rgb(122, 170, 255)",
669
- "450": "rgb(86, 134, 254)",
670
- "500": "rgb(65, 118, 230)",
671
- "600": "rgb(72, 104, 178)",
672
- "700": {
673
- "delete": "rgb(47, 76, 143)",
674
- },
675
- "800": "rgb(52, 65, 91)",
676
- "900": "rgb(40, 49, 66)",
677
- },
678
- "green": {
679
- "100": "rgb(230, 250, 237)",
680
- "400": "rgb(78, 209, 126)",
681
- "500": "rgb(34, 197, 94)",
682
- "900": "rgb(35, 60, 44)",
683
- },
684
- "neutral": {
685
- "50": "rgb(250, 250, 250)",
686
- "100": "rgb(245, 245, 245)",
687
- "150": "rgb(237, 237, 237)",
688
- "200": "rgb(229, 229, 229)",
689
- "250": "rgb(220, 220, 220)",
690
- "300": "rgb(212, 212, 212)",
691
- "400": "rgb(162, 164, 166)",
692
- "500": "rgb(127, 130, 135)",
693
- "550": "rgb(101, 103, 107)",
694
- "600": "rgb(84, 85, 87)",
695
- "700": "rgb(60, 60, 61)",
696
- "800": "rgb(41, 41, 41)",
697
- "850": "rgb(33, 33, 35)",
698
- "900": "rgb(15, 15, 15)",
699
- "1000": "rgb(0, 0, 0)",
700
- "00": "rgb(255, 255, 255)",
701
- "bluish": {
702
- "50": "rgb(249, 250, 251)",
703
- "60": "rgb(245, 246, 247)",
704
- "75": "rgb(241, 243, 245)",
705
- "100": "rgb(235, 238, 242)",
706
- "150": "rgb(233, 236, 242)",
707
- "200": "rgb(225, 229, 238)",
708
- "300": "rgb(207, 211, 214)",
709
- "400": "rgb(173, 178, 184)",
710
- "500": "rgb(151, 157, 166)",
711
- "600": "rgb(129, 133, 140)",
712
- "700": "rgb(97, 102, 107)",
713
- "750": "rgb(67, 69, 74)",
714
- "800": "rgb(53, 54, 56)",
715
- "850": "rgb(44, 44, 46)",
716
- "875": "rgb(35, 35, 36)",
717
- "900": "rgb(27, 27, 28)",
718
- "950": "rgb(21, 21, 23)",
719
- "1000": "rgb(15, 17, 21)",
720
- "00": "rgb(255, 255, 255)",
721
- },
722
- },
723
- "red": {
724
- "50": "rgb(254, 242, 242)",
725
- "100": "rgb(254, 226, 226)",
726
- "400": "rgb(242, 90, 90)",
727
- "500": "rgb(239, 68, 68)",
728
- "600": "rgb(236, 19, 19)",
729
- "900": "rgb(87, 12, 12)",
730
- },
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
+ },
731
764
  },
732
- } as const
765
+ } as const;