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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/README.md +275 -13
  2. package/dist/client.cjs +4959 -1057
  3. package/dist/client.d.cts +1366 -16
  4. package/dist/client.d.mts +1365 -16
  5. package/dist/rolldown-runtime-EAsCxrDo.mjs +14 -0
  6. package/locale/en.json +1 -1
  7. package/locale/zh.json +1 -1
  8. package/package.json +28 -11
  9. package/src/client/index.ts +41 -2
  10. package/src/client/schema-form/Editor.tsx +777 -0
  11. package/src/client/schema-form/SchemaForm.tsx +77 -0
  12. package/src/client/schema-form/controller.ts +457 -0
  13. package/src/client/schema-form/draft.ts +487 -0
  14. package/src/client/schema-form/fields.tsx +100 -0
  15. package/src/client/schema-form/hints.ts +286 -0
  16. package/src/client/schema-form/index.ts +188 -0
  17. package/src/client/schema-form/labels.ts +30 -0
  18. package/src/client/schema-form/lines.ts +334 -0
  19. package/src/client/schema-form/locales.ts +128 -0
  20. package/src/client/schema-form/rows.ts +153 -0
  21. package/src/client/schema-form/schema-node.ts +812 -0
  22. package/src/client/schema-form/slot-contract.ts +156 -0
  23. package/src/client/schema-form/styles.ts +310 -0
  24. package/src/client/schema-form/testing/fake-describe.ts +45 -0
  25. package/src/client/schema-form/testing/fake-scope.ts +97 -0
  26. package/src/client/schema-form/value.tsx +146 -0
  27. package/src/client/settings-form/SettingsForm.styles.ts +58 -0
  28. package/src/client/settings-form/SettingsForm.tsx +72 -0
  29. package/src/client/settings-form/fields.styles.ts +158 -0
  30. package/src/client/settings-form/fields.tsx +194 -0
  31. package/src/client/settings-form/form-model.ts +421 -0
  32. package/src/client/settings-form/index.ts +19 -0
  33. package/src/client/styling/focus.ts +9 -0
  34. package/src/client/theme.generated.ts +802 -728
  35. package/cordis.patch.yml +0 -3
@@ -1,748 +1,822 @@
1
1
  /**
2
- * 官方主题的 `--dsw-*` token 全集(367 个),由 packages/client/ui-primitives/scripts/gen-design-tokens.mts 生成,勿手改。
2
+ * 官方主题的 `--dsw-*` token 全集(395 个),由 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-100)",
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-700)",
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
+ menu: {
167
+ icon: "var(--dsw-static-neutral-bluish-800)",
168
+ },
169
+ onboarding: {
170
+ accent: "rgb(57, 100, 254)",
171
+ card: {
172
+ fill: "color-mix(in srgb, var(--dsw-static-neutral-bluish-00) 80%, transparent)",
173
+ },
174
+ checkbox: {
175
+ border: "color-mix(in srgb, var(--dsw-static-neutral-bluish-1000) 20%, transparent)",
176
+ },
177
+ secondary: {
178
+ fill: "var(--dsw-static-neutral-bluish-00)",
179
+ },
180
+ },
181
+ scrollbar: {
182
+ bg: {
183
+ l1: "var(--dsw-static-neutral-200)",
184
+ l2: "var(--dsw-static-neutral-200)",
185
+ },
186
+ hover: {
187
+ l1: "var(--dsw-static-neutral-300)",
188
+ l2: "var(--dsw-static-neutral-300)",
189
+ },
190
+ },
191
+ settings: {
192
+ card: {
193
+ fill: "var(--dsw-alias-bg-layer-2)",
194
+ stroke: "var(--dsw-alias-border-l4)",
195
+ },
196
+ },
197
+ state: {
198
+ business: {
199
+ primary: "var(--dsw-static-deepseek-500)",
200
+ tertiary: "var(--dsw-static-deepseek-100)",
201
+ },
202
+ error: {
203
+ primary: "var(--dsw-static-red-600)",
204
+ secondary: "var(--dsw-static-red-400)",
205
+ },
206
+ idle: {
207
+ primary: "var(--dsw-static-neutral-300)",
208
+ },
209
+ success: {
210
+ primary: "var(--dsw-static-green-500)",
211
+ secondary: "var(--dsw-static-green-400)",
212
+ tertiary: "var(--dsw-static-green-100)",
213
+ },
214
+ warn: {
215
+ label: "var(--dsw-static-amber-600)",
216
+ primary: "var(--dsw-static-amber-500)",
217
+ secondary: "var(--dsw-static-amber-400)",
218
+ tertiary: "var(--dsw-static-amber-100)",
219
+ },
220
+ },
221
+ toast: {
222
+ bg: "var(--dsw-static-neutral-bluish-800)",
223
+ label: "var(--dsw-static-neutral-bluish-00)",
224
+ },
225
+ tooltip: {
226
+ bg: "var(--dsw-static-neutral-bluish-850)",
227
+ key: {
228
+ bg: "color-mix(in srgb, var(--dsw-alias-tooltip-bg), white 18%)",
229
+ },
230
+ },
192
231
  },
193
- "corner": {
194
- "shape": "superellipse(1.5)",
232
+ corner: {
233
+ shape: "superellipse(1.5)",
195
234
  },
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
- },
235
+ elevation: {
236
+ panel:
237
+ "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.03), 0 0 16px 0 rgba(0, 0, 0, 0.02)",
238
+ prominent:
239
+ "var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.05)",
240
+ 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)",
241
+ stroke: {
242
+ $: "0 0 0 0.5px var(--dsw-elevation-stroke-color)",
243
+ color: "var(--dsw-alias-border-l4)",
244
+ },
204
245
  },
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
- },
246
+ focus: {
247
+ ring: {
248
+ color: "transparent",
249
+ width: "2px",
250
+ },
251
+ },
252
+ font: {
253
+ base: {
254
+ "16": {
255
+ $: "16px/24px var(--dsw-font-family)",
256
+ font: {
257
+ family: "var(--dsw-font-family)",
258
+ size: "16px",
259
+ style: "normal",
260
+ weight: "400",
261
+ },
262
+ line: {
263
+ height: "24px",
264
+ },
265
+ },
266
+ strong: {
267
+ "16": {
268
+ $: "500 16px/24px 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: "24px",
277
+ },
278
+ },
279
+ },
280
+ },
281
+ family: {
282
+ $: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',\n 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
283
+ brand: "'Montserrat', var(--dsw-font-family)",
284
+ },
285
+ l: {
286
+ "20": {
287
+ $: "500 20px/28px var(--dsw-font-family)",
288
+ font: {
289
+ family: "var(--dsw-font-family)",
290
+ size: "20px",
291
+ style: "normal",
292
+ weight: "500",
293
+ },
294
+ line: {
295
+ height: "28px",
296
+ },
297
+ },
298
+ },
299
+ m: {
300
+ "18": {
301
+ $: "500 16px/28px var(--dsw-font-family)",
302
+ font: {
303
+ family: "var(--dsw-font-family)",
304
+ size: "16px",
305
+ style: "normal",
306
+ weight: "500",
307
+ },
308
+ line: {
309
+ height: "28px",
310
+ },
311
+ },
312
+ },
313
+ markdown: {
314
+ base: {
315
+ $: "var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
316
+ font: {
317
+ family: "var(--dsw-font-family)",
318
+ size: "var(--dsh-content-font-size, 14px)",
319
+ style: "normal",
320
+ weight: "400",
321
+ },
322
+ italic: {
323
+ $: "italic var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
324
+ font: {
325
+ family: "var(--dsw-font-family)",
326
+ size: "var(--dsh-content-font-size, 14px)",
327
+ style: "italic",
328
+ weight: "400",
329
+ },
330
+ line: {
331
+ height: "calc(24px + var(--dsh-content-font-delta))",
332
+ },
333
+ },
334
+ line: {
335
+ height: "calc(24px + var(--dsh-content-font-delta))",
336
+ },
337
+ strong: {
338
+ $: "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
339
+ font: {
340
+ family: "var(--dsw-font-family)",
341
+ size: "var(--dsh-content-font-size, 14px)",
342
+ style: "normal",
343
+ weight: "600",
344
+ },
345
+ italic: {
346
+ $: "italic 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
347
+ font: {
348
+ family: "var(--dsw-font-family)",
349
+ size: "var(--dsh-content-font-size, 14px)",
350
+ style: "italic",
351
+ weight: "600",
352
+ },
353
+ line: {
354
+ height: "calc(24px + var(--dsh-content-font-delta))",
355
+ },
356
+ },
357
+ line: {
358
+ height: "calc(24px + var(--dsh-content-font-delta))",
359
+ },
360
+ },
361
+ },
362
+ code: {
363
+ $: "12px/19px var(--ds-font-family-code)",
364
+ block: {
365
+ $: "11px/19px var(--ds-font-family-code)",
366
+ font: {
367
+ family: "var(--ds-font-family-code)",
368
+ size: "11px",
369
+ style: "normal",
370
+ weight: "400",
371
+ },
372
+ line: {
373
+ height: "19px",
374
+ },
375
+ small: {
376
+ $: "11px/16px var(--ds-font-family-code)",
377
+ font: {
378
+ family: "var(--ds-font-family-code)",
379
+ size: "11px",
380
+ style: "normal",
381
+ weight: "400",
382
+ },
383
+ line: {
384
+ height: "16px",
385
+ },
386
+ },
387
+ },
388
+ font: {
389
+ family: "var(--ds-font-family-code)",
390
+ size: "12px",
391
+ style: "normal",
392
+ weight: "400",
393
+ },
394
+ line: {
395
+ height: "19px",
396
+ },
397
+ },
398
+ h1: {
399
+ $: "700 calc(21px + var(--dsh-content-font-delta)) / calc(30px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
400
+ font: {
401
+ family: "var(--dsw-font-family)",
402
+ size: "calc(21px + var(--dsh-content-font-delta))",
403
+ style: "normal",
404
+ weight: "700",
405
+ },
406
+ line: {
407
+ height: "calc(30px + var(--dsh-content-font-delta))",
408
+ },
409
+ },
410
+ h2: {
411
+ $: "700 calc(19px + var(--dsh-content-font-delta)) / calc(28px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
412
+ font: {
413
+ family: "var(--dsw-font-family)",
414
+ size: "calc(19px + var(--dsh-content-font-delta))",
415
+ style: "normal",
416
+ weight: "700",
417
+ },
418
+ line: {
419
+ height: "calc(28px + var(--dsh-content-font-delta))",
420
+ },
421
+ },
422
+ h3: {
423
+ $: "700 calc(18px + var(--dsh-content-font-delta)) / calc(26px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
424
+ font: {
425
+ family: "var(--dsw-font-family)",
426
+ size: "calc(18px + var(--dsh-content-font-delta))",
427
+ style: "normal",
428
+ weight: "700",
429
+ },
430
+ line: {
431
+ height: "calc(26px + var(--dsh-content-font-delta))",
432
+ },
433
+ },
434
+ h4: {
435
+ $: "600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family)",
436
+ font: {
437
+ family: "var(--dsw-font-family)",
438
+ size: "var(--dsh-content-font-size, 14px)",
439
+ style: "normal",
440
+ weight: "600",
441
+ },
442
+ line: {
443
+ height: "calc(24px + var(--dsh-content-font-delta))",
444
+ },
445
+ },
446
+ small: {
447
+ $: "12px/20px var(--dsw-font-family)",
448
+ font: {
449
+ family: "var(--dsw-font-family)",
450
+ size: "12px",
451
+ style: "normal",
452
+ weight: "400",
453
+ },
454
+ italic: {
455
+ $: "italic 12px/20px var(--dsw-font-family)",
456
+ font: {
457
+ family: "var(--dsw-font-family)",
458
+ size: "12px",
459
+ style: "italic",
460
+ weight: "400",
461
+ },
462
+ line: {
463
+ height: "20px",
464
+ },
465
+ },
466
+ line: {
467
+ height: "20px",
468
+ },
469
+ strong: {
470
+ $: "600 12px/20px var(--dsw-font-family)",
471
+ font: {
472
+ family: "var(--dsw-font-family)",
473
+ size: "12px",
474
+ style: "normal",
475
+ weight: "600",
476
+ },
477
+ italic: {
478
+ $: "italic 600 12px/20px var(--dsw-font-family)",
479
+ font: {
480
+ family: "var(--dsw-font-family)",
481
+ size: "12px",
482
+ style: "italic",
483
+ weight: "600",
484
+ },
485
+ line: {
486
+ height: "20px",
487
+ },
488
+ },
489
+ line: {
490
+ height: "20px",
491
+ },
492
+ },
493
+ },
494
+ table: {
495
+ $: "var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
496
+ font: {
497
+ family: "var(--dsw-font-family)",
498
+ size: "var(--dsh-content-font-size-secondary, 13px)",
499
+ style: "normal",
500
+ weight: "400",
501
+ },
502
+ head: {
503
+ $: "500 var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family)",
504
+ font: {
505
+ family: "var(--dsw-font-family)",
506
+ size: "var(--dsh-content-font-size-secondary, 13px)",
507
+ style: "normal",
508
+ weight: "500",
509
+ },
510
+ line: {
511
+ height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))",
512
+ },
513
+ },
514
+ line: {
515
+ height: "calc(22px + var(--dsh-content-font-delta-secondary, 0px))",
516
+ },
517
+ },
518
+ },
519
+ s: {
520
+ "14": {
521
+ $: "14px/22px var(--dsw-font-family)",
522
+ font: {
523
+ family: "var(--dsw-font-family)",
524
+ size: "14px",
525
+ style: "normal",
526
+ weight: "400",
527
+ },
528
+ line: {
529
+ height: "22px",
530
+ },
531
+ },
532
+ strong: {
533
+ "14": {
534
+ $: "500 14px/22px var(--dsw-font-family)",
535
+ font: {
536
+ family: "var(--dsw-font-family)",
537
+ size: "14px",
538
+ style: "normal",
539
+ weight: "500",
540
+ },
541
+ line: {
542
+ height: "22px",
543
+ },
544
+ },
545
+ },
546
+ },
547
+ xl: {
548
+ "24": {
549
+ $: "600 24px/32px var(--dsw-font-family)",
550
+ font: {
551
+ family: "var(--dsw-font-family)",
552
+ size: "24px",
553
+ style: "normal",
554
+ weight: "600",
555
+ },
556
+ line: {
557
+ height: "32px",
558
+ },
559
+ },
560
+ },
561
+ xs: {
562
+ "13": {
563
+ $: "13px/20px var(--dsw-font-family)",
564
+ font: {
565
+ family: "var(--dsw-font-family)",
566
+ size: "13px",
567
+ style: "normal",
568
+ weight: "400",
569
+ },
570
+ line: {
571
+ height: "20px",
572
+ },
573
+ },
574
+ strong: {
575
+ "13": {
576
+ $: "500 13px/20px var(--dsw-font-family)",
577
+ font: {
578
+ family: "var(--dsw-font-family)",
579
+ size: "13px",
580
+ style: "normal",
581
+ weight: "500",
582
+ },
583
+ line: {
584
+ height: "20px",
585
+ },
586
+ },
587
+ },
588
+ },
589
+ xxs: {
590
+ "12": {
591
+ $: "12px/18px var(--dsw-font-family)",
592
+ font: {
593
+ family: "var(--dsw-font-family)",
594
+ size: "12px",
595
+ style: "normal",
596
+ weight: "400",
597
+ },
598
+ line: {
599
+ height: "18px",
600
+ },
601
+ },
602
+ strong: {
603
+ "12": {
604
+ $: "500 12px/18px var(--dsw-font-family)",
605
+ font: {
606
+ family: "var(--dsw-font-family)",
607
+ size: "12px",
608
+ style: "normal",
609
+ weight: "500",
610
+ },
611
+ line: {
612
+ height: "18px",
613
+ },
614
+ },
615
+ },
616
+ },
617
+ xxxs: {
618
+ "11": {
619
+ $: "11px/14px var(--dsw-font-family)",
620
+ font: {
621
+ family: "var(--dsw-font-family)",
622
+ size: "11px",
623
+ style: "normal",
624
+ weight: "400",
625
+ },
626
+ line: {
627
+ height: "14px",
628
+ },
629
+ },
630
+ strong: {
631
+ "11": {
632
+ $: "500 11px/14px var(--dsw-font-family)",
633
+ font: {
634
+ family: "var(--dsw-font-family)",
635
+ size: "11px",
636
+ style: "normal",
637
+ weight: "500",
638
+ },
639
+ line: {
640
+ height: "14px",
641
+ },
642
+ },
643
+ },
644
+ },
645
+ },
646
+ gradient: {
647
+ onboarding: {
648
+ blue: {
649
+ stops: "#3964fe 18.75%, #398efe 51.78%, #6dccff 86.252%, #3964fe",
538
650
  },
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
- },
651
+ cyan: {
652
+ stops: "#0293b4 21.154%, #2dc8eb 50.954%, #aff0ff 85.326%, #0293b4",
566
653
  },
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
- },
654
+ violet: {
655
+ stops: "#2a2fb6 33.102%, #8b76f6 50.954%, #c5c0ff 85.326%, #2a2fb6",
594
656
  },
657
+ },
595
658
  },
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
- },
659
+ linear: {
660
+ gradient: {
661
+ think: "linear-gradient(180deg, #fff 20.19%, rgba(255, 255, 255, 0) 100%)",
662
+ },
663
+ think: {
664
+ select: "linear-gradient(180deg, #f5f6f7 20.19%, rgba(245, 246, 247, 0) 100%)",
665
+ },
603
666
  },
604
- "mask": {
605
- "blur": "blur(2px)",
667
+ mask: {
668
+ blur: "none",
606
669
  },
607
- "menu": {
608
- "backdrop": {
609
- "filter": "blur(40px) saturate(150%)",
610
- },
670
+ menu: {
671
+ backdrop: {
672
+ filter: "blur(40px) saturate(150%)",
673
+ },
674
+ surface: {
675
+ fill: "rgba(248, 249, 250, 0.58)",
676
+ },
611
677
  },
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)",
678
+ radius: {
679
+ lg: "16px",
680
+ md: "12px",
681
+ panel: "28px",
682
+ sm: "8px",
683
+ xl: "20px",
684
+ xs: "4px",
619
685
  },
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)",
686
+ shadow: {
687
+ lv1: {
688
+ $: "0 2px 4px 0 rgba(0, 0, 0, 0.05)",
689
+ blur: "0 4px 12px 0 rgba(0, 0, 0, 0.02)",
690
+ },
691
+ lv2: "0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04)",
692
+ 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)",
646
693
  },
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
- },
694
+ specific: {
695
+ bubble: {
696
+ $: "var(--dsw-static-deepseek-50)",
697
+ highlight: "var(--dsw-static-deepseek-200)",
698
+ },
699
+ input: {
700
+ major: "var(--dsw-static-neutral-bluish-00)",
701
+ },
702
+ login: {
703
+ input: "var(--dsw-static-neutral-bluish-50)",
704
+ },
705
+ menu: "var(--dsw-menu-surface-fill)",
706
+ selector: "var(--dsw-static-neutral-bluish-60)",
707
+ sidebar: {
708
+ fill: "var(--dsw-static-neutral-bluish-50)",
709
+ nav: {
710
+ item: {
711
+ active: {
712
+ $: "var(--dsw-static-neutral-bluish-100)",
713
+ accent: "var(--dsw-static-deepseek-100)",
714
+ },
715
+ hover: "var(--dsw-static-neutral-bluish-75)",
716
+ },
717
+ },
718
+ },
719
+ tip: "var(--dsw-static-neutral-bluish-60)",
720
+ },
721
+ static: {
722
+ amber: {
723
+ "100": "rgb(254, 245, 231)",
724
+ "400": "rgb(247, 173, 49)",
725
+ "500": "rgb(245, 158, 11)",
726
+ "600": "rgb(221, 134, 41)",
727
+ "900": "rgb(39, 36, 31)",
728
+ },
729
+ blue: {
730
+ "50": "rgb(239, 246, 255)",
731
+ "75": "rgb(229, 240, 255)",
732
+ "100": "rgb(219, 234, 254)",
733
+ "300": "rgb(147, 197, 253)",
734
+ "400": "rgb(96, 165, 250)",
735
+ "450": "rgb(77, 147, 248)",
736
+ "500": "rgb(59, 130, 246)",
737
+ "600": "rgb(37, 99, 235)",
738
+ "800": "rgb(30, 64, 175)",
739
+ "900": "rgb(14, 48, 116)",
740
+ "950": "rgb(23, 37, 84)",
741
+ "50p": "rgb(234, 243, 255)",
742
+ },
743
+ deepseek: {
744
+ "50": "rgb(237, 243, 254)",
745
+ "100": "rgb(228, 237, 253)",
746
+ "200": "rgb(211, 226, 255)",
747
+ "300": "rgb(183, 200, 254)",
748
+ "400": "rgb(122, 170, 255)",
749
+ "450": "rgb(86, 134, 254)",
750
+ "500": "rgb(65, 118, 230)",
751
+ "600": "rgb(72, 104, 178)",
752
+ "700": {
753
+ delete: "rgb(47, 76, 143)",
754
+ },
755
+ "800": "rgb(52, 65, 91)",
756
+ "900": "rgb(40, 49, 66)",
757
+ },
758
+ green: {
759
+ "100": "rgb(230, 250, 237)",
760
+ "400": "rgb(78, 209, 126)",
761
+ "500": {
762
+ $: "rgb(34, 197, 94)",
763
+ a08: "rgb(34 197 94 / 8%)",
764
+ a12: "rgb(34 197 94 / 12%)",
765
+ },
766
+ "900": "rgb(35, 60, 44)",
767
+ },
768
+ neutral: {
769
+ "50": "rgb(250, 250, 250)",
770
+ "100": "rgb(245, 245, 245)",
771
+ "150": "rgb(237, 237, 237)",
772
+ "200": "rgb(229, 229, 229)",
773
+ "250": "rgb(220, 220, 220)",
774
+ "300": "rgb(212, 212, 212)",
775
+ "400": "rgb(162, 164, 166)",
776
+ "500": "rgb(127, 130, 135)",
777
+ "550": "rgb(101, 103, 107)",
778
+ "600": "rgb(84, 85, 87)",
779
+ "700": "rgb(60, 60, 61)",
780
+ "800": "rgb(41, 41, 41)",
781
+ "850": "rgb(33, 33, 35)",
782
+ "900": "rgb(15, 15, 15)",
783
+ "1000": "rgb(0, 0, 0)",
784
+ "00": "rgb(255, 255, 255)",
785
+ bluish: {
786
+ "50": "rgb(249, 250, 251)",
787
+ "60": "rgb(245, 246, 247)",
788
+ "75": "rgb(241, 243, 245)",
789
+ "100": "rgb(235, 238, 242)",
790
+ "150": "rgb(233, 236, 242)",
791
+ "200": "rgb(225, 229, 238)",
792
+ "300": "rgb(207, 211, 214)",
793
+ "400": "rgb(173, 178, 184)",
794
+ "500": "rgb(151, 157, 166)",
795
+ "600": "rgb(129, 133, 140)",
796
+ "700": "rgb(97, 102, 107)",
797
+ "750": "rgb(67, 69, 74)",
798
+ "800": "rgb(53, 54, 56)",
799
+ "850": "rgb(44, 44, 46)",
800
+ "875": "rgb(35, 35, 36)",
801
+ "900": "rgb(27, 27, 28)",
802
+ "950": "rgb(21, 21, 23)",
803
+ "1000": "rgb(15, 17, 21)",
804
+ "00": "rgb(255, 255, 255)",
805
+ },
806
+ },
807
+ red: {
808
+ "50": "rgb(254, 242, 242)",
809
+ "100": "rgb(254, 226, 226)",
810
+ "400": {
811
+ $: "rgb(242, 90, 90)",
812
+ a12: "rgb(242 90 90 / 12%)",
813
+ },
814
+ "500": "rgb(239, 68, 68)",
815
+ "600": {
816
+ $: "rgb(236, 19, 19)",
817
+ a08: "rgb(236 19 19 / 8%)",
818
+ },
819
+ "900": "rgb(87, 12, 12)",
820
+ },
747
821
  },
748
- } as const
822
+ } as const;