@w100n/documents 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +332 -151
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +517 -187
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +4 -3
- package/dist/index.d.ts +4 -3
- package/dist/index.js +351 -149
- package/dist/index.js.map +1 -1
- package/dist/memory.d.cts +1 -1
- package/dist/memory.d.ts +1 -1
- package/dist/{types-DiEpNWSu.d.cts → types-DshXPnWA.d.cts} +3 -0
- package/dist/{types-DiEpNWSu.d.ts → types-DshXPnWA.d.ts} +3 -0
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1,22 +1,26 @@
|
|
|
1
1
|
/* src/styles.css */
|
|
2
2
|
.w100n-docs {
|
|
3
3
|
--docs-bg: #faf9f6;
|
|
4
|
-
--docs-
|
|
4
|
+
--docs-side: #f8fafc;
|
|
5
|
+
--docs-card: #fff;
|
|
5
6
|
--docs-paper: #fff;
|
|
6
|
-
--docs-border: #
|
|
7
|
-
--docs-
|
|
8
|
-
--docs-
|
|
9
|
-
--docs-
|
|
10
|
-
--docs-
|
|
7
|
+
--docs-border: #e2e8f0;
|
|
8
|
+
--docs-line2: #cbd5e1;
|
|
9
|
+
--docs-text: #0f172a;
|
|
10
|
+
--docs-muted: #64748b;
|
|
11
|
+
--docs-dim: #94a3b8;
|
|
12
|
+
--docs-hover: #f1f5f9;
|
|
13
|
+
--docs-soft: #f1f5f9;
|
|
14
|
+
--docs-active: #8b5cf61a;
|
|
11
15
|
--docs-accent: #7c3aed;
|
|
12
|
-
--docs-
|
|
16
|
+
--docs-thumb: #eef0f5;
|
|
17
|
+
--docs-shadow: 0 12px 32px -14px rgb(15 23 42 / 22%);
|
|
18
|
+
--docs-narrow: 0;
|
|
13
19
|
container-type: inline-size;
|
|
14
20
|
display: flex;
|
|
15
21
|
flex-direction: column;
|
|
16
|
-
gap: 10px;
|
|
17
22
|
height: 100%;
|
|
18
23
|
min-height: 0;
|
|
19
|
-
padding: 10px;
|
|
20
24
|
box-sizing: border-box;
|
|
21
25
|
background: var(--docs-bg);
|
|
22
26
|
color: var(--docs-text);
|
|
@@ -26,15 +30,20 @@
|
|
|
26
30
|
}
|
|
27
31
|
.w100n-docs[data-theme=dark] {
|
|
28
32
|
--docs-bg: #10111b;
|
|
29
|
-
--docs-
|
|
30
|
-
--docs-
|
|
31
|
-
--docs-
|
|
32
|
-
--docs-
|
|
33
|
-
--docs-
|
|
34
|
-
--docs-
|
|
35
|
-
--docs-
|
|
36
|
-
--docs-
|
|
37
|
-
--docs-
|
|
33
|
+
--docs-side: #0b0d17;
|
|
34
|
+
--docs-card: #11141f;
|
|
35
|
+
--docs-paper: #fff;
|
|
36
|
+
--docs-border: #ffffff12;
|
|
37
|
+
--docs-line2: #ffffff1c;
|
|
38
|
+
--docs-text: #eef1f8;
|
|
39
|
+
--docs-muted: #8e97ab;
|
|
40
|
+
--docs-dim: #5d6579;
|
|
41
|
+
--docs-hover: #ffffff0a;
|
|
42
|
+
--docs-soft: #ffffff09;
|
|
43
|
+
--docs-active: #8b5cf624;
|
|
44
|
+
--docs-accent: #a78bfa;
|
|
45
|
+
--docs-thumb: #0f1220;
|
|
46
|
+
--docs-shadow: 0 16px 40px -16px rgb(0 0 0 / 70%);
|
|
38
47
|
color-scheme: dark;
|
|
39
48
|
}
|
|
40
49
|
.w100n-docs *,
|
|
@@ -49,29 +58,75 @@
|
|
|
49
58
|
border: 0;
|
|
50
59
|
cursor: pointer;
|
|
51
60
|
}
|
|
61
|
+
.w100n-docs button:disabled {
|
|
62
|
+
cursor: default;
|
|
63
|
+
opacity: .5;
|
|
64
|
+
}
|
|
52
65
|
.w100n-docs svg {
|
|
53
66
|
width: 16px;
|
|
54
67
|
height: 16px;
|
|
55
68
|
flex-shrink: 0;
|
|
56
69
|
}
|
|
57
|
-
.w100n-docs-island {
|
|
58
|
-
background: var(--docs-panel);
|
|
59
|
-
border: 1px solid var(--docs-border);
|
|
60
|
-
border-radius: 13px;
|
|
61
|
-
box-shadow: var(--docs-shadow);
|
|
62
|
-
}
|
|
63
70
|
.w100n-docs-bar {
|
|
64
71
|
display: flex;
|
|
65
72
|
align-items: center;
|
|
66
|
-
gap:
|
|
67
|
-
min-height:
|
|
68
|
-
padding:
|
|
73
|
+
gap: 12px;
|
|
74
|
+
min-height: 58px;
|
|
75
|
+
padding: 10px 16px;
|
|
76
|
+
border-bottom: 1px solid var(--docs-border);
|
|
77
|
+
background: var(--docs-card);
|
|
69
78
|
}
|
|
70
|
-
.w100n-docs-
|
|
71
|
-
display:
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
79
|
+
.w100n-docs-tile {
|
|
80
|
+
display: grid;
|
|
81
|
+
place-items: center;
|
|
82
|
+
width: 34px;
|
|
83
|
+
height: 34px;
|
|
84
|
+
flex-shrink: 0;
|
|
85
|
+
border-radius: 10px;
|
|
86
|
+
color: #fff;
|
|
87
|
+
background:
|
|
88
|
+
linear-gradient(
|
|
89
|
+
145deg,
|
|
90
|
+
#8b5cf6,
|
|
91
|
+
#6d28d9);
|
|
92
|
+
box-shadow: 0 6px 14px -6px #7c3aed99;
|
|
93
|
+
}
|
|
94
|
+
.w100n-docs-tile[data-kind=docx] {
|
|
95
|
+
background:
|
|
96
|
+
linear-gradient(
|
|
97
|
+
145deg,
|
|
98
|
+
#3b82f6,
|
|
99
|
+
#1d4ed8);
|
|
100
|
+
box-shadow: 0 6px 14px -6px #1d4ed899;
|
|
101
|
+
}
|
|
102
|
+
.w100n-docs-tile[data-kind=pdf] {
|
|
103
|
+
background:
|
|
104
|
+
linear-gradient(
|
|
105
|
+
145deg,
|
|
106
|
+
#f43f5e,
|
|
107
|
+
#be123c);
|
|
108
|
+
box-shadow: 0 6px 14px -6px #be123c99;
|
|
109
|
+
}
|
|
110
|
+
.w100n-docs-tile[data-kind=sheet] {
|
|
111
|
+
background:
|
|
112
|
+
linear-gradient(
|
|
113
|
+
145deg,
|
|
114
|
+
#10b981,
|
|
115
|
+
#047857);
|
|
116
|
+
box-shadow: 0 6px 14px -6px #04785799;
|
|
117
|
+
}
|
|
118
|
+
.w100n-docs-tile[data-kind=slides] {
|
|
119
|
+
background:
|
|
120
|
+
linear-gradient(
|
|
121
|
+
145deg,
|
|
122
|
+
#f59e0b,
|
|
123
|
+
#c2410c);
|
|
124
|
+
box-shadow: 0 6px 14px -6px #c2410c99;
|
|
125
|
+
}
|
|
126
|
+
.w100n-docs-heading {
|
|
127
|
+
display: grid;
|
|
128
|
+
min-width: 0;
|
|
129
|
+
flex: 1;
|
|
75
130
|
}
|
|
76
131
|
.w100n-docs-title {
|
|
77
132
|
min-width: 0;
|
|
@@ -81,24 +136,36 @@
|
|
|
81
136
|
font-size: 14px;
|
|
82
137
|
font-weight: 650;
|
|
83
138
|
}
|
|
84
|
-
.w100n-docs-
|
|
85
|
-
display:
|
|
86
|
-
|
|
87
|
-
width:
|
|
88
|
-
height: 32px;
|
|
89
|
-
border-radius: 9px;
|
|
139
|
+
.w100n-docs-crumbs {
|
|
140
|
+
display: flex;
|
|
141
|
+
align-items: center;
|
|
142
|
+
min-width: 0;
|
|
90
143
|
color: var(--docs-muted);
|
|
144
|
+
font-size: 12px;
|
|
91
145
|
}
|
|
92
|
-
.w100n-docs-
|
|
93
|
-
|
|
94
|
-
|
|
146
|
+
.w100n-docs-crumbs > span {
|
|
147
|
+
display: inline-flex;
|
|
148
|
+
align-items: center;
|
|
149
|
+
min-width: 0;
|
|
150
|
+
white-space: nowrap;
|
|
151
|
+
}
|
|
152
|
+
.w100n-docs-crumbs svg {
|
|
153
|
+
width: 12px;
|
|
154
|
+
height: 12px;
|
|
155
|
+
margin: 0 3px;
|
|
156
|
+
}
|
|
157
|
+
.w100n-docs-end {
|
|
158
|
+
display: flex;
|
|
159
|
+
align-items: center;
|
|
160
|
+
gap: 6px;
|
|
161
|
+
margin-left: auto;
|
|
95
162
|
}
|
|
96
163
|
.w100n-docs .w100n-docs-action {
|
|
97
164
|
display: inline-flex;
|
|
98
165
|
align-items: center;
|
|
99
166
|
gap: 6px;
|
|
100
|
-
height:
|
|
101
|
-
padding: 0
|
|
167
|
+
height: 32px;
|
|
168
|
+
padding: 0 12px;
|
|
102
169
|
border-radius: 9px;
|
|
103
170
|
background:
|
|
104
171
|
linear-gradient(
|
|
@@ -115,39 +182,113 @@
|
|
|
115
182
|
}
|
|
116
183
|
.w100n-docs .w100n-docs-action:disabled {
|
|
117
184
|
opacity: .6;
|
|
118
|
-
cursor: default;
|
|
119
185
|
}
|
|
120
186
|
.w100n-docs-badge {
|
|
121
187
|
display: inline-flex;
|
|
122
188
|
align-items: center;
|
|
123
|
-
height:
|
|
124
|
-
padding: 0
|
|
125
|
-
border-radius:
|
|
189
|
+
height: 22px;
|
|
190
|
+
padding: 0 8px;
|
|
191
|
+
border-radius: 7px;
|
|
126
192
|
background: var(--docs-active);
|
|
127
193
|
color: var(--docs-accent);
|
|
128
194
|
font-size: 11px;
|
|
129
|
-
font-weight:
|
|
195
|
+
font-weight: 700;
|
|
130
196
|
white-space: nowrap;
|
|
131
197
|
}
|
|
132
198
|
.w100n-docs-body {
|
|
199
|
+
position: relative;
|
|
133
200
|
flex: 1;
|
|
134
201
|
min-height: 0;
|
|
135
202
|
display: flex;
|
|
136
203
|
gap: 10px;
|
|
204
|
+
padding: 10px;
|
|
137
205
|
}
|
|
138
|
-
.w100n-docs-
|
|
139
|
-
width: 300px;
|
|
140
|
-
flex-shrink: 0;
|
|
206
|
+
.w100n-docs-side {
|
|
141
207
|
display: flex;
|
|
142
208
|
flex-direction: column;
|
|
143
|
-
|
|
144
|
-
padding: 12px;
|
|
209
|
+
flex-shrink: 0;
|
|
145
210
|
min-height: 0;
|
|
211
|
+
overflow: hidden;
|
|
212
|
+
border: 1px solid var(--docs-border);
|
|
213
|
+
border-radius: 13px;
|
|
214
|
+
background: var(--docs-side);
|
|
215
|
+
box-shadow: var(--docs-shadow);
|
|
216
|
+
}
|
|
217
|
+
.w100n-docs-list {
|
|
218
|
+
width: 300px;
|
|
219
|
+
}
|
|
220
|
+
.w100n-docs-panel {
|
|
221
|
+
width: 272px;
|
|
222
|
+
}
|
|
223
|
+
.w100n-docs-head {
|
|
224
|
+
display: grid;
|
|
225
|
+
gap: 10px;
|
|
226
|
+
padding: 12px 12px 11px;
|
|
227
|
+
border-bottom: 1px solid var(--docs-border);
|
|
228
|
+
background:
|
|
229
|
+
linear-gradient(
|
|
230
|
+
to bottom,
|
|
231
|
+
#8b5cf612,
|
|
232
|
+
transparent);
|
|
233
|
+
}
|
|
234
|
+
.w100n-docs-row {
|
|
235
|
+
display: flex;
|
|
236
|
+
align-items: center;
|
|
237
|
+
gap: 8px;
|
|
238
|
+
min-width: 0;
|
|
239
|
+
}
|
|
240
|
+
.w100n-docs-caption {
|
|
241
|
+
display: flex;
|
|
242
|
+
align-items: center;
|
|
243
|
+
gap: 7px;
|
|
244
|
+
flex: 1;
|
|
245
|
+
min-width: 0;
|
|
246
|
+
margin: 0;
|
|
247
|
+
padding: 0 4px;
|
|
248
|
+
font-size: 13px;
|
|
249
|
+
font-weight: 650;
|
|
250
|
+
}
|
|
251
|
+
.w100n-docs-caption span {
|
|
252
|
+
color: var(--docs-accent);
|
|
253
|
+
font-size: 11.5px;
|
|
254
|
+
font-variant-numeric: tabular-nums;
|
|
255
|
+
}
|
|
256
|
+
.w100n-docs .w100n-docs-close,
|
|
257
|
+
.w100n-docs .w100n-docs-reopen {
|
|
258
|
+
display: grid;
|
|
259
|
+
place-items: center;
|
|
260
|
+
width: 32px;
|
|
261
|
+
height: 32px;
|
|
262
|
+
flex-shrink: 0;
|
|
263
|
+
border-radius: 9px;
|
|
264
|
+
color: #fff;
|
|
265
|
+
background:
|
|
266
|
+
linear-gradient(
|
|
267
|
+
145deg,
|
|
268
|
+
#8b5cf6,
|
|
269
|
+
#6d28d9);
|
|
270
|
+
box-shadow: 0 6px 14px -6px #7c3aed99;
|
|
271
|
+
}
|
|
272
|
+
.w100n-docs-close svg,
|
|
273
|
+
.w100n-docs-reopen svg {
|
|
274
|
+
width: 15px;
|
|
275
|
+
height: 15px;
|
|
276
|
+
}
|
|
277
|
+
.w100n-docs-reopen {
|
|
278
|
+
position: absolute;
|
|
279
|
+
z-index: 3;
|
|
280
|
+
top: 20px;
|
|
281
|
+
left: 20px;
|
|
282
|
+
}
|
|
283
|
+
.w100n-docs-reopen-right {
|
|
284
|
+
left: auto;
|
|
285
|
+
right: 10px;
|
|
286
|
+
top: 10px;
|
|
146
287
|
}
|
|
147
288
|
.w100n-docs-picker {
|
|
148
289
|
position: relative;
|
|
149
290
|
}
|
|
150
|
-
.w100n-docs-field {
|
|
291
|
+
.w100n-docs .w100n-docs-field {
|
|
151
292
|
display: flex;
|
|
152
293
|
align-items: center;
|
|
153
294
|
gap: 8px;
|
|
@@ -156,24 +297,38 @@
|
|
|
156
297
|
padding: 0 10px;
|
|
157
298
|
border: 1px solid var(--docs-border);
|
|
158
299
|
border-radius: 10px;
|
|
159
|
-
background: var(--docs-
|
|
300
|
+
background: var(--docs-card);
|
|
160
301
|
text-align: left;
|
|
161
302
|
}
|
|
303
|
+
.w100n-docs-field b {
|
|
304
|
+
min-width: 0;
|
|
305
|
+
overflow: hidden;
|
|
306
|
+
text-overflow: ellipsis;
|
|
307
|
+
white-space: nowrap;
|
|
308
|
+
font-weight: 600;
|
|
309
|
+
font-size: 12.5px;
|
|
310
|
+
}
|
|
162
311
|
.w100n-docs-field > svg:last-child:not(:first-child) {
|
|
163
312
|
margin-left: auto;
|
|
164
|
-
color: var(--docs-
|
|
313
|
+
color: var(--docs-dim);
|
|
165
314
|
}
|
|
166
|
-
.w100n-docs-search
|
|
167
|
-
|
|
315
|
+
.w100n-docs-search {
|
|
316
|
+
gap: 8px;
|
|
317
|
+
color: var(--docs-dim);
|
|
168
318
|
}
|
|
169
319
|
.w100n-docs-search input {
|
|
170
320
|
flex: 1;
|
|
171
321
|
min-width: 0;
|
|
322
|
+
height: 100%;
|
|
172
323
|
border: 0;
|
|
173
324
|
outline: none;
|
|
174
325
|
background: transparent;
|
|
175
|
-
color:
|
|
326
|
+
color: var(--docs-text);
|
|
176
327
|
font: inherit;
|
|
328
|
+
font-size: 12.5px;
|
|
329
|
+
}
|
|
330
|
+
.w100n-docs-search input::placeholder {
|
|
331
|
+
color: var(--docs-dim);
|
|
177
332
|
}
|
|
178
333
|
.w100n-docs-dot {
|
|
179
334
|
width: 9px;
|
|
@@ -182,35 +337,86 @@
|
|
|
182
337
|
background: var(--docs-accent);
|
|
183
338
|
flex-shrink: 0;
|
|
184
339
|
}
|
|
340
|
+
.w100n-docs-all {
|
|
341
|
+
display: grid;
|
|
342
|
+
place-items: center;
|
|
343
|
+
width: 20px;
|
|
344
|
+
height: 20px;
|
|
345
|
+
flex-shrink: 0;
|
|
346
|
+
border-radius: 6px;
|
|
347
|
+
color: #fff;
|
|
348
|
+
background:
|
|
349
|
+
linear-gradient(
|
|
350
|
+
145deg,
|
|
351
|
+
#64748b,
|
|
352
|
+
#334155);
|
|
353
|
+
}
|
|
354
|
+
.w100n-docs-all svg {
|
|
355
|
+
width: 12px;
|
|
356
|
+
height: 12px;
|
|
357
|
+
}
|
|
358
|
+
.w100n-docs-count {
|
|
359
|
+
color: var(--docs-dim);
|
|
360
|
+
font-size: 11px;
|
|
361
|
+
font-variant-numeric: tabular-nums;
|
|
362
|
+
}
|
|
185
363
|
.w100n-docs-menu {
|
|
186
364
|
position: absolute;
|
|
187
|
-
z-index:
|
|
188
|
-
top: calc(100% +
|
|
365
|
+
z-index: 6;
|
|
366
|
+
top: calc(100% + 6px);
|
|
189
367
|
left: 0;
|
|
190
368
|
right: 0;
|
|
191
|
-
|
|
369
|
+
display: flex;
|
|
370
|
+
flex-direction: column;
|
|
371
|
+
max-height: min(420px, 60vh);
|
|
192
372
|
overflow-y: auto;
|
|
193
|
-
|
|
194
|
-
padding: 5px;
|
|
195
|
-
list-style: none;
|
|
196
|
-
background: var(--docs-panel);
|
|
373
|
+
padding: 6px;
|
|
197
374
|
border: 1px solid var(--docs-border);
|
|
198
|
-
border-radius:
|
|
375
|
+
border-radius: 12px;
|
|
376
|
+
background: var(--docs-card);
|
|
199
377
|
box-shadow: var(--docs-shadow);
|
|
200
378
|
}
|
|
201
379
|
.w100n-docs-menu button {
|
|
202
380
|
display: flex;
|
|
203
381
|
align-items: center;
|
|
204
|
-
gap:
|
|
382
|
+
gap: 9px;
|
|
205
383
|
width: 100%;
|
|
206
|
-
height:
|
|
384
|
+
min-height: 34px;
|
|
207
385
|
padding: 0 8px;
|
|
208
386
|
border-radius: 8px;
|
|
209
387
|
text-align: left;
|
|
388
|
+
font-size: 12.5px;
|
|
389
|
+
}
|
|
390
|
+
.w100n-docs-menu button b {
|
|
391
|
+
min-width: 0;
|
|
392
|
+
overflow: hidden;
|
|
393
|
+
text-overflow: ellipsis;
|
|
394
|
+
white-space: nowrap;
|
|
395
|
+
font-weight: 600;
|
|
396
|
+
}
|
|
397
|
+
.w100n-docs-menu button .w100n-docs-count {
|
|
398
|
+
margin-left: auto;
|
|
399
|
+
}
|
|
400
|
+
.w100n-docs-menu button > svg:last-child {
|
|
401
|
+
margin-left: auto;
|
|
402
|
+
color: var(--docs-accent);
|
|
403
|
+
width: 14px;
|
|
404
|
+
height: 14px;
|
|
405
|
+
}
|
|
406
|
+
.w100n-docs-menu button:hover {
|
|
407
|
+
background: #8b5cf60f;
|
|
210
408
|
}
|
|
211
|
-
.w100n-docs-menu button:hover,
|
|
212
409
|
.w100n-docs-menu button[aria-selected=true] {
|
|
213
|
-
background:
|
|
410
|
+
background: #8b5cf61f;
|
|
411
|
+
}
|
|
412
|
+
.w100n-docs-menu-caption {
|
|
413
|
+
margin: 6px 0 2px;
|
|
414
|
+
padding: 4px 8px 3px;
|
|
415
|
+
color: var(--docs-dim);
|
|
416
|
+
font-size: 10.5px;
|
|
417
|
+
font-weight: 700;
|
|
418
|
+
letter-spacing: .06em;
|
|
419
|
+
text-transform: uppercase;
|
|
214
420
|
}
|
|
215
421
|
.w100n-docs-chips {
|
|
216
422
|
display: flex;
|
|
@@ -218,131 +424,245 @@
|
|
|
218
424
|
gap: 6px;
|
|
219
425
|
}
|
|
220
426
|
.w100n-docs-chips button {
|
|
427
|
+
display: inline-flex;
|
|
428
|
+
align-items: center;
|
|
429
|
+
gap: 6px;
|
|
221
430
|
height: 26px;
|
|
222
431
|
padding: 0 9px;
|
|
223
|
-
border: 1px solid var(--docs-border);
|
|
224
432
|
border-radius: 8px;
|
|
433
|
+
background: var(--docs-soft);
|
|
225
434
|
color: var(--docs-muted);
|
|
226
|
-
font-size:
|
|
435
|
+
font-size: 11.5px;
|
|
227
436
|
font-weight: 600;
|
|
228
437
|
}
|
|
438
|
+
.w100n-docs-chips button:hover {
|
|
439
|
+
color: var(--docs-text);
|
|
440
|
+
}
|
|
441
|
+
.w100n-docs-chips button span {
|
|
442
|
+
color: var(--docs-dim);
|
|
443
|
+
font-variant-numeric: tabular-nums;
|
|
444
|
+
}
|
|
229
445
|
.w100n-docs-chips button[aria-pressed=true] {
|
|
230
|
-
border-color: transparent;
|
|
231
446
|
background: var(--docs-active);
|
|
232
447
|
color: var(--docs-accent);
|
|
448
|
+
box-shadow: inset 0 0 0 1px #8b5cf659;
|
|
449
|
+
}
|
|
450
|
+
.w100n-docs-chips button[aria-pressed=true] span {
|
|
451
|
+
color: inherit;
|
|
233
452
|
}
|
|
234
453
|
.w100n-docs-cards {
|
|
235
454
|
flex: 1;
|
|
236
455
|
min-height: 0;
|
|
237
456
|
overflow-y: auto;
|
|
457
|
+
overscroll-behavior: contain;
|
|
238
458
|
display: grid;
|
|
239
459
|
align-content: start;
|
|
240
|
-
gap:
|
|
241
|
-
|
|
242
|
-
|
|
460
|
+
gap: 10px;
|
|
461
|
+
padding: 10px 12px 16px;
|
|
462
|
+
scrollbar-width: thin;
|
|
243
463
|
}
|
|
244
464
|
.w100n-docs-folder {
|
|
245
|
-
display: grid;
|
|
246
|
-
gap: 6px;
|
|
247
|
-
}
|
|
248
|
-
.w100n-docs-about {
|
|
249
465
|
display: grid;
|
|
250
466
|
gap: 8px;
|
|
251
|
-
margin-top: 14px;
|
|
252
|
-
padding-top: 12px;
|
|
253
|
-
border-top: 1px solid var(--docs-border);
|
|
254
467
|
}
|
|
255
468
|
.w100n-docs-group {
|
|
256
|
-
margin:
|
|
257
|
-
color: var(--docs-
|
|
469
|
+
margin: 4px 2px 0;
|
|
470
|
+
color: var(--docs-dim);
|
|
258
471
|
font-size: 10.5px;
|
|
259
|
-
font-weight:
|
|
260
|
-
letter-spacing: .
|
|
472
|
+
font-weight: 700;
|
|
473
|
+
letter-spacing: .06em;
|
|
261
474
|
text-transform: uppercase;
|
|
262
475
|
}
|
|
263
|
-
.w100n-docs-
|
|
476
|
+
.w100n-docs-grid {
|
|
477
|
+
display: grid;
|
|
478
|
+
grid-template-columns: repeat(auto-fill, minmax(124px, 1fr));
|
|
479
|
+
gap: 8px;
|
|
480
|
+
}
|
|
481
|
+
.w100n-docs .w100n-docs-card {
|
|
264
482
|
display: flex;
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
border-radius:
|
|
483
|
+
flex-direction: column;
|
|
484
|
+
min-width: 0;
|
|
485
|
+
overflow: hidden;
|
|
486
|
+
border: 1px solid var(--docs-border);
|
|
487
|
+
border-radius: 12px;
|
|
488
|
+
background: var(--docs-card);
|
|
270
489
|
text-align: left;
|
|
490
|
+
transition: border-color .15s, box-shadow .15s;
|
|
271
491
|
}
|
|
272
|
-
.w100n-docs-card:hover {
|
|
273
|
-
|
|
492
|
+
.w100n-docs .w100n-docs-card:hover {
|
|
493
|
+
border-color: #8b5cf666;
|
|
274
494
|
}
|
|
275
|
-
.w100n-docs-card[aria-current=true] {
|
|
276
|
-
|
|
495
|
+
.w100n-docs .w100n-docs-card[aria-current=true] {
|
|
496
|
+
border-color: #8b5cf6;
|
|
497
|
+
box-shadow: 0 0 0 1px #8b5cf6, 0 8px 22px -12px #8b5cf6b3;
|
|
277
498
|
}
|
|
278
499
|
.w100n-docs-thumb {
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
500
|
+
position: relative;
|
|
501
|
+
display: block;
|
|
502
|
+
aspect-ratio: 4 / 3;
|
|
503
|
+
overflow: hidden;
|
|
504
|
+
border-bottom: 1px solid var(--docs-border);
|
|
505
|
+
background: var(--docs-thumb);
|
|
506
|
+
}
|
|
507
|
+
.w100n-docs-thumb img {
|
|
508
|
+
width: 100%;
|
|
509
|
+
height: 100%;
|
|
285
510
|
object-fit: cover;
|
|
511
|
+
object-position: top;
|
|
512
|
+
background: #fff;
|
|
513
|
+
}
|
|
514
|
+
.w100n-docs-paper {
|
|
515
|
+
position: absolute;
|
|
516
|
+
inset: 9px 12px 0;
|
|
517
|
+
display: block;
|
|
518
|
+
overflow: hidden;
|
|
519
|
+
padding: 9px 10px;
|
|
520
|
+
border-radius: 4px 4px 0 0;
|
|
521
|
+
background: #fff;
|
|
522
|
+
color: #475569;
|
|
523
|
+
box-shadow: 0 2px 8px rgb(15 23 42 / 12%);
|
|
524
|
+
font-size: 5.6px;
|
|
525
|
+
line-height: 1.45;
|
|
526
|
+
overflow-wrap: anywhere;
|
|
527
|
+
}
|
|
528
|
+
.w100n-docs-paper b {
|
|
529
|
+
display: block;
|
|
530
|
+
margin-bottom: 4px;
|
|
531
|
+
color: #0f172a;
|
|
532
|
+
font-size: 8px;
|
|
533
|
+
line-height: 1.2;
|
|
534
|
+
font-weight: 700;
|
|
535
|
+
}
|
|
536
|
+
.w100n-docs-paper i {
|
|
537
|
+
display: block;
|
|
538
|
+
height: 4px;
|
|
539
|
+
margin-bottom: 5px;
|
|
540
|
+
border-radius: 2px;
|
|
541
|
+
background: #e2e8f0;
|
|
542
|
+
}
|
|
543
|
+
.w100n-docs-paper i:first-child {
|
|
544
|
+
width: 62%;
|
|
545
|
+
height: 6px;
|
|
546
|
+
background: #334155;
|
|
547
|
+
}
|
|
548
|
+
.w100n-docs-paper i:nth-child(3) {
|
|
549
|
+
width: 84%;
|
|
550
|
+
}
|
|
551
|
+
.w100n-docs-paper i:nth-child(5) {
|
|
552
|
+
width: 48%;
|
|
553
|
+
}
|
|
554
|
+
.w100n-docs-kind {
|
|
555
|
+
position: absolute;
|
|
556
|
+
right: 6px;
|
|
557
|
+
bottom: 6px;
|
|
558
|
+
padding: 1px 6px;
|
|
559
|
+
border-radius: 5px;
|
|
286
560
|
color: #fff;
|
|
287
|
-
background:
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
561
|
+
background: #7c3aed;
|
|
562
|
+
font-size: 9.5px;
|
|
563
|
+
font-weight: 800;
|
|
564
|
+
letter-spacing: .02em;
|
|
565
|
+
text-transform: uppercase;
|
|
292
566
|
}
|
|
293
|
-
.w100n-docs-
|
|
294
|
-
background:
|
|
295
|
-
linear-gradient(
|
|
296
|
-
135deg,
|
|
297
|
-
#3b82f6,
|
|
298
|
-
#1d4ed8);
|
|
567
|
+
.w100n-docs-kind[data-kind=docx] {
|
|
568
|
+
background: #2563eb;
|
|
299
569
|
}
|
|
300
|
-
.w100n-docs-
|
|
301
|
-
background:
|
|
302
|
-
linear-gradient(
|
|
303
|
-
135deg,
|
|
304
|
-
#f43f5e,
|
|
305
|
-
#be123c);
|
|
570
|
+
.w100n-docs-kind[data-kind=pdf] {
|
|
571
|
+
background: #e11d48;
|
|
306
572
|
}
|
|
307
|
-
.w100n-docs-
|
|
308
|
-
background:
|
|
309
|
-
linear-gradient(
|
|
310
|
-
135deg,
|
|
311
|
-
#10b981,
|
|
312
|
-
#047857);
|
|
573
|
+
.w100n-docs-kind[data-kind=sheet] {
|
|
574
|
+
background: #059669;
|
|
313
575
|
}
|
|
314
|
-
.w100n-docs-
|
|
315
|
-
background:
|
|
316
|
-
linear-gradient(
|
|
317
|
-
135deg,
|
|
318
|
-
#f59e0b,
|
|
319
|
-
#c2410c);
|
|
576
|
+
.w100n-docs-kind[data-kind=slides] {
|
|
577
|
+
background: #ea580c;
|
|
320
578
|
}
|
|
321
579
|
.w100n-docs-card-text {
|
|
322
580
|
display: grid;
|
|
581
|
+
gap: 2px;
|
|
323
582
|
min-width: 0;
|
|
583
|
+
padding: 7px 9px 8px;
|
|
324
584
|
}
|
|
325
585
|
.w100n-docs-card-text b {
|
|
326
586
|
overflow: hidden;
|
|
327
587
|
text-overflow: ellipsis;
|
|
328
588
|
white-space: nowrap;
|
|
329
|
-
font-
|
|
589
|
+
font-size: 12.5px;
|
|
590
|
+
font-weight: 650;
|
|
591
|
+
}
|
|
592
|
+
.w100n-docs-card-text small {
|
|
593
|
+
overflow: hidden;
|
|
594
|
+
text-overflow: ellipsis;
|
|
595
|
+
white-space: nowrap;
|
|
596
|
+
color: var(--docs-dim);
|
|
597
|
+
font-size: 11px;
|
|
330
598
|
}
|
|
331
|
-
.w100n-docs-card-text small,
|
|
332
599
|
.w100n-docs-muted {
|
|
600
|
+
margin: 0;
|
|
333
601
|
color: var(--docs-muted);
|
|
334
602
|
font-size: 12px;
|
|
335
603
|
}
|
|
604
|
+
.w100n-docs-about {
|
|
605
|
+
display: grid;
|
|
606
|
+
gap: 8px;
|
|
607
|
+
margin-top: 14px;
|
|
608
|
+
padding-top: 12px;
|
|
609
|
+
border-top: 1px solid var(--docs-border);
|
|
610
|
+
}
|
|
336
611
|
.w100n-docs-stage {
|
|
612
|
+
position: relative;
|
|
337
613
|
flex: 1;
|
|
338
614
|
min-width: 0;
|
|
339
615
|
min-height: 0;
|
|
616
|
+
display: flex;
|
|
617
|
+
flex-direction: column;
|
|
618
|
+
}
|
|
619
|
+
.w100n-docs-scroll {
|
|
620
|
+
flex: 1;
|
|
621
|
+
min-height: 0;
|
|
340
622
|
overflow: auto;
|
|
623
|
+
padding: 56px 12px 32px;
|
|
624
|
+
}
|
|
625
|
+
.w100n-docs-zoomed {
|
|
341
626
|
display: flex;
|
|
342
627
|
flex-direction: column;
|
|
343
628
|
align-items: center;
|
|
344
629
|
gap: 16px;
|
|
345
|
-
|
|
630
|
+
min-height: 100%;
|
|
631
|
+
}
|
|
632
|
+
.w100n-docs-zoom {
|
|
633
|
+
position: absolute;
|
|
634
|
+
z-index: 3;
|
|
635
|
+
top: 8px;
|
|
636
|
+
left: 50%;
|
|
637
|
+
transform: translateX(-50%);
|
|
638
|
+
display: flex;
|
|
639
|
+
align-items: center;
|
|
640
|
+
gap: 2px;
|
|
641
|
+
height: 38px;
|
|
642
|
+
padding: 0 4px;
|
|
643
|
+
border: 1px solid var(--docs-border);
|
|
644
|
+
border-radius: 11px;
|
|
645
|
+
background: var(--docs-card);
|
|
646
|
+
box-shadow: var(--docs-shadow);
|
|
647
|
+
}
|
|
648
|
+
.w100n-docs-zoom button {
|
|
649
|
+
display: grid;
|
|
650
|
+
place-items: center;
|
|
651
|
+
width: 30px;
|
|
652
|
+
height: 30px;
|
|
653
|
+
border-radius: 8px;
|
|
654
|
+
color: var(--docs-muted);
|
|
655
|
+
}
|
|
656
|
+
.w100n-docs-zoom button:hover {
|
|
657
|
+
background: var(--docs-hover);
|
|
658
|
+
color: var(--docs-text);
|
|
659
|
+
}
|
|
660
|
+
.w100n-docs-zoom span {
|
|
661
|
+
min-width: 44px;
|
|
662
|
+
text-align: center;
|
|
663
|
+
font-size: 12px;
|
|
664
|
+
font-weight: 650;
|
|
665
|
+
font-variant-numeric: tabular-nums;
|
|
346
666
|
}
|
|
347
667
|
.w100n-docs-empty {
|
|
348
668
|
margin: auto;
|
|
@@ -367,10 +687,11 @@
|
|
|
367
687
|
}
|
|
368
688
|
.w100n-docs-page {
|
|
369
689
|
width: min(820px, 100%);
|
|
370
|
-
padding:
|
|
371
|
-
border-radius:
|
|
690
|
+
padding: 56px 64px;
|
|
691
|
+
border-radius: 6px;
|
|
372
692
|
background: var(--docs-paper);
|
|
373
|
-
|
|
693
|
+
color: #1f2937;
|
|
694
|
+
box-shadow: 0 1px 2px rgb(15 23 42 / 8%), 0 18px 40px -20px rgb(15 23 42 / 35%);
|
|
374
695
|
}
|
|
375
696
|
.w100n-docs-prose {
|
|
376
697
|
font-size: 15px;
|
|
@@ -394,17 +715,18 @@
|
|
|
394
715
|
}
|
|
395
716
|
.w100n-docs-prose blockquote {
|
|
396
717
|
padding-left: 14px;
|
|
397
|
-
border-left: 3px solid
|
|
398
|
-
color:
|
|
718
|
+
border-left: 3px solid #e2e8f0;
|
|
719
|
+
color: #64748b;
|
|
399
720
|
}
|
|
400
721
|
.w100n-docs-prose hr {
|
|
401
722
|
border: 0;
|
|
402
|
-
border-top: 1px solid
|
|
723
|
+
border-top: 1px solid #e2e8f0;
|
|
403
724
|
}
|
|
404
725
|
.w100n-docs-prose h1,
|
|
405
726
|
.w100n-docs-prose h2,
|
|
406
727
|
.w100n-docs-prose h3 {
|
|
407
728
|
margin: 28px 0 12px;
|
|
729
|
+
color: #0f172a;
|
|
408
730
|
font-weight: 650;
|
|
409
731
|
line-height: 1.3;
|
|
410
732
|
scroll-margin-top: 12px;
|
|
@@ -422,12 +744,12 @@
|
|
|
422
744
|
font-size: 17px;
|
|
423
745
|
}
|
|
424
746
|
.w100n-docs-prose a {
|
|
425
|
-
color:
|
|
747
|
+
color: #7c3aed;
|
|
426
748
|
}
|
|
427
749
|
.w100n-docs-prose pre,
|
|
428
750
|
.w100n-docs-prose code {
|
|
429
751
|
border-radius: 6px;
|
|
430
|
-
background:
|
|
752
|
+
background: #f1f5f9;
|
|
431
753
|
}
|
|
432
754
|
.w100n-docs-prose pre {
|
|
433
755
|
padding: 12px 14px;
|
|
@@ -444,7 +766,7 @@
|
|
|
444
766
|
.w100n-docs-prose th,
|
|
445
767
|
.w100n-docs-prose td {
|
|
446
768
|
padding: 6px 10px;
|
|
447
|
-
border: 1px solid
|
|
769
|
+
border: 1px solid #e2e8f0;
|
|
448
770
|
}
|
|
449
771
|
.w100n-docs-prose img {
|
|
450
772
|
max-width: 100%;
|
|
@@ -460,14 +782,14 @@
|
|
|
460
782
|
.w100n-docs-sheet {
|
|
461
783
|
max-width: 100%;
|
|
462
784
|
height: auto;
|
|
463
|
-
border-radius:
|
|
785
|
+
border-radius: 4px;
|
|
464
786
|
background: #fff;
|
|
465
|
-
box-shadow:
|
|
787
|
+
box-shadow: 0 18px 40px -20px rgb(15 23 42 / 35%);
|
|
466
788
|
scroll-margin-top: 12px;
|
|
467
789
|
}
|
|
468
790
|
.w100n-docs-docx section.w100n-docx {
|
|
469
|
-
box-shadow:
|
|
470
|
-
border-radius:
|
|
791
|
+
box-shadow: 0 18px 40px -20px rgb(15 23 42 / 35%);
|
|
792
|
+
border-radius: 4px;
|
|
471
793
|
}
|
|
472
794
|
.w100n-docs-docx .w100n-docx-wrapper {
|
|
473
795
|
background: transparent;
|
|
@@ -481,25 +803,17 @@
|
|
|
481
803
|
background: #fff;
|
|
482
804
|
box-shadow: var(--docs-shadow);
|
|
483
805
|
}
|
|
484
|
-
.w100n-docs-panel {
|
|
485
|
-
width: 264px;
|
|
486
|
-
flex-shrink: 0;
|
|
487
|
-
display: flex;
|
|
488
|
-
flex-direction: column;
|
|
489
|
-
gap: 10px;
|
|
490
|
-
padding: 12px;
|
|
491
|
-
min-height: 0;
|
|
492
|
-
overflow-y: auto;
|
|
493
|
-
}
|
|
494
806
|
.w100n-docs-tabs {
|
|
495
|
-
display:
|
|
496
|
-
|
|
807
|
+
display: grid;
|
|
808
|
+
flex: 1;
|
|
809
|
+
grid-auto-columns: 1fr;
|
|
810
|
+
grid-auto-flow: column;
|
|
811
|
+
gap: 3px;
|
|
497
812
|
padding: 3px;
|
|
498
|
-
border-radius:
|
|
499
|
-
background: var(--docs-
|
|
813
|
+
border-radius: 11px;
|
|
814
|
+
background: var(--docs-soft);
|
|
500
815
|
}
|
|
501
816
|
.w100n-docs-tabs button {
|
|
502
|
-
flex: 1;
|
|
503
817
|
display: flex;
|
|
504
818
|
align-items: center;
|
|
505
819
|
justify-content: center;
|
|
@@ -511,21 +825,34 @@
|
|
|
511
825
|
font-weight: 600;
|
|
512
826
|
}
|
|
513
827
|
.w100n-docs-tabs svg {
|
|
514
|
-
width:
|
|
515
|
-
height:
|
|
828
|
+
width: 13px;
|
|
829
|
+
height: 13px;
|
|
830
|
+
}
|
|
831
|
+
.w100n-docs-tabs button:hover {
|
|
832
|
+
color: var(--docs-text);
|
|
516
833
|
}
|
|
517
834
|
.w100n-docs-tabs button[aria-selected=true] {
|
|
518
|
-
background: var(--docs-
|
|
835
|
+
background: var(--docs-card);
|
|
519
836
|
color: var(--docs-text);
|
|
520
|
-
box-shadow: 0 1px
|
|
837
|
+
box-shadow: 0 1px 2px #0f172a14;
|
|
838
|
+
}
|
|
839
|
+
.w100n-docs[data-theme=dark] .w100n-docs-tabs button[aria-selected=true] {
|
|
840
|
+
background: #ffffff14;
|
|
841
|
+
box-shadow: none;
|
|
842
|
+
}
|
|
843
|
+
.w100n-docs-panel-body {
|
|
844
|
+
flex: 1;
|
|
845
|
+
min-height: 0;
|
|
846
|
+
overflow-y: auto;
|
|
847
|
+
padding: 12px;
|
|
521
848
|
}
|
|
522
849
|
.w100n-docs-outline {
|
|
523
850
|
display: grid;
|
|
524
851
|
gap: 2px;
|
|
525
852
|
}
|
|
526
853
|
.w100n-docs-outline button {
|
|
527
|
-
padding:
|
|
528
|
-
border-radius:
|
|
854
|
+
padding: 6px 9px;
|
|
855
|
+
border-radius: 8px;
|
|
529
856
|
text-align: left;
|
|
530
857
|
overflow-wrap: anywhere;
|
|
531
858
|
}
|
|
@@ -579,34 +906,37 @@
|
|
|
579
906
|
margin: 0;
|
|
580
907
|
overflow-wrap: anywhere;
|
|
581
908
|
}
|
|
582
|
-
@container (max-width:
|
|
909
|
+
@container (max-width: 1180px) {
|
|
583
910
|
.w100n-docs-panel {
|
|
584
|
-
width:
|
|
911
|
+
width: 240px;
|
|
585
912
|
}
|
|
586
913
|
.w100n-docs-list {
|
|
587
|
-
width:
|
|
914
|
+
width: 272px;
|
|
588
915
|
}
|
|
589
916
|
}
|
|
590
917
|
@container (max-width: 900px) {
|
|
591
|
-
.w100n-docs
|
|
592
|
-
|
|
593
|
-
}
|
|
594
|
-
.w100n-docs-page {
|
|
595
|
-
padding: 32px 28px;
|
|
918
|
+
.w100n-docs {
|
|
919
|
+
--docs-narrow: 1;
|
|
596
920
|
}
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
921
|
+
.w100n-docs-list,
|
|
922
|
+
.w100n-docs-panel {
|
|
923
|
+
position: absolute;
|
|
924
|
+
z-index: 5;
|
|
925
|
+
top: 10px;
|
|
926
|
+
bottom: 10px;
|
|
927
|
+
width: min(320px, calc(100% - 20px));
|
|
601
928
|
}
|
|
602
929
|
.w100n-docs-list {
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
930
|
+
left: 10px;
|
|
931
|
+
}
|
|
932
|
+
.w100n-docs-panel {
|
|
933
|
+
right: 10px;
|
|
607
934
|
}
|
|
608
935
|
.w100n-docs-page {
|
|
609
|
-
padding: 24px
|
|
936
|
+
padding: 32px 24px;
|
|
937
|
+
}
|
|
938
|
+
.w100n-docs-crumbs {
|
|
939
|
+
display: none;
|
|
610
940
|
}
|
|
611
941
|
}
|
|
612
942
|
/*# sourceMappingURL=index.css.map */
|