@wildwinter/app-shell 0.46.3 → 0.46.4
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/dialog.css +3 -1
- package/dist/dialog.css.map +1 -1
- package/package.json +1 -1
package/dist/dialog.css
CHANGED
package/dist/dialog.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/dialog.css"],"sourcesContent":["/* ============================================================================\n The dialog frame (dialog.ts): the one panel, the one scrim and the one\n actions row behind every modal in the family. Content classes stay with the\n dialog that owns them (confirm.css, identity.css, about.css,\n notes-editor.css); the frame is here, once.\n\n Reads the token grammar (tokens.css) and the palette (--surface, --ink,\n --line, --muted). The buttons in the actions row wear `.btn` from\n controls.css, which is imported beside this file.\n\n Width is a per-dialog decision, so it is a custom property the content\n class sets (`.confirm-dialog { --dialog-width: 384px }`) rather than a rule\n the content class has to out-specify.\n ============================================================================ */\n\n.shell-dialog {
|
|
1
|
+
{"version":3,"sources":["../src/dialog.css"],"sourcesContent":["/* ============================================================================\n The dialog frame (dialog.ts): the one panel, the one scrim and the one\n actions row behind every modal in the family. Content classes stay with the\n dialog that owns them (confirm.css, identity.css, about.css,\n notes-editor.css); the frame is here, once.\n\n Reads the token grammar (tokens.css) and the palette (--surface, --ink,\n --line, --muted). The buttons in the actions row wear `.btn` from\n controls.css, which is imported beside this file.\n\n Width is a per-dialog decision, so it is a custom property the content\n class sets (`.confirm-dialog { --dialog-width: 384px }`) rather than a rule\n the content class has to out-specify.\n ============================================================================ */\n\n/* The frame's default width, inside :where() so it weighs nothing. A content class names the same\n element, so at equal weight whichever sheet LOADED LAST won: a bundler that moved dialog.css into a\n shared chunk loaded after the app's own CSS put the frame's 420px over the kit gallery's 880px, and\n Patterpad 0.24's New Project opened narrow (2026-10-06). At zero weight any content class wins, in\n any order. */\n:where(.shell-dialog) { --dialog-width: 420px; }\n\n.shell-dialog {\n width: min(var(--dialog-width), 92vw); max-height: 82vh;\n padding: 18px 20px;\n border: 1px solid var(--line); border-radius: var(--radius-lg);\n background: var(--surface); color: var(--ink);\n box-shadow: var(--shadow-3);\n /* The chrome base (tokens.css): unstyled text in a dialog lands at 14px\n whatever the app's reading root is. */\n font-family: var(--font-ui); font-size: var(--chrome-size);\n display: flex; flex-direction: column; gap: 10px;\n animation: var(--anim-panel-in);\n}\n/* The one scrim: ink-derived so it stays palette-aware, and blurred so the\n window behind reads as behind. */\n.shell-dialog::backdrop {\n background: var(--scrim);\n backdrop-filter: blur(3px);\n animation: var(--anim-backdrop-in);\n}\n/* Exit: .closing swaps the enter keyframes for their reverse (closeWithExit),\n and the fading panel must not catch a stray click. */\n.shell-dialog.closing { animation: var(--anim-panel-out); pointer-events: none; }\n.shell-dialog.closing::backdrop { animation: var(--anim-backdrop-out); }\n\n/* Never a window-drag region, even where it lies over one. Electron hands a click inside a\n `-webkit-app-region: drag` area to the OS as a window drag before the page sees it, and a modal\n making the page behind it inert does not change that, so a layer drawn over the welcome\n screen's whole-window drag region lost every click while the keyboard still worked\n (2026-09-28: the first-run identity's Continue and About's Close). Reproduced in a real\n Electron window; `no-drag` on the layer itself is the fix. */\n.shell-dialog, .shell-dialog * { -webkit-app-region: no-drag; }\n\n/* A heading is sentence-case text in the UI face, weight 600: how a group box\n reads on the platform, not an overline. */\n.shell-dialog-title { margin: 0; font: 600 16px/1.3 var(--font-ui); }\n.shell-dialog-sub { margin: -4px 0 0; font: 13px/1.45 var(--font-ui); color: var(--muted); }\n.shell-dialog-body { display: flex; flex-direction: column; gap: 8px; min-height: 0; overflow-y: auto; }\n.shell-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 6px; }\n.shell-dialog-actions:empty { display: none; }\n"],"mappings":";AAoBA,OAAO,CAAC;AAAgB,kBAAgB;AAAO;AAE/C,CAFQ;AAGN,SAAO,IAAI,IAAI,eAAe,EAAE;AAAO,cAAY;AACnD,WAAS,KAAK;AACd,UAAQ,IAAI,MAAM,IAAI;AAAS,iBAAe,IAAI;AAClD,cAAY,IAAI;AAAY,SAAO,IAAI;AACvC,cAAY,IAAI;AAGhB,eAAa,IAAI;AAAY,aAAW,IAAI;AAC5C,WAAS;AAAM,kBAAgB;AAAQ,OAAK;AAC5C,aAAW,IAAI;AACjB;AAGA,CAhBQ,YAgBK;AACX,cAAY,IAAI;AAChB,mBAAiB,KAAK;AACtB,aAAW,IAAI;AACjB;AAGA,CAvBQ,YAuBK,CAAC;AAAU,aAAW,IAAI;AAAmB,kBAAgB;AAAM;AAChF,CAxBQ,YAwBK,CADC,OACO;AAAa,aAAW,IAAI;AAAsB;AAQvE,CAhCQ;AAgCO,CAhCP,aAgCqB;AAAI,sBAAoB;AAAS;AAI9D,CAAC;AAAqB,UAAQ;AAAG,QAAM,IAAI,IAAI,CAAC,IAAI,IAAI;AAAY;AACpE,CAAC;AAAmB,UAAQ,KAAK,EAAE;AAAG,QAAM,IAAI,CAAC,KAAK,IAAI;AAAY,SAAO,IAAI;AAAU;AAC3F,CAAC;AAAoB,WAAS;AAAM,kBAAgB;AAAQ,OAAK;AAAK,cAAY;AAAG,cAAY;AAAM;AACvG,CAAC;AAAuB,WAAS;AAAM,mBAAiB;AAAU,OAAK;AAAK,cAAY;AAAK;AAC7F,CADC,oBACoB;AAAS,WAAS;AAAM;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wildwinter/app-shell",
|
|
3
|
-
"version": "0.46.
|
|
3
|
+
"version": "0.46.4",
|
|
4
4
|
"description": "The shared shell for the editor family (Patterpad, Storylet Studio): the app-agnostic design-token grammar, the per-entity colour hash, and the vanilla-TS DOM primitive. Two palettes, one grammar - each app supplies its own palette/fonts over these tokens.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|