@xyd-js/themes 0.1.1-xyd.44 → 0.1.1-xyd.5
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.
- package/CHANGELOG.md +0 -404
- package/dist/index.css +32 -34
- package/dist/index.d.ts +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
- package/src/Theme.tsx +2 -3
- package/src/styles/tokens.css +0 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,409 +1,5 @@
|
|
|
1
1
|
# @xyd-js/themes
|
|
2
2
|
|
|
3
|
-
## 0.1.1-xyd.44
|
|
4
|
-
|
|
5
|
-
### Patch Changes
|
|
6
|
-
|
|
7
|
-
- update all packages
|
|
8
|
-
- Updated dependencies
|
|
9
|
-
- @xyd-js/components@0.1.0-xyd.52
|
|
10
|
-
- @xyd-js/core@0.1.0-xyd.54
|
|
11
|
-
- @xyd-js/framework@0.1.0-xyd.73
|
|
12
|
-
|
|
13
|
-
## 0.1.1-xyd.43
|
|
14
|
-
|
|
15
|
-
### Patch Changes
|
|
16
|
-
|
|
17
|
-
- update all packages
|
|
18
|
-
- Updated dependencies
|
|
19
|
-
- @xyd-js/components@0.1.0-xyd.51
|
|
20
|
-
- @xyd-js/core@0.1.0-xyd.53
|
|
21
|
-
- @xyd-js/framework@0.1.0-xyd.72
|
|
22
|
-
|
|
23
|
-
## 0.1.1-xyd.42
|
|
24
|
-
|
|
25
|
-
### Patch Changes
|
|
26
|
-
|
|
27
|
-
- update all packages
|
|
28
|
-
- Updated dependencies
|
|
29
|
-
- @xyd-js/components@0.1.0-xyd.50
|
|
30
|
-
- @xyd-js/core@0.1.0-xyd.52
|
|
31
|
-
- @xyd-js/framework@0.1.0-xyd.71
|
|
32
|
-
|
|
33
|
-
## 0.1.1-xyd.41
|
|
34
|
-
|
|
35
|
-
### Patch Changes
|
|
36
|
-
|
|
37
|
-
- update all packages
|
|
38
|
-
- Updated dependencies
|
|
39
|
-
- @xyd-js/components@0.1.0-xyd.49
|
|
40
|
-
- @xyd-js/core@0.1.0-xyd.51
|
|
41
|
-
- @xyd-js/framework@0.1.0-xyd.70
|
|
42
|
-
|
|
43
|
-
## 0.1.1-xyd.40
|
|
44
|
-
|
|
45
|
-
### Patch Changes
|
|
46
|
-
|
|
47
|
-
- update all packages
|
|
48
|
-
- Updated dependencies
|
|
49
|
-
- @xyd-js/components@0.1.0-xyd.48
|
|
50
|
-
- @xyd-js/core@0.1.0-xyd.50
|
|
51
|
-
- @xyd-js/framework@0.1.0-xyd.69
|
|
52
|
-
|
|
53
|
-
## 0.1.1-xyd.39
|
|
54
|
-
|
|
55
|
-
### Patch Changes
|
|
56
|
-
|
|
57
|
-
- update all packages
|
|
58
|
-
- Updated dependencies
|
|
59
|
-
- @xyd-js/components@0.1.0-xyd.47
|
|
60
|
-
- @xyd-js/core@0.1.0-xyd.49
|
|
61
|
-
- @xyd-js/framework@0.1.0-xyd.68
|
|
62
|
-
|
|
63
|
-
## 0.1.1-xyd.38
|
|
64
|
-
|
|
65
|
-
### Patch Changes
|
|
66
|
-
|
|
67
|
-
- update all packages
|
|
68
|
-
- Updated dependencies
|
|
69
|
-
- @xyd-js/components@0.1.0-xyd.46
|
|
70
|
-
- @xyd-js/core@0.1.0-xyd.48
|
|
71
|
-
- @xyd-js/framework@0.1.0-xyd.67
|
|
72
|
-
|
|
73
|
-
## 0.1.1-xyd.37
|
|
74
|
-
|
|
75
|
-
### Patch Changes
|
|
76
|
-
|
|
77
|
-
- update all packages
|
|
78
|
-
- Updated dependencies
|
|
79
|
-
- @xyd-js/components@0.1.0-xyd.45
|
|
80
|
-
- @xyd-js/core@0.1.0-xyd.47
|
|
81
|
-
- @xyd-js/framework@0.1.0-xyd.66
|
|
82
|
-
|
|
83
|
-
## 0.1.1-xyd.36
|
|
84
|
-
|
|
85
|
-
### Patch Changes
|
|
86
|
-
|
|
87
|
-
- update all packages
|
|
88
|
-
- Updated dependencies
|
|
89
|
-
- @xyd-js/components@0.1.0-xyd.44
|
|
90
|
-
- @xyd-js/core@0.1.0-xyd.46
|
|
91
|
-
- @xyd-js/framework@0.1.0-xyd.65
|
|
92
|
-
|
|
93
|
-
## 0.1.1-xyd.35
|
|
94
|
-
|
|
95
|
-
### Patch Changes
|
|
96
|
-
|
|
97
|
-
- update all packages
|
|
98
|
-
- Updated dependencies
|
|
99
|
-
- @xyd-js/components@0.1.0-xyd.43
|
|
100
|
-
- @xyd-js/core@0.1.0-xyd.45
|
|
101
|
-
- @xyd-js/framework@0.1.0-xyd.64
|
|
102
|
-
|
|
103
|
-
## 0.1.1-xyd.34
|
|
104
|
-
|
|
105
|
-
### Patch Changes
|
|
106
|
-
|
|
107
|
-
- update all packages
|
|
108
|
-
- Updated dependencies
|
|
109
|
-
- @xyd-js/components@0.1.0-xyd.42
|
|
110
|
-
- @xyd-js/core@0.1.0-xyd.44
|
|
111
|
-
- @xyd-js/framework@0.1.0-xyd.63
|
|
112
|
-
|
|
113
|
-
## 0.1.1-xyd.33
|
|
114
|
-
|
|
115
|
-
### Patch Changes
|
|
116
|
-
|
|
117
|
-
- update all packages
|
|
118
|
-
- Updated dependencies
|
|
119
|
-
- @xyd-js/components@0.1.0-xyd.41
|
|
120
|
-
- @xyd-js/core@0.1.0-xyd.43
|
|
121
|
-
- @xyd-js/framework@0.1.0-xyd.62
|
|
122
|
-
|
|
123
|
-
## 0.1.1-xyd.32
|
|
124
|
-
|
|
125
|
-
### Patch Changes
|
|
126
|
-
|
|
127
|
-
- update all packages
|
|
128
|
-
- Updated dependencies
|
|
129
|
-
- @xyd-js/components@0.1.0-xyd.40
|
|
130
|
-
- @xyd-js/core@0.1.0-xyd.42
|
|
131
|
-
- @xyd-js/framework@0.1.0-xyd.61
|
|
132
|
-
|
|
133
|
-
## 0.1.1-xyd.31
|
|
134
|
-
|
|
135
|
-
### Patch Changes
|
|
136
|
-
|
|
137
|
-
- update all packages
|
|
138
|
-
- Updated dependencies
|
|
139
|
-
- @xyd-js/components@0.1.0-xyd.39
|
|
140
|
-
- @xyd-js/core@0.1.0-xyd.41
|
|
141
|
-
- @xyd-js/framework@0.1.0-xyd.60
|
|
142
|
-
|
|
143
|
-
## 0.1.1-xyd.30
|
|
144
|
-
|
|
145
|
-
### Patch Changes
|
|
146
|
-
|
|
147
|
-
- update all packages
|
|
148
|
-
- Updated dependencies
|
|
149
|
-
- @xyd-js/components@0.1.0-xyd.38
|
|
150
|
-
- @xyd-js/core@0.1.0-xyd.40
|
|
151
|
-
- @xyd-js/framework@0.1.0-xyd.59
|
|
152
|
-
|
|
153
|
-
## 0.1.1-xyd.29
|
|
154
|
-
|
|
155
|
-
### Patch Changes
|
|
156
|
-
|
|
157
|
-
- update all packages
|
|
158
|
-
- Updated dependencies
|
|
159
|
-
- @xyd-js/components@0.1.0-xyd.37
|
|
160
|
-
- @xyd-js/core@0.1.0-xyd.39
|
|
161
|
-
- @xyd-js/framework@0.1.0-xyd.58
|
|
162
|
-
|
|
163
|
-
## 0.1.1-xyd.28
|
|
164
|
-
|
|
165
|
-
### Patch Changes
|
|
166
|
-
|
|
167
|
-
- update all packages
|
|
168
|
-
- Updated dependencies
|
|
169
|
-
- @xyd-js/components@0.1.0-xyd.36
|
|
170
|
-
- @xyd-js/core@0.1.0-xyd.38
|
|
171
|
-
- @xyd-js/framework@0.1.0-xyd.57
|
|
172
|
-
|
|
173
|
-
## 0.1.1-xyd.27
|
|
174
|
-
|
|
175
|
-
### Patch Changes
|
|
176
|
-
|
|
177
|
-
- update all packages
|
|
178
|
-
- Updated dependencies
|
|
179
|
-
- @xyd-js/components@0.1.0-xyd.35
|
|
180
|
-
- @xyd-js/core@0.1.0-xyd.37
|
|
181
|
-
- @xyd-js/framework@0.1.0-xyd.56
|
|
182
|
-
|
|
183
|
-
## 0.1.1-xyd.26
|
|
184
|
-
|
|
185
|
-
### Patch Changes
|
|
186
|
-
|
|
187
|
-
- update all packages
|
|
188
|
-
- Updated dependencies
|
|
189
|
-
- @xyd-js/components@0.1.0-xyd.34
|
|
190
|
-
- @xyd-js/core@0.1.0-xyd.36
|
|
191
|
-
- @xyd-js/framework@0.1.0-xyd.55
|
|
192
|
-
|
|
193
|
-
## 0.1.1-xyd.25
|
|
194
|
-
|
|
195
|
-
### Patch Changes
|
|
196
|
-
|
|
197
|
-
- update all packages
|
|
198
|
-
- Updated dependencies
|
|
199
|
-
- @xyd-js/components@0.1.0-xyd.33
|
|
200
|
-
- @xyd-js/core@0.1.0-xyd.35
|
|
201
|
-
- @xyd-js/framework@0.1.0-xyd.54
|
|
202
|
-
|
|
203
|
-
## 0.1.1-xyd.24
|
|
204
|
-
|
|
205
|
-
### Patch Changes
|
|
206
|
-
|
|
207
|
-
- update all packages
|
|
208
|
-
- Updated dependencies
|
|
209
|
-
- @xyd-js/components@0.1.0-xyd.32
|
|
210
|
-
- @xyd-js/core@0.1.0-xyd.34
|
|
211
|
-
- @xyd-js/framework@0.1.0-xyd.53
|
|
212
|
-
|
|
213
|
-
## 0.1.1-xyd.23
|
|
214
|
-
|
|
215
|
-
### Patch Changes
|
|
216
|
-
|
|
217
|
-
- update all packages
|
|
218
|
-
- Updated dependencies
|
|
219
|
-
- @xyd-js/components@0.1.0-xyd.31
|
|
220
|
-
- @xyd-js/core@0.1.0-xyd.33
|
|
221
|
-
- @xyd-js/framework@0.1.0-xyd.52
|
|
222
|
-
|
|
223
|
-
## 0.1.1-xyd.22
|
|
224
|
-
|
|
225
|
-
### Patch Changes
|
|
226
|
-
|
|
227
|
-
- update all packages
|
|
228
|
-
- Updated dependencies
|
|
229
|
-
- @xyd-js/components@0.1.0-xyd.30
|
|
230
|
-
- @xyd-js/core@0.1.0-xyd.32
|
|
231
|
-
- @xyd-js/framework@0.1.0-xyd.51
|
|
232
|
-
|
|
233
|
-
## 0.1.1-xyd.21
|
|
234
|
-
|
|
235
|
-
### Patch Changes
|
|
236
|
-
|
|
237
|
-
- update all packages
|
|
238
|
-
- update all packages
|
|
239
|
-
- Updated dependencies
|
|
240
|
-
- Updated dependencies
|
|
241
|
-
- @xyd-js/components@0.1.0-xyd.29
|
|
242
|
-
- @xyd-js/core@0.1.0-xyd.31
|
|
243
|
-
- @xyd-js/framework@0.1.0-xyd.50
|
|
244
|
-
|
|
245
|
-
## 0.1.1-xyd.20
|
|
246
|
-
|
|
247
|
-
### Patch Changes
|
|
248
|
-
|
|
249
|
-
- update all packages
|
|
250
|
-
- Updated dependencies
|
|
251
|
-
- @xyd-js/components@0.1.0-xyd.28
|
|
252
|
-
- @xyd-js/core@0.1.0-xyd.30
|
|
253
|
-
- @xyd-js/framework@0.1.0-xyd.49
|
|
254
|
-
|
|
255
|
-
## 0.1.1-xyd.19
|
|
256
|
-
|
|
257
|
-
### Patch Changes
|
|
258
|
-
|
|
259
|
-
- update all packages
|
|
260
|
-
- update all packages
|
|
261
|
-
- Updated dependencies
|
|
262
|
-
- Updated dependencies
|
|
263
|
-
- @xyd-js/components@0.1.0-xyd.27
|
|
264
|
-
- @xyd-js/core@0.1.0-xyd.29
|
|
265
|
-
- @xyd-js/framework@0.1.0-xyd.48
|
|
266
|
-
|
|
267
|
-
## 0.1.1-xyd.18
|
|
268
|
-
|
|
269
|
-
### Patch Changes
|
|
270
|
-
|
|
271
|
-
- update all packages
|
|
272
|
-
- update all packages
|
|
273
|
-
- Updated dependencies
|
|
274
|
-
- Updated dependencies
|
|
275
|
-
- @xyd-js/components@0.1.0-xyd.26
|
|
276
|
-
- @xyd-js/core@0.1.0-xyd.28
|
|
277
|
-
- @xyd-js/framework@0.1.0-xyd.47
|
|
278
|
-
|
|
279
|
-
## 0.1.1-xyd.17
|
|
280
|
-
|
|
281
|
-
### Patch Changes
|
|
282
|
-
|
|
283
|
-
- update all packages
|
|
284
|
-
- update all packages
|
|
285
|
-
- Updated dependencies
|
|
286
|
-
- Updated dependencies
|
|
287
|
-
- @xyd-js/components@0.1.0-xyd.25
|
|
288
|
-
- @xyd-js/core@0.1.0-xyd.27
|
|
289
|
-
- @xyd-js/framework@0.1.0-xyd.46
|
|
290
|
-
|
|
291
|
-
## 0.1.1-xyd.16
|
|
292
|
-
|
|
293
|
-
### Patch Changes
|
|
294
|
-
|
|
295
|
-
- update all packages
|
|
296
|
-
- update all packages
|
|
297
|
-
- Updated dependencies
|
|
298
|
-
- Updated dependencies
|
|
299
|
-
- @xyd-js/components@0.1.0-xyd.24
|
|
300
|
-
- @xyd-js/core@0.1.0-xyd.26
|
|
301
|
-
- @xyd-js/framework@0.1.0-xyd.45
|
|
302
|
-
|
|
303
|
-
## 0.1.1-xyd.15
|
|
304
|
-
|
|
305
|
-
### Patch Changes
|
|
306
|
-
|
|
307
|
-
- update all packages
|
|
308
|
-
- update all packages
|
|
309
|
-
- Updated dependencies
|
|
310
|
-
- Updated dependencies
|
|
311
|
-
- @xyd-js/components@0.1.0-xyd.23
|
|
312
|
-
- @xyd-js/core@0.1.0-xyd.25
|
|
313
|
-
- @xyd-js/framework@0.1.0-xyd.44
|
|
314
|
-
|
|
315
|
-
## 0.1.1-xyd.14
|
|
316
|
-
|
|
317
|
-
### Patch Changes
|
|
318
|
-
|
|
319
|
-
- update all packages
|
|
320
|
-
- update all packages
|
|
321
|
-
- Updated dependencies
|
|
322
|
-
- Updated dependencies
|
|
323
|
-
- @xyd-js/components@0.1.0-xyd.22
|
|
324
|
-
- @xyd-js/core@0.1.0-xyd.24
|
|
325
|
-
- @xyd-js/framework@0.1.0-xyd.43
|
|
326
|
-
|
|
327
|
-
## 0.1.1-xyd.13
|
|
328
|
-
|
|
329
|
-
### Patch Changes
|
|
330
|
-
|
|
331
|
-
- update all packages
|
|
332
|
-
- Updated dependencies
|
|
333
|
-
- @xyd-js/components@0.1.0-xyd.21
|
|
334
|
-
- @xyd-js/core@0.1.0-xyd.23
|
|
335
|
-
- @xyd-js/framework@0.1.0-xyd.42
|
|
336
|
-
|
|
337
|
-
## 0.1.1-xyd.12
|
|
338
|
-
|
|
339
|
-
### Patch Changes
|
|
340
|
-
|
|
341
|
-
- update all packages
|
|
342
|
-
- Updated dependencies
|
|
343
|
-
- @xyd-js/components@0.1.0-xyd.20
|
|
344
|
-
- @xyd-js/core@0.1.0-xyd.22
|
|
345
|
-
- @xyd-js/framework@0.1.0-xyd.41
|
|
346
|
-
|
|
347
|
-
## 0.1.1-xyd.11
|
|
348
|
-
|
|
349
|
-
### Patch Changes
|
|
350
|
-
|
|
351
|
-
- update all packages
|
|
352
|
-
- Updated dependencies
|
|
353
|
-
- @xyd-js/components@0.1.0-xyd.19
|
|
354
|
-
- @xyd-js/core@0.1.0-xyd.21
|
|
355
|
-
- @xyd-js/framework@0.1.0-xyd.40
|
|
356
|
-
|
|
357
|
-
## 0.1.1-xyd.10
|
|
358
|
-
|
|
359
|
-
### Patch Changes
|
|
360
|
-
|
|
361
|
-
- update
|
|
362
|
-
- Updated dependencies
|
|
363
|
-
- @xyd-js/components@0.1.0-xyd.18
|
|
364
|
-
- @xyd-js/core@0.1.0-xyd.20
|
|
365
|
-
- @xyd-js/framework@0.1.0-xyd.39
|
|
366
|
-
|
|
367
|
-
## 0.1.1-xyd.9
|
|
368
|
-
|
|
369
|
-
### Patch Changes
|
|
370
|
-
|
|
371
|
-
- update
|
|
372
|
-
- Updated dependencies
|
|
373
|
-
- @xyd-js/components@0.1.0-xyd.17
|
|
374
|
-
- @xyd-js/core@0.1.0-xyd.19
|
|
375
|
-
- @xyd-js/framework@0.1.0-xyd.38
|
|
376
|
-
|
|
377
|
-
## 0.1.1-xyd.8
|
|
378
|
-
|
|
379
|
-
### Patch Changes
|
|
380
|
-
|
|
381
|
-
- update
|
|
382
|
-
- Updated dependencies
|
|
383
|
-
- @xyd-js/components@0.1.0-xyd.16
|
|
384
|
-
- @xyd-js/core@0.1.0-xyd.18
|
|
385
|
-
- @xyd-js/framework@0.1.0-xyd.37
|
|
386
|
-
|
|
387
|
-
## 0.1.1-xyd.7
|
|
388
|
-
|
|
389
|
-
### Patch Changes
|
|
390
|
-
|
|
391
|
-
- update
|
|
392
|
-
- Updated dependencies
|
|
393
|
-
- @xyd-js/components@0.1.0-xyd.15
|
|
394
|
-
- @xyd-js/core@0.1.0-xyd.17
|
|
395
|
-
- @xyd-js/framework@0.1.0-xyd.36
|
|
396
|
-
|
|
397
|
-
## 0.1.1-xyd.6
|
|
398
|
-
|
|
399
|
-
### Patch Changes
|
|
400
|
-
|
|
401
|
-
- update
|
|
402
|
-
- Updated dependencies
|
|
403
|
-
- @xyd-js/components@0.1.0-xyd.14
|
|
404
|
-
- @xyd-js/core@0.1.0-xyd.16
|
|
405
|
-
- @xyd-js/framework@0.1.0-xyd.35
|
|
406
|
-
|
|
407
3
|
## 0.1.1-xyd.5
|
|
408
4
|
|
|
409
5
|
### Patch Changes
|
package/dist/index.css
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
@layer defaults{.n1vu90xp{position:sticky;top:0;z-index:20;width:100%;background:transparent;display:flex;}.n1vu90xp [part="shadow"]{pointer-events:none;position:absolute;z-index:-1;height:100%;width:100%;background-color:var(--xyd-nav-shadow-bgcolor);}.n1vu90xp [part="nav"]{display:flex;width:100%;height:var(--xyd-nav-height);align-items:center;justify-content:flex-end;gap:8px;padding-left:calc(max(env(safe-area-inset-left), var(--xyd-padding-default)));padding-right:calc(max(env(safe-area-inset-right), var(--xyd-padding-default)));}.n1vu90xp[data-kind="middle"] [part="nav"]{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;}.n1vu90xp [part="logo"]{display:flex;align-items:center;margin-right:auto;width:100%;}.n1vu90xp [part="list"]{display:flex;align-items:center;justify-content:center;gap:8px;}.n1vu90xp [part="right"]{display:flex;align-items:center;justify-content:flex-end;}}
|
|
13
13
|
@layer defaults{.i1i2i14o{position:relative;white-space:nowrap;color:var(--xyd-nav-item-color);padding:calc(var(--xyd-padding-default) / 2) var(--xyd-padding-default);display:flex;align-items:center;justify-content:center;}.i1i2i14o:hover{color:var(--xyd-nav-item-color--active);}.i1i2i14o[data-state="active"]{font-weight:bold;background:var(--xyd-nav-item-bgcolor--active);border-radius:8px;}.i1i2i14o [part="title1"]{position:absolute;inset:0;text-align:center;align-items:center;display:flex;justify-content:center;}.i1i2i14o [part="title2"]{visibility:hidden;font-weight:var(--xyd-font-weight-semibold);}}
|
|
14
14
|
@layer defaults{.p1jzdbj3{position:absolute;top:0;left:0;right:0;z-index:50;background-color:var(--xyd-progressbar-bgcolor);height:0;opacity:0;transition:opacity .1s linear;transition-delay:0s;will-change:opacity;}.p1jzdbj3[data-active="true"]{height:.25rem;opacity:1;transition-delay:.3s;}.p1jzdbj3 [part="item"]{height:100%;transition:all .5s ease-in-out;transition-delay:.1s;background-color:var(--xyd-progressbar-bgcolor--active);}.p1jzdbj3[data-loading="true"] [part="item"]{width:100%;}}
|
|
15
|
-
@layer defaults{.sptag3l{background:var(--xyd-sidebar-bgcolor);height:100%;border-radius:4px;display:flex;flex-direction:column;}.sptag3l [part="list"]{overflow-y:auto;overflow-x:hidden;height:100%;padding:
|
|
15
|
+
@layer defaults{.sptag3l{background:var(--xyd-sidebar-bgcolor);height:100%;border-radius:4px;display:flex;flex-direction:column;}.sptag3l [part="list"]{overflow-y:auto;overflow-x:hidden;height:100%;padding:8px;}.sptag3l [part="footer"]{padding:1rem;box-shadow:0 -2px 10px var(--xyd-sidebar-divider-shadow-color);border-top:1px solid var(--xyd-sidebar-divider-color);}}
|
|
16
16
|
@layer defaults{.iead4fo{color:var(--xyd-sidebar-item-color);}.iead4fo button{width:100%;}.iead4fo [part="link"]{display:flex;width:100%;font-weight:var(--xyd-font-weight-medium);}.iead4fo [part="first-item"]{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px 6px var(--xyd-sidebar-item-padding-left);margin-bottom:4px;position:relative;}.iead4fo [part="first-item"][data-anchor="true"]{padding:6px 12px 12px var(--xyd-sidebar-item-padding-left);}.iead4fo [part="first-item"]:not([data-anchor="true"]):hover{background:var(--xyd-sidebar-item-bgcolor--active-hover);color:var( --xyd-sidebar-item-color--active);border-radius:4px;}.iead4fo [part="first-item"] [part="item-title-container"]{width:100%;display:flex;align-items:center;justify-content:space-between;}.iead4fo [part="first-item"] [part="item-title"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.iead4fo [part="first-item" ][data-active="true"]{background:var(--xyd-sidebar-item-bgcolor--active);border-radius:4px;position:relative;font-weight:var(--xyd-font-weight-semibold);color:var(--xyd-sidebar-item-color--active);}.iead4fo [part="first-item" ][data-active="true"]::before{content:"";position:absolute;background:var(--xyd-sidebar-item-bgcolor--active-mark);border-radius:0 2px 2px 0;bottom:9px;top:9px;width:2px;left:5px;border-radius:10px;}.iead4fo [part="first-item"][data-parent-active="true"]{font-weight:var(--xyd-font-weight-semibold);background:transparent;}.iead4fo[data-theme="secondary"] [part="first-item"][data-active="true"]{background:unset;font-weight:var(--xyd-font-weight-medium);}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse){position:relative;}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse)::after{content:"";position:absolute;right:8px;top:0;bottom:0;width:16px;display:flex;align-items:center;justify-content:center;background-color:var(--xyd-sidebar-item-color);-webkit-mask-image:url(/Users/zdunecki/Code/livesession/xyd/packages/xyd-ui/src/components/Sidebar/chevronIcon.svg);-webkit-mask-image:url(/Users/zdunecki/Code/livesession/xyd/packages/xyd-ui/src/components/Sidebar/chevronIcon.svg);mask-image:url(/Users/zdunecki/Code/livesession/xyd/packages/xyd-ui/src/components/Sidebar/chevronIcon.svg);-webkit-mask-size:contain;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-position:center;mask-position:center;transition:transform 0.2s ease,background-color 0.2s ease;transform:rotate(-90deg);}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse):hover::after{background-color:var(--xyd-sidebar-item-color--active);}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse[data-open="true"]){font-weight:bold;}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse[data-open="true"])::after{transform:rotate(0deg);}}
|
|
17
17
|
@layer defaults{.t1hrlfak{margin-left:12px;}}
|
|
18
18
|
@layer defaults{.i1btwdcv{font-size:var(--xyd-font-size-xsmall);font-weight:var(--xyd-font-weight-extrabold);text-transform:uppercase;letter-spacing:0.25px;color:var( --xyd-sidebar-item-header-color);padding-left:var(--xyd-sidebar-item-padding-left);margin-bottom:8px;margin-top:24px;display:flex;align-items:center;gap:8px;}}
|
|
@@ -22,15 +22,6 @@
|
|
|
22
22
|
@layer defaults{.s1ncaln9{display:flex;height:100%;align-items:center;position:relative;}[data-state="active"]>.s1ncaln9{font-weight:var(--xyd-font-weight-semibold);}[data-state="active"]>.s1ncaln9 a{color:var(--xyd-subnav-item-color--active);}[data-state="active"]>.s1ncaln9 a:after{background-color:var(--xyd-subnav-item-color--active-mark);border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%;}.s1ncaln9 [part="link"]{color:var(--xyd-subnav-item-color);display:flex;height:100%;padding:0 0.50rem;align-items:center;}.s1ncaln9 [part="link"]:hover{color:var(--xyd-subnav-item-color--active);}}
|
|
23
23
|
@layer defaults{.t19g75q2{position:relative;padding-left:16px;display:block;}.t19g75q2 [part="scroller"]{position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--xyd-toc-bgcolor);}.t19g75q2 [part="scroll"]{position:absolute;top:0;left:0;width:2px;height:var(--xyd-toc-active-track-height);transform:translateY(var(--xyd-toc-active-track-top));background-color:var(--xyd-toc-scroll-bgcolor);transition:height .4s cubic-bezier(.19, 1, .22, 1),transform .4s cubic-bezier(.19, 1, .22, 1);}.t19g75q2 [part="list"]{margin:0;padding:0;list-style:none;}}
|
|
24
24
|
@layer defaults{.teg7kxf{position:relative;margin:0 0 12px;padding:0;}.teg7kxf [part="link"]{display:inline-block;color:var(--xyd-toc-item-color);text-wrap:pretty;transition:color .15s ease;padding-left:0;}.teg7kxf [part="link"]:hover{color:var(--xyd-toc-item-color--active);}.teg7kxf[data-active="true"] [part="link"]{color:var(--xyd-toc-item-color--active);font-weight:var(--xyd-font-weight-semibold);}.teg7kxf[data-depth="1"] [part="link"]{padding-left:16px;}.teg7kxf[data-depth="2"] [part="link"]{padding-left:32px;}.teg7kxf[data-depth="3"] [part="link"]{padding-left:48px;}.teg7kxf[data-depth="4"] [part="link"]{padding-left:64px;}.teg7kxf[data-depth="5"] [part="link"]{padding-left:80px;}}
|
|
25
|
-
.ht0uhof{display:flex;flex-direction:column;min-height:100vh;}
|
|
26
|
-
.hv4nn8x{background:radial-gradient(circle, hsl(0 0% 9% / .3) 1px, transparent 1px);-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background-size:30px 30px;padding:60px;flex:1;}
|
|
27
|
-
.hjhxqbp{background:repeating-linear-gradient(to right, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px),repeating-linear-gradient(to bottom, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px);}
|
|
28
|
-
.h16x7upz{width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:80px;}
|
|
29
|
-
@media (max-width: 1200px){.h16x7upz{width:100%;padding:0 20px;}}
|
|
30
|
-
@media (max-width: 768px){.h16x7upz{width:100%;padding:0 10px;}}
|
|
31
|
-
.h1whzkkp{display:grid;grid-template-columns:repeat(2, 500px);justify-content:center;gap:30px;}
|
|
32
|
-
@media (max-width: 1200px){.h1whzkkp{grid-template-columns:repeat(2, 1fr);}}
|
|
33
|
-
@media (max-width: 768px){.h1whzkkp{grid-template-columns:1fr;}}
|
|
34
25
|
.fwfggd0{position:relative;border-top:1px solid #f0f0f0;padding:32px;background-color:#fff;}
|
|
35
26
|
.f1622trq{margin:0 auto;max-width:1200px;text-align:center;}
|
|
36
27
|
.ftv8wcy{color:rgba(60, 60, 67, .78);}
|
|
@@ -55,11 +46,25 @@
|
|
|
55
46
|
.b9u6ujt{color:#fff;background-color:rgb(112, 81, 212);}
|
|
56
47
|
.b9u6ujt:hover{background-color:rgb(95, 59, 211);}
|
|
57
48
|
@layer defaults{.s1f8k5y3{background-color:transparent;border-radius:8px;border:1px solid var(--dark32);color:var(--text-primary);background:var(--dark16);font-size:var(--xyd-font-size-small);font-weight:var(--xyd-font-weight-semibold);height:36px;justify-content:space-between;display:flex;align-items:center;flex:1;padding:0 8px;margin:12px 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;transition:border-color .15s ease;max-width:300px;margin:0;cursor:pointer;}.s1f8k5y3:hover{background:var(--dark16);box-shadow:none;color:var(--dark48);outline:none;box-shadow:none;border-color:var(--dark48);}.s1f8k5y3 [part="container"]{align-items:center;display:flex;}.s1f8k5y3 [part="placeholder"]{display:block!important;font-size:var(--xyd-font-size-small);color:var(--dark48);font-weight:var(--xyd-font-weight-normal);}.s1f8k5y3 [part="icon"]{stroke-width:1.4;color:var(--dark48)!important;height:15px;transition:color .15s var(--cubic-enter);}.s1f8k5y3 [part="keys"]{display:flex;gap:4px;min-width:auto;}.s1f8k5y3 [part="key"]{align-items:center;background:var(--dark16);border-radius:3px;box-shadow:none;color:var(--dark48);display:flex;height:18px;line-height:18px;justify-content:center;font-size:12px;letter-spacing:1px;position:relative;padding:0;margin:0;border:0px;top:0;width:20px;}}
|
|
49
|
+
.ht0uhof{display:flex;flex-direction:column;min-height:100vh;}
|
|
50
|
+
.hv4nn8x{background:radial-gradient(circle, hsl(0 0% 9% / .3) 1px, transparent 1px);-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background-size:30px 30px;padding:60px;flex:1;}
|
|
51
|
+
.hjhxqbp{background:repeating-linear-gradient(to right, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px),repeating-linear-gradient(to bottom, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px);}
|
|
52
|
+
.h16x7upz{width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:80px;}
|
|
53
|
+
@media (max-width: 1200px){.h16x7upz{width:100%;padding:0 20px;}}
|
|
54
|
+
@media (max-width: 768px){.h16x7upz{width:100%;padding:0 10px;}}
|
|
55
|
+
.h1whzkkp{display:grid;grid-template-columns:repeat(2, 500px);justify-content:center;gap:30px;}
|
|
56
|
+
@media (max-width: 1200px){.h1whzkkp{grid-template-columns:repeat(2, 1fr);}}
|
|
57
|
+
@media (max-width: 768px){.h1whzkkp{grid-template-columns:1fr;}}
|
|
58
|
+
@layer defaults{.a1cbq3a5{color:var(--xyd-anchor-color);}.a1cbq3a5:hover{color:var(--xyd-anchor-color--hover);}}
|
|
59
|
+
@layer defaults{.bjtblcp{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid transparent;font-weight:var(--xyd-font-weight-medium);transition:all 0.2s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;gap:8px;}.bjtblcp[data-size="sm"]{height:28px;padding:0 12px;gap:6px;font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);}.bjtblcp[data-size="sm"] p{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);}.bjtblcp[data-size="md"]{height:36px;padding:0 16px;gap:8px;font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.bjtblcp[data-size="md"] p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.bjtblcp[data-size="lg"]{height:44px;padding:0 20px;gap:10px;font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium);}.bjtblcp[data-size="lg"] p{font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium);}.bjtblcp[data-kind="primary"]{background-color:var(--xyd-button-primary-bg);color:var(--xyd-button-primary-color);border-color:var(--xyd-button-primary-border);}.bjtblcp[data-kind="primary"]:hover:not(:disabled){background-color:var(--xyd-button-primary-bg-hover);border-color:var(--xyd-button-primary-border-hover);}.bjtblcp[data-kind="secondary"]{background-color:var(--xyd-button-secondary-bg);color:var(--xyd-button-secondary-color);border-color:var(--xyd-button-secondary-border);}.bjtblcp[data-kind="secondary"]:hover:not(:disabled){background-color:var(--xyd-button-secondary-bg-hover);border-color:var(--xyd-button-secondary-border-hover);}.bjtblcp[data-kind="tertiary"]{background-color:var(--xyd-button-tertiary-bg);color:var(--xyd-button-tertiary-color);border-color:var(--xyd-button-tertiary-border);}.bjtblcp[data-kind="tertiary"]:hover:not(:disabled){background-color:var(--xyd-button-tertiary-bg-hover);border-color:var(--xyd-button-tertiary-border-hover);}.bjtblcp[data-theme="ghost"]{background-color:unset;border:unset;}.bjtblcp[data-theme="ghost"]:hover{background-color:unset;border:unset;}.bjtblcp[data-theme="ghost"]:hover svg{color:var(--dark64);}.bjtblcp[data-theme="ghost"] svg{color:var(--dark48);}.bjtblcp:disabled{opacity:0.5;cursor:not-allowed;}.bjtblcp [part="content"]{display:flex;align-items:center;justify-content:center;}.bjtblcp [part="icon"]{display:flex;align-items:center;justify-content:center;flex-shrink:0;}}
|
|
60
|
+
@layer defaults{.b16soija{display:flex;align-items:center;justify-content:center;flex-shrink:0;}}
|
|
58
61
|
@layer defaults{.bacjk89{--xyd-banner-bgcolor:var(--green32);--xyd-banner-border-color:var(--green60);--xyd-banner-color:var(--green100);--xyd-text-color--default:var(--xyd-banner-color);font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);color:var( --xyd-text-color--default);display:flex;justify-content:center;position:relative;overflow:hidden;transition:transform .2s ease-out;}.bacjk89 >div{margin:.5rem 1.5rem 1rem;}.bacjk89 a{padding:.5rem;border-radius:.5rem;background:var(--xyd-banner-bgcolor);display:flex;-webkit-box-flex-wrap:wrap;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem;position:relative;transition:box-shadow .3s ease,scale .3s ease-in-out;border-radius:30px;}.bacjk89 a:hover{scale:1.01;box-shadow:var(--xyd-banner-boxshadow);}.bacjk89 [part="icon"]{filter:contrast(0) brightness(-5000%);opacity:.85;}.bacjk89 [part="info"]{border:1px solid var(--xyd-banner-border-color);padding:0 .5rem;margin:0 .25rem;border-radius:.25rem;}}
|
|
59
62
|
@layer fabric{.bacjk89 p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}}
|
|
60
63
|
@layer defaults{.b1wuahng{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);position:relative;background-color:var(--xyd-banner-bgcolor);display:flex;align-items:center;justify-content:center;padding:8px 0px;color:var(--xyd-banner-color);width:100%;gap:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='41' viewBox='0 0 1920 41' fill='none'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1920' height='41'%3E%3Crect y='0.214844' width='1920' height='40' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath d='M43.6212 32.3143C43.9017 32.4828 44.1327 32.7159 44.2929 32.9921C44.453 33.2684 44.537 33.5786 44.537 33.894C44.537 34.2094 44.453 34.5197 44.2929 34.7959C44.1327 35.0721 43.9017 35.3053 43.6212 35.4737L30.5972 43.2935C30.2999 43.472 29.9578 43.5714 29.6063 43.5814C29.2549 43.5913 28.9071 43.5115 28.5992 43.3501C28.2913 43.1888 28.0346 42.9518 27.8558 42.664C27.677 42.3762 27.5826 42.0481 27.5826 41.7138L27.5826 26.0742C27.5826 25.7399 27.677 25.4118 27.8558 25.124C28.0346 24.8362 28.2913 24.5992 28.5992 24.4379C28.9071 24.2765 29.2549 24.1967 29.6063 24.2066C29.9578 24.2166 30.2999 24.316 30.5972 24.4945L43.6212 32.3143Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1184.57 32.3143C1184.85 32.4828 1185.08 32.7159 1185.24 32.9921C1185.4 33.2684 1185.49 33.5786 1185.49 33.894C1185.49 34.2094 1185.4 34.5197 1185.24 34.7959C1185.08 35.0721 1184.85 35.3053 1184.57 35.4737L1171.55 43.2935C1171.25 43.472 1170.91 43.5714 1170.56 43.5814C1170.21 43.5913 1169.86 43.5115 1169.55 43.3501C1169.24 43.1888 1168.99 42.9518 1168.81 42.664C1168.63 42.3762 1168.53 42.0481 1168.53 41.7138V26.0742C1168.53 25.7399 1168.63 25.4118 1168.81 25.124C1168.99 24.8362 1169.24 24.5992 1169.55 24.4379C1169.86 24.2765 1170.21 24.1967 1170.56 24.2066C1170.91 24.2166 1171.25 24.316 1171.55 24.4945L1184.57 32.3143Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M103.084 4.94862C103.365 5.11703 103.596 5.3502 103.756 5.62642C103.916 5.90263 104 6.21289 104 6.52828C104 6.84367 103.916 7.15393 103.756 7.43014C103.596 7.70636 103.365 7.93953 103.084 8.10794L90.0601 15.9278C89.7629 16.1063 89.4207 16.2057 89.0693 16.2156C88.7179 16.2256 88.3701 16.1457 88.0622 15.9844C87.7542 15.823 87.4975 15.5861 87.3187 15.2983C87.1399 15.0105 87.0456 14.6824 87.0456 14.3481V-1.29156C87.0456 -1.62582 87.1399 -1.95396 87.3187 -2.24176C87.4975 -2.52956 87.7542 -2.76648 88.0622 -2.92783C88.3701 -3.08918 88.7179 -3.16904 89.0693 -3.15908C89.4207 -3.14913 89.7629 -3.04972 90.0601 -2.87123L103.084 4.94862Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1244.04 4.94862C1244.32 5.11703 1244.55 5.3502 1244.71 5.62642C1244.87 5.90263 1244.95 6.21289 1244.95 6.52828C1244.95 6.84367 1244.87 7.15393 1244.71 7.43014C1244.55 7.70636 1244.32 7.93953 1244.04 8.10794L1231.01 15.9278C1230.71 16.1063 1230.37 16.2057 1230.02 16.2156C1229.67 16.2256 1229.32 16.1457 1229.01 15.9844C1228.71 15.823 1228.45 15.5861 1228.27 15.2983C1228.09 15.0105 1228 14.6824 1228 14.3481V-1.29156C1228 -1.62582 1228.09 -1.95396 1228.27 -2.24176C1228.45 -2.52956 1228.71 -2.76648 1229.01 -2.92783C1229.32 -3.08918 1229.67 -3.16904 1230.02 -3.15908C1230.37 -3.14913 1230.71 -3.04972 1231.01 -2.87123L1244.04 4.94862Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M303.927 1.33851C304.207 1.50692 304.438 1.7401 304.598 2.01631C304.759 2.29252 304.843 2.60278 304.843 2.91817C304.843 3.23356 304.759 3.54382 304.598 3.82003C304.438 4.09625 304.207 4.32942 303.927 4.49784L290.903 12.3177C290.606 12.4962 290.263 12.5956 289.912 12.6055C289.561 12.6155 289.213 12.5356 288.905 12.3743C288.597 12.2129 288.34 11.976 288.161 11.6882C287.983 11.4004 287.888 11.0723 287.888 10.738V-4.90167C287.888 -5.23593 287.983 -5.56406 288.161 -5.85186C288.34 -6.13967 288.597 -6.37659 288.905 -6.53794C289.213 -6.69929 289.561 -6.77915 289.912 -6.76919C290.263 -6.75923 290.606 -6.65983 290.903 -6.48134L303.927 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1000.99 1.33851C1001.27 1.50692 1001.5 1.7401 1001.66 2.01631C1001.82 2.29252 1001.91 2.60278 1001.91 2.91817C1001.91 3.23356 1001.82 3.54382 1001.66 3.82003C1001.5 4.09625 1001.27 4.32942 1000.99 4.49784L987.968 12.3177C987.671 12.4962 987.329 12.5956 986.977 12.6055C986.626 12.6155 986.278 12.5356 985.97 12.3743C985.662 12.2129 985.406 11.976 985.227 11.6882C985.048 11.4004 984.954 11.0723 984.954 10.738V-4.90167C984.954 -5.23593 985.048 -5.56406 985.227 -5.85186C985.406 -6.13967 985.662 -6.37659 985.97 -6.53794C986.278 -6.69929 986.626 -6.77915 986.977 -6.76919C987.329 -6.75923 987.671 -6.65983 987.968 -6.48134L1000.99 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1444.88 1.33851C1445.16 1.50692 1445.39 1.7401 1445.55 2.01631C1445.71 2.29252 1445.79 2.60278 1445.79 2.91817C1445.79 3.23356 1445.71 3.54382 1445.55 3.82003C1445.39 4.09625 1445.16 4.32942 1444.88 4.49784L1431.85 12.3177C1431.56 12.4962 1431.21 12.5956 1430.86 12.6055C1430.51 12.6155 1430.16 12.5356 1429.86 12.3743C1429.55 12.2129 1429.29 11.976 1429.11 11.6882C1428.93 11.4004 1428.84 11.0723 1428.84 10.738V-4.90167C1428.84 -5.23593 1428.93 -5.56406 1429.11 -5.85186C1429.29 -6.13967 1429.55 -6.37659 1429.86 -6.53794C1430.16 -6.69929 1430.51 -6.77915 1430.86 -6.76919C1431.21 -6.75923 1431.56 -6.65983 1431.85 -6.48134L1444.88 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M633.463 1.33851C633.744 1.50692 633.975 1.7401 634.135 2.01631C634.295 2.29252 634.379 2.60278 634.379 2.91817C634.379 3.23356 634.295 3.54382 634.135 3.82003C633.975 4.09625 633.744 4.32942 633.463 4.49784L620.439 12.3177C620.142 12.4962 619.8 12.5956 619.448 12.6055C619.097 12.6155 618.749 12.5356 618.441 12.3743C618.133 12.2129 617.877 11.976 617.698 11.6882C617.519 11.4004 617.425 11.0723 617.425 10.738V-4.90167C617.425 -5.23593 617.519 -5.56406 617.698 -5.85186C617.877 -6.13967 618.133 -6.37659 618.441 -6.53794C618.749 -6.69929 619.097 -6.77915 619.448 -6.76919C619.8 -6.75923 620.142 -6.65983 620.439 -6.48134L633.463 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M816.954 2.98158C817.234 3.14999 817.466 3.38316 817.626 3.65938C817.786 3.93559 817.87 4.24585 817.87 4.56124C817.87 4.87663 817.786 5.18689 817.626 5.4631C817.466 5.73931 817.234 5.97249 816.954 6.1409L803.93 13.9607C803.633 14.1392 803.291 14.2386 802.939 14.2486C802.588 14.2586 802.24 14.1787 801.932 14.0174C801.624 13.856 801.367 13.6191 801.189 13.3313C801.01 13.0435 800.915 12.7153 800.915 12.3811V-3.25861C800.915 -3.59286 801.01 -3.921 801.189 -4.2088C801.367 -4.4966 801.624 -4.73353 801.932 -4.89487C802.24 -5.05622 802.588 -5.13608 802.939 -5.12612C803.291 -5.11617 803.633 -5.01676 803.93 -4.83827L816.954 2.98158Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1774.41 1.33851C1774.69 1.50692 1774.93 1.7401 1775.09 2.01631C1775.25 2.29252 1775.33 2.60278 1775.33 2.91817C1775.33 3.23356 1775.25 3.54382 1775.09 3.82003C1774.93 4.09625 1774.69 4.32942 1774.41 4.49784L1761.39 12.3177C1761.09 12.4962 1760.75 12.5956 1760.4 12.6055C1760.05 12.6155 1759.7 12.5356 1759.39 12.3743C1759.08 12.2129 1758.83 11.976 1758.65 11.6882C1758.47 11.4004 1758.38 11.0723 1758.38 10.738V-4.90167C1758.38 -5.23593 1758.47 -5.56406 1758.65 -5.85186C1758.83 -6.13967 1759.08 -6.37659 1759.39 -6.53794C1759.7 -6.69929 1760.05 -6.77915 1760.4 -6.76919C1760.75 -6.75923 1761.09 -6.65983 1761.39 -6.48134L1774.41 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M235.038 18.6351C235.319 18.8036 235.55 19.0367 235.71 19.3129C235.87 19.5892 235.954 19.8994 235.954 20.2148C235.954 20.5302 235.87 20.8405 235.71 21.1167C235.55 21.3929 235.319 21.6261 235.038 21.7945L222.014 29.6143C221.717 29.7928 221.375 29.8922 221.024 29.9022C220.672 29.9121 220.324 29.8323 220.017 29.6709C219.709 29.5096 219.452 29.2726 219.273 28.9848C219.094 28.697 219 28.3689 219 28.0346V12.395C219 12.0607 219.094 11.7326 219.273 11.4448C219.452 11.157 219.709 10.92 220.017 10.7587C220.324 10.5973 220.672 10.5175 221.024 10.5274C221.375 10.5374 221.717 10.6368 222.014 10.8153L235.038 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1375.99 18.6351C1376.27 18.8036 1376.5 19.0367 1376.66 19.3129C1376.82 19.5892 1376.91 19.8994 1376.91 20.2148C1376.91 20.5302 1376.82 20.8405 1376.66 21.1167C1376.5 21.3929 1376.27 21.6261 1375.99 21.7945L1362.97 29.6143C1362.67 29.7928 1362.33 29.8922 1361.97 29.9022C1361.62 29.9121 1361.28 29.8323 1360.97 29.6709C1360.66 29.5096 1360.4 29.2726 1360.22 28.9848C1360.05 28.697 1359.95 28.3689 1359.95 28.0346V12.395C1359.95 12.0607 1360.05 11.7326 1360.22 11.4448C1360.4 11.157 1360.66 10.92 1360.97 10.7587C1361.28 10.5973 1361.62 10.5175 1361.97 10.5274C1362.33 10.5374 1362.67 10.6368 1362.97 10.8153L1375.99 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M564.575 18.6351C564.855 18.8036 565.087 19.0367 565.247 19.3129C565.407 19.5892 565.491 19.8994 565.491 20.2148C565.491 20.5302 565.407 20.8405 565.247 21.1167C565.087 21.3929 564.855 21.6261 564.575 21.7945L551.551 29.6143C551.254 29.7928 550.912 29.8922 550.56 29.9022C550.209 29.9121 549.861 29.8323 549.553 29.6709C549.245 29.5096 548.988 29.2726 548.81 28.9848C548.631 28.697 548.536 28.3689 548.536 28.0346V12.395C548.536 12.0607 548.631 11.7326 548.81 11.4448C548.988 11.157 549.245 10.92 549.553 10.7587C549.861 10.5973 550.209 10.5175 550.56 10.5274C550.912 10.5374 551.254 10.6368 551.551 10.8153L564.575 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1705.53 18.6351C1705.81 18.8036 1706.04 19.0367 1706.2 19.3129C1706.36 19.5892 1706.44 19.8994 1706.44 20.2148C1706.44 20.5302 1706.36 20.8405 1706.2 21.1167C1706.04 21.3929 1705.81 21.6261 1705.53 21.7945L1692.5 29.6143C1692.2 29.7928 1691.86 29.8922 1691.51 29.9022C1691.16 29.9121 1690.81 29.8323 1690.5 29.6709C1690.2 29.5096 1689.94 29.2726 1689.76 28.9848C1689.58 28.697 1689.49 28.3689 1689.49 28.0346V12.395C1689.49 12.0607 1689.58 11.7326 1689.76 11.4448C1689.94 11.157 1690.2 10.92 1690.5 10.7587C1690.81 10.5973 1691.16 10.5175 1691.51 10.5274C1691.86 10.5374 1692.2 10.6368 1692.5 10.8153L1705.53 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M426.561 10.6351C426.842 10.8036 427.073 11.0367 427.233 11.3129C427.393 11.5892 427.477 11.8994 427.477 12.2148C427.477 12.5302 427.393 12.8405 427.233 13.1167C427.073 13.3929 426.842 13.6261 426.561 13.7945L413.537 21.6143C413.24 21.7928 412.898 21.8922 412.546 21.9022C412.195 21.9121 411.847 21.8323 411.539 21.6709C411.231 21.5096 410.975 21.2726 410.796 20.9848C410.617 20.697 410.523 20.3689 410.523 20.0346V4.39496C410.523 4.0607 410.617 3.73257 410.796 3.44477C410.975 3.15697 411.231 2.92004 411.539 2.75869C411.847 2.59734 412.195 2.51748 412.546 2.52744C412.898 2.5374 413.24 2.6368 413.537 2.8153L426.561 10.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1123.63 10.6351C1123.91 10.8036 1124.14 11.0367 1124.3 11.3129C1124.46 11.5892 1124.54 11.8994 1124.54 12.2148C1124.54 12.5302 1124.46 12.8405 1124.3 13.1167C1124.14 13.3929 1123.91 13.6261 1123.63 13.7945L1110.6 21.6143C1110.31 21.7928 1109.96 21.8922 1109.61 21.9022C1109.26 21.9121 1108.91 21.8323 1108.6 21.6709C1108.3 21.5096 1108.04 21.2726 1107.86 20.9848C1107.68 20.697 1107.59 20.3689 1107.59 20.0346V4.39496C1107.59 4.0607 1107.68 3.73257 1107.86 3.44477C1108.04 3.15697 1108.3 2.92004 1108.6 2.75869C1108.91 2.59734 1109.26 2.51748 1109.61 2.52744C1109.96 2.5374 1110.31 2.6368 1110.6 2.8153L1123.63 10.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1567.51 10.6351C1567.79 10.8036 1568.02 11.0367 1568.18 11.3129C1568.34 11.5892 1568.43 11.8994 1568.43 12.2148C1568.43 12.5302 1568.34 12.8405 1568.18 13.1167C1568.02 13.3929 1567.79 13.6261 1567.51 13.7945L1554.49 21.6143C1554.19 21.7928 1553.85 21.8922 1553.5 21.9022C1553.15 21.9121 1552.8 21.8323 1552.49 21.6709C1552.18 21.5096 1551.93 21.2726 1551.75 20.9848C1551.57 20.697 1551.47 20.3689 1551.47 20.0346V4.39496C1551.47 4.0607 1551.57 3.73257 1551.75 3.44477C1551.93 3.15697 1552.18 2.92004 1552.49 2.75869C1552.8 2.59734 1553.15 2.51748 1553.5 2.52744C1553.85 2.5374 1554.19 2.6368 1554.49 2.8153L1567.51 10.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M757.491 18.6351C757.771 18.8036 758.002 19.0367 758.162 19.3129C758.323 19.5892 758.406 19.8994 758.406 20.2148C758.406 20.5302 758.323 20.8405 758.162 21.1167C758.002 21.3929 757.771 21.6261 757.491 21.7945L744.467 29.6143C744.169 29.7928 743.827 29.8922 743.476 29.9022C743.124 29.9121 742.777 29.8323 742.469 29.6709C742.161 29.5096 741.904 29.2726 741.725 28.9848C741.546 28.697 741.452 28.3689 741.452 28.0346V12.395C741.452 12.0607 741.546 11.7326 741.725 11.4448C741.904 11.157 742.161 10.92 742.469 10.7587C742.777 10.5973 743.124 10.5175 743.476 10.5274C743.827 10.5374 744.169 10.6368 744.467 10.8153L757.491 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M940.136 23.7926C940.417 23.961 940.648 24.1942 940.808 24.4704C940.968 24.7466 941.052 25.0569 941.052 25.3723C941.052 25.6877 940.968 25.9979 940.808 26.2741C940.648 26.5503 940.417 26.7835 940.136 26.9519L927.112 34.7718C926.815 34.9503 926.473 35.0497 926.121 35.0596C925.77 35.0696 925.422 34.9897 925.114 34.8284C924.806 34.667 924.55 34.4301 924.371 34.1423C924.192 33.8545 924.098 33.5264 924.098 33.1921V17.5524C924.098 17.2182 924.192 16.89 924.371 16.6022C924.55 16.3144 924.806 16.0775 925.114 15.9162C925.422 15.7548 925.77 15.675 926.121 15.6849C926.473 15.6949 926.815 15.7943 927.112 15.9728L940.136 23.7926Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1897.05 23.7926C1897.33 23.961 1897.56 24.1942 1897.72 24.4704C1897.88 24.7466 1897.96 25.0569 1897.96 25.3723C1897.96 25.6877 1897.88 25.9979 1897.72 26.2741C1897.56 26.5503 1897.33 26.7835 1897.05 26.9519L1884.02 34.7718C1883.73 34.9503 1883.39 35.0497 1883.03 35.0596C1882.68 35.0696 1882.33 34.9897 1882.03 34.8284C1881.72 34.667 1881.46 34.4301 1881.28 34.1423C1881.1 33.8545 1881.01 33.5264 1881.01 33.1921V17.5524C1881.01 17.2182 1881.1 16.89 1881.28 16.6022C1881.46 16.3144 1881.72 16.0775 1882.03 15.9162C1882.33 15.7548 1882.68 15.675 1883.03 15.6849C1883.39 15.6949 1883.73 15.7943 1884.02 15.9728L1897.05 23.7926Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M163.084 33.4584C163.365 33.6268 163.596 33.86 163.756 34.1362C163.916 34.4124 164 34.7227 164 35.038C164 35.3534 163.916 35.6637 163.756 35.9399C163.596 36.2161 163.365 36.4493 163.084 36.6177L150.06 44.4376C149.763 44.616 149.421 44.7155 149.069 44.7254C148.718 44.7354 148.37 44.6555 148.062 44.4942C147.754 44.3328 147.498 44.0959 147.319 43.8081C147.14 43.5203 147.046 43.1921 147.046 42.8579V27.2182C147.046 26.8839 147.14 26.5558 147.319 26.268C147.498 25.9802 147.754 25.7433 148.062 25.5819C148.37 25.4206 148.718 25.3407 149.069 25.3507C149.421 25.3606 149.763 25.46 150.06 25.6385L163.084 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1304.04 33.4584C1304.32 33.6268 1304.55 33.86 1304.71 34.1362C1304.87 34.4124 1304.95 34.7227 1304.95 35.038C1304.95 35.3534 1304.87 35.6637 1304.71 35.9399C1304.55 36.2161 1304.32 36.4493 1304.04 36.6177L1291.01 44.4376C1290.71 44.616 1290.37 44.7155 1290.02 44.7254C1289.67 44.7354 1289.32 44.6555 1289.01 44.4942C1288.71 44.3328 1288.45 44.0959 1288.27 43.8081C1288.09 43.5203 1288 43.1921 1288 42.8579V27.2182C1288 26.8839 1288.09 26.5558 1288.27 26.268C1288.45 25.9802 1288.71 25.7433 1289.01 25.5819C1289.32 25.4206 1289.67 25.3407 1290.02 25.3507C1290.37 25.3606 1290.71 25.46 1291.01 25.6385L1304.04 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M492.621 33.4584C492.901 33.6268 493.132 33.86 493.292 34.1362C493.452 34.4124 493.536 34.7227 493.536 35.038C493.536 35.3534 493.452 35.6637 493.292 35.9399C493.132 36.2161 492.901 36.4493 492.621 36.6177L479.597 44.4376C479.299 44.616 478.957 44.7155 478.606 44.7254C478.254 44.7354 477.907 44.6555 477.599 44.4942C477.291 44.3328 477.034 44.0959 476.855 43.8081C476.676 43.5203 476.582 43.1921 476.582 42.8579V27.2182C476.582 26.8839 476.676 26.5558 476.855 26.268C477.034 25.9802 477.291 25.7433 477.599 25.5819C477.907 25.4206 478.254 25.3407 478.606 25.3507C478.957 25.3606 479.299 25.46 479.597 25.6385L492.621 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1633.57 33.4584C1633.85 33.6268 1634.08 33.86 1634.24 34.1362C1634.4 34.4124 1634.49 34.7227 1634.49 35.038C1634.49 35.3534 1634.4 35.6637 1634.24 35.9399C1634.08 36.2161 1633.85 36.4493 1633.57 36.6177L1620.55 44.4376C1620.25 44.616 1619.91 44.7155 1619.56 44.7254C1619.21 44.7354 1618.86 44.6555 1618.55 44.4942C1618.24 44.3328 1617.99 44.0959 1617.81 43.8081C1617.63 43.5203 1617.53 43.1921 1617.53 42.8579V27.2182C1617.53 26.8839 1617.63 26.5558 1617.81 26.268C1617.99 25.9802 1618.24 25.7433 1618.55 25.5819C1618.86 25.4206 1619.21 25.3407 1619.56 25.3507C1619.91 25.3606 1620.25 25.46 1620.55 25.6385L1633.57 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M360.502 33.4584C360.782 33.6268 361.013 33.86 361.174 34.1362C361.334 34.4124 361.418 34.7227 361.418 35.038C361.418 35.3534 361.334 35.6637 361.174 35.9399C361.013 36.2161 360.782 36.4493 360.502 36.6177L347.478 44.4376C347.181 44.616 346.838 44.7155 346.487 44.7254C346.136 44.7354 345.788 44.6555 345.48 44.4942C345.172 44.3328 344.915 44.0959 344.736 43.8081C344.558 43.5203 344.463 43.1921 344.463 42.8579V27.2182C344.463 26.8839 344.558 26.5558 344.736 26.268C344.915 25.9802 345.172 25.7433 345.48 25.5819C345.788 25.4206 346.136 25.3407 346.487 25.3507C346.838 25.3606 347.181 25.46 347.478 25.6385L360.502 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1057.57 33.4584C1057.85 33.6268 1058.08 33.86 1058.24 34.1362C1058.4 34.4124 1058.48 34.7227 1058.48 35.038C1058.48 35.3534 1058.4 35.6637 1058.24 35.9399C1058.08 36.2161 1057.85 36.4493 1057.57 36.6177L1044.54 44.4376C1044.25 44.616 1043.9 44.7155 1043.55 44.7254C1043.2 44.7354 1042.85 44.6555 1042.55 44.4942C1042.24 44.3328 1041.98 44.0959 1041.8 43.8081C1041.62 43.5203 1041.53 43.1921 1041.53 42.8579V27.2182C1041.53 26.8839 1041.62 26.5558 1041.8 26.268C1041.98 25.9802 1042.24 25.7433 1042.55 25.5819C1042.85 25.4206 1043.2 25.3407 1043.55 25.3507C1043.9 25.3606 1044.25 25.46 1044.54 25.6385L1057.57 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1501.45 33.4584C1501.73 33.6268 1501.96 33.86 1502.12 34.1362C1502.28 34.4124 1502.37 34.7227 1502.37 35.038C1502.37 35.3534 1502.28 35.6637 1502.12 35.9399C1501.96 36.2161 1501.73 36.4493 1501.45 36.6177L1488.43 44.4376C1488.13 44.616 1487.79 44.7155 1487.44 44.7254C1487.09 44.7354 1486.74 44.6555 1486.43 44.4942C1486.12 44.3328 1485.87 44.0959 1485.69 43.8081C1485.51 43.5203 1485.41 43.1921 1485.41 42.8579V27.2182C1485.41 26.8839 1485.51 26.5558 1485.69 26.268C1485.87 25.9802 1486.12 25.7433 1486.43 25.5819C1486.74 25.4206 1487.09 25.3407 1487.44 25.3507C1487.79 25.3606 1488.13 25.46 1488.43 25.6385L1501.45 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M690.038 33.4584C690.319 33.6268 690.55 33.86 690.71 34.1362C690.87 34.4124 690.954 34.7227 690.954 35.038C690.954 35.3534 690.87 35.6637 690.71 35.9399C690.55 36.2161 690.319 36.4493 690.038 36.6177L677.014 44.4376C676.717 44.616 676.375 44.7155 676.024 44.7254C675.672 44.7354 675.324 44.6555 675.016 44.4942C674.708 44.3328 674.452 44.0959 674.273 43.8081C674.094 43.5203 674 43.1921 674 42.8579V27.2182C674 26.8839 674.094 26.5558 674.273 26.268C674.452 25.9802 674.708 25.7433 675.016 25.5819C675.324 25.4206 675.672 25.3407 676.024 25.3507C676.375 25.3606 676.717 25.46 677.014 25.6385L690.038 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M874.077 33.4584C874.357 33.6268 874.588 33.86 874.749 34.1362C874.909 34.4124 874.993 34.7227 874.993 35.038C874.993 35.3534 874.909 35.6637 874.749 35.9399C874.588 36.2161 874.357 36.4493 874.077 36.6177L861.053 44.4376C860.756 44.616 860.413 44.7155 860.062 44.7254C859.711 44.7354 859.363 44.6555 859.055 44.4942C858.747 44.3328 858.49 44.0959 858.311 43.8081C858.133 43.5203 858.038 43.1921 858.038 42.8579V27.2182C858.038 26.8839 858.133 26.5558 858.311 26.268C858.49 25.9802 858.747 25.7433 859.055 25.5819C859.363 25.4206 859.711 25.3407 860.062 25.3507C860.413 25.3606 860.756 25.46 861.053 25.6385L874.077 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1830.99 33.4584C1831.27 33.6268 1831.5 33.86 1831.66 34.1362C1831.82 34.4124 1831.91 34.7227 1831.91 35.038C1831.91 35.3534 1831.82 35.6637 1831.66 35.9399C1831.5 36.2161 1831.27 36.4493 1830.99 36.6177L1817.97 44.4376C1817.67 44.616 1817.33 44.7155 1816.97 44.7254C1816.62 44.7354 1816.28 44.6555 1815.97 44.4942C1815.66 44.3328 1815.4 44.0959 1815.22 43.8081C1815.05 43.5203 1814.95 43.1921 1814.95 42.8579V27.2182C1814.95 26.8839 1815.05 26.5558 1815.22 26.268C1815.4 25.9802 1815.66 25.7433 1815.97 25.5819C1816.28 25.4206 1816.62 25.3407 1816.97 25.3507C1817.33 25.3606 1817.67 25.46 1817.97 25.6385L1830.99 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3C/g%3E%3C/svg%3E");-webkit-background-position:center center;background-position:center center;background-size:cover;}}
|
|
61
64
|
@layer fabric{.b1wuahng p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}}
|
|
62
|
-
@layer defaults{.
|
|
65
|
+
@layer defaults{.iz14jlg{width:100%;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,0.06);}}
|
|
66
|
+
@layer defaults{.gh34a3o{display:block;}.gh34a3o[data-kind="secondary"]{display:flex;position:relative;overflow:hidden;border:1px solid var(--xyd-guidecard-border-color--secondary);background:var(--xyd-guidecard-bgcolor--secondary);border-radius:8px;padding:24px;z-index:0;transition:box-shadow .2s ease-in-out,background-image .2s ease;}.gh34a3o[data-kind="secondary"]:hover{background:var(--xyd-guidecard-bgcolor--secondary-hover);}.gh34a3o[data-kind="secondary"][data-size="md"]{padding:21px 25px 25px;}.gh34a3o [part="link"]{width:100%;height:100%;}.gh34a3o [part="item"]{border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:opacity .15s;}.gh34a3o [part="item"]:hover [part="pointer"]{opacity:1;transform:translate(0);}.gh34a3o[data-kind="secondary"] [part="item"]{width:100%;height:100%;}.gh34a3o [part="icon"]{height:32px;display:flex;justify-content:center;align-items:center;color:var(--xyd-guidecard-icon-color);transition:background .2s ease;box-sizing:border-box;flex-shrink:0;}.gh34a3o [part="icon"] svg{width:24px;height:24px;}.gh34a3o [part="right"]{padding-left:16px;display:flex;flex-direction:column;gap:4px;}.gh34a3o [part="title"]{display:flex;color:var(--xyd-guidecard-title-color);align-items:center;font-weight:var(--xyd-font-weight-semibold);transition:color .15s;}.gh34a3o [part="body"]{font-weight:var(--xyd-font-weight-normal);color:var(--xyd-guidecard-color);white-space:normal;overflow:hidden;text-overflow:ellipsis;}.gh34a3o [part="pointer"]{opacity:0;transform:translate(-4px);display:flex;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out;}}
|
|
67
|
+
@layer defaults{.gilz89t{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:24px;}}
|
|
63
68
|
.c1vswvqd{background-color:var(--xyd-card-bgcolor);border-radius:8px;box-shadow:0 1px 2px 0 var(--xyd-card-shadow-color);flex-direction:column;display:flex;overflow:hidden;}
|
|
64
69
|
.c1vswvqd[data-shadow="md"]{box-shadow:0 5px 40px var(--xyd-card-shadow-color);}
|
|
65
70
|
.c1vswvqd [part="image-container"]{border-bottom:2px solid var(--xyd-card-border-color);height:200px;overflow:hidden;position:relative;}
|
|
@@ -67,39 +72,34 @@
|
|
|
67
72
|
.c1vswvqd [part="image-container"] img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin-bottom:-4px;}
|
|
68
73
|
.c1vswvqd [part="body"]{padding:16px;}
|
|
69
74
|
.c1vswvqd [part="body"] [part="header"]{margin-right:4px;align-items:center;justify-content:space-between;margin-bottom:12px;display:flex;}
|
|
70
|
-
@layer defaults{.dwmojve{border-top:1px solid var(--xyd-details-border-color);}.dwmojve[data-kind="secondary"],.dwmojve[data-kind="tertiary"]{background-color:var(--xyd-details-bgcolor--secondary);border:1px solid var(--xyd-details-border-color);border-radius:8px;}.dwmojve[open] [part="summary"] svg[data-icon="true"]{transform:rotate(90deg);}.dwmojve [part="summary"]{padding:16px 14px 16px 0;cursor:pointer;font-weight:var(--xyd-font-weight-medium);font-variant-numeric:tabular-nums;transition:color 0.3s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;list-style:none;}.dwmojve [part="summary"]:hover{color:var(--xyd-details-summary-color--active);}.dwmojve[data-kind="tertiary"] [part="summary"]{padding:10px 24px;}.dwmojve[data-kind="secondary"] [part="summary"],.dwmojve[data-kind="tertiary"] [part="summary"]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 24px;}.dwmojve [part="summary-deep"]{display:flex;align-items:center;margin-bottom:8px;}.dwmojve [part="summary-deep-text"]{color:var(--xyd-details-summary-color);text-transform:none;letter-spacing:.08em;margin-left:8px;font-weight:var(--xyd-font-weight-bold);}.dwmojve [part="summary-deep-text"] code{background:var(--xyd-details-summary-code-bgcolor);}.dwmojve [part="summary-deep-label"]{flex:1 1 auto;}.dwmojve>[part="content"]{padding:0 24px 20px;}.dwmojve[data-kind="tertiary"]>[part="content"]{background-color:var(--xyd-details-content-bgcolor);padding-top:20px;}.dwmojve[data-kind="tertiary"]>[part="content"] code{background:var(--xyd-details-content-bgcolor);}.dwmojve [part="icon"]{flex:0 0 auto;font-size:var(--xyd-font-size-medium);display:flex;align-items:center;justify-content:center;padding-right:6px;}}
|
|
71
75
|
@layer defaults{.b1wifk81{color:rgb(55 65 81 / 1);font-style:italic;border-color:rgb(209 213 219 / 1);margin:0;}}
|
|
72
|
-
@layer defaults{.
|
|
76
|
+
@layer defaults{.h1tn40xd{color:var(--xyd-heading-color);line-height:var(--xyd-line-height-xlarge);font-weight:var(--xyd-font-weight-semibold);position:relative;display:table;margin:0;padding:0 24px 0 0;scroll-snap-margin-top:30px;scroll-margin-top:30px;cursor:default;}.h1tn40xd[id]{cursor:pointer;}.h1tn40xd[data-noanchor="true"]{cursor:default;}.h1tn40xd[data-has-label="true"]{display:flex;align-items:center;gap:8px;}.h1tn40xd[data-has-label="true"] xyd-badge{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);letter-spacing:2px;}.h1tn40xd:hover svg{opacity:1;}.h1tn40xd[data-kind="muted"]{color:var(--xyd-heading-color--muted);cursor:default;font-weight:var(--xyd-font-weight-medium);}.h1tn40xd[data-size="1"]{font-size:var(--xyd-font-size-2xl);line-height:var(--xyd-line-height-2xl);}.h1tn40xd[data-size="2"]{font-size:var(--xyd-font-size-xxlarge);line-height:var(--xyd-line-height-xxlarge);}.h1tn40xd[data-size="3"]{font-size:var(--xyd-font-size-xlarge);line-height:var(--xyd-line-height-xlarge);}.h1tn40xd[data-size="4"]{font-size:var(--xyd-font-size-large);line-height:var(--xyd-line-height-large);}.h1tn40xd[data-size="5"]{font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium);}.h1tn40xd[data-size="6"]{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.h1tn40xd [part="icon"]{position:absolute;top:50%;right:0;margin-top:-6px;opacity:0;color:var(--xyd-heading-icon-color);transition:opacity .15s ease;}.h1tn40xd[data-active="true"] [part="icon"]{opacity:1;}}
|
|
73
77
|
@layer defaults{.c1w59zdn{display:inline-block;padding:0 .3em;border-radius:6px;margin:0 3px;border:.5px solid var(--xyd-code-border-color);background:var(--xyd-code-bgcolor);}.c1w59zdn [part="content"]{position:relative;}}
|
|
74
|
-
@layer defaults{.
|
|
75
|
-
@layer defaults{
|
|
76
|
-
@layer defaults{.
|
|
77
|
-
@layer defaults{.
|
|
78
|
+
@layer defaults{.dwmojve{border-top:1px solid var(--xyd-details-border-color);}.dwmojve[data-kind="secondary"],.dwmojve[data-kind="tertiary"]{background-color:var(--xyd-details-bgcolor--secondary);border:1px solid var(--xyd-details-border-color);border-radius:8px;}.dwmojve[open] [part="summary"] svg[data-icon="true"]{transform:rotate(90deg);}.dwmojve [part="summary"]{padding:16px 14px 16px 0;cursor:pointer;font-weight:var(--xyd-font-weight-medium);font-variant-numeric:tabular-nums;transition:color 0.3s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;list-style:none;}.dwmojve [part="summary"]:hover{color:var(--xyd-details-summary-color--active);}.dwmojve[data-kind="tertiary"] [part="summary"]{padding:10px 24px;}.dwmojve[data-kind="secondary"] [part="summary"],.dwmojve[data-kind="tertiary"] [part="summary"]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 24px;}.dwmojve [part="summary-deep"]{display:flex;align-items:center;margin-bottom:8px;}.dwmojve [part="summary-deep-text"]{color:var(--xyd-details-summary-color);text-transform:none;letter-spacing:.08em;margin-left:8px;font-weight:var(--xyd-font-weight-bold);}.dwmojve [part="summary-deep-text"] code{background:var(--xyd-details-summary-code-bgcolor);}.dwmojve [part="summary-deep-label"]{flex:1 1 auto;}.dwmojve>[part="content"]{padding:0 24px 20px;}.dwmojve[data-kind="tertiary"]>[part="content"]{background-color:var(--xyd-details-content-bgcolor);padding-top:20px;}.dwmojve[data-kind="tertiary"]>[part="content"] code{background:var(--xyd-details-content-bgcolor);}.dwmojve [part="icon"]{flex:0 0 auto;font-size:var(--xyd-font-size-medium);display:flex;align-items:center;justify-content:center;padding-right:6px;}}
|
|
79
|
+
@layer defaults{.butvd2b{display:inline-flex;align-items:center;}.butvd2b[data-size="xs"]{height:15px;padding:6px;gap:3px;border-radius:6px;font-size:var(--xyd-font-size-xsmall);}.butvd2b[data-size="sm"]{height:18px;padding:10px;gap:3px;border-radius:6px;font-size:var(--xyd-font-size-xsmall);}.butvd2b[data-kind="default"]{color:var(--xyd-badge-color--default);background-color:var(--xyd-badge-bgcolor--default);}.butvd2b[data-kind="warning"]{color:var(--xyd-badge-color--warning);background-color:var(--xyd-badge-bgcolor--warning);}.butvd2b[data-kind="info"]{color:var(--xyd-badge-color--info);background-color:var(--xyd-badge-bgcolor--info);}.butvd2b [part="child"]{position:relative;}}
|
|
80
|
+
@layer defaults{.tn8a2d4{display:inline-block;margin:0;}.tn8a2d4[data-size="xsmall"]{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);}.tn8a2d4[data-size="small"]{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.tn8a2d4[data-size="medium"]{font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium);}.tn8a2d4[data-size="large"]{font-size:var(--xyd-font-size-large);line-height:var(--xyd-line-height-large);}.tn8a2d4[data-size="xlarge"]{font-size:var(--xyd-font-size-xlarge);line-height:var(--xyd-line-height-xlarge);}.tn8a2d4[data-size="xxlarge"]{font-size:var(--xyd-font-size-xxlarge);line-height:var(--xyd-line-height-xxlarge);}.tn8a2d4[data-kind="default"]{color:var(--xyd-text-color--default);}.tn8a2d4[data-kind="ghost"]{color:var(--xyd-text-color--ghost);}.tn8a2d4[data-kind="success"]{color:var(--xyd-text-color--success);}.tn8a2d4[data-kind="warn"]{color:var(--xyd-text-color--warn);}.tn8a2d4[data-kind="error"]{color:var(--xyd-text-color--error);}.tn8a2d4[data-kind="primary"]{color:var(--xyd-text-color--primary);}.tn8a2d4[data-kind="secondary"]{color:var(--xyd-text-color--secondary);}.tn8a2d4[data-weight="normal"]{font-weight:var(--xyd-font-weight-normal);}.tn8a2d4[data-weight="bold"]{font-weight:var(--xyd-font-weight-medium);}.tn8a2d4[data-weight="extra-bold"]{font-weight:var(--xyd-font-weight-semibold);}}
|
|
81
|
+
@layer defaults{.chnegou{display:inline-flex;align-items:center;position:relative;width:100%;min-width:275px;padding:8px 12px;border-radius:8px;text-align:center;border:1px solid var(--xyd-callout-border-color);background-color:var(--xyd-callout-bgcolor);}.chnegou code{background:var(--white);}.chnegou [part="icon"]{display:inline-flex;margin-right:14px;flex:0 0 auto;align-self:flex-start;color:var(--xyd-callout-icon-color);margin-top:2px;}.chnegou [part="message"]{color:var(--xyd-callout-message-color);text-align:left;flex:1 1 auto;}}
|
|
82
|
+
@layer defaults{.bwgsk4h{display:flex;overflow:hidden;margin-top:0.375rem;gap:0.25rem;align-items:center;color:var(--xyd-breadcrumbs-color);}.bwgsk4h [part="icon"]{shrink:0;width:0.875rem;}.bwgsk4h [part="item"]{white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;}.bwgsk4h [part="item"][data-active="true"]{color:var(--xyd-breadcrumbs-color--active);font-weight:bold;}}
|
|
83
|
+
@layer defaults{.u1465cfe{gap:24px;flex-direction:row;padding-top:32px;padding-bottom:32px;align-items:flex-start;width:100%;display:flex;position:relative;}.u1465cfe [part="meta"]{width:160px;position:sticky;justify-content:flex-start;align-items:flex-start;flex-direction:column;flex-shrink:0;display:flex;gap:10px;}.u1465cfe [part="content-container"]{padding-left:2px;padding-right:2px;overflow:hidden;flex:1 1 0%;max-width:100%;}}
|
|
78
84
|
@layer defaults{.s3kfd8c{padding-left:0;list-style:none;counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;}}
|
|
79
85
|
@layer defaults{.s1et872q{padding-left:32px;position:relative;}.s1et872q::after{position:absolute;top:0;left:0;counter-increment:ordered-listitem;content:counter(ordered-listitem);background:var(--xyd-steps-marker-bgcolor);color:var(--xyd-steps-marker-color);font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-medium);font-weight:var(--xyd-font-weight-medium);text-align:center;height:24px;width:24px;border-radius:12px;}}
|
|
80
|
-
@layer defaults{.
|
|
81
|
-
@layer defaults{.
|
|
82
|
-
@layer defaults{.
|
|
83
|
-
@layer defaults{.gilz89t{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:24px;}}
|
|
84
|
-
@layer defaults{.n1xhrk1{font-weight:var(--xyd-font-weight-semibold);display:flex;padding-top:2rem;margin-top:2rem;margin-bottom:2rem;justify-content:space-between;align-items:center;border-top-width:1px;border-color:var(--xyd-navlinks-border-color);}.n1xhrk1 [part="link"]{display:flex;gap:8px;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;max-width:50%;}.n1xhrk1 [part="icon"]{display:inline;height:1.25rem;flex-shrink:0;}}
|
|
85
|
-
@layer defaults{.iz14jlg{width:100%;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,0.06);}}
|
|
86
|
+
@layer defaults{.h1ej4n95{border:0.5px solid var(--xyd-hr-border-color);}}
|
|
87
|
+
@layer defaults{.labae1k{list-style:none;margin:0;padding:0;}ol.labae1k{list-style-type:decimal;padding-inline-start:1.625em;}}
|
|
88
|
+
@layer defaults{ul .i13ytyvq{margin-bottom:0.5rem;position:relative;padding-inline-start:.375em;padding-left:2em!important;}xyd-grid-decorator ul .i13ytyvq{padding-left:0!important;}ul .i13ytyvq::before{content:"";width:.375em;height:.375em;position:absolute;top:0.5em;left:.5em;border-radius:50%;background-color:var(--xyd-list-item-bgcolor);}ol .i13ytyvq::marker{padding-inline-start:.375em;color:var(--xyd-list-marker-color);}}
|
|
86
89
|
@layer defaults{.u1bta36o [part="nav"]{align-items:center;display:flex;height:42px;background-color:var(--xyd-underlinenav-bgcolor);border-bottom:1px solid var(--xyd-underlinenav-border-color);z-index:99;}.u1bta36o [part="nav"][data-kind="secondary"]{border-bottom:none;border-radius:8px;padding:4px;background-color:var(--xyd-tabs-bgcolor);}.u1bta36o [part="list"]{display:flex;gap:10px;height:100%;color:var(--xyd-underlinenav-list-color);list-style:none;padding:0;white-space:nowrap;}[data-kind="secondary"] .u1bta36o [part="list"]{gap:4px;}.u1bta36o [part="item"]{height:100%;position:relative;}.u1bta36o [part="item"] a,.u1bta36o [part="item"] button{height:100%;}.u1bta36o [part="item"][data-state="active"] a{border-bottom-color:var(--xyd-underlinenav-color--active);}[data-kind="secondary"] .u1bta36o [part="item"][data-state="active"] a{border-bottom-color:transparent;color:var(--xyd-tabs-color--active);background-color:var(--xyd-tabs-bgcolor--active);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);}.u1bta36o [part="item"][data-state="inactive"] a,.u1bta36o [part="item"][data-state="inactive"] button{color:unset;}.u1bta36o [part="link"]{display:inline-flex;border-bottom:3px solid transparent;-webkit-text-decoration:none;text-decoration:none;height:100%;padding:10px;transition:all 0.3s ease;cursor:pointer;}.u1bta36o [part="link"]:hover{color:var(--xyd-underlinenav-color--active);}[data-kind="secondary"] .u1bta36o [part="link"]{border-bottom:none;padding:5px 16px;border-radius:0.375rem;color:var(--xyd-tabs-color);}[data-kind="secondary"] .u1bta36o [part="link"]:hover{color:var(--xyd-tabs-color--active);}.u1bta36o [part="content"]{position:relative;overflow:hidden;}[data-kind="secondary"] .u1bta36o [part="content"]{margin-top:16px;}}
|
|
87
90
|
@layer defaults{.uxs4bf1{position:relative;width:100%;}.uxs4bf1[data-state="inactive"]{display:none;}[data-slide="true"] .uxs4bf1[data-direction="forward"][data-state="active"]{position:relative;animation:fadeInFromRight 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .uxs4bf1[data-direction="forward"][data-state="inactive"]{position:absolute;animation:fadeOutToLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .uxs4bf1[data-direction="backward"][data-state="active"]{position:relative;animation:fadeInFromLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .uxs4bf1[data-direction="backward"][data-state="inactive"]{position:absolute;animation:fadeOutToRight 0.4s cubic-bezier(0.16, 1, 0.3, 1);}@keyframes fadeInFromRight-uxs4bf1{from{opacity:0;transform:translateX(75px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeOutToLeft-uxs4bf1{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(-75px);}}@keyframes fadeInFromLeft-uxs4bf1{from{opacity:0;transform:translateX(-75px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeOutToRight-uxs4bf1{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(75px);}}.uxs4bf1 [part="child"]{padding:20px;transition:all 0.3s ease;}}
|
|
88
|
-
@layer defaults{.
|
|
91
|
+
@layer defaults{.n1xhrk1{font-weight:var(--xyd-font-weight-semibold);display:flex;padding-top:2rem;margin-top:2rem;margin-bottom:2rem;justify-content:space-between;align-items:center;border-top-width:1px;border-color:var(--xyd-navlinks-border-color);}.n1xhrk1 [part="link"]{display:flex;gap:8px;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;max-width:50%;}.n1xhrk1 [part="icon"]{display:inline;height:1.25rem;flex-shrink:0;}}
|
|
89
92
|
@layer defaults{.h14vj3ri{display:table;width:100%;min-width:640px;border-collapse:separate;border-spacing:0;border:1px solid var(--xyd-table-border-color);border-radius:8px;margin-top:1rem;overflow:hidden;}}
|
|
90
93
|
@layer defaults{.t1l6tz9b{background:var(--xyd-table-bgcolor);}}
|
|
91
94
|
@layer defaults{.t1g1altt{text-align:left;font-weight:var(--xyd-font-weight-medium);padding:0.5rem 1rem;white-space:nowrap;vertical-align:middle;color:var(--xyd-table-color);border-bottom:1px solid var(--xyd-table-border-color);border-right:1px solid var(--xyd-table-border-color);}}
|
|
92
95
|
@layer defaults{.tdsg57t:not(:last-child){border-bottom:1px solid var(--xyd-table-border-color);}}
|
|
93
96
|
@layer defaults{.th2d3qd{padding:0.5rem 1rem;vertical-align:middle;border-top:1px solid var(--xyd-table-border-color);border-right:1px solid var(--xyd-table-border-color);}@media (max-width: 768px){.th2d3qd{padding:0.5rem;}}}
|
|
94
97
|
@layer defaults{.c8pe5i8{display:flex;align-items:baseline;width:100%;gap:0.5rem;}.c8pe5i8 [part="child"]{flex:1;text-align:right;}}
|
|
95
|
-
@layer defaults{.
|
|
96
|
-
@layer defaults{.h1tn40xd{color:var(--xyd-heading-color);line-height:var(--xyd-line-height-xlarge);font-weight:var(--xyd-font-weight-semibold);position:relative;display:table;margin:0;padding:0 24px 0 0;scroll-snap-margin-top:30px;scroll-margin-top:30px;cursor:default;}.h1tn40xd[id]{cursor:pointer;}.h1tn40xd[data-noanchor="true"]{cursor:default;}.h1tn40xd[data-has-label="true"]{display:flex;align-items:center;gap:8px;}.h1tn40xd[data-has-label="true"] xyd-badge{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);letter-spacing:2px;}.h1tn40xd:hover svg{opacity:1;}.h1tn40xd[data-kind="muted"]{color:var(--xyd-heading-color--muted);cursor:default;font-weight:var(--xyd-font-weight-medium);}.h1tn40xd[data-size="1"]{font-size:var(--xyd-font-size-2xl);line-height:var(--xyd-line-height-2xl);}.h1tn40xd[data-size="2"]{font-size:var(--xyd-font-size-xxlarge);line-height:var(--xyd-line-height-xxlarge);}.h1tn40xd[data-size="3"]{font-size:var(--xyd-font-size-xlarge);line-height:var(--xyd-line-height-xlarge);}.h1tn40xd[data-size="4"]{font-size:var(--xyd-font-size-large);line-height:var(--xyd-line-height-large);}.h1tn40xd[data-size="5"]{font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium);}.h1tn40xd[data-size="6"]{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.h1tn40xd [part="icon"]{position:absolute;top:50%;right:0;margin-top:-6px;opacity:0;color:var(--xyd-heading-icon-color);transition:opacity .15s ease;}.h1tn40xd[data-active="true"] [part="icon"]{opacity:1;}}
|
|
97
|
-
@layer defaults{.u1465cfe{gap:24px;flex-direction:row;padding-top:32px;padding-bottom:32px;align-items:flex-start;width:100%;display:flex;position:relative;}.u1465cfe [part="meta"]{width:160px;position:sticky;justify-content:flex-start;align-items:flex-start;flex-direction:column;flex-shrink:0;display:flex;gap:10px;}.u1465cfe [part="content-container"]{padding-left:2px;padding-right:2px;overflow:hidden;flex:1 1 0%;max-width:100%;}}
|
|
98
|
-
@layer defaults{.tzirqqc{display:block;position:relative;max-width:100%;}.tzirqqc [part="buttons"]{display:flex;align-items:center;}.tzirqqc [part="arrow"]{padding:8px;background-color:var(--xyd-tabs-arrow-bgcolor);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);}.tzirqqc [part="arrow-icon"]{width:16px;height:16px;}.tzirqqc [part="scroller"]{overflow-x:auto;flex-grow:1;}.tzirqqc [part="scroller-container"]{display:inline-flex;gap:4px;border-radius:8px;background-color:var(--xyd-tabs-bgcolor);padding:4px;margin-left:4px;}.tzirqqc [part="content"]{margin-top:16px;}}
|
|
99
|
-
@layer defaults{.tlmd1mw{display:inline-block;padding:5px 16px;border-radius:0.375rem;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;color:var(--xyd-tabs-color);}.tlmd1mw[data-state="inactive"] a,.tlmd1mw[data-state="inactive"] button{color:unset;}.tlmd1mw:hover{color:var(--xyd-tabs-color--active);}.tlmd1mw[data-state="active"]{color:var(--xyd-tabs-color--active);background-color:var(--xyd-tabs-bgcolor--active);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);}}
|
|
98
|
+
@layer defaults{.p1vb39qj{margin-top:0;border-radius:6px;padding:16px;border:0;background-color:var(--xyd-pre-bgcolor);overflow:auto;}}
|
|
100
99
|
@layer defaults{.t1dkmodo [part="nav"]{align-items:center;display:flex;height:42px;background-color:var(--xyd-underlinenav-bgcolor);border-bottom:1px solid var(--xyd-underlinenav-border-color);z-index:99;}.t1dkmodo [part="nav"][data-kind="secondary"]{border-bottom:none;border-radius:8px;padding:4px;background-color:var(--xyd-tabs-bgcolor);}.t1dkmodo [part="list"]{display:flex;gap:10px;height:100%;color:var(--xyd-underlinenav-list-color);list-style:none;padding:0;white-space:nowrap;}[data-kind="secondary"] .t1dkmodo [part="list"]{gap:4px;}.t1dkmodo [part="item"]{height:100%;position:relative;}.t1dkmodo [part="item"] a,.t1dkmodo [part="item"] button{height:100%;}.t1dkmodo [part="item"][data-state="active"] a{border-bottom-color:var(--xyd-underlinenav-color--active);}[data-kind="secondary"] .t1dkmodo [part="item"][data-state="active"] a{border-bottom-color:transparent;color:var(--xyd-tabs-color--active);background-color:var(--xyd-tabs-bgcolor--active);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);}.t1dkmodo [part="item"][data-state="inactive"] a,.t1dkmodo [part="item"][data-state="inactive"] button{color:unset;}.t1dkmodo [part="link"]{display:inline-flex;border-bottom:3px solid transparent;-webkit-text-decoration:none;text-decoration:none;height:100%;padding:10px;transition:all 0.3s ease;cursor:pointer;}.t1dkmodo [part="link"]:hover{color:var(--xyd-underlinenav-color--active);}[data-kind="secondary"] .t1dkmodo [part="link"]{border-bottom:none;padding:5px 16px;border-radius:0.375rem;color:var(--xyd-tabs-color);}[data-kind="secondary"] .t1dkmodo [part="link"]:hover{color:var(--xyd-tabs-color--active);}.t1dkmodo [part="content"]{position:relative;overflow:hidden;}[data-kind="secondary"] .t1dkmodo [part="content"]{margin-top:16px;}}
|
|
101
100
|
@layer defaults{.t1f7gsf0{position:relative;width:100%;}.t1f7gsf0[data-state="inactive"]{display:none;}[data-slide="true"] .t1f7gsf0[data-direction="forward"][data-state="active"]{position:relative;animation:fadeInFromRight 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .t1f7gsf0[data-direction="forward"][data-state="inactive"]{position:absolute;animation:fadeOutToLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .t1f7gsf0[data-direction="backward"][data-state="active"]{position:relative;animation:fadeInFromLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .t1f7gsf0[data-direction="backward"][data-state="inactive"]{position:absolute;animation:fadeOutToRight 0.4s cubic-bezier(0.16, 1, 0.3, 1);}@keyframes fadeInFromRight-t1f7gsf0{from{opacity:0;transform:translateX(75px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeOutToLeft-t1f7gsf0{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(-75px);}}@keyframes fadeInFromLeft-t1f7gsf0{from{opacity:0;transform:translateX(-75px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeOutToRight-t1f7gsf0{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(75px);}}.t1f7gsf0 [part="child"]{padding:20px;transition:all 0.3s ease;}}
|
|
102
|
-
@layer defaults{.
|
|
101
|
+
@layer defaults{.tzirqqc{display:block;position:relative;max-width:100%;}.tzirqqc [part="buttons"]{display:flex;align-items:center;}.tzirqqc [part="arrow"]{padding:8px;background-color:var(--xyd-tabs-arrow-bgcolor);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);}.tzirqqc [part="arrow-icon"]{width:16px;height:16px;}.tzirqqc [part="scroller"]{overflow-x:auto;flex-grow:1;}.tzirqqc [part="scroller-container"]{display:inline-flex;gap:4px;border-radius:8px;background-color:var(--xyd-tabs-bgcolor);padding:4px;margin-left:4px;}.tzirqqc [part="content"]{margin-top:16px;}}
|
|
102
|
+
@layer defaults{.tlmd1mw{display:inline-block;padding:5px 16px;border-radius:0.375rem;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;color:var(--xyd-tabs-color);}.tlmd1mw[data-state="inactive"] a,.tlmd1mw[data-state="inactive"] button{color:unset;}.tlmd1mw:hover{color:var(--xyd-tabs-color--active);}.tlmd1mw[data-state="active"]{color:var(--xyd-tabs-color--active);background-color:var(--xyd-tabs-bgcolor--active);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);}}
|
|
103
103
|
@layer defaults {
|
|
104
104
|
.TocCard-module_TocCardHost__pT0XJ {
|
|
105
105
|
display: block;
|
|
@@ -256,17 +256,17 @@
|
|
|
256
256
|
@layer defaults{.m1i5ism5{display:flex;border-left-width:4px;border-color:transparent;margin:4px 0;}.m1i5ism5[data-annotated="true"]{border-color:var(--xyd-coder-code-mark-border-color);background-color:var(--xyd-coder-code-mark-bgcolor);}.m1i5ism5[data-diff="true"]{position:relative;}.m1i5ism5[data-diff="true"][data-query="-"]{border-color:var(--xyd-text-color--error--active);background-color:var(--xyd-text-color--error--muted);}.m1i5ism5[data-diff="true"][data-query="+"]{border-color:var(--xyd-text-color--success--active);background-color:var(--xyd-text-color--success--muted);}.m1i5ism5[data-diff="true"]>:first-child{position:absolute;left:5px;}.m1i5ism5 [part="line"]{flex:1 1 0%;}.m1i5ism5 xyd-code-linenumber [part="line"]{position:relative;left:25px;}}
|
|
257
257
|
@layer defaults{.m1fnx2sm{display:inline-block;outline:solid 1px var(--xyd-coder-code-mark-border-color);background:var(--xyd-coder-code-mark-bgcolor);}.m1fnx2sm[data-diff="true"][data-query="-"]{border-color:var(--xyd-text-color--error--active);background-color:var(--xyd-text-color--error--muted);}.m1fnx2sm[data-diff="true"][data-query="+"]{border-color:var(--xyd-text-color--success--active);background-color:var(--xyd-text-color--success--muted);}}
|
|
258
258
|
@layer defaults{.b83ezas[data-annotated="true"]{border-color:var(--xyd-coder-code-mark-border-color);background-color:var(--xyd-coder-code-mark-bgcolor);}}
|
|
259
|
-
@layer defaults{.cwih9s3{max-height:400px;background:var(--xyd-coder-code-background);margin:0;padding:8px 16px;border-top:1px solid var(--xyd-coder-code-border-color);white-space:pre-wrap;word-break:break-all;overflow-y:scroll;}.cwih9s3
|
|
259
|
+
@layer defaults{.cwih9s3{max-height:400px;background:var(--xyd-coder-code-background);margin:0;padding:8px 16px;border-top:1px solid var(--xyd-coder-code-border-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;white-space:pre-wrap;word-break:break-all;overflow-y:scroll;}.cwih9s3[data-size="full"]{max-height:100%;}}
|
|
260
260
|
.c1sbwmbs{padding:17px 20px 10px;background-color:var(--white);border-radius:0 0 8px 7px;display:flex;gap:12px;align-items:flex-start;color:var(--text-primary);}
|
|
261
261
|
.c1sbwmbs>div:first-child{display:flex;align-items:center;padding-top:5px;}
|
|
262
262
|
.c1sbwmbs>div:last-child{display:flex;flex-direction:column;gap:4px;}
|
|
263
263
|
.c1sbwmbs>div:last-child >span{display:flex;align-items:center;}
|
|
264
|
-
@layer defaults{.ccde3ii{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;}.ccde3ii:hover{transition:ease-in 0.1s;background:var(--xyd-code-copy-color);}}
|
|
265
264
|
@layer defaults{.l1u84pnh{width:100%;overflow-x:hidden;background:var(--xyd-page-body-bgcolor);display:contents;}.l1u84pnh >[part="header"]{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;right:var(--xyd-page-gutter);left:var(--xyd-page-gutter);height:var(--xyd-nav-height);background:var(--xyd-layout-header-bgcolor);z-index:3;}@media (max-width: 768px){.l1u84pnh >[part="header"]{padding:0;}}.l1u84pnh[data-hide-subheader="true"]>[part="header"]{transform:translateY(calc(-1 * var(--xyd-nav-height)));}.l1u84pnh[data-hide-subheader="true"]>[part="header"]>[part="header-content"]{visibility:hidden;}.l1u84pnh[data-subheader="true"]>[part="header"]{flex-direction:column;height:var(--xyd-header-total-height);transition:transform 200ms;}.l1u84pnh [part="header-content"]{display:flex;align-items:center;width:100%;}.l1u84pnh [part="hamburger-button"]{display:none;}@media (max-width: 1024px){.l1u84pnh [part="hamburger-button"]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;padding:0;}}.l1u84pnh [part="hamburger-icon"]{width:24px;height:24px;position:relative;display:flex;flex-direction:column;justify-content:space-between;}.l1u84pnh [part="hamburger-line"]{width:100%;height:2px;background:var(--xyd-page-body-color);transition:transform 0.3s var(--xyd-cubic-bezier);}.l1u84pnh [part="hamburger-line"][data-active="true"]:first-child{transform:translateY(11px) rotate(45deg);}.l1u84pnh [part="hamburger-line"][data-active="true"]:nth-child(2){opacity:0;}.l1u84pnh [part="hamburger-line"][data-active="true"]:last-child{transform:translateY(-11px) rotate(-45deg);}.l1u84pnh [part="main"]{position:relative;display:flex;top:0;bottom:0;left:0;right:0;padding:var(--xyd-page-gutter);overflow:visible;}.l1u84pnh [part="sidebar"]{flex:none;width:var(--xyd-sidebar-width);background:var(--xyd-layout-sidebar-bgcolor);display:flex;flex-direction:column;position:relative;height:100%;}@media (max-width: 1024px){.l1u84pnh [part="sidebar"]{display:none;}}.l1u84pnh [part="mobile-sidebar"]{display:none;}@media (max-width: 1024px){.l1u84pnh [part="mobile-sidebar"]{display:flex;position:fixed;top:0;bottom:0;left:0;width:var(--xyd-sidebar-width--mobile);background:var(--xyd-layout-sidebar-bgcolor);flex-direction:column;z-index:50;transform:translateX(-100%);transition:transform .3s var(--xyd-cubic-bezier);box-shadow:4px 0 8px rgba(0, 0, 0, 0.1);}}@media (max-width: 1024px){.l1u84pnh [part="mobile-sidebar"][data-active="true"]{transform:translateX(0);}}.l1u84pnh [part="mobile-sidebar-aside"]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;}.l1u84pnh [part="mobile-sidebar-close-button"]{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;}.l1u84pnh [part="mobile-sidebar-close-icon"]{width:20px;height:20px;position:relative;}.l1u84pnh [part="mobile-sidebar-close-icon"]::before,.l1u84pnh [part="mobile-sidebar-close-icon"]::after{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;background:var(--xyd-page-body-color--secondary);transform-origin:center;}.l1u84pnh [part="mobile-sidebar-close-icon"]::before{transform:rotate(45deg);}.l1u84pnh [part="mobile-sidebar-close-icon"]::after{transform:rotate(-45deg);}.l1u84pnh [part="mobile-overlay"]{display:none;}@media (max-width: 1024px){.l1u84pnh [part="mobile-overlay"]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.6);transition:opacity .3s;opacity:0;pointer-events:none;z-index:40;height:100vh;}}.l1u84pnh [part="mobile-overlay"][data-active="true"]{opacity:1;pointer-events:auto;}.l1u84pnh [part="page"]{position:relative;overflow:visible;flex:1;background:var(--xyd-page-body-bgcolor);min-width:0;height:100%;}.l1u84pnh [part="page-scroll"]{overflow-y:visible;height:100%;-webkit-overflow-scrolling:touch;padding:0 48px;}@media (max-width: 1024px){.l1u84pnh [part="page-scroll"]{padding:0 32px;}}@media (max-width: 768px){.l1u84pnh [part="page-scroll"]{padding:0 24px;}}.l1u84pnh [part="page-container"]{max-width:var(--xyd-layout-width-medium);margin:0 auto;padding:0 var(--xyd-page-gutter);height:100%;}.l1u84pnh[data-layout="wide"] [part="page-container"]{max-width:var(--xyd-layout-width-large);}.l1u84pnh [part="page-article-container"]{display:flex;gap:48px;padding:48px 0;min-height:100%;}@media (max-width: 1024px){.l1u84pnh [part="page-article-container"]{gap:32px;}}@media (max-width: 768px){.l1u84pnh [part="page-article-container"]{flex-direction:column;padding:24px 0;gap:24px;}}.l1u84pnh [part="page-article"]{flex:1;min-width:0;}.l1u84pnh [part="page-article-content"]{width:100%;}.l1u84pnh [part="page-article-nav"]{display:flex;flex:none;flex-direction:column;gap:16px;width:var(--xyd-layout-nav-width-medium);position:sticky;top:var(--xyd-header-total-height);height:-moz-fit-content;height:fit-content;max-height:100vh;overflow-y:auto;padding-right:24px;padding-top:var(--xyd-content-space);}@media (max-width: 1024px){.l1u84pnh [part="page-article-nav"]{width:var(--xyd-layout-nav-width-small);padding-right:16px;}}@media (max-width: 768px){.l1u84pnh [part="page-article-nav"]{display:none;}}}
|
|
266
265
|
.c1dmvxug{display:block;}
|
|
267
266
|
@layer defaults{.c1pb9ov9{overflow:hidden;min-width:0;border:1px solid var(--xyd-codetabs-border-color);border-radius:16px;}.c1pb9ov9[data-single="true"] [part="pre"]{border:none;}.c1pb9ov9[data-nodescription="true"] xyd-codetabs-languages [part="languages-list"]{justify-content:flex-start;}}
|
|
268
267
|
@layer defaults{.caeqccf{display:flex;flex:1 1 0%;background:var(--xyd-codetabs-bgcolor);border-top-right-radius:10px;border-top-left-radius:10px;border-bottom:0px;min-width:0;font-weight:var(--xyd-font-weight-semibold);font-size:var(--xyd-font-size-xsmall);}.caeqccf[data-single="true"]{height:0;}.caeqccf [part="description"]{display:flex;align-items:center;gap:4px;color:var(--xyd-codetabs-color);margin-left:4px;margin-right:4px;}.caeqccf [part="description-item"]{display:flex;padding-left:16px;padding-right:16px;flex:1 1 0%;gap:16px;border-radius:4px;}.caeqccf [part="copy"]{display:none;}.caeqccf [part="languages-list"]{display:flex;flex-grow:1;justify-content:end;gap:8px;padding:0 10px;}.caeqccf [part="language-trigger"]{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;color:var(--xyd-codetabs-color);}.caeqccf [part="language-trigger"][data-state="active"]{color:var(--xyd-codetabs-color--active);border-bottom:1px solid var(--xyd-codetabs-color--active);border-bottom-left-radius:0px;border-bottom-right-radius:0px;}.caeqccf [part="language-trigger"]:hover{transition:ease-in 0.1s;background:var(--xyd-codetabs-color--hover);}.caeqccf [part="copy"]{display:flex;padding-left:8px;padding-right:8px;align-items:center;}.caeqccf[data-single="true"] [part="copy"]{top:17px;position:relative;right:5px;}}
|
|
269
268
|
@layer defaults{.lr0mq4l{display:inline-flex;align-items:center;justify-content:center;}.lr0mq4l[data-size="small"]{width:6px;height:6px;}.lr0mq4l[data-size="large"]{width:12px;height:12px;}.lr0mq4l [part="dots"]{display:flex;gap:4px;}.lr0mq4l [part="dot"]{width:8px;height:8px;background-color:currentColor;border-radius:50%;animation:pulse 1.4s infinite ease-in-out;opacity:0.6;}.lr0mq4l [part="dot"]:nth-of-type(2){animation-delay:0.2s;}.lr0mq4l [part="dot"]:nth-of-type(3){animation-delay:0.4s;}@keyframes pulse-lr0mq4l{0%,80%,100%{transform:scale(0.6);opacity:0.4;}40%{transform:scale(1);opacity:1;}}}
|
|
269
|
+
@layer defaults{.ccde3ii{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;}.ccde3ii:hover{transition:ease-in 0.1s;background:var(--xyd-code-copy-color);}}
|
|
270
270
|
:root {
|
|
271
271
|
/* Ref tokens - Base values */
|
|
272
272
|
--XydAtlas-Ref-Palette-White: #FFFFFF;
|
|
@@ -836,8 +836,6 @@ atlas-apiref-propmeta a:hover {-webkit-text-decoration:none;text-decoration:none
|
|
|
836
836
|
--xyd-progressbar-bgcolor--active: var(--color-primary);
|
|
837
837
|
|
|
838
838
|
/* Sidebar */
|
|
839
|
-
--xyd-sidebar-padding: 8px;
|
|
840
|
-
|
|
841
839
|
--xyd-sidebar-bgcolor: var(--dark16);
|
|
842
840
|
--xyd-sidebar-divider-color: var(--dark32);
|
|
843
841
|
--xyd-sidebar-divider-shadow-color: var(--dark32);
|
package/dist/index.d.ts
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/BaseTheme.tsx","../src/Theme.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useLocation } from 'react-router'\nimport GitHubButton from 'react-github-btn'\n\nimport { TocCard, Text, VideoGuide, useColorScheme } from '@xyd-js/components/writer';\nimport { ContentDecorator } from \"@xyd-js/components/content\";\nimport {\n LayoutPrimary\n} from \"@xyd-js/components/layouts\";\nimport {\n FwNav,\n FwNavLinks,\n FwToc,\n FwSubNav,\n FwSidebarGroups,\n\n useMatchedSubNav,\n useMetadata,\n useSettings,\n} from \"@xyd-js/framework/react\";\n\nimport { Theme } from \"./Theme\";\n\nexport class BaseTheme extends Theme {\n constructor() {\n super()\n\n this.Page = this.Page.bind(this)\n this.Layout = this.Layout.bind(this)\n this.Navbar = this.Navbar.bind(this)\n this.Sidebar = this.Sidebar.bind(this)\n this.Content = this.Content.bind(this)\n this.ContentNav = this.ContentNav.bind(this)\n this.TocTop = this.TocTop.bind(this)\n this.TocBottom = this.TocBottom.bind(this)\n this.PageFooter = this.PageFooter.bind(this)\n }\n\n public Page({ children }: { children: React.ReactNode }) {\n const {\n Content: $Content,\n ContentNav: $ContentNav,\n PageFooter: $PageFooter,\n } = this\n\n const hideToc = this.useHideToc()\n let contentNav = hideToc ? undefined : <$ContentNav />\n\n return <LayoutPrimary.Page contentNav={contentNav}>\n <$Content>\n {children}\n </$Content>\n\n <$PageFooter>\n <$BuiltWithXYD />\n </$PageFooter>\n </LayoutPrimary.Page>\n }\n\n public Layout({ children }: { children: React.ReactNode }) {\n const {\n Navbar: $Navbar,\n Sidebar: $Sidebar,\n } = this\n\n const location = useLocation()\n const matchedSubNav = useMatchedSubNav()\n const meta = useMetadata()\n\n const subheader = matchedSubNav ? <FwSubNav /> : null\n const sidebar = <$Sidebar />\n\n return <LayoutPrimary\n subheader={!!subheader}\n layout={meta?.layout}\n scrollKey={location.pathname}\n >\n <LayoutPrimary.Header\n header={<$Navbar />}\n subheader={subheader}\n />\n <LayoutPrimary.MobileAside\n aside={sidebar}\n />\n\n <main part=\"main\">\n <aside part=\"sidebar\">\n {sidebar}\n </aside>\n\n {children}\n </main>\n </LayoutPrimary>\n }\n\n public reactContentComponents(): { [component: string]: (props: any) => React.JSX.Element | null } {\n return this.reactContent.components()\n }\n\n protected Navbar() {\n return <>\n <FwNav kind=\"middle\" />\n </>\n }\n\n protected Sidebar() {\n return <FwSidebarGroups />\n }\n\n protected Content({ children }: { children: React.ReactNode }) {\n const meta = useMetadata()\n\n return <>\n {/*TODO: optional breadcrumbs*/}\n {/*{props.breadcrumbs ? <FwBreadcrumbs/> : undefined}*/}\n\n <ContentDecorator metaComponent={meta?.component || undefined}>\n {children}\n </ContentDecorator>\n\n <FwNavLinks />\n </>\n }\n\n protected ContentNav() {\n const { TocTop, TocBottom } = this\n\n // TODO: toc top and bottom in the future \n return <>\n {/* <TocTop /> */}\n\n <div>\n <FwToc />\n </div>\n\n <TocBottom />\n </>\n }\n\n protected TocTop() {\n return <div>\n <VideoGuide.Miniature />\n </div>\n }\n\n protected TocBottom() {\n const meta = useMetadata()\n const tocCard = meta?.tocCard\n const isEmpty = !tocCard || !tocCard.link || !tocCard.title || !tocCard.description\n if (isEmpty) {\n return null\n }\n\n return <div>\n <TocCard\n title={tocCard.title}\n description={tocCard.description}\n href={tocCard.link}\n icon={tocCard.icon}\n />\n </div>\n }\n\n protected PageFooter({ children }: { children: React.ReactNode }) {\n const settings = useSettings()\n\n let pageFooterBottom: React.ReactNode | null = null\n\n if (settings.integrations?.apps?.githubStar) {\n pageFooterBottom = <div part=\"github-button-container\">\n <Text size=\"small\">\n {settings.integrations.apps.githubStar.label}\n </Text>\n\n <GitHubButton\n href={settings.integrations.apps.githubStar.href}\n data-icon={settings.integrations.apps.githubStar.dataIcon || \"octicon-star\"}\n data-size={settings.integrations.apps.githubStar.dataSize || \"large\"}\n data-show-count={settings.integrations.apps.githubStar.dataShowCount || true}\n aria-label={settings.integrations.apps.githubStar.ariaLabel}\n >\n {settings.integrations.apps.githubStar.title}\n </GitHubButton>\n </div>\n\n }\n\n return <>\n <xyd-page-footer>\n {children}\n\n {/* TODO: in the future */}\n {/* <Surface target=\"page.footer.bottom\"/> */}\n {pageFooterBottom}\n\n </xyd-page-footer>\n </>\n }\n}\n\nfunction $BuiltWithXYD() {\n const [colorScheme] = useColorScheme()\n\n const fill = colorScheme === \"dark\" ? \"white\" : \"black\"\n\n return <a href=\"https://xyd.dev\" target=\"_blank\">\n <xyd-built-with>\n <div part=\"text\">Built with</div>\n <div part=\"logo\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width={64} height={18} viewBox=\"0 0 64 18\" fill=\"none\">\n <g clipPath=\"url(#clip0_3_18)\">\n <path fillRule=\"evenodd\" clipRule=\"evenodd\"\n d=\"M12.9447 14.7921H10.6636L14.2428 9.73069L10.8861 4.9901H13.1857L14.9846 7.69901C15.0712 7.84158 15.1577 7.99307 15.2443 8.15347C15.2649 8.1918 15.2854 8.23023 15.3057 8.26877C15.3598 8.37166 15.4048 8.46149 15.4407 8.53824C15.4432 8.54364 15.4458 8.54904 15.4483 8.55446C15.4611 8.51802 15.4751 8.482 15.4904 8.44646C15.5265 8.36139 15.5743 8.26372 15.6337 8.15347C15.7203 7.99307 15.8068 7.84158 15.8934 7.69901L17.6923 4.9901H19.9919L16.6352 9.74852L20.1959 14.7921H17.8963L15.9119 11.8515C15.8254 11.7089 15.7388 11.5485 15.6523 11.3703C15.6317 11.328 15.6113 11.2857 15.5909 11.2434C15.551 11.1606 15.516 11.0873 15.4861 11.0237C15.4734 10.9967 15.4608 10.9696 15.4483 10.9426C15.3988 11.0495 15.3277 11.1921 15.235 11.3703C15.1851 11.4666 15.1319 11.5613 15.0755 11.6542C15.0349 11.7212 14.9922 11.7869 14.9476 11.8515L12.9447 14.7921ZM26.2973 18H24.1831L25.6482 14.2218L21.8464 4.9901H24.0533L26.186 10.5149C26.2523 10.6968 26.3186 10.9065 26.3848 11.1441C26.4058 11.2194 26.426 11.2947 26.4457 11.3703C26.5322 11.703 26.6064 11.9762 26.6682 12.1901C26.7125 11.9988 26.7716 11.76 26.8455 11.4737C26.8544 11.4392 26.8633 11.4047 26.8722 11.3703C26.9588 11.0376 27.0453 10.7525 27.1318 10.5149L29.1347 4.9901H31.2675L26.2973 18ZM33.5671 11.2812V8.51881C33.5671 8.5099 33.5671 8.50099 33.5671 8.49208C33.5713 7.51129 33.8055 6.70741 34.2698 6.08044C34.3394 5.98635 34.4144 5.89603 34.4943 5.8099C35.1125 5.14455 35.9347 4.81188 36.9609 4.81188C37.2432 4.80978 37.5248 4.83873 37.8002 4.89814C38.2353 4.98873 38.637 5.18972 38.9638 5.4802C39.4583 5.92574 39.7056 6.53465 39.7056 7.30693L39.279 6.86139H39.7427L39.687 4.5802V1.78218H41.6899V14.7921H39.7056V12.9208H39.279L39.7056 12.4752C39.7079 12.7346 39.6757 12.9931 39.6097 13.2446C39.5048 13.6495 39.2805 14.0166 38.9638 14.302C38.637 14.5925 38.2353 14.7935 37.8002 14.884C37.5248 14.9435 37.2432 14.9724 36.9609 14.9703C36.5745 14.9741 36.19 14.9196 35.8213 14.8087C35.3085 14.6502 34.8499 14.3611 34.4943 13.9723C33.8762 13.3069 33.5671 12.4099 33.5671 11.2812ZM2.07708 16.7525H0L6.52796 0H8.60504L2.07708 16.7525ZM64 9.92673L55.8771 13.7228V11.905L61.4222 9.35644C61.5629 9.29538 61.7054 9.23815 61.8495 9.18481C61.9412 9.15093 62.0337 9.11902 62.1269 9.08911C62.3475 9.01842 62.5134 8.97113 62.6247 8.94725C62.6257 8.94701 62.6267 8.94677 62.6276 8.94653C62.5884 8.93886 62.5495 8.93007 62.5108 8.92016C62.4265 8.89877 62.3263 8.86931 62.2102 8.83176C62.1731 8.81976 62.136 8.80752 62.0991 8.79505C61.8704 8.71782 61.6447 8.62574 61.4222 8.51881L55.8771 5.9703V4.11683L64 7.91287V9.92673ZM39.687 11.1743V8.60792C39.6886 8.39594 39.6672 8.18438 39.6231 7.97667C39.5654 7.71481 39.4687 7.48414 39.3328 7.28465C39.2758 7.20072 39.2112 7.12171 39.14 7.04852C38.8659 6.76894 38.503 6.58461 38.1083 6.52438C37.956 6.49891 37.8016 6.48645 37.6471 6.48713C37.4323 6.48547 37.218 6.50802 37.0087 6.55432C36.6672 6.62705 36.3545 6.79238 36.1078 7.03069C35.9021 7.23549 35.7516 7.48556 35.6696 7.75907C35.6117 7.94145 35.5751 8.14248 35.5598 8.36216C35.5541 8.44397 35.5514 8.52593 35.5514 8.60792V11.1743C35.55 11.3795 35.5691 11.5844 35.6086 11.7861C35.6563 12.0212 35.734 12.2299 35.8419 12.4122C35.9147 12.5359 36.0041 12.65 36.1078 12.7515C36.3578 12.9928 36.6752 13.1594 37.0217 13.2309C37.2269 13.2751 37.4367 13.2966 37.6471 13.2951C37.8632 13.2969 38.0786 13.2714 38.2878 13.2193C38.6141 13.1386 38.9098 12.9701 39.14 12.7337C39.4759 12.389 39.6571 11.9209 39.6837 11.3295C39.686 11.2778 39.6871 11.226 39.687 11.1743Z\"\n fill={fill} stroke={fill} strokeWidth=\"0.944882\" strokeLinecap=\"round\" />\n </g>\n <defs>\n <clipPath id=\"clip0_3_18\">\n <rect width={64} height={18} fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n </div>\n </xyd-built-with>\n </a>\n}","import * as React from \"react\"\nimport { useMetadata } from \"@xyd-js/framework/react\";\nimport { Surfaces } from \"@xyd-js/framework\"\nimport { type Theme as ThemeSettings } from \"@xyd-js/core\"\n\nimport { ReactContent } from \"@xyd-js/components/content\";\n\nexport abstract class Theme {\n constructor() {\n // TODO: !!!better API for this!!!\n this.settings = globalThis.__xydThemeSettings\n this.theme = globalThis.__xydThemeSettings\n\n this.surfaces = globalThis.__xydSurfaces\n this.reactContent = globalThis.__xydReactContent\n }\n\n protected settings: ThemeSettings\n protected theme: ThemeSettings\n protected readonly reactContent: ReactContent\n protected readonly surfaces: Surfaces\n\n public abstract Page({ children }: { children: React.ReactNode })\n public abstract Layout({ children }: { children: React.ReactNode })\n public abstract reactContentComponents(): { [component: string]: (props: any) => React.JSX.Element | null }\n\n protected useHideToc() {\n const meta = useMetadata()\n\n if (!meta) {\n return false\n }\n\n switch (meta.layout) {\n case \"wide\":\n return true\n case \"center\":\n return true\n default:\n return false\n }\n }\n\n protected useLayoutSize() {\n const meta = useMetadata()\n\n if (!meta) {\n return undefined\n }\n\n switch (meta.layout) {\n case \"wide\":\n return \"large\"\n default:\n return undefined\n }\n }\n}"],"mappings":"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","names":["useMetadata","useMetadata"]}
|
|
1
|
+
{"version":3,"sources":["../src/BaseTheme.tsx","../src/Theme.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useLocation } from 'react-router'\nimport GitHubButton from 'react-github-btn'\n\nimport { TocCard, Text, VideoGuide, useColorScheme } from '@xyd-js/components/writer';\nimport { ContentDecorator } from \"@xyd-js/components/content\";\nimport {\n LayoutPrimary\n} from \"@xyd-js/components/layouts\";\nimport {\n FwNav,\n FwNavLinks,\n FwToc,\n FwSubNav,\n FwSidebarGroups,\n\n useMatchedSubNav,\n useMetadata,\n useSettings,\n} from \"@xyd-js/framework/react\";\n\nimport { Theme } from \"./Theme\";\n\nexport class BaseTheme extends Theme {\n constructor() {\n super()\n\n this.Page = this.Page.bind(this)\n this.Layout = this.Layout.bind(this)\n this.Navbar = this.Navbar.bind(this)\n this.Sidebar = this.Sidebar.bind(this)\n this.Content = this.Content.bind(this)\n this.ContentNav = this.ContentNav.bind(this)\n this.TocTop = this.TocTop.bind(this)\n this.TocBottom = this.TocBottom.bind(this)\n this.PageFooter = this.PageFooter.bind(this)\n }\n\n public Page({ children }: { children: React.ReactNode }) {\n const {\n Content: $Content,\n ContentNav: $ContentNav,\n PageFooter: $PageFooter,\n } = this\n\n const hideToc = this.useHideToc()\n let contentNav = hideToc ? undefined : <$ContentNav />\n\n return <LayoutPrimary.Page contentNav={contentNav}>\n <$Content>\n {children}\n </$Content>\n\n <$PageFooter>\n <$BuiltWithXYD />\n </$PageFooter>\n </LayoutPrimary.Page>\n }\n\n public Layout({ children }: { children: React.ReactNode }) {\n const {\n Navbar: $Navbar,\n Sidebar: $Sidebar,\n } = this\n\n const location = useLocation()\n const matchedSubNav = useMatchedSubNav()\n const meta = useMetadata()\n\n const subheader = matchedSubNav ? <FwSubNav /> : null\n const sidebar = <$Sidebar />\n\n return <LayoutPrimary\n subheader={!!subheader}\n layout={meta?.layout}\n scrollKey={location.pathname}\n >\n <LayoutPrimary.Header\n header={<$Navbar />}\n subheader={subheader}\n />\n <LayoutPrimary.MobileAside\n aside={sidebar}\n />\n\n <main part=\"main\">\n <aside part=\"sidebar\">\n {sidebar}\n </aside>\n\n {children}\n </main>\n </LayoutPrimary>\n }\n\n public reactContentComponents(): { [component: string]: (props: any) => React.JSX.Element | null } {\n return this.reactContent.components()\n }\n\n protected Navbar() {\n return <>\n <FwNav kind=\"middle\" />\n </>\n }\n\n protected Sidebar() {\n return <FwSidebarGroups />\n }\n\n protected Content({ children }: { children: React.ReactNode }) {\n const meta = useMetadata()\n\n return <>\n {/*TODO: optional breadcrumbs*/}\n {/*{props.breadcrumbs ? <FwBreadcrumbs/> : undefined}*/}\n\n <ContentDecorator metaComponent={meta?.component || undefined}>\n {children}\n </ContentDecorator>\n\n <FwNavLinks />\n </>\n }\n\n protected ContentNav() {\n const { TocTop, TocBottom } = this\n\n // TODO: toc top and bottom in the future \n return <>\n {/* <TocTop /> */}\n\n <div>\n <FwToc />\n </div>\n\n <TocBottom />\n </>\n }\n\n protected TocTop() {\n return <div>\n <VideoGuide.Miniature />\n </div>\n }\n\n protected TocBottom() {\n const meta = useMetadata()\n const tocCard = meta?.tocCard\n const isEmpty = !tocCard || !tocCard.link || !tocCard.title || !tocCard.description\n if (isEmpty) {\n return null\n }\n\n return <div>\n <TocCard\n title={tocCard.title}\n description={tocCard.description}\n href={tocCard.link}\n icon={tocCard.icon}\n />\n </div>\n }\n\n protected PageFooter({ children }: { children: React.ReactNode }) {\n const settings = useSettings()\n\n let pageFooterBottom: React.ReactNode | null = null\n\n if (settings.integrations?.apps?.githubStar) {\n pageFooterBottom = <div part=\"github-button-container\">\n <Text size=\"small\">\n {settings.integrations.apps.githubStar.label}\n </Text>\n\n <GitHubButton\n href={settings.integrations.apps.githubStar.href}\n data-icon={settings.integrations.apps.githubStar.dataIcon || \"octicon-star\"}\n data-size={settings.integrations.apps.githubStar.dataSize || \"large\"}\n data-show-count={settings.integrations.apps.githubStar.dataShowCount || true}\n aria-label={settings.integrations.apps.githubStar.ariaLabel}\n >\n {settings.integrations.apps.githubStar.title}\n </GitHubButton>\n </div>\n\n }\n\n return <>\n <xyd-page-footer>\n {children}\n\n {/* TODO: in the future */}\n {/* <Surface target=\"page.footer.bottom\"/> */}\n {pageFooterBottom}\n\n </xyd-page-footer>\n </>\n }\n}\n\nfunction $BuiltWithXYD() {\n const [colorScheme] = useColorScheme()\n\n const fill = colorScheme === \"dark\" ? \"white\" : \"black\"\n\n return <a href=\"https://xyd.dev\" target=\"_blank\">\n <xyd-built-with>\n <div part=\"text\">Built with</div>\n <div part=\"logo\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width={64} height={18} viewBox=\"0 0 64 18\" fill=\"none\">\n <g clipPath=\"url(#clip0_3_18)\">\n <path fillRule=\"evenodd\" clipRule=\"evenodd\"\n d=\"M12.9447 14.7921H10.6636L14.2428 9.73069L10.8861 4.9901H13.1857L14.9846 7.69901C15.0712 7.84158 15.1577 7.99307 15.2443 8.15347C15.2649 8.1918 15.2854 8.23023 15.3057 8.26877C15.3598 8.37166 15.4048 8.46149 15.4407 8.53824C15.4432 8.54364 15.4458 8.54904 15.4483 8.55446C15.4611 8.51802 15.4751 8.482 15.4904 8.44646C15.5265 8.36139 15.5743 8.26372 15.6337 8.15347C15.7203 7.99307 15.8068 7.84158 15.8934 7.69901L17.6923 4.9901H19.9919L16.6352 9.74852L20.1959 14.7921H17.8963L15.9119 11.8515C15.8254 11.7089 15.7388 11.5485 15.6523 11.3703C15.6317 11.328 15.6113 11.2857 15.5909 11.2434C15.551 11.1606 15.516 11.0873 15.4861 11.0237C15.4734 10.9967 15.4608 10.9696 15.4483 10.9426C15.3988 11.0495 15.3277 11.1921 15.235 11.3703C15.1851 11.4666 15.1319 11.5613 15.0755 11.6542C15.0349 11.7212 14.9922 11.7869 14.9476 11.8515L12.9447 14.7921ZM26.2973 18H24.1831L25.6482 14.2218L21.8464 4.9901H24.0533L26.186 10.5149C26.2523 10.6968 26.3186 10.9065 26.3848 11.1441C26.4058 11.2194 26.426 11.2947 26.4457 11.3703C26.5322 11.703 26.6064 11.9762 26.6682 12.1901C26.7125 11.9988 26.7716 11.76 26.8455 11.4737C26.8544 11.4392 26.8633 11.4047 26.8722 11.3703C26.9588 11.0376 27.0453 10.7525 27.1318 10.5149L29.1347 4.9901H31.2675L26.2973 18ZM33.5671 11.2812V8.51881C33.5671 8.5099 33.5671 8.50099 33.5671 8.49208C33.5713 7.51129 33.8055 6.70741 34.2698 6.08044C34.3394 5.98635 34.4144 5.89603 34.4943 5.8099C35.1125 5.14455 35.9347 4.81188 36.9609 4.81188C37.2432 4.80978 37.5248 4.83873 37.8002 4.89814C38.2353 4.98873 38.637 5.18972 38.9638 5.4802C39.4583 5.92574 39.7056 6.53465 39.7056 7.30693L39.279 6.86139H39.7427L39.687 4.5802V1.78218H41.6899V14.7921H39.7056V12.9208H39.279L39.7056 12.4752C39.7079 12.7346 39.6757 12.9931 39.6097 13.2446C39.5048 13.6495 39.2805 14.0166 38.9638 14.302C38.637 14.5925 38.2353 14.7935 37.8002 14.884C37.5248 14.9435 37.2432 14.9724 36.9609 14.9703C36.5745 14.9741 36.19 14.9196 35.8213 14.8087C35.3085 14.6502 34.8499 14.3611 34.4943 13.9723C33.8762 13.3069 33.5671 12.4099 33.5671 11.2812ZM2.07708 16.7525H0L6.52796 0H8.60504L2.07708 16.7525ZM64 9.92673L55.8771 13.7228V11.905L61.4222 9.35644C61.5629 9.29538 61.7054 9.23815 61.8495 9.18481C61.9412 9.15093 62.0337 9.11902 62.1269 9.08911C62.3475 9.01842 62.5134 8.97113 62.6247 8.94725C62.6257 8.94701 62.6267 8.94677 62.6276 8.94653C62.5884 8.93886 62.5495 8.93007 62.5108 8.92016C62.4265 8.89877 62.3263 8.86931 62.2102 8.83176C62.1731 8.81976 62.136 8.80752 62.0991 8.79505C61.8704 8.71782 61.6447 8.62574 61.4222 8.51881L55.8771 5.9703V4.11683L64 7.91287V9.92673ZM39.687 11.1743V8.60792C39.6886 8.39594 39.6672 8.18438 39.6231 7.97667C39.5654 7.71481 39.4687 7.48414 39.3328 7.28465C39.2758 7.20072 39.2112 7.12171 39.14 7.04852C38.8659 6.76894 38.503 6.58461 38.1083 6.52438C37.956 6.49891 37.8016 6.48645 37.6471 6.48713C37.4323 6.48547 37.218 6.50802 37.0087 6.55432C36.6672 6.62705 36.3545 6.79238 36.1078 7.03069C35.9021 7.23549 35.7516 7.48556 35.6696 7.75907C35.6117 7.94145 35.5751 8.14248 35.5598 8.36216C35.5541 8.44397 35.5514 8.52593 35.5514 8.60792V11.1743C35.55 11.3795 35.5691 11.5844 35.6086 11.7861C35.6563 12.0212 35.734 12.2299 35.8419 12.4122C35.9147 12.5359 36.0041 12.65 36.1078 12.7515C36.3578 12.9928 36.6752 13.1594 37.0217 13.2309C37.2269 13.2751 37.4367 13.2966 37.6471 13.2951C37.8632 13.2969 38.0786 13.2714 38.2878 13.2193C38.6141 13.1386 38.9098 12.9701 39.14 12.7337C39.4759 12.389 39.6571 11.9209 39.6837 11.3295C39.686 11.2778 39.6871 11.226 39.687 11.1743Z\"\n fill={fill} stroke={fill} strokeWidth=\"0.944882\" strokeLinecap=\"round\" />\n </g>\n <defs>\n <clipPath id=\"clip0_3_18\">\n <rect width={64} height={18} fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n </div>\n </xyd-built-with>\n </a>\n}","import * as React from \"react\"\nimport { useMetadata, Surfaces } from \"@xyd-js/framework/react\";\nimport { type Theme as ThemeSettings } from \"@xyd-js/core\"\n\nimport { ReactContent } from \"@xyd-js/components/content\";\n\nexport abstract class Theme {\n constructor() {\n // TODO: !!!better API for this!!!\n this.settings = globalThis.__xydThemeSettings \n this.theme = globalThis.__xydThemeSettings\n\n this.surfaces = globalThis.__xydSurfaces\n this.reactContent = globalThis.__xydReactContent\n }\n\n protected settings: ThemeSettings\n protected theme: ThemeSettings\n protected readonly reactContent: ReactContent\n protected readonly surfaces: Surfaces\n\n public abstract Page({ children }: { children: React.ReactNode })\n public abstract Layout({ children }: { children: React.ReactNode })\n public abstract reactContentComponents(): { [component: string]: (props: any) => React.JSX.Element | null }\n\n protected useHideToc() {\n const meta = useMetadata()\n\n if (!meta) {\n return false\n }\n\n switch (meta.layout) {\n case \"wide\":\n return true\n case \"center\":\n return true\n default:\n return false\n }\n }\n\n protected useLayoutSize() {\n const meta = useMetadata()\n\n if (!meta) {\n return undefined\n }\n\n switch (meta.layout) {\n case \"wide\":\n return \"large\"\n default:\n return undefined\n }\n }\n}"],"mappings":"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","names":["useMetadata","useMetadata"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyd-js/themes",
|
|
3
|
-
"version": "0.1.1-xyd.
|
|
3
|
+
"version": "0.1.1-xyd.5",
|
|
4
4
|
"description": "xyd themes API",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
"react-github-btn": "^1.4.0"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"react": "^19.
|
|
20
|
-
"react-dom": "^19.
|
|
21
|
-
"@xyd-js/components": "0.1.0-xyd.
|
|
22
|
-
"@xyd-js/framework": "0.1.0-xyd.
|
|
23
|
-
"@xyd-js/core": "0.1.0-xyd.
|
|
19
|
+
"react": "^19.0.0",
|
|
20
|
+
"react-dom": "^19.0.0",
|
|
21
|
+
"@xyd-js/components": "0.1.0-xyd.13",
|
|
22
|
+
"@xyd-js/framework": "0.1.0-xyd.34",
|
|
23
|
+
"@xyd-js/core": "0.1.0-xyd.15"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"postcss": "^8.4.47",
|
package/src/Theme.tsx
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react"
|
|
2
|
-
import { useMetadata } from "@xyd-js/framework/react";
|
|
3
|
-
import { Surfaces } from "@xyd-js/framework"
|
|
2
|
+
import { useMetadata, Surfaces } from "@xyd-js/framework/react";
|
|
4
3
|
import { type Theme as ThemeSettings } from "@xyd-js/core"
|
|
5
4
|
|
|
6
5
|
import { ReactContent } from "@xyd-js/components/content";
|
|
@@ -8,7 +7,7 @@ import { ReactContent } from "@xyd-js/components/content";
|
|
|
8
7
|
export abstract class Theme {
|
|
9
8
|
constructor() {
|
|
10
9
|
// TODO: !!!better API for this!!!
|
|
11
|
-
this.settings = globalThis.__xydThemeSettings
|
|
10
|
+
this.settings = globalThis.__xydThemeSettings
|
|
12
11
|
this.theme = globalThis.__xydThemeSettings
|
|
13
12
|
|
|
14
13
|
this.surfaces = globalThis.__xydSurfaces
|
package/src/styles/tokens.css
CHANGED
|
@@ -362,8 +362,6 @@
|
|
|
362
362
|
--xyd-progressbar-bgcolor--active: var(--color-primary);
|
|
363
363
|
|
|
364
364
|
/* Sidebar */
|
|
365
|
-
--xyd-sidebar-padding: 8px;
|
|
366
|
-
|
|
367
365
|
--xyd-sidebar-bgcolor: var(--dark16);
|
|
368
366
|
--xyd-sidebar-divider-color: var(--dark32);
|
|
369
367
|
--xyd-sidebar-divider-shadow-color: var(--dark32);
|