@wildwinter/app-shell 0.36.0 → 0.37.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/README.md +12 -0
- package/dist/index.cjs +61 -22
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +20 -1
- package/dist/index.d.ts +20 -1
- package/dist/index.js +60 -23
- package/dist/index.js.map +1 -1
- package/dist/toast.css +33 -0
- package/dist/toast.css.map +1 -0
- package/package.json +5 -1
package/dist/toast.css
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/* src/toast.css */
|
|
2
|
+
.shell-toast {
|
|
3
|
+
position: fixed;
|
|
4
|
+
right: 1rem;
|
|
5
|
+
bottom: 2.2rem;
|
|
6
|
+
z-index: 40;
|
|
7
|
+
max-width: 26rem;
|
|
8
|
+
background: var(--surface);
|
|
9
|
+
border: 1px solid var(--line);
|
|
10
|
+
border-radius: var(--radius-md);
|
|
11
|
+
padding: 0.55rem 0.8rem;
|
|
12
|
+
color: var(--ink);
|
|
13
|
+
font: 0.8rem/1.4 var(--font-ui);
|
|
14
|
+
overflow-wrap: anywhere;
|
|
15
|
+
white-space: pre-line;
|
|
16
|
+
box-shadow: var(--shadow-2);
|
|
17
|
+
animation: var(--anim-panel-in, none);
|
|
18
|
+
}
|
|
19
|
+
.shell-toast.ok {
|
|
20
|
+
border-color: var(--ok);
|
|
21
|
+
color: var(--ok);
|
|
22
|
+
}
|
|
23
|
+
.shell-toast.error {
|
|
24
|
+
border-color: var(--danger);
|
|
25
|
+
color: var(--danger);
|
|
26
|
+
}
|
|
27
|
+
.shell-toast.closing {
|
|
28
|
+
animation: var(--anim-panel-out);
|
|
29
|
+
}
|
|
30
|
+
.shell-toast[hidden] {
|
|
31
|
+
display: none;
|
|
32
|
+
}
|
|
33
|
+
/*# sourceMappingURL=toast.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/toast.css"],"sourcesContent":["/* The toast (toast.ts): a transient remark, bottom-right, an outlined card on the\n surface colour. The KIND is carried by the border and the text, never by a\n solid fill: a remark should not shout, and --ink on --surface reads on every\n palette without a tuned contrast pair. Tokens only, so it lands in any palette\n and any window (multi-window-rules.md). */\n.shell-toast {\n position: fixed; right: 1rem; bottom: 2.2rem; z-index: 40; max-width: 26rem;\n background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md);\n padding: 0.55rem 0.8rem; color: var(--ink); font: 0.8rem/1.4 var(--font-ui);\n /* A long unbroken token (a file path) wraps INSIDE the card; a newline in the\n message is a line break. */\n overflow-wrap: anywhere; white-space: pre-line;\n box-shadow: var(--shadow-2);\n animation: var(--anim-panel-in, none);\n}\n.shell-toast.ok { border-color: var(--ok); color: var(--ok); }\n.shell-toast.error { border-color: var(--danger); color: var(--danger); }\n/* The eased dismiss (closeWithExit), mirroring the enter. */\n.shell-toast.closing { animation: var(--anim-panel-out); }\n.shell-toast[hidden] { display: none; }\n"],"mappings":";AAKA,CAAC;AACC,YAAU;AAAO,SAAO;AAAM,UAAQ;AAAQ,WAAS;AAAI,aAAW;AACtE,cAAY,IAAI;AAAY,UAAQ,IAAI,MAAM,IAAI;AAAS,iBAAe,IAAI;AAC9E,WAAS,QAAQ;AAAQ,SAAO,IAAI;AAAQ,QAAM,MAAM,CAAC,IAAI,IAAI;AAGjE,iBAAe;AAAU,eAAa;AACtC,cAAY,IAAI;AAChB,aAAW,IAAI,eAAe,EAAE;AAClC;AACA,CAVC,WAUW,CAAC;AAAQ,gBAAc,IAAI;AAAW,SAAO,IAAI;AAAO;AACpE,CAXC,WAWW,CAAC;AAAQ,gBAAc,IAAI;AAAW,SAAO,IAAI;AAAW;AAExE,CAbC,WAaW,CAAC;AAAU,aAAW,IAAI;AAAmB;AACzD,CAdC,WAcW,CAAC;AAAU,WAAS;AAAM;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wildwinter/app-shell",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.37.0",
|
|
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",
|
|
@@ -117,6 +117,10 @@
|
|
|
117
117
|
"./stepper.css": {
|
|
118
118
|
"import": "./dist/stepper.css",
|
|
119
119
|
"require": "./dist/stepper.css"
|
|
120
|
+
},
|
|
121
|
+
"./toast.css": {
|
|
122
|
+
"import": "./dist/toast.css",
|
|
123
|
+
"require": "./dist/toast.css"
|
|
120
124
|
}
|
|
121
125
|
},
|
|
122
126
|
"files": [
|