@june-ai/june-ui 0.2.5 → 0.2.6
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 +7 -0
- package/dist/{chunk-CZE533PM.js → chunk-VFZI3SEL.js} +186 -9
- package/dist/{document-engine-IAY2T6B3.js → document-engine-RKD5SLXR.js} +1 -1
- package/dist/index.cjs +685 -280
- package/dist/index.d.cts +44 -1
- package/dist/index.d.ts +44 -1
- package/dist/index.js +532 -309
- package/dist/june.css +43 -19
- package/package.json +1 -1
package/dist/june.css
CHANGED
|
@@ -70,6 +70,10 @@
|
|
|
70
70
|
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
|
|
71
71
|
font-family: inherit;
|
|
72
72
|
font-size: 14px;
|
|
73
|
+
line-height: 1.4;
|
|
74
|
+
text-align: left;
|
|
75
|
+
container-type: inline-size;
|
|
76
|
+
container-name: june-doc;
|
|
73
77
|
}
|
|
74
78
|
.june-doc[data-theme="dark"] {
|
|
75
79
|
--jd-bg: #0f1420;
|
|
@@ -314,34 +318,44 @@
|
|
|
314
318
|
position: relative;
|
|
315
319
|
max-height: min(78vh, 860px);
|
|
316
320
|
overflow: auto;
|
|
321
|
+
overflow-anchor: none;
|
|
317
322
|
padding: 28px 24px 40px;
|
|
318
323
|
background: var(--jd-canvas);
|
|
319
324
|
scroll-behavior: smooth;
|
|
320
325
|
}
|
|
326
|
+
.june-doc__zoomer { position: relative; margin: 0 auto; }
|
|
321
327
|
.june-doc__sheet {
|
|
322
|
-
--jd-
|
|
328
|
+
--jd-pad-x: 96px;
|
|
329
|
+
--jd-pad-y: 96px;
|
|
323
330
|
position: relative;
|
|
324
|
-
width: 794px;
|
|
325
331
|
margin: 0 auto;
|
|
326
|
-
padding:
|
|
332
|
+
padding: var(--jd-pad-y) var(--jd-pad-x);
|
|
327
333
|
color: var(--jd-page-fg);
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
var(--jd-page-line) var(--jd-page-h)
|
|
336
|
-
);
|
|
334
|
+
transform-origin: top left;
|
|
335
|
+
}
|
|
336
|
+
/* individual page sheets drawn behind the text; the gaps between them show the canvas */
|
|
337
|
+
.june-doc__pages { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
|
|
338
|
+
.june-doc__page {
|
|
339
|
+
position: absolute; left: 0; right: 0;
|
|
340
|
+
background: var(--jd-page);
|
|
337
341
|
border: 1px solid var(--jd-border);
|
|
338
|
-
border-radius:
|
|
342
|
+
border-radius: 3px;
|
|
339
343
|
box-shadow: var(--jd-shadow);
|
|
340
344
|
}
|
|
345
|
+
.june-doc__page-num {
|
|
346
|
+
position: absolute; left: 0; right: 0; bottom: calc(var(--jd-pad-y) * 0.4);
|
|
347
|
+
font-size: 0.6875rem; text-align: center; color: var(--jd-faint);
|
|
348
|
+
font-variant-numeric: tabular-nums; letter-spacing: 0.04em;
|
|
349
|
+
}
|
|
350
|
+
.june-doc__sheet .tiptap, .june-doc__sheet .ProseMirror { position: relative; z-index: 1; }
|
|
351
|
+
/* spacer inserted by pagination: pushes the next block to the top of the next page */
|
|
352
|
+
.june-doc__page-gap { display: block; width: 100%; margin: 0 !important; padding: 0; border: 0; list-style: none; pointer-events: none; user-select: none; }
|
|
353
|
+
.june-doc__page-gap + * { margin-top: 0 !important; }
|
|
354
|
+
|
|
341
355
|
.june-doc__canvas[data-layout="fluid"] { padding: 16px; }
|
|
342
356
|
.june-doc__canvas[data-layout="fluid"] .june-doc__sheet {
|
|
343
|
-
|
|
344
|
-
background-
|
|
357
|
+
min-height: 320px; padding: 32px clamp(16px, 5%, 48px);
|
|
358
|
+
background: var(--jd-page); border: 1px solid var(--jd-border); border-radius: 10px; box-shadow: var(--jd-shadow);
|
|
345
359
|
}
|
|
346
360
|
|
|
347
361
|
/* ---------- prose ---------- */
|
|
@@ -448,14 +462,24 @@
|
|
|
448
462
|
.june-doc__canvas { scroll-behavior: auto; }
|
|
449
463
|
}
|
|
450
464
|
|
|
451
|
-
/* ----------
|
|
452
|
-
|
|
465
|
+
/* ---------- responsive: based on the editor's own width, not the window ---------- */
|
|
466
|
+
.june-doc__row > .june-doc__group, .june-doc__row > .june-doc__btn, .june-doc__row > .june-doc__more { min-height: 40px; }
|
|
467
|
+
.june-doc__row > .june-doc__btn--marks, .june-doc__row > .june-doc__more { align-self: center; min-height: 34px; }
|
|
468
|
+
@container june-doc (max-width: 1040px) {
|
|
469
|
+
.june-doc__row:first-child .june-doc__group-label { display: none; }
|
|
470
|
+
}
|
|
471
|
+
@container june-doc (max-width: 820px) {
|
|
472
|
+
.june-doc__group-label { display: none; }
|
|
473
|
+
.june-doc__field-label { display: none; }
|
|
474
|
+
.june-doc__field .june-doc__select { min-width: 0; }
|
|
475
|
+
.june-doc__select--font { width: 130px; }
|
|
476
|
+
}
|
|
477
|
+
@container june-doc (max-width: 600px) {
|
|
453
478
|
.june-doc__header { flex-wrap: wrap; }
|
|
454
479
|
.june-doc__header-actions { width: 100%; justify-content: flex-end; }
|
|
455
|
-
.june-doc__group-label, .june-doc__field-label { display: none; }
|
|
456
480
|
.june-doc__row { gap: 4px; padding: 6px; }
|
|
481
|
+
.june-doc__btn--marks span { display: none; }
|
|
457
482
|
.june-doc__canvas { padding: 12px 8px 24px; }
|
|
458
|
-
.june-doc__sheet { padding: 40px 20px; }
|
|
459
483
|
.june-doc__status { display: none; }
|
|
460
484
|
.june-doc__footer { justify-content: space-between; }
|
|
461
485
|
}
|