@justai/cuts 0.95.0 → 0.96.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/Sheet.astro +8 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@justai/cuts",
3
- "version": "0.95.0",
3
+ "version": "0.96.0",
4
4
  "description": "A persona's named parts — the page shell that holds them, and the cuts themselves.",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
package/src/Sheet.astro CHANGED
@@ -34,9 +34,9 @@ import "./ground.css";
34
34
  * added: the sheet rises from the bottom edge at 390px and at 3840px alike.
35
35
  *
36
36
  * What a wide screen changes is only how much room surrounds it. **The persona's COLUMN is the
37
- * active view** — that is the founder's frame, and it is what the panel is sized to: 480px, which is
38
- * not a chosen number but the fleet's measured one (every persona's page column is `max-width:
39
- * 480px`). On a phone `min(100%, 480px)` is the whole screen; on a desk it is the persona's own
37
+ * active view** — that is the founder's frame, and it is what the panel is sized to: `--column`,
38
+ * which is not a chosen number but the one @justai/ui declares for the page itself. On a phone
39
+ * `min(100%, --column)` is the whole screen; on a desk it is the persona's own
40
40
  * width, centred, with the page dimmed around it. One rule, both cases, no query.
41
41
  *
42
42
  * NATIVE <dialog>, not a scrim div: the top layer, ::backdrop, Escape and focus containment are the
@@ -319,9 +319,11 @@ const doneIsOurs = doneDefault || done === true;
319
319
  display: flex;
320
320
  flex-direction: column;
321
321
  /* THE ONE SIZING RULE, and there is no media query anywhere in this file. The persona's column
322
- is the active view: 480px is the fleet's measured page width, not a chosen breakpoint. On a
323
- phone this is the whole screen; on a desk it is the persona's own width, centred. */
324
- width: min(100%, var(--sheet-width, 480px));
322
+ is the active view, and its width is READ rather than repeated: `--column` is declared once in
323
+ @justai/ui and the page is sized from the same token. On a phone this is the whole screen; on a
324
+ desk it is the persona's own width, centred. It said 480 until 2026-08-04, in its own copy of
325
+ the number — so when the page became 768 the sheet stayed a phone's width on a tablet. */
326
+ width: min(100%, var(--sheet-width, var(--column, 768px)));
325
327
  max-height: min(92dvh, 100dvh - 24px);
326
328
  /* The material the fleet already agreed reads as legible glass (ConfirmSheet, 93%). */
327
329
  background: color-mix(in srgb, var(--bg) 93%, transparent);