@qw-ui/tokens 0.1.0

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 (9) hide show
  1. package/LICENSE +21 -0
  2. package/dist/index.d.ts +624 -0
  3. package/dist/index.js +1182 -0
  4. package/dist/index.js.map +1 -0
  5. package/dist/tokens.css +429 -0
  6. package/dist/tokens.json +818 -0
  7. package/dist/tokens.live.css +478 -0
  8. package/dist/tokens.ts +818 -0
  9. package/package.json +80 -0
package/dist/tokens.css ADDED
@@ -0,0 +1,429 @@
1
+ /* @qw-ui/tokens — 由 seed derive() 生成，请勿手改。 */
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
+ --qw-ref-color-brand-a5: rgba(0, 17, 255, 0.05);
14
+ --qw-ref-color-brand-a10: rgba(0, 17, 255, 0.1);
15
+ --qw-ref-color-brand-a20: rgba(0, 17, 255, 0.2);
16
+ --qw-ref-color-brand-a30: rgba(0, 17, 255, 0.3);
17
+ --qw-ref-color-brand-a40: rgba(0, 17, 255, 0.4);
18
+ --qw-ref-color-brand-a50: rgba(0, 17, 255, 0.5);
19
+ --qw-ref-color-brand-a60: rgba(0, 17, 255, 0.6);
20
+ --qw-ref-color-brand-a70: rgba(0, 17, 255, 0.7);
21
+ --qw-ref-color-brand-a80: rgba(0, 17, 255, 0.8);
22
+ --qw-ref-color-brand-a90: rgba(0, 17, 255, 0.9);
23
+ --qw-ref-color-brand-a100: #0011ff;
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
+ --qw-ref-color-black-a5: rgba(34, 34, 34, 0.05);
36
+ --qw-ref-color-black-a10: rgba(34, 34, 34, 0.1);
37
+ --qw-ref-color-black-a20: rgba(34, 34, 34, 0.2);
38
+ --qw-ref-color-black-a30: rgba(34, 34, 34, 0.3);
39
+ --qw-ref-color-black-a40: rgba(34, 34, 34, 0.4);
40
+ --qw-ref-color-black-a50: rgba(34, 34, 34, 0.5);
41
+ --qw-ref-color-black-a60: rgba(34, 34, 34, 0.6);
42
+ --qw-ref-color-black-a70: rgba(34, 34, 34, 0.7);
43
+ --qw-ref-color-black-a80: rgba(34, 34, 34, 0.8);
44
+ --qw-ref-color-black-a90: rgba(34, 34, 34, 0.9);
45
+ --qw-ref-color-black-a100: #222222;
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
+ --qw-ref-color-white-a5: rgba(255, 255, 255, 0.05);
58
+ --qw-ref-color-white-a10: rgba(255, 255, 255, 0.1);
59
+ --qw-ref-color-white-a20: rgba(255, 255, 255, 0.2);
60
+ --qw-ref-color-white-a30: rgba(255, 255, 255, 0.3);
61
+ --qw-ref-color-white-a40: rgba(255, 255, 255, 0.4);
62
+ --qw-ref-color-white-a50: rgba(255, 255, 255, 0.5);
63
+ --qw-ref-color-white-a60: rgba(255, 255, 255, 0.6);
64
+ --qw-ref-color-white-a70: rgba(255, 255, 255, 0.7);
65
+ --qw-ref-color-white-a80: rgba(255, 255, 255, 0.8);
66
+ --qw-ref-color-white-a90: rgba(255, 255, 255, 0.9);
67
+ --qw-ref-color-white-a100: #ffffff;
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
+ --qw-ref-color-gray-a5: rgba(153, 153, 153, 0.05);
80
+ --qw-ref-color-gray-a10: rgba(153, 153, 153, 0.1);
81
+ --qw-ref-color-gray-a20: rgba(153, 153, 153, 0.2);
82
+ --qw-ref-color-gray-a30: rgba(153, 153, 153, 0.3);
83
+ --qw-ref-color-gray-a40: rgba(153, 153, 153, 0.4);
84
+ --qw-ref-color-gray-a50: rgba(153, 153, 153, 0.5);
85
+ --qw-ref-color-gray-a60: rgba(153, 153, 153, 0.6);
86
+ --qw-ref-color-gray-a70: rgba(153, 153, 153, 0.7);
87
+ --qw-ref-color-gray-a80: rgba(153, 153, 153, 0.8);
88
+ --qw-ref-color-gray-a90: rgba(153, 153, 153, 0.9);
89
+ --qw-ref-color-gray-a100: #999999;
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
+ --qw-ref-color-red-a5: rgba(255, 64, 64, 0.05);
102
+ --qw-ref-color-red-a10: rgba(255, 64, 64, 0.1);
103
+ --qw-ref-color-red-a20: rgba(255, 64, 64, 0.2);
104
+ --qw-ref-color-red-a30: rgba(255, 64, 64, 0.3);
105
+ --qw-ref-color-red-a40: rgba(255, 64, 64, 0.4);
106
+ --qw-ref-color-red-a50: rgba(255, 64, 64, 0.5);
107
+ --qw-ref-color-red-a60: rgba(255, 64, 64, 0.6);
108
+ --qw-ref-color-red-a70: rgba(255, 64, 64, 0.7);
109
+ --qw-ref-color-red-a80: rgba(255, 64, 64, 0.8);
110
+ --qw-ref-color-red-a90: rgba(255, 64, 64, 0.9);
111
+ --qw-ref-color-red-a100: #ff4040;
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
+ --qw-ref-color-orange-a5: rgba(255, 107, 63, 0.05);
124
+ --qw-ref-color-orange-a10: rgba(255, 107, 63, 0.1);
125
+ --qw-ref-color-orange-a20: rgba(255, 107, 63, 0.2);
126
+ --qw-ref-color-orange-a30: rgba(255, 107, 63, 0.3);
127
+ --qw-ref-color-orange-a40: rgba(255, 107, 63, 0.4);
128
+ --qw-ref-color-orange-a50: rgba(255, 107, 63, 0.5);
129
+ --qw-ref-color-orange-a60: rgba(255, 107, 63, 0.6);
130
+ --qw-ref-color-orange-a70: rgba(255, 107, 63, 0.7);
131
+ --qw-ref-color-orange-a80: rgba(255, 107, 63, 0.8);
132
+ --qw-ref-color-orange-a90: rgba(255, 107, 63, 0.9);
133
+ --qw-ref-color-orange-a100: #ff6b3f;
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
+ --qw-ref-color-yellow-a5: rgba(255, 213, 117, 0.05);
146
+ --qw-ref-color-yellow-a10: rgba(255, 213, 117, 0.1);
147
+ --qw-ref-color-yellow-a20: rgba(255, 213, 117, 0.2);
148
+ --qw-ref-color-yellow-a30: rgba(255, 213, 117, 0.3);
149
+ --qw-ref-color-yellow-a40: rgba(255, 213, 117, 0.4);
150
+ --qw-ref-color-yellow-a50: rgba(255, 213, 117, 0.5);
151
+ --qw-ref-color-yellow-a60: rgba(255, 213, 117, 0.6);
152
+ --qw-ref-color-yellow-a70: rgba(255, 213, 117, 0.7);
153
+ --qw-ref-color-yellow-a80: rgba(255, 213, 117, 0.8);
154
+ --qw-ref-color-yellow-a90: rgba(255, 213, 117, 0.9);
155
+ --qw-ref-color-yellow-a100: #ffd575;
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
+ --qw-ref-color-green-a5: rgba(31, 153, 63, 0.05);
168
+ --qw-ref-color-green-a10: rgba(31, 153, 63, 0.1);
169
+ --qw-ref-color-green-a20: rgba(31, 153, 63, 0.2);
170
+ --qw-ref-color-green-a30: rgba(31, 153, 63, 0.3);
171
+ --qw-ref-color-green-a40: rgba(31, 153, 63, 0.4);
172
+ --qw-ref-color-green-a50: rgba(31, 153, 63, 0.5);
173
+ --qw-ref-color-green-a60: rgba(31, 153, 63, 0.6);
174
+ --qw-ref-color-green-a70: rgba(31, 153, 63, 0.7);
175
+ --qw-ref-color-green-a80: rgba(31, 153, 63, 0.8);
176
+ --qw-ref-color-green-a90: rgba(31, 153, 63, 0.9);
177
+ --qw-ref-color-green-a100: #1f993f;
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
+ --qw-ref-color-cyan-a5: rgba(41, 190, 204, 0.05);
190
+ --qw-ref-color-cyan-a10: rgba(41, 190, 204, 0.1);
191
+ --qw-ref-color-cyan-a20: rgba(41, 190, 204, 0.2);
192
+ --qw-ref-color-cyan-a30: rgba(41, 190, 204, 0.3);
193
+ --qw-ref-color-cyan-a40: rgba(41, 190, 204, 0.4);
194
+ --qw-ref-color-cyan-a50: rgba(41, 190, 204, 0.5);
195
+ --qw-ref-color-cyan-a60: rgba(41, 190, 204, 0.6);
196
+ --qw-ref-color-cyan-a70: rgba(41, 190, 204, 0.7);
197
+ --qw-ref-color-cyan-a80: rgba(41, 190, 204, 0.8);
198
+ --qw-ref-color-cyan-a90: rgba(41, 190, 204, 0.9);
199
+ --qw-ref-color-cyan-a100: #29becc;
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
+ --qw-ref-color-blue-a5: rgba(13, 83, 255, 0.05);
212
+ --qw-ref-color-blue-a10: rgba(13, 83, 255, 0.1);
213
+ --qw-ref-color-blue-a20: rgba(13, 83, 255, 0.2);
214
+ --qw-ref-color-blue-a30: rgba(13, 83, 255, 0.3);
215
+ --qw-ref-color-blue-a40: rgba(13, 83, 255, 0.4);
216
+ --qw-ref-color-blue-a50: rgba(13, 83, 255, 0.5);
217
+ --qw-ref-color-blue-a60: rgba(13, 83, 255, 0.6);
218
+ --qw-ref-color-blue-a70: rgba(13, 83, 255, 0.7);
219
+ --qw-ref-color-blue-a80: rgba(13, 83, 255, 0.8);
220
+ --qw-ref-color-blue-a90: rgba(13, 83, 255, 0.9);
221
+ --qw-ref-color-blue-a100: #0d53ff;
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
+ --qw-ref-color-purple-a5: rgba(67, 44, 219, 0.05);
234
+ --qw-ref-color-purple-a10: rgba(67, 44, 219, 0.1);
235
+ --qw-ref-color-purple-a20: rgba(67, 44, 219, 0.2);
236
+ --qw-ref-color-purple-a30: rgba(67, 44, 219, 0.3);
237
+ --qw-ref-color-purple-a40: rgba(67, 44, 219, 0.4);
238
+ --qw-ref-color-purple-a50: rgba(67, 44, 219, 0.5);
239
+ --qw-ref-color-purple-a60: rgba(67, 44, 219, 0.6);
240
+ --qw-ref-color-purple-a70: rgba(67, 44, 219, 0.7);
241
+ --qw-ref-color-purple-a80: rgba(67, 44, 219, 0.8);
242
+ --qw-ref-color-purple-a90: rgba(67, 44, 219, 0.9);
243
+ --qw-ref-color-purple-a100: #432cdb;
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
+ --qw-ref-color-brown-a5: rgba(180, 94, 6, 0.05);
256
+ --qw-ref-color-brown-a10: rgba(180, 94, 6, 0.1);
257
+ --qw-ref-color-brown-a20: rgba(180, 94, 6, 0.2);
258
+ --qw-ref-color-brown-a30: rgba(180, 94, 6, 0.3);
259
+ --qw-ref-color-brown-a40: rgba(180, 94, 6, 0.4);
260
+ --qw-ref-color-brown-a50: rgba(180, 94, 6, 0.5);
261
+ --qw-ref-color-brown-a60: rgba(180, 94, 6, 0.6);
262
+ --qw-ref-color-brown-a70: rgba(180, 94, 6, 0.7);
263
+ --qw-ref-color-brown-a80: rgba(180, 94, 6, 0.8);
264
+ --qw-ref-color-brown-a90: rgba(180, 94, 6, 0.9);
265
+ --qw-ref-color-brown-a100: #b45e06;
266
+ --qw-ref-color-brown-base: #b45e06;
267
+ --qw-ref-size-spacing-1: 4px;
268
+ --qw-ref-size-spacing-2: 8px;
269
+ --qw-ref-size-spacing-3: 12px;
270
+ --qw-ref-size-spacing-4: 16px;
271
+ --qw-ref-size-spacing-5: 20px;
272
+ --qw-ref-size-spacing-6: 24px;
273
+ --qw-ref-size-spacing-7: 28px;
274
+ --qw-ref-size-spacing-8: 32px;
275
+ --qw-ref-size-radius-sm: 4px;
276
+ --qw-ref-size-radius-md: 8px;
277
+ --qw-ref-size-radius-lg: 14px;
278
+ --qw-ref-size-radius-full: 9999px;
279
+ --qw-ref-size-control-size-sm: 32px;
280
+ --qw-ref-size-control-size-md: 40px;
281
+ --qw-ref-size-control-size-lg: 48px;
282
+ --qw-ref-size-icon-size-sm: 16px;
283
+ --qw-ref-size-icon-size-md: 20px;
284
+ --qw-ref-size-icon-size-lg: 24px;
285
+ --qw-ref-size-border-width-hairline: 1px;
286
+ --qw-ref-size-opacity-disabled: 0.5;
287
+ --qw-ref-size-z-index-1: 10;
288
+ --qw-ref-size-z-index-2: 20;
289
+ --qw-ref-size-z-index-3: 30;
290
+ --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
+ --qw-ref-typography-font-family-text: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
295
+ --qw-ref-typography-font-family-number: PlusJakartaSans, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
296
+ --qw-ref-typography-font-family-code: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
297
+ --qw-ref-typography-font-weight-regular: 400;
298
+ --qw-ref-typography-font-weight-medium: 500;
299
+ --qw-ref-typography-font-weight-semibold: 600;
300
+ --qw-ref-typography-font-size-base: 14px;
301
+ --qw-ref-typography-font-size-sm: 12px;
302
+ --qw-ref-typography-font-size-lg: 16px;
303
+ --qw-ref-typography-font-size-xl: 20px;
304
+ --qw-ref-typography-font-size-2xl: 24px;
305
+ --qw-ref-typography-letter-spacing-base: 0px;
306
+ --qw-ref-motion-duration-fast: 100ms;
307
+ --qw-ref-motion-duration-base: 200ms;
308
+ --qw-ref-motion-duration-slow: 320ms;
309
+ --qw-ref-motion-easing-standard: cubic-bezier(0.16, 1, 0.3, 1);
310
+ --qw-ref-effect-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
311
+ --qw-ref-effect-shadow-md: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
312
+ --qw-ref-effect-shadow-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
313
+ --qw-sem-size-radius-control: 8px;
314
+ --qw-sem-size-radius-card: 14px;
315
+ --qw-sem-size-radius-pill: 9999px;
316
+ --qw-sem-size-radius-full: 9999px;
317
+ --qw-sem-size-control-height-sm: 32px;
318
+ --qw-sem-size-control-height-md: 40px;
319
+ --qw-sem-size-control-height-lg: 48px;
320
+ --qw-sem-size-icon-size-sm: 16px;
321
+ --qw-sem-size-icon-size-md: 20px;
322
+ --qw-sem-size-icon-size-lg: 24px;
323
+ --qw-sem-size-inset-sm: 8px;
324
+ --qw-sem-size-inset-md: 16px;
325
+ --qw-sem-size-inset-lg: 24px;
326
+ --qw-sem-size-stack-sm: 8px;
327
+ --qw-sem-size-stack-md: 16px;
328
+ --qw-sem-size-stack-lg: 24px;
329
+ --qw-sem-size-opacity-disabled: 0.5;
330
+ --qw-sem-size-z-index-dropdown: 10;
331
+ --qw-sem-size-z-index-sticky: 20;
332
+ --qw-sem-size-z-index-overlay: 30;
333
+ --qw-sem-size-z-index-toast: 40;
334
+ --qw-sem-typography-font-family-text: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
335
+ --qw-sem-typography-font-family-number: PlusJakartaSans, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
336
+ --qw-sem-typography-font-family-code: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
337
+ --qw-sem-typography-body-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
338
+ --qw-sem-typography-body-font-size: 14px;
339
+ --qw-sem-typography-body-font-weight: 400;
340
+ --qw-sem-typography-body-line-height: 1.5;
341
+ --qw-sem-typography-body-letter-spacing: 0px;
342
+ --qw-sem-typography-body-strong-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
343
+ --qw-sem-typography-body-strong-font-size: 14px;
344
+ --qw-sem-typography-body-strong-font-weight: 500;
345
+ --qw-sem-typography-body-strong-line-height: 1.5;
346
+ --qw-sem-typography-body-strong-letter-spacing: 0px;
347
+ --qw-sem-typography-heading-sm-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
348
+ --qw-sem-typography-heading-sm-font-size: 16px;
349
+ --qw-sem-typography-heading-sm-font-weight: 600;
350
+ --qw-sem-typography-heading-sm-line-height: 1.25;
351
+ --qw-sem-typography-heading-sm-letter-spacing: 0px;
352
+ --qw-sem-typography-heading-md-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
353
+ --qw-sem-typography-heading-md-font-size: 20px;
354
+ --qw-sem-typography-heading-md-font-weight: 600;
355
+ --qw-sem-typography-heading-md-line-height: 1.25;
356
+ --qw-sem-typography-heading-md-letter-spacing: 0px;
357
+ --qw-sem-typography-heading-lg-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
358
+ --qw-sem-typography-heading-lg-font-size: 24px;
359
+ --qw-sem-typography-heading-lg-font-weight: 600;
360
+ --qw-sem-typography-heading-lg-line-height: 1.25;
361
+ --qw-sem-typography-heading-lg-letter-spacing: 0px;
362
+ --qw-sem-typography-caption-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
363
+ --qw-sem-typography-caption-font-size: 12px;
364
+ --qw-sem-typography-caption-font-weight: 400;
365
+ --qw-sem-typography-caption-line-height: 1.5;
366
+ --qw-sem-typography-caption-letter-spacing: 0px;
367
+ --qw-sem-typography-code-font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
368
+ --qw-sem-typography-code-font-size: 12px;
369
+ --qw-sem-typography-code-font-weight: 400;
370
+ --qw-sem-typography-code-line-height: 1.5;
371
+ --qw-sem-typography-code-letter-spacing: 0px;
372
+ --qw-sem-motion-duration-fast: 100ms;
373
+ --qw-sem-motion-duration-base: 200ms;
374
+ --qw-sem-motion-duration-slow: 320ms;
375
+ --qw-sem-motion-easing-standard: cubic-bezier(0.16, 1, 0.3, 1);
376
+ --qw-sem-color-surface-base: #ffffff;
377
+ --qw-sem-color-surface-subtle: #F6F6F6;
378
+ --qw-sem-color-surface-elevated: #ffffff;
379
+ --qw-sem-color-surface-header: #EEEEEE;
380
+ --qw-sem-color-surface-brand-subtle: #EBF5FF;
381
+ --qw-sem-color-content-primary: #222222;
382
+ --qw-sem-color-content-secondary: #666666;
383
+ --qw-sem-color-content-tertiary: #999999;
384
+ --qw-sem-color-content-placeholder: #CCCCCC;
385
+ --qw-sem-color-content-intro: #A2A9B6;
386
+ --qw-sem-color-border-default: #EEEEEE;
387
+ --qw-sem-color-border-strong: #CCCCCC;
388
+ --qw-sem-color-border-focus: #0011ff;
389
+ --qw-sem-color-fill-subtle: #F6F6F6;
390
+ --qw-sem-color-fill-hover: #EEEEEE;
391
+ --qw-sem-color-fill-active: #EBF5FF;
392
+ --qw-sem-color-fill-disabled: #F6F6F6;
393
+ --qw-sem-color-action-brand: #0011ff;
394
+ --qw-sem-color-action-product: #0d53ff;
395
+ --qw-sem-color-action-selected: rgba(13, 83, 255, 0.2);
396
+ --qw-sem-color-action-inverse: #ffffff;
397
+ --qw-sem-color-status-success: #1f993f;
398
+ --qw-sem-color-status-warning: #ffd575;
399
+ --qw-sem-color-status-danger: #FF5745;
400
+ --qw-sem-color-status-info: #0d53ff;
401
+ --qw-sem-color-overlay-scrim: rgba(34, 34, 34, 0.5);
402
+ --qw-sem-color-overlay-guide: rgba(34, 34, 34, 0.7);
403
+ }
404
+
405
+ [data-qw-mode="dark"] {
406
+ --qw-sem-color-surface-base: #222222;
407
+ --qw-sem-color-surface-subtle: #202020;
408
+ --qw-sem-color-surface-elevated: #2D2D2D;
409
+ --qw-sem-color-surface-header: #3A3A3A;
410
+ --qw-sem-color-surface-brand-subtle: #001D66;
411
+ --qw-sem-color-content-primary: #ffffff;
412
+ --qw-sem-color-content-secondary: #999999;
413
+ --qw-sem-color-content-tertiary: #666666;
414
+ --qw-sem-color-content-placeholder: rgba(255, 255, 255, 0.3);
415
+ --qw-sem-color-content-intro: #888E99;
416
+ --qw-sem-color-border-default: #3A3A3A;
417
+ --qw-sem-color-border-strong: #666666;
418
+ --qw-sem-color-border-focus: #426EFF;
419
+ --qw-sem-color-fill-subtle: rgba(255, 255, 255, 0.2);
420
+ --qw-sem-color-fill-hover: #2D2D2D;
421
+ --qw-sem-color-fill-active: #001D66;
422
+ --qw-sem-color-fill-disabled: #202020;
423
+ --qw-sem-color-action-brand: #426EFF;
424
+ --qw-sem-color-action-product: #266FFF;
425
+ --qw-sem-color-action-selected: rgba(13, 83, 255, 0.4);
426
+ --qw-sem-color-action-inverse: #222222;
427
+ --qw-sem-color-status-info: #266FFF;
428
+ --qw-sem-color-overlay-scrim: rgba(34, 34, 34, 0.7);
429
+ }