@qw-ui/tokens 0.3.0-next.4 → 0.3.0-next.42

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 (24) hide show
  1. package/README.md +20 -53
  2. package/dist/color-architecture.d.ts +163 -2
  3. package/dist/derive/index.d.ts +3 -3
  4. package/dist/derive/live-css.d.ts +1 -1
  5. package/dist/derive/reference.d.ts +73 -13
  6. package/dist/derive/semantic.d.ts +24 -1
  7. package/dist/derive/tailwind.d.ts +31 -0
  8. package/dist/design-doc.d.ts +1 -1
  9. package/dist/figma/color-contract.d.ts +2 -0
  10. package/dist/figma/color-snapshot.d.ts +4 -0
  11. package/dist/index.d.ts +5 -4
  12. package/dist/index.js +1027 -366
  13. package/dist/index.js.map +1 -1
  14. package/dist/schema.d.ts +3 -3
  15. package/dist/tailwind.css +85 -0
  16. package/dist/tokens.css +308 -218
  17. package/dist/tokens.json +290 -93
  18. package/dist/tokens.live.css +178 -9
  19. package/dist/tokens.ts +293 -131
  20. package/package.json +12 -29
  21. package/dist/compat/build.d.ts +0 -14
  22. package/dist/compat/color.d.ts +0 -8
  23. package/dist/compat/index.d.ts +0 -5
  24. package/dist/compat/schema.d.ts +0 -114
package/dist/tokens.css CHANGED
@@ -1,15 +1,5 @@
1
- /* @qw-ui/tokens — 由 seed derive() + compat registry 生成，请勿手改。 */
1
+ /* @qw-ui/tokens — 由 seed derive() 生成，请勿手改。 */
2
2
  :root {
3
- --qw-ref-color-brand-50: #F2F6FF;
4
- --qw-ref-color-brand-100: #E6ECFF;
5
- --qw-ref-color-brand-200: #C4D8FF;
6
- --qw-ref-color-brand-300: #9DBDFF;
7
- --qw-ref-color-brand-400: #6C9AFF;
8
- --qw-ref-color-brand-500: #426EFF;
9
- --qw-ref-color-brand-600: #1B57FF;
10
- --qw-ref-color-brand-700: #002CE8;
11
- --qw-ref-color-brand-800: #001A99;
12
- --qw-ref-color-brand-900: #000540;
13
3
  --qw-ref-color-brand-a5: rgba(0, 17, 255, 0.05);
14
4
  --qw-ref-color-brand-a10: rgba(0, 17, 255, 0.1);
15
5
  --qw-ref-color-brand-a20: rgba(0, 17, 255, 0.2);
@@ -21,17 +11,17 @@
21
11
  --qw-ref-color-brand-a80: rgba(0, 17, 255, 0.8);
22
12
  --qw-ref-color-brand-a90: rgba(0, 17, 255, 0.9);
23
13
  --qw-ref-color-brand-a100: #0011ff;
14
+ --qw-ref-color-brand-50: #F2F6FF;
15
+ --qw-ref-color-brand-100: #E6ECFF;
16
+ --qw-ref-color-brand-200: #C4D8FF;
17
+ --qw-ref-color-brand-300: #9DBDFF;
18
+ --qw-ref-color-brand-400: #6C9AFF;
19
+ --qw-ref-color-brand-500: #426EFF;
20
+ --qw-ref-color-brand-600: #1B57FF;
21
+ --qw-ref-color-brand-700: #002CE8;
22
+ --qw-ref-color-brand-800: #001A99;
23
+ --qw-ref-color-brand-900: #000540;
24
24
  --qw-ref-color-brand-base: #0011ff;
25
- --qw-ref-color-black-50: #F6F6F6;
26
- --qw-ref-color-black-100: #EBEBEB;
27
- --qw-ref-color-black-200: #D7D7D7;
28
- --qw-ref-color-black-300: #BEBEBE;
29
- --qw-ref-color-black-400: #9E9E9E;
30
- --qw-ref-color-black-500: #868686;
31
- --qw-ref-color-black-600: #6F6F6F;
32
- --qw-ref-color-black-700: #555555;
33
- --qw-ref-color-black-800: #353535;
34
- --qw-ref-color-black-900: #121212;
35
25
  --qw-ref-color-black-a5: rgba(34, 34, 34, 0.05);
36
26
  --qw-ref-color-black-a10: rgba(34, 34, 34, 0.1);
37
27
  --qw-ref-color-black-a20: rgba(34, 34, 34, 0.2);
@@ -43,17 +33,17 @@
43
33
  --qw-ref-color-black-a80: rgba(34, 34, 34, 0.8);
44
34
  --qw-ref-color-black-a90: rgba(34, 34, 34, 0.9);
45
35
  --qw-ref-color-black-a100: #222222;
36
+ --qw-ref-color-black-50: #F6F6F6;
37
+ --qw-ref-color-black-100: #EBEBEB;
38
+ --qw-ref-color-black-200: #D7D7D7;
39
+ --qw-ref-color-black-300: #BEBEBE;
40
+ --qw-ref-color-black-400: #9E9E9E;
41
+ --qw-ref-color-black-500: #868686;
42
+ --qw-ref-color-black-600: #6F6F6F;
43
+ --qw-ref-color-black-700: #555555;
44
+ --qw-ref-color-black-800: #353535;
45
+ --qw-ref-color-black-900: #121212;
46
46
  --qw-ref-color-black-base: #222222;
47
- --qw-ref-color-white-50: #F6F6F6;
48
- --qw-ref-color-white-100: #EBEBEB;
49
- --qw-ref-color-white-200: #D7D7D7;
50
- --qw-ref-color-white-300: #BEBEBE;
51
- --qw-ref-color-white-400: #9E9E9E;
52
- --qw-ref-color-white-500: #868686;
53
- --qw-ref-color-white-600: #6F6F6F;
54
- --qw-ref-color-white-700: #555555;
55
- --qw-ref-color-white-800: #353535;
56
- --qw-ref-color-white-900: #121212;
57
47
  --qw-ref-color-white-a5: rgba(255, 255, 255, 0.05);
58
48
  --qw-ref-color-white-a10: rgba(255, 255, 255, 0.1);
59
49
  --qw-ref-color-white-a20: rgba(255, 255, 255, 0.2);
@@ -65,17 +55,17 @@
65
55
  --qw-ref-color-white-a80: rgba(255, 255, 255, 0.8);
66
56
  --qw-ref-color-white-a90: rgba(255, 255, 255, 0.9);
67
57
  --qw-ref-color-white-a100: #ffffff;
58
+ --qw-ref-color-white-50: #F6F6F6;
59
+ --qw-ref-color-white-100: #EBEBEB;
60
+ --qw-ref-color-white-200: #D7D7D7;
61
+ --qw-ref-color-white-300: #BEBEBE;
62
+ --qw-ref-color-white-400: #9E9E9E;
63
+ --qw-ref-color-white-500: #868686;
64
+ --qw-ref-color-white-600: #6F6F6F;
65
+ --qw-ref-color-white-700: #555555;
66
+ --qw-ref-color-white-800: #353535;
67
+ --qw-ref-color-white-900: #121212;
68
68
  --qw-ref-color-white-base: #ffffff;
69
- --qw-ref-color-gray-50: #F6F6F6;
70
- --qw-ref-color-gray-100: #EEEEEE;
71
- --qw-ref-color-gray-200: #E0E0E0;
72
- --qw-ref-color-gray-300: #CCCCCC;
73
- --qw-ref-color-gray-400: #A2A9B6;
74
- --qw-ref-color-gray-500: #888E99;
75
- --qw-ref-color-gray-600: #666666;
76
- --qw-ref-color-gray-700: #3A3A3A;
77
- --qw-ref-color-gray-800: #2D2D2D;
78
- --qw-ref-color-gray-900: #202020;
79
69
  --qw-ref-color-gray-a5: rgba(153, 153, 153, 0.05);
80
70
  --qw-ref-color-gray-a10: rgba(153, 153, 153, 0.1);
81
71
  --qw-ref-color-gray-a20: rgba(153, 153, 153, 0.2);
@@ -87,17 +77,17 @@
87
77
  --qw-ref-color-gray-a80: rgba(153, 153, 153, 0.8);
88
78
  --qw-ref-color-gray-a90: rgba(153, 153, 153, 0.9);
89
79
  --qw-ref-color-gray-a100: #999999;
80
+ --qw-ref-color-gray-50: #F6F6F6;
81
+ --qw-ref-color-gray-100: #EEEEEE;
82
+ --qw-ref-color-gray-200: #E0E0E0;
83
+ --qw-ref-color-gray-300: #CCCCCC;
84
+ --qw-ref-color-gray-400: #A2A9B6;
85
+ --qw-ref-color-gray-500: #888E99;
86
+ --qw-ref-color-gray-600: #666666;
87
+ --qw-ref-color-gray-700: #3A3A3A;
88
+ --qw-ref-color-gray-800: #2D2D2D;
89
+ --qw-ref-color-gray-900: #202020;
90
90
  --qw-ref-color-gray-base: #999999;
91
- --qw-ref-color-red-50: #FFF3F1;
92
- --qw-ref-color-red-100: #FFE7E4;
93
- --qw-ref-color-red-200: #FFC8C2;
94
- --qw-ref-color-red-300: #FFA097;
95
- --qw-ref-color-red-400: #FF5745;
96
- --qw-ref-color-red-500: #FF4D4D;
97
- --qw-ref-color-red-600: #CF081E;
98
- --qw-ref-color-red-700: #A30013;
99
- --qw-ref-color-red-800: #6A0009;
100
- --qw-ref-color-red-900: #2A0001;
101
91
  --qw-ref-color-red-a5: rgba(255, 64, 64, 0.05);
102
92
  --qw-ref-color-red-a10: rgba(255, 64, 64, 0.1);
103
93
  --qw-ref-color-red-a20: rgba(255, 64, 64, 0.2);
@@ -109,17 +99,17 @@
109
99
  --qw-ref-color-red-a80: rgba(255, 64, 64, 0.8);
110
100
  --qw-ref-color-red-a90: rgba(255, 64, 64, 0.9);
111
101
  --qw-ref-color-red-a100: #ff4040;
102
+ --qw-ref-color-red-50: #FFF3F1;
103
+ --qw-ref-color-red-100: #FFE7E4;
104
+ --qw-ref-color-red-200: #FFC8C2;
105
+ --qw-ref-color-red-300: #FFA097;
106
+ --qw-ref-color-red-400: #FF5745;
107
+ --qw-ref-color-red-500: #FF4D4D;
108
+ --qw-ref-color-red-600: #CF081E;
109
+ --qw-ref-color-red-700: #A30013;
110
+ --qw-ref-color-red-800: #6A0009;
111
+ --qw-ref-color-red-900: #2A0001;
112
112
  --qw-ref-color-red-base: #ff4040;
113
- --qw-ref-color-orange-50: #FFF3EF;
114
- --qw-ref-color-orange-100: #FFE5DD;
115
- --qw-ref-color-orange-200: #FFC9B9;
116
- --qw-ref-color-orange-300: #FFA287;
117
- --qw-ref-color-orange-400: #F76F47;
118
- --qw-ref-color-orange-500: #FF764D;
119
- --qw-ref-color-orange-600: #C03800;
120
- --qw-ref-color-orange-700: #962A00;
121
- --qw-ref-color-orange-800: #611800;
122
- --qw-ref-color-orange-900: #260500;
123
113
  --qw-ref-color-orange-a5: rgba(255, 107, 63, 0.05);
124
114
  --qw-ref-color-orange-a10: rgba(255, 107, 63, 0.1);
125
115
  --qw-ref-color-orange-a20: rgba(255, 107, 63, 0.2);
@@ -131,17 +121,17 @@
131
121
  --qw-ref-color-orange-a80: rgba(255, 107, 63, 0.8);
132
122
  --qw-ref-color-orange-a90: rgba(255, 107, 63, 0.9);
133
123
  --qw-ref-color-orange-a100: #ff6b3f;
124
+ --qw-ref-color-orange-50: #FFF3EF;
125
+ --qw-ref-color-orange-100: #FFE5DD;
126
+ --qw-ref-color-orange-200: #FFC9B9;
127
+ --qw-ref-color-orange-300: #FFA287;
128
+ --qw-ref-color-orange-400: #F76F47;
129
+ --qw-ref-color-orange-500: #FF764D;
130
+ --qw-ref-color-orange-600: #C03800;
131
+ --qw-ref-color-orange-700: #962A00;
132
+ --qw-ref-color-orange-800: #611800;
133
+ --qw-ref-color-orange-900: #260500;
134
134
  --qw-ref-color-orange-base: #ff6b3f;
135
- --qw-ref-color-yellow-50: #FFF5DF;
136
- --qw-ref-color-yellow-100: #FFE9B9;
137
- --qw-ref-color-yellow-200: #F4D38B;
138
- --qw-ref-color-yellow-300: #DCB96B;
139
- --qw-ref-color-yellow-400: #BE9940;
140
- --qw-ref-color-yellow-500: #A78013;
141
- --qw-ref-color-yellow-600: #8B6900;
142
- --qw-ref-color-yellow-700: #6C5100;
143
- --qw-ref-color-yellow-800: #453200;
144
- --qw-ref-color-yellow-900: #191000;
145
135
  --qw-ref-color-yellow-a5: rgba(255, 213, 117, 0.05);
146
136
  --qw-ref-color-yellow-a10: rgba(255, 213, 117, 0.1);
147
137
  --qw-ref-color-yellow-a20: rgba(255, 213, 117, 0.2);
@@ -153,17 +143,17 @@
153
143
  --qw-ref-color-yellow-a80: rgba(255, 213, 117, 0.8);
154
144
  --qw-ref-color-yellow-a90: rgba(255, 213, 117, 0.9);
155
145
  --qw-ref-color-yellow-a100: #ffd575;
146
+ --qw-ref-color-yellow-50: #FFF5DF;
147
+ --qw-ref-color-yellow-100: #FFE9B9;
148
+ --qw-ref-color-yellow-200: #F4D38B;
149
+ --qw-ref-color-yellow-300: #DCB96B;
150
+ --qw-ref-color-yellow-400: #BE9940;
151
+ --qw-ref-color-yellow-500: #A78013;
152
+ --qw-ref-color-yellow-600: #8B6900;
153
+ --qw-ref-color-yellow-700: #6C5100;
154
+ --qw-ref-color-yellow-800: #453200;
155
+ --qw-ref-color-yellow-900: #191000;
156
156
  --qw-ref-color-yellow-base: #ffd575;
157
- --qw-ref-color-green-50: #E2FFE4;
158
- --qw-ref-color-green-100: #BCFFC3;
159
- --qw-ref-color-green-200: #9BEFA5;
160
- --qw-ref-color-green-300: #7BD688;
161
- --qw-ref-color-green-400: #52B764;
162
- --qw-ref-color-green-500: #2C9F47;
163
- --qw-ref-color-green-600: #068631;
164
- --qw-ref-color-green-700: #006823;
165
- --qw-ref-color-green-800: #004213;
166
- --qw-ref-color-green-900: #001704;
167
157
  --qw-ref-color-green-a5: rgba(31, 153, 63, 0.05);
168
158
  --qw-ref-color-green-a10: rgba(31, 153, 63, 0.1);
169
159
  --qw-ref-color-green-a20: rgba(31, 153, 63, 0.2);
@@ -175,17 +165,17 @@
175
165
  --qw-ref-color-green-a80: rgba(31, 153, 63, 0.8);
176
166
  --qw-ref-color-green-a90: rgba(31, 153, 63, 0.9);
177
167
  --qw-ref-color-green-a100: #1f993f;
168
+ --qw-ref-color-green-50: #E2FFE4;
169
+ --qw-ref-color-green-100: #BCFFC3;
170
+ --qw-ref-color-green-200: #9BEFA5;
171
+ --qw-ref-color-green-300: #7BD688;
172
+ --qw-ref-color-green-400: #52B764;
173
+ --qw-ref-color-green-500: #2C9F47;
174
+ --qw-ref-color-green-600: #068631;
175
+ --qw-ref-color-green-700: #006823;
176
+ --qw-ref-color-green-800: #004213;
177
+ --qw-ref-color-green-900: #001704;
178
178
  --qw-ref-color-green-base: #1f993f;
179
- --qw-ref-color-cyan-50: #E0FCFF;
180
- --qw-ref-color-cyan-100: #BAF8FF;
181
- --qw-ref-color-cyan-200: #91EAF2;
182
- --qw-ref-color-cyan-300: #65D0DC;
183
- --qw-ref-color-cyan-400: #2FB2BE;
184
- --qw-ref-color-cyan-500: #0098A4;
185
- --qw-ref-color-cyan-600: #007E88;
186
- --qw-ref-color-cyan-700: #006169;
187
- --qw-ref-color-cyan-800: #003D43;
188
- --qw-ref-color-cyan-900: #001518;
189
179
  --qw-ref-color-cyan-a5: rgba(41, 190, 204, 0.05);
190
180
  --qw-ref-color-cyan-a10: rgba(41, 190, 204, 0.1);
191
181
  --qw-ref-color-cyan-a20: rgba(41, 190, 204, 0.2);
@@ -197,17 +187,17 @@
197
187
  --qw-ref-color-cyan-a80: rgba(41, 190, 204, 0.8);
198
188
  --qw-ref-color-cyan-a90: rgba(41, 190, 204, 0.9);
199
189
  --qw-ref-color-cyan-a100: #29becc;
190
+ --qw-ref-color-cyan-50: #E0FCFF;
191
+ --qw-ref-color-cyan-100: #BAF8FF;
192
+ --qw-ref-color-cyan-200: #91EAF2;
193
+ --qw-ref-color-cyan-300: #65D0DC;
194
+ --qw-ref-color-cyan-400: #2FB2BE;
195
+ --qw-ref-color-cyan-500: #0098A4;
196
+ --qw-ref-color-cyan-600: #007E88;
197
+ --qw-ref-color-cyan-700: #006169;
198
+ --qw-ref-color-cyan-800: #003D43;
199
+ --qw-ref-color-cyan-900: #001518;
200
200
  --qw-ref-color-cyan-base: #29becc;
201
- --qw-ref-color-blue-50: #EBF5FF;
202
- --qw-ref-color-blue-100: #E7F1FF;
203
- --qw-ref-color-blue-200: #D6EBFF;
204
- --qw-ref-color-blue-300: #9CBEFF;
205
- --qw-ref-color-blue-400: #3086FF;
206
- --qw-ref-color-blue-500: #1677FF;
207
- --qw-ref-color-blue-600: #266FFF;
208
- --qw-ref-color-blue-700: #003DB8;
209
- --qw-ref-color-blue-800: #001D66;
210
- --qw-ref-color-blue-900: #000A3A;
211
201
  --qw-ref-color-blue-a5: rgba(13, 83, 255, 0.05);
212
202
  --qw-ref-color-blue-a10: rgba(13, 83, 255, 0.1);
213
203
  --qw-ref-color-blue-a20: rgba(13, 83, 255, 0.2);
@@ -219,17 +209,17 @@
219
209
  --qw-ref-color-blue-a80: rgba(13, 83, 255, 0.8);
220
210
  --qw-ref-color-blue-a90: rgba(13, 83, 255, 0.9);
221
211
  --qw-ref-color-blue-a100: #0d53ff;
212
+ --qw-ref-color-blue-50: #EBF5FF;
213
+ --qw-ref-color-blue-100: #E7F1FF;
214
+ --qw-ref-color-blue-200: #D6EBFF;
215
+ --qw-ref-color-blue-300: #9CBEFF;
216
+ --qw-ref-color-blue-400: #3086FF;
217
+ --qw-ref-color-blue-500: #1677FF;
218
+ --qw-ref-color-blue-600: #266FFF;
219
+ --qw-ref-color-blue-700: #003DB8;
220
+ --qw-ref-color-blue-800: #001D66;
221
+ --qw-ref-color-blue-900: #000A3A;
222
222
  --qw-ref-color-blue-base: #0d53ff;
223
- --qw-ref-color-purple-50: #F3F5FF;
224
- --qw-ref-color-purple-100: #E6EAFF;
225
- --qw-ref-color-purple-200: #CDD5FF;
226
- --qw-ref-color-purple-300: #A699FF;
227
- --qw-ref-color-purple-400: #8692FF;
228
- --qw-ref-color-purple-500: #6B71FF;
229
- --qw-ref-color-purple-600: #5550F2;
230
- --qw-ref-color-purple-700: #4135C9;
231
- --qw-ref-color-purple-800: #280B96;
232
- --qw-ref-color-purple-900: #0C0041;
233
223
  --qw-ref-color-purple-a5: rgba(67, 44, 219, 0.05);
234
224
  --qw-ref-color-purple-a10: rgba(67, 44, 219, 0.1);
235
225
  --qw-ref-color-purple-a20: rgba(67, 44, 219, 0.2);
@@ -241,17 +231,17 @@
241
231
  --qw-ref-color-purple-a80: rgba(67, 44, 219, 0.8);
242
232
  --qw-ref-color-purple-a90: rgba(67, 44, 219, 0.9);
243
233
  --qw-ref-color-purple-a100: #432cdb;
234
+ --qw-ref-color-purple-50: #F3F5FF;
235
+ --qw-ref-color-purple-100: #E6EAFF;
236
+ --qw-ref-color-purple-200: #CDD5FF;
237
+ --qw-ref-color-purple-300: #A699FF;
238
+ --qw-ref-color-purple-400: #8692FF;
239
+ --qw-ref-color-purple-500: #6B71FF;
240
+ --qw-ref-color-purple-600: #5550F2;
241
+ --qw-ref-color-purple-700: #4135C9;
242
+ --qw-ref-color-purple-800: #280B96;
243
+ --qw-ref-color-purple-900: #0C0041;
244
244
  --qw-ref-color-purple-base: #432cdb;
245
- --qw-ref-color-brown-50: #FFF3EC;
246
- --qw-ref-color-brown-100: #FFE6D5;
247
- --qw-ref-color-brown-200: #FFCBA8;
248
- --qw-ref-color-brown-300: #F8A971;
249
- --qw-ref-color-brown-400: #DA8749;
250
- --qw-ref-color-brown-500: #C36D24;
251
- --qw-ref-color-brown-600: #A75600;
252
- --qw-ref-color-brown-700: #824100;
253
- --qw-ref-color-brown-800: #542800;
254
- --qw-ref-color-brown-900: #200B00;
255
245
  --qw-ref-color-brown-a5: rgba(180, 94, 6, 0.05);
256
246
  --qw-ref-color-brown-a10: rgba(180, 94, 6, 0.1);
257
247
  --qw-ref-color-brown-a20: rgba(180, 94, 6, 0.2);
@@ -263,7 +253,19 @@
263
253
  --qw-ref-color-brown-a80: rgba(180, 94, 6, 0.8);
264
254
  --qw-ref-color-brown-a90: rgba(180, 94, 6, 0.9);
265
255
  --qw-ref-color-brown-a100: #b45e06;
256
+ --qw-ref-color-brown-50: #FFF3EC;
257
+ --qw-ref-color-brown-100: #FFE6D5;
258
+ --qw-ref-color-brown-200: #FFCBA8;
259
+ --qw-ref-color-brown-300: #F8A971;
260
+ --qw-ref-color-brown-400: #DA8749;
261
+ --qw-ref-color-brown-500: #C36D24;
262
+ --qw-ref-color-brown-600: #A75600;
263
+ --qw-ref-color-brown-700: #824100;
264
+ --qw-ref-color-brown-800: #542800;
265
+ --qw-ref-color-brown-900: #200B00;
266
266
  --qw-ref-color-brown-base: #b45e06;
267
+ --qw-ref-color-black-contrast-endpoint: #000000;
268
+ --qw-ref-size-spacing-0: 0px;
267
269
  --qw-ref-size-spacing-1: 4px;
268
270
  --qw-ref-size-spacing-2: 8px;
269
271
  --qw-ref-size-spacing-3: 12px;
@@ -272,9 +274,19 @@
272
274
  --qw-ref-size-spacing-6: 24px;
273
275
  --qw-ref-size-spacing-7: 28px;
274
276
  --qw-ref-size-spacing-8: 32px;
277
+ --qw-ref-size-safe-area-inset-top: env(safe-area-inset-top, 0px);
278
+ --qw-ref-size-safe-area-inset-right: env(safe-area-inset-right, 0px);
279
+ --qw-ref-size-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
280
+ --qw-ref-size-safe-area-inset-left: env(safe-area-inset-left, 0px);
281
+ --qw-ref-size-placeholder-text-height-base: 1em;
282
+ --qw-ref-size-placeholder-media-height-base: 120px;
283
+ --qw-ref-size-loading-logo-size-sm: 32px;
284
+ --qw-ref-size-loading-logo-size-md: 48px;
285
+ --qw-ref-size-loading-logo-size-lg: 60px;
275
286
  --qw-ref-size-radius-sm: 4px;
276
287
  --qw-ref-size-radius-md: 8px;
277
288
  --qw-ref-size-radius-lg: 14px;
289
+ --qw-ref-size-radius-xl: 16px;
278
290
  --qw-ref-size-radius-full: 9999px;
279
291
  --qw-ref-size-control-size-sm: 32px;
280
292
  --qw-ref-size-control-size-md: 40px;
@@ -282,22 +294,43 @@
282
294
  --qw-ref-size-icon-size-sm: 16px;
283
295
  --qw-ref-size-icon-size-md: 20px;
284
296
  --qw-ref-size-icon-size-lg: 24px;
285
- --qw-ref-size-border-width-hairline: 1px;
297
+ --qw-ref-size-stroke-width-half: 0.5px;
298
+ --qw-ref-size-stroke-width-base: 1px;
299
+ --qw-ref-size-stroke-width-double: 2px;
300
+ --qw-ref-size-stroke-width-triple: 3px;
301
+ --qw-ref-size-action-control-height-2xs: 24px;
302
+ --qw-ref-size-action-control-height-xs: 28px;
303
+ --qw-ref-size-action-control-height-sm: 32px;
304
+ --qw-ref-size-action-control-height-md: 36px;
305
+ --qw-ref-size-action-control-height-lg: 42px;
306
+ --qw-ref-size-action-control-height-xl: 50px;
307
+ --qw-ref-size-action-control-icon-2xs: 14px;
308
+ --qw-ref-size-avatar-diameter-sm: 40px;
309
+ --qw-ref-size-avatar-diameter-md: 50px;
310
+ --qw-ref-size-avatar-diameter-lg: 58px;
311
+ --qw-ref-typography-line-height-tight: 1.25;
312
+ --qw-ref-typography-line-height-normal: 1.5;
313
+ --qw-ref-typography-line-height-comfortable: 1.625;
314
+ --qw-ref-typography-line-height-relaxed: 1.75;
286
315
  --qw-ref-size-opacity-disabled: 0.5;
287
316
  --qw-ref-size-z-index-1: 10;
288
317
  --qw-ref-size-z-index-2: 20;
289
318
  --qw-ref-size-z-index-3: 30;
290
319
  --qw-ref-size-z-index-4: 40;
291
- --qw-ref-typography-line-height-tight: 1.25;
292
- --qw-ref-typography-line-height-normal: 1.5;
293
- --qw-ref-typography-line-height-relaxed: 1.75;
294
320
  --qw-ref-typography-font-family-text: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
295
321
  --qw-ref-typography-font-family-number: PlusJakartaSans, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
296
322
  --qw-ref-typography-font-family-code: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
323
+ --qw-ref-typography-font-family-text-mac-latin: -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, 'Helvetica Neue', Helvetica, Arial, sans-serif;
324
+ --qw-ref-typography-font-family-text-mac-zh: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Hiragino Sans GB', 'Hiragino Sans', 'SF Pro Text', system-ui, 'Noto Sans SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
325
+ --qw-ref-typography-font-family-text-mac-ja: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'SF Pro Text', system-ui, 'Noto Sans JP', 'Helvetica Neue', Helvetica, Arial, sans-serif;
326
+ --qw-ref-typography-font-family-text-windows-latin: 'Segoe UI', system-ui, Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
327
+ --qw-ref-typography-font-family-text-windows-zh: 'Microsoft YaHei', 'Segoe UI', system-ui, Roboto, 'Noto Sans SC', 'Helvetica Neue', Arial, sans-serif;
328
+ --qw-ref-typography-font-family-text-windows-ja: Meiryo, 'Yu Gothic UI', 'Segoe UI', system-ui, Roboto, 'Noto Sans JP', 'Helvetica Neue', Arial, sans-serif;
297
329
  --qw-ref-typography-font-weight-regular: 400;
298
330
  --qw-ref-typography-font-weight-medium: 500;
299
331
  --qw-ref-typography-font-weight-semibold: 600;
300
332
  --qw-ref-typography-font-size-base: 14px;
333
+ --qw-ref-typography-font-size-xs: 11px;
301
334
  --qw-ref-typography-font-size-sm: 12px;
302
335
  --qw-ref-typography-font-size-lg: 16px;
303
336
  --qw-ref-typography-font-size-xl: 20px;
@@ -306,12 +339,18 @@
306
339
  --qw-ref-motion-duration-fast: 100ms;
307
340
  --qw-ref-motion-duration-base: 200ms;
308
341
  --qw-ref-motion-duration-slow: 320ms;
342
+ --qw-ref-motion-duration-shimmer: 2000ms;
343
+ --qw-ref-motion-easing-linear: linear;
344
+ --qw-ref-motion-easing-symmetric: ease-in-out;
309
345
  --qw-ref-motion-easing-standard: cubic-bezier(0.16, 1, 0.3, 1);
346
+ --qw-ref-effect-blur-sm: 2px;
310
347
  --qw-ref-effect-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
311
348
  --qw-ref-effect-shadow-md: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
312
349
  --qw-ref-effect-shadow-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
350
+ --qw-sem-size-radius-sm: 4px;
313
351
  --qw-sem-size-radius-control: 8px;
314
352
  --qw-sem-size-radius-card: 14px;
353
+ --qw-sem-size-radius-xl: 16px;
315
354
  --qw-sem-size-radius-pill: 9999px;
316
355
  --qw-sem-size-radius-full: 9999px;
317
356
  --qw-sem-size-control-height-sm: 32px;
@@ -320,11 +359,62 @@
320
359
  --qw-sem-size-icon-size-sm: 16px;
321
360
  --qw-sem-size-icon-size-md: 20px;
322
361
  --qw-sem-size-icon-size-lg: 24px;
362
+ --qw-sem-size-action-control-height-2xs: 24px;
363
+ --qw-sem-size-action-control-height-xs: 28px;
364
+ --qw-sem-size-action-control-height-sm: 32px;
365
+ --qw-sem-size-action-control-height-md: 36px;
366
+ --qw-sem-size-action-control-height-lg: 42px;
367
+ --qw-sem-size-action-control-height-xl: 50px;
368
+ --qw-sem-size-action-control-padding-inline-2xs: 8px;
369
+ --qw-sem-size-action-control-padding-inline-xs: 8px;
370
+ --qw-sem-size-action-control-padding-inline-sm: 16px;
371
+ --qw-sem-size-action-control-padding-inline-md: 16px;
372
+ --qw-sem-size-action-control-padding-inline-lg: 20px;
373
+ --qw-sem-size-action-control-padding-inline-xl: 32px;
374
+ --qw-sem-size-action-control-icon-2xs: 14px;
375
+ --qw-sem-size-action-control-icon-xs: 16px;
376
+ --qw-sem-size-action-control-icon-sm: 16px;
377
+ --qw-sem-size-action-control-icon-md: 16px;
378
+ --qw-sem-size-action-control-icon-lg: 16px;
379
+ --qw-sem-size-action-control-icon-xl: 20px;
380
+ --qw-sem-size-action-control-gap-2xs: 4px;
381
+ --qw-sem-size-action-control-gap-xs: 4px;
382
+ --qw-sem-size-action-control-gap-sm: 8px;
383
+ --qw-sem-size-action-control-gap-md: 8px;
384
+ --qw-sem-size-action-control-gap-lg: 8px;
385
+ --qw-sem-size-action-control-gap-xl: 8px;
386
+ --qw-sem-size-border-width-default: 1px;
387
+ --qw-sem-size-border-width-strong: 2px;
388
+ --qw-sem-size-divider-width-thin: 0.5px;
389
+ --qw-sem-size-divider-width-default: 1px;
390
+ --qw-sem-size-focus-ring-width: 2px;
391
+ --qw-sem-size-focus-ring-offset: 2px;
392
+ --qw-sem-size-indicator-loading: 2px;
393
+ --qw-sem-size-avatar-diameter-sm: 40px;
394
+ --qw-sem-size-avatar-diameter-md: 50px;
395
+ --qw-sem-size-avatar-diameter-lg: 58px;
396
+ --qw-sem-size-layout-gap-sm: 8px;
397
+ --qw-sem-size-layout-gap-md: 16px;
398
+ --qw-sem-size-layout-gap-lg: 24px;
399
+ --qw-sem-size-safe-area-inset-top: env(safe-area-inset-top, 0px);
400
+ --qw-sem-size-safe-area-inset-right: env(safe-area-inset-right, 0px);
401
+ --qw-sem-size-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
402
+ --qw-sem-size-safe-area-inset-left: env(safe-area-inset-left, 0px);
403
+ --qw-sem-size-safe-area-minimum-none: 0px;
404
+ --qw-sem-size-safe-area-minimum-sm: 8px;
405
+ --qw-sem-size-safe-area-minimum-md: 16px;
406
+ --qw-sem-size-safe-area-minimum-lg: 24px;
407
+ --qw-sem-size-loading-sm: 32px;
408
+ --qw-sem-size-loading-md: 48px;
409
+ --qw-sem-size-loading-lg: 60px;
410
+ --qw-sem-size-skeleton-text-height: 1em;
411
+ --qw-sem-size-skeleton-rect-height: 120px;
412
+ --qw-sem-size-skeleton-circle-diameter: 40px;
323
413
  --qw-sem-size-inset-sm: 8px;
324
- --qw-sem-size-inset-md: 16px;
325
- --qw-sem-size-inset-lg: 24px;
326
414
  --qw-sem-size-stack-sm: 8px;
415
+ --qw-sem-size-inset-md: 16px;
327
416
  --qw-sem-size-stack-md: 16px;
417
+ --qw-sem-size-inset-lg: 24px;
328
418
  --qw-sem-size-stack-lg: 24px;
329
419
  --qw-sem-size-opacity-disabled: 0.5;
330
420
  --qw-sem-size-z-index-dropdown: 10;
@@ -344,6 +434,11 @@
344
434
  --qw-sem-typography-body-strong-font-weight: 500;
345
435
  --qw-sem-typography-body-strong-line-height: 1.5;
346
436
  --qw-sem-typography-body-strong-letter-spacing: 0px;
437
+ --qw-sem-typography-product-title-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
438
+ --qw-sem-typography-product-title-font-size: 16px;
439
+ --qw-sem-typography-product-title-font-weight: 600;
440
+ --qw-sem-typography-product-title-line-height: 1.625;
441
+ --qw-sem-typography-product-title-letter-spacing: 0px;
347
442
  --qw-sem-typography-heading-sm-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
348
443
  --qw-sem-typography-heading-sm-font-size: 16px;
349
444
  --qw-sem-typography-heading-sm-font-weight: 600;
@@ -364,6 +459,16 @@
364
459
  --qw-sem-typography-caption-font-weight: 400;
365
460
  --qw-sem-typography-caption-line-height: 1.5;
366
461
  --qw-sem-typography-caption-letter-spacing: 0px;
462
+ --qw-sem-typography-body-lg-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
463
+ --qw-sem-typography-body-lg-font-size: 16px;
464
+ --qw-sem-typography-body-lg-font-weight: 400;
465
+ --qw-sem-typography-body-lg-line-height: 1.5;
466
+ --qw-sem-typography-body-lg-letter-spacing: 0px;
467
+ --qw-sem-typography-label-sm-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
468
+ --qw-sem-typography-label-sm-font-size: 11px;
469
+ --qw-sem-typography-label-sm-font-weight: 500;
470
+ --qw-sem-typography-label-sm-line-height: 1.5;
471
+ --qw-sem-typography-label-sm-letter-spacing: 0px;
367
472
  --qw-sem-typography-code-font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
368
473
  --qw-sem-typography-code-font-size: 12px;
369
474
  --qw-sem-typography-code-font-weight: 400;
@@ -372,152 +477,137 @@
372
477
  --qw-sem-motion-duration-fast: 100ms;
373
478
  --qw-sem-motion-duration-base: 200ms;
374
479
  --qw-sem-motion-duration-slow: 320ms;
480
+ --qw-sem-motion-duration-shimmer: 2000ms;
481
+ --qw-sem-motion-duration-spin: 2000ms;
375
482
  --qw-sem-motion-easing-standard: cubic-bezier(0.16, 1, 0.3, 1);
483
+ --qw-sem-motion-easing-symmetric: ease-in-out;
484
+ --qw-sem-motion-easing-linear: linear;
485
+ --qw-sem-effect-blur-media-control: 2px;
376
486
  --qw-sem-color-surface-base: #ffffff;
377
487
  --qw-sem-color-surface-subtle: #F6F6F6;
378
488
  --qw-sem-color-surface-elevated: #ffffff;
379
489
  --qw-sem-color-surface-header: #EEEEEE;
380
490
  --qw-sem-color-surface-brand-subtle: #EBF5FF;
491
+ --qw-sem-color-surface-canvas: #ffffff;
492
+ --qw-sem-color-surface-sunken: #EEEEEE;
493
+ --qw-sem-color-surface-selected: rgba(34, 34, 34, 0.05);
494
+ --qw-sem-color-surface-inverse: #353535;
495
+ --qw-sem-color-surface-canvas-subtle: #F6F6F6;
496
+ --qw-sem-color-content-danger: #CF081E;
381
497
  --qw-sem-color-content-primary: #222222;
382
498
  --qw-sem-color-content-secondary: #666666;
383
499
  --qw-sem-color-content-tertiary: #999999;
384
500
  --qw-sem-color-content-placeholder: #CCCCCC;
385
501
  --qw-sem-color-content-intro: #A2A9B6;
502
+ --qw-sem-color-content-disabled: rgba(34, 34, 34, 0.3);
503
+ --qw-sem-color-content-link: #003DB8;
504
+ --qw-sem-color-content-icon-subtle: rgba(34, 34, 34, 0.05);
505
+ --qw-sem-color-content-inverse: #ffffff;
506
+ --qw-sem-color-content-on-solid: #ffffff;
507
+ --qw-sem-color-content-on-brand: #ffffff;
508
+ --qw-sem-color-content-on-warning-subtle: #453200;
386
509
  --qw-sem-color-border-default: #EEEEEE;
387
510
  --qw-sem-color-border-strong: #CCCCCC;
511
+ --qw-sem-color-border-control: #666666;
388
512
  --qw-sem-color-border-focus: #0011ff;
513
+ --qw-sem-color-border-subtle: rgba(34, 34, 34, 0.05);
514
+ --qw-sem-color-border-disabled: rgba(34, 34, 34, 0.1);
515
+ --qw-sem-color-border-on-media: #ffffff;
389
516
  --qw-sem-color-fill-subtle: #F6F6F6;
390
517
  --qw-sem-color-fill-hover: #EEEEEE;
391
518
  --qw-sem-color-fill-active: #EBF5FF;
392
519
  --qw-sem-color-fill-disabled: #F6F6F6;
520
+ --qw-sem-color-fill-track: rgba(34, 34, 34, 0.1);
393
521
  --qw-sem-color-action-brand: #0011ff;
394
522
  --qw-sem-color-action-product: #0d53ff;
395
523
  --qw-sem-color-action-selected: rgba(13, 83, 255, 0.2);
396
524
  --qw-sem-color-action-inverse: #ffffff;
525
+ --qw-sem-color-control-action-brand-subtle: rgba(0, 17, 255, 0.1);
526
+ --qw-sem-color-control-action-product-subtle: rgba(13, 83, 255, 0.1);
527
+ --qw-sem-color-control-action-danger-default: #CF081E;
528
+ --qw-sem-color-control-action-danger-subtle: rgba(255, 64, 64, 0.1);
529
+ --qw-sem-color-control-action-neutral-subtle: rgba(34, 34, 34, 0.05);
530
+ --qw-sem-color-control-selection-brand: rgba(0, 17, 255, 0.1);
531
+ --qw-sem-color-control-selection-product: rgba(13, 83, 255, 0.1);
532
+ --qw-sem-color-selection-text-background: rgba(13, 83, 255, 0.2);
397
533
  --qw-sem-color-status-success: #1f993f;
398
534
  --qw-sem-color-status-warning: #ffd575;
399
535
  --qw-sem-color-status-danger: #FF5745;
400
536
  --qw-sem-color-status-info: #0d53ff;
537
+ --qw-sem-color-status-success-subtle: rgba(31, 153, 63, 0.1);
538
+ --qw-sem-color-status-warning-subtle: rgba(255, 213, 117, 0.2);
539
+ --qw-sem-color-status-danger-subtle: rgba(255, 64, 64, 0.1);
540
+ --qw-sem-color-status-info-subtle: rgba(13, 83, 255, 0.1);
401
541
  --qw-sem-color-overlay-scrim: rgba(34, 34, 34, 0.5);
402
- --qw-sem-color-overlay-guide: rgba(34, 34, 34, 0.7);
542
+ --qw-sem-color-overlay-guide: rgba(13, 83, 255, 0.1);
543
+ --qw-sem-color-overlay-media-subtle: rgba(34, 34, 34, 0.4);
544
+ --qw-sem-color-overlay-media-strong: rgba(34, 34, 34, 0.5);
545
+ --qw-sem-color-overlay-control-on-media: rgba(34, 34, 34, 0.5);
403
546
  --qw-sem-color-shadow: rgba(34, 34, 34, 0.1);
547
+ --qw-sem-effect-shadow-card-color: rgba(34, 34, 34, 0.1);
548
+ --qw-sem-effect-shadow-floating-color: rgba(34, 34, 34, 0.1);
549
+ --qw-sem-effect-shadow-dialog-color: rgba(34, 34, 34, 0.1);
550
+ --qw-sem-effect-shadow-card: 0px 1px 2px 0px rgba(34, 34, 34, 0.1);
551
+ --qw-sem-effect-shadow-floating: 0px 4px 12px 0px rgba(34, 34, 34, 0.1);
404
552
  --qw-sem-effect-shadow-dialog: 0px 8px 24px 0px rgba(34, 34, 34, 0.1);
405
- --qw-compat-button-dimension-height-mini: 24px;
406
- --qw-compat-button-dimension-height-xs: 28px;
407
- --qw-compat-button-dimension-height-s: 32px;
408
- --qw-compat-button-dimension-height-normal: 36px;
409
- --qw-compat-button-dimension-height-m: 42px;
410
- --qw-compat-button-dimension-height-l: 50px;
411
- --qw-compat-button-dimension-square-mini: 24px;
412
- --qw-compat-button-dimension-square-xs: 28px;
413
- --qw-compat-button-dimension-square-s: 32px;
414
- --qw-compat-button-dimension-square-normal: 36px;
415
- --qw-compat-button-dimension-square-m: 42px;
416
- --qw-compat-button-dimension-square-l: 50px;
417
- --qw-compat-button-dimension-padding-inline-mini: 8px;
418
- --qw-compat-button-dimension-padding-inline-xs: 8px;
419
- --qw-compat-button-dimension-padding-inline-s: 16px;
420
- --qw-compat-button-dimension-padding-inline-normal: 16px;
421
- --qw-compat-button-dimension-padding-inline-m: 20px;
422
- --qw-compat-button-dimension-padding-inline-l: 32px;
423
- --qw-compat-button-dimension-icon-mini: 14px;
424
- --qw-compat-button-dimension-icon-xs: 16px;
425
- --qw-compat-button-dimension-icon-s: 16px;
426
- --qw-compat-button-dimension-icon-normal: 16px;
427
- --qw-compat-button-dimension-icon-m: 16px;
428
- --qw-compat-button-dimension-icon-l: 20px;
429
- --qw-compat-button-dimension-gap-mini: 4px;
430
- --qw-compat-button-dimension-gap-xs: 4px;
431
- --qw-compat-button-dimension-gap-s: 8px;
432
- --qw-compat-button-dimension-gap-normal: 8px;
433
- --qw-compat-button-dimension-gap-m: 8px;
434
- --qw-compat-button-dimension-gap-l: 8px;
435
- --qw-compat-button-dimension-border-width: 1px;
436
- --qw-compat-button-dimension-focus-ring-width: 2px;
437
- --qw-compat-button-dimension-focus-ring-offset: 2px;
438
- --qw-compat-button-dimension-spinner-stroke: 2px;
439
- --qw-compat-button-color-bg-soft-brand: rgba(0, 68, 255, 0.1);
440
- --qw-compat-button-color-bg-soft-danger: rgba(255, 87, 69, 0.1);
441
- --qw-compat-button-color-bg-neutral-gray: rgba(34, 34, 34, 0.06);
442
- --qw-compat-loading-color-logo: rgba(34, 34, 34, 0.06);
443
- --qw-compat-loading-dimension-radius-surface: 16px;
444
- --qw-compat-tag-dimension-radius-small: 2px;
445
- --qw-compat-tag-dimension-radius-medium: 4px;
446
- --qw-compat-tag-dimension-radius-large: 4px;
447
- --qw-compat-tag-dimension-border-width: 1px;
448
- --qw-compat-tag-dimension-height-small: 12px;
449
- --qw-compat-tag-dimension-height-medium: 16px;
450
- --qw-compat-tag-dimension-height-large: 20px;
451
- --qw-compat-tag-dimension-padding-inline-small: 3px;
452
- --qw-compat-tag-dimension-padding-inline-medium: 4px;
453
- --qw-compat-tag-dimension-padding-inline-large: 5px;
454
- --qw-compat-tag-typography-line-height-small: 16px;
455
- --qw-compat-tag-typography-line-height-medium: 22px;
456
- --qw-compat-tag-typography-line-height-large: 22px;
457
- --qw-compat-tag-typography-font-size-small: 8px;
458
- --qw-compat-tag-typography-font-size-medium: 11px;
459
- --qw-compat-tag-typography-font-size-large: 11px;
460
- --qw-compat-avatar-dimension-diameter-s: 40px;
461
- --qw-compat-avatar-dimension-diameter-m: 50px;
462
- --qw-compat-avatar-dimension-diameter-l: 58px;
463
- --qw-compat-avatar-dimension-border-width: 1px;
464
- --qw-compat-avatar-dimension-badge-font-size: 11px;
465
- --qw-compat-avatar-dimension-badge-line-height: 16px;
466
- --qw-compat-avatar-dimension-badge-padding: 5px;
467
- --qw-compat-avatar-color-border: rgba(34, 34, 34, 0.06);
468
- --qw-compat-avatar-color-badge-border: #FFFFFF;
469
- --qw-compat-avatar-color-badge-text: #FFFFFF;
470
- --qw-compat-textarea-color-paste-text: #FFFFFF;
471
- --qw-compat-tabs-color-button-bg-selected: rgba(34, 34, 34, 0.06);
472
- --qw-compat-tabs-color-button-border: rgba(34, 34, 34, 0.03);
473
- --qw-compat-tabs-dimension-border-width: 1px;
474
- --qw-compat-image-dimension-border-width: 1px;
475
- --qw-compat-image-color-background: #F8F8F8;
476
- --qw-compat-divider-color-border: rgba(34, 34, 34, 0.03);
477
- --qw-compat-divider-dimension-weight-thin: 0.5px;
478
- --qw-compat-divider-dimension-weight-thick: 1px;
479
- --qw-compat-empty-dimension-description-font-size: 16px;
480
- --qw-compat-empty-dimension-description-line-height: 26px;
481
- --qw-compat-empty-dimension-title-gap: 10px;
482
- --qw-compat-skeleton-color-background: rgba(185, 185, 185, 0.1);
483
553
  }
484
554
 
485
- /* ── Compat Sidecar（迁移债务，禁止业务方长期依赖）── */
486
- /* 治理：specs/rfcs/0002-token-compat-sidecar.md */
487
- /* 条目数：78 · graceDays：90 */
488
555
  [data-qw-mode="dark"] {
489
556
  --qw-sem-color-surface-base: #222222;
490
557
  --qw-sem-color-surface-subtle: #202020;
491
558
  --qw-sem-color-surface-elevated: #2D2D2D;
492
559
  --qw-sem-color-surface-header: #3A3A3A;
493
560
  --qw-sem-color-surface-brand-subtle: #001D66;
561
+ --qw-sem-color-surface-canvas: #121212;
562
+ --qw-sem-color-surface-sunken: #2D2D2D;
563
+ --qw-sem-color-surface-selected: rgba(255, 255, 255, 0.1);
564
+ --qw-sem-color-surface-canvas-subtle: #121212;
565
+ --qw-sem-color-content-danger: #FFA097;
494
566
  --qw-sem-color-content-primary: #ffffff;
495
567
  --qw-sem-color-content-secondary: #999999;
496
568
  --qw-sem-color-content-tertiary: #666666;
497
569
  --qw-sem-color-content-placeholder: rgba(255, 255, 255, 0.3);
498
570
  --qw-sem-color-content-intro: #888E99;
571
+ --qw-sem-color-content-disabled: rgba(255, 255, 255, 0.3);
572
+ --qw-sem-color-content-link: #3086FF;
573
+ --qw-sem-color-content-icon-subtle: rgba(255, 255, 255, 0.1);
574
+ --qw-sem-color-content-inverse: #222222;
575
+ --qw-sem-color-content-on-brand: #000000;
576
+ --qw-sem-color-content-on-warning-subtle: #F4D38B;
499
577
  --qw-sem-color-border-default: #3A3A3A;
500
578
  --qw-sem-color-border-strong: #666666;
579
+ --qw-sem-color-border-control: #999999;
501
580
  --qw-sem-color-border-focus: #426EFF;
581
+ --qw-sem-color-border-subtle: rgba(255, 255, 255, 0.05);
582
+ --qw-sem-color-border-disabled: rgba(255, 255, 255, 0.1);
502
583
  --qw-sem-color-fill-subtle: rgba(255, 255, 255, 0.2);
503
584
  --qw-sem-color-fill-hover: #2D2D2D;
504
585
  --qw-sem-color-fill-active: #001D66;
505
586
  --qw-sem-color-fill-disabled: #202020;
587
+ --qw-sem-color-fill-track: rgba(255, 255, 255, 0.2);
506
588
  --qw-sem-color-action-brand: #426EFF;
507
589
  --qw-sem-color-action-product: #266FFF;
508
590
  --qw-sem-color-action-selected: rgba(13, 83, 255, 0.4);
509
591
  --qw-sem-color-action-inverse: #222222;
592
+ --qw-sem-color-control-action-brand-subtle: rgba(0, 17, 255, 0.2);
593
+ --qw-sem-color-control-action-product-subtle: rgba(13, 83, 255, 0.2);
594
+ --qw-sem-color-control-action-danger-subtle: rgba(255, 64, 64, 0.2);
595
+ --qw-sem-color-control-action-neutral-subtle: rgba(255, 255, 255, 0.1);
596
+ --qw-sem-color-control-selection-brand: rgba(0, 17, 255, 0.2);
597
+ --qw-sem-color-control-selection-product: rgba(13, 83, 255, 0.2);
598
+ --qw-sem-color-selection-text-background: rgba(13, 83, 255, 0.4);
510
599
  --qw-sem-color-status-info: #266FFF;
600
+ --qw-sem-color-status-success-subtle: rgba(31, 153, 63, 0.2);
601
+ --qw-sem-color-status-danger-subtle: rgba(255, 64, 64, 0.2);
602
+ --qw-sem-color-status-info-subtle: rgba(13, 83, 255, 0.2);
511
603
  --qw-sem-color-overlay-scrim: rgba(34, 34, 34, 0.7);
604
+ --qw-sem-color-overlay-guide: rgba(13, 83, 255, 0.2);
605
+ --qw-sem-color-overlay-control-on-media: rgba(255, 255, 255, 0.4);
512
606
  --qw-sem-color-shadow: rgba(34, 34, 34, 0.5);
607
+ --qw-sem-effect-shadow-card-color: rgba(34, 34, 34, 0.5);
608
+ --qw-sem-effect-shadow-floating-color: rgba(34, 34, 34, 0.5);
609
+ --qw-sem-effect-shadow-dialog-color: rgba(34, 34, 34, 0.5);
610
+ --qw-sem-effect-shadow-card: 0px 1px 2px 0px rgba(34, 34, 34, 0.5);
611
+ --qw-sem-effect-shadow-floating: 0px 4px 12px 0px rgba(34, 34, 34, 0.5);
513
612
  --qw-sem-effect-shadow-dialog: 0px 8px 24px 0px rgba(34, 34, 34, 0.5);
514
- --qw-compat-button-color-bg-soft-brand: rgba(66, 110, 255, 0.24);
515
- --qw-compat-button-color-bg-soft-danger: rgba(254, 135, 122, 0.2);
516
- --qw-compat-button-color-bg-neutral-gray: rgba(255, 255, 255, 0.1);
517
- --qw-compat-loading-color-logo: rgba(255, 255, 255, 0.1);
518
- --qw-compat-avatar-color-border: rgba(255, 255, 255, 0.1);
519
- --qw-compat-tabs-color-button-bg-selected: rgba(255, 255, 255, 0.1);
520
- --qw-compat-tabs-color-button-border: rgba(255, 255, 255, 0.05);
521
- --qw-compat-divider-color-border: rgba(255, 255, 255, 0.05);
522
- --qw-compat-image-color-background: #333333;
523
613
  }