@w100n/documents 0.2.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 +335 -139
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +525 -176
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +6 -4
- package/dist/index.d.ts +6 -4
- package/dist/index.js +355 -138
- package/dist/index.js.map +1 -1
- package/dist/memory.cjs +2 -1
- package/dist/memory.cjs.map +1 -1
- package/dist/memory.d.cts +2 -1
- package/dist/memory.d.ts +2 -1
- package/dist/memory.js +2 -1
- package/dist/memory.js.map +1 -1
- package/dist/{types-CEKIyBKE.d.cts → types-DshXPnWA.d.cts} +5 -1
- package/dist/{types-CEKIyBKE.d.ts → types-DshXPnWA.d.ts} +5 -1
- 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,112 +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;
|
|
463
|
+
}
|
|
464
|
+
.w100n-docs-folder {
|
|
465
|
+
display: grid;
|
|
466
|
+
gap: 8px;
|
|
467
|
+
}
|
|
468
|
+
.w100n-docs-group {
|
|
469
|
+
margin: 4px 2px 0;
|
|
470
|
+
color: var(--docs-dim);
|
|
471
|
+
font-size: 10.5px;
|
|
472
|
+
font-weight: 700;
|
|
473
|
+
letter-spacing: .06em;
|
|
474
|
+
text-transform: uppercase;
|
|
475
|
+
}
|
|
476
|
+
.w100n-docs-grid {
|
|
477
|
+
display: grid;
|
|
478
|
+
grid-template-columns: repeat(auto-fill, minmax(124px, 1fr));
|
|
479
|
+
gap: 8px;
|
|
243
480
|
}
|
|
244
|
-
.w100n-docs-card {
|
|
481
|
+
.w100n-docs .w100n-docs-card {
|
|
245
482
|
display: flex;
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
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);
|
|
251
489
|
text-align: left;
|
|
490
|
+
transition: border-color .15s, box-shadow .15s;
|
|
252
491
|
}
|
|
253
|
-
.w100n-docs-card:hover {
|
|
254
|
-
|
|
492
|
+
.w100n-docs .w100n-docs-card:hover {
|
|
493
|
+
border-color: #8b5cf666;
|
|
255
494
|
}
|
|
256
|
-
.w100n-docs-card[aria-current=true] {
|
|
257
|
-
|
|
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;
|
|
258
498
|
}
|
|
259
499
|
.w100n-docs-thumb {
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
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%;
|
|
266
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;
|
|
267
560
|
color: #fff;
|
|
268
|
-
background:
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
561
|
+
background: #7c3aed;
|
|
562
|
+
font-size: 9.5px;
|
|
563
|
+
font-weight: 800;
|
|
564
|
+
letter-spacing: .02em;
|
|
565
|
+
text-transform: uppercase;
|
|
273
566
|
}
|
|
274
|
-
.w100n-docs-
|
|
275
|
-
background:
|
|
276
|
-
linear-gradient(
|
|
277
|
-
135deg,
|
|
278
|
-
#3b82f6,
|
|
279
|
-
#1d4ed8);
|
|
567
|
+
.w100n-docs-kind[data-kind=docx] {
|
|
568
|
+
background: #2563eb;
|
|
280
569
|
}
|
|
281
|
-
.w100n-docs-
|
|
282
|
-
background:
|
|
283
|
-
linear-gradient(
|
|
284
|
-
135deg,
|
|
285
|
-
#f43f5e,
|
|
286
|
-
#be123c);
|
|
570
|
+
.w100n-docs-kind[data-kind=pdf] {
|
|
571
|
+
background: #e11d48;
|
|
287
572
|
}
|
|
288
|
-
.w100n-docs-
|
|
289
|
-
background:
|
|
290
|
-
linear-gradient(
|
|
291
|
-
135deg,
|
|
292
|
-
#10b981,
|
|
293
|
-
#047857);
|
|
573
|
+
.w100n-docs-kind[data-kind=sheet] {
|
|
574
|
+
background: #059669;
|
|
294
575
|
}
|
|
295
|
-
.w100n-docs-
|
|
296
|
-
background:
|
|
297
|
-
linear-gradient(
|
|
298
|
-
135deg,
|
|
299
|
-
#f59e0b,
|
|
300
|
-
#c2410c);
|
|
576
|
+
.w100n-docs-kind[data-kind=slides] {
|
|
577
|
+
background: #ea580c;
|
|
301
578
|
}
|
|
302
579
|
.w100n-docs-card-text {
|
|
303
580
|
display: grid;
|
|
581
|
+
gap: 2px;
|
|
304
582
|
min-width: 0;
|
|
583
|
+
padding: 7px 9px 8px;
|
|
305
584
|
}
|
|
306
585
|
.w100n-docs-card-text b {
|
|
307
586
|
overflow: hidden;
|
|
308
587
|
text-overflow: ellipsis;
|
|
309
588
|
white-space: nowrap;
|
|
310
|
-
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;
|
|
311
598
|
}
|
|
312
|
-
.w100n-docs-card-text small,
|
|
313
599
|
.w100n-docs-muted {
|
|
600
|
+
margin: 0;
|
|
314
601
|
color: var(--docs-muted);
|
|
315
602
|
font-size: 12px;
|
|
316
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
|
+
}
|
|
317
611
|
.w100n-docs-stage {
|
|
612
|
+
position: relative;
|
|
318
613
|
flex: 1;
|
|
319
614
|
min-width: 0;
|
|
320
615
|
min-height: 0;
|
|
616
|
+
display: flex;
|
|
617
|
+
flex-direction: column;
|
|
618
|
+
}
|
|
619
|
+
.w100n-docs-scroll {
|
|
620
|
+
flex: 1;
|
|
621
|
+
min-height: 0;
|
|
321
622
|
overflow: auto;
|
|
623
|
+
padding: 56px 12px 32px;
|
|
624
|
+
}
|
|
625
|
+
.w100n-docs-zoomed {
|
|
322
626
|
display: flex;
|
|
323
627
|
flex-direction: column;
|
|
324
628
|
align-items: center;
|
|
325
629
|
gap: 16px;
|
|
326
|
-
|
|
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;
|
|
327
666
|
}
|
|
328
667
|
.w100n-docs-empty {
|
|
329
668
|
margin: auto;
|
|
@@ -348,10 +687,11 @@
|
|
|
348
687
|
}
|
|
349
688
|
.w100n-docs-page {
|
|
350
689
|
width: min(820px, 100%);
|
|
351
|
-
padding:
|
|
352
|
-
border-radius:
|
|
690
|
+
padding: 56px 64px;
|
|
691
|
+
border-radius: 6px;
|
|
353
692
|
background: var(--docs-paper);
|
|
354
|
-
|
|
693
|
+
color: #1f2937;
|
|
694
|
+
box-shadow: 0 1px 2px rgb(15 23 42 / 8%), 0 18px 40px -20px rgb(15 23 42 / 35%);
|
|
355
695
|
}
|
|
356
696
|
.w100n-docs-prose {
|
|
357
697
|
font-size: 15px;
|
|
@@ -375,17 +715,18 @@
|
|
|
375
715
|
}
|
|
376
716
|
.w100n-docs-prose blockquote {
|
|
377
717
|
padding-left: 14px;
|
|
378
|
-
border-left: 3px solid
|
|
379
|
-
color:
|
|
718
|
+
border-left: 3px solid #e2e8f0;
|
|
719
|
+
color: #64748b;
|
|
380
720
|
}
|
|
381
721
|
.w100n-docs-prose hr {
|
|
382
722
|
border: 0;
|
|
383
|
-
border-top: 1px solid
|
|
723
|
+
border-top: 1px solid #e2e8f0;
|
|
384
724
|
}
|
|
385
725
|
.w100n-docs-prose h1,
|
|
386
726
|
.w100n-docs-prose h2,
|
|
387
727
|
.w100n-docs-prose h3 {
|
|
388
728
|
margin: 28px 0 12px;
|
|
729
|
+
color: #0f172a;
|
|
389
730
|
font-weight: 650;
|
|
390
731
|
line-height: 1.3;
|
|
391
732
|
scroll-margin-top: 12px;
|
|
@@ -403,12 +744,12 @@
|
|
|
403
744
|
font-size: 17px;
|
|
404
745
|
}
|
|
405
746
|
.w100n-docs-prose a {
|
|
406
|
-
color:
|
|
747
|
+
color: #7c3aed;
|
|
407
748
|
}
|
|
408
749
|
.w100n-docs-prose pre,
|
|
409
750
|
.w100n-docs-prose code {
|
|
410
751
|
border-radius: 6px;
|
|
411
|
-
background:
|
|
752
|
+
background: #f1f5f9;
|
|
412
753
|
}
|
|
413
754
|
.w100n-docs-prose pre {
|
|
414
755
|
padding: 12px 14px;
|
|
@@ -425,7 +766,7 @@
|
|
|
425
766
|
.w100n-docs-prose th,
|
|
426
767
|
.w100n-docs-prose td {
|
|
427
768
|
padding: 6px 10px;
|
|
428
|
-
border: 1px solid
|
|
769
|
+
border: 1px solid #e2e8f0;
|
|
429
770
|
}
|
|
430
771
|
.w100n-docs-prose img {
|
|
431
772
|
max-width: 100%;
|
|
@@ -441,14 +782,14 @@
|
|
|
441
782
|
.w100n-docs-sheet {
|
|
442
783
|
max-width: 100%;
|
|
443
784
|
height: auto;
|
|
444
|
-
border-radius:
|
|
785
|
+
border-radius: 4px;
|
|
445
786
|
background: #fff;
|
|
446
|
-
box-shadow:
|
|
787
|
+
box-shadow: 0 18px 40px -20px rgb(15 23 42 / 35%);
|
|
447
788
|
scroll-margin-top: 12px;
|
|
448
789
|
}
|
|
449
790
|
.w100n-docs-docx section.w100n-docx {
|
|
450
|
-
box-shadow:
|
|
451
|
-
border-radius:
|
|
791
|
+
box-shadow: 0 18px 40px -20px rgb(15 23 42 / 35%);
|
|
792
|
+
border-radius: 4px;
|
|
452
793
|
}
|
|
453
794
|
.w100n-docs-docx .w100n-docx-wrapper {
|
|
454
795
|
background: transparent;
|
|
@@ -462,25 +803,17 @@
|
|
|
462
803
|
background: #fff;
|
|
463
804
|
box-shadow: var(--docs-shadow);
|
|
464
805
|
}
|
|
465
|
-
.w100n-docs-panel {
|
|
466
|
-
width: 264px;
|
|
467
|
-
flex-shrink: 0;
|
|
468
|
-
display: flex;
|
|
469
|
-
flex-direction: column;
|
|
470
|
-
gap: 10px;
|
|
471
|
-
padding: 12px;
|
|
472
|
-
min-height: 0;
|
|
473
|
-
overflow-y: auto;
|
|
474
|
-
}
|
|
475
806
|
.w100n-docs-tabs {
|
|
476
|
-
display:
|
|
477
|
-
|
|
807
|
+
display: grid;
|
|
808
|
+
flex: 1;
|
|
809
|
+
grid-auto-columns: 1fr;
|
|
810
|
+
grid-auto-flow: column;
|
|
811
|
+
gap: 3px;
|
|
478
812
|
padding: 3px;
|
|
479
|
-
border-radius:
|
|
480
|
-
background: var(--docs-
|
|
813
|
+
border-radius: 11px;
|
|
814
|
+
background: var(--docs-soft);
|
|
481
815
|
}
|
|
482
816
|
.w100n-docs-tabs button {
|
|
483
|
-
flex: 1;
|
|
484
817
|
display: flex;
|
|
485
818
|
align-items: center;
|
|
486
819
|
justify-content: center;
|
|
@@ -492,21 +825,34 @@
|
|
|
492
825
|
font-weight: 600;
|
|
493
826
|
}
|
|
494
827
|
.w100n-docs-tabs svg {
|
|
495
|
-
width:
|
|
496
|
-
height:
|
|
828
|
+
width: 13px;
|
|
829
|
+
height: 13px;
|
|
830
|
+
}
|
|
831
|
+
.w100n-docs-tabs button:hover {
|
|
832
|
+
color: var(--docs-text);
|
|
497
833
|
}
|
|
498
834
|
.w100n-docs-tabs button[aria-selected=true] {
|
|
499
|
-
background: var(--docs-
|
|
835
|
+
background: var(--docs-card);
|
|
500
836
|
color: var(--docs-text);
|
|
501
|
-
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;
|
|
502
848
|
}
|
|
503
849
|
.w100n-docs-outline {
|
|
504
850
|
display: grid;
|
|
505
851
|
gap: 2px;
|
|
506
852
|
}
|
|
507
853
|
.w100n-docs-outline button {
|
|
508
|
-
padding:
|
|
509
|
-
border-radius:
|
|
854
|
+
padding: 6px 9px;
|
|
855
|
+
border-radius: 8px;
|
|
510
856
|
text-align: left;
|
|
511
857
|
overflow-wrap: anywhere;
|
|
512
858
|
}
|
|
@@ -560,34 +906,37 @@
|
|
|
560
906
|
margin: 0;
|
|
561
907
|
overflow-wrap: anywhere;
|
|
562
908
|
}
|
|
563
|
-
@container (max-width:
|
|
909
|
+
@container (max-width: 1180px) {
|
|
564
910
|
.w100n-docs-panel {
|
|
565
|
-
width:
|
|
911
|
+
width: 240px;
|
|
566
912
|
}
|
|
567
913
|
.w100n-docs-list {
|
|
568
|
-
width:
|
|
914
|
+
width: 272px;
|
|
569
915
|
}
|
|
570
916
|
}
|
|
571
917
|
@container (max-width: 900px) {
|
|
572
|
-
.w100n-docs
|
|
573
|
-
|
|
574
|
-
}
|
|
575
|
-
.w100n-docs-page {
|
|
576
|
-
padding: 32px 28px;
|
|
918
|
+
.w100n-docs {
|
|
919
|
+
--docs-narrow: 1;
|
|
577
920
|
}
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
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));
|
|
582
928
|
}
|
|
583
929
|
.w100n-docs-list {
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
930
|
+
left: 10px;
|
|
931
|
+
}
|
|
932
|
+
.w100n-docs-panel {
|
|
933
|
+
right: 10px;
|
|
588
934
|
}
|
|
589
935
|
.w100n-docs-page {
|
|
590
|
-
padding: 24px
|
|
936
|
+
padding: 32px 24px;
|
|
937
|
+
}
|
|
938
|
+
.w100n-docs-crumbs {
|
|
939
|
+
display: none;
|
|
591
940
|
}
|
|
592
941
|
}
|
|
593
942
|
/*# sourceMappingURL=index.css.map */
|