anentrypoint-design 0.0.60 → 0.0.61
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/package.json +2 -1
- package/src/desktop/theme.css +8 -0
- package/src/desktop/validate.css +19 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "anentrypoint-design",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.61",
|
|
4
4
|
"description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/247420.js",
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
"./desktop/theme.css": "./src/desktop/theme.css",
|
|
20
20
|
"./desktop/wm.css": "./src/desktop/wm.css",
|
|
21
21
|
"./desktop/launcher.css": "./src/desktop/launcher.css",
|
|
22
|
+
"./desktop/validate.css": "./src/desktop/validate.css",
|
|
22
23
|
"./desktop/icons.js": "./src/desktop/icons.js",
|
|
23
24
|
"./desktop/shell.js": "./src/desktop/shell.js",
|
|
24
25
|
"./page-html": {
|
package/src/desktop/theme.css
CHANGED
|
@@ -40,7 +40,14 @@ html, body {
|
|
|
40
40
|
padding: 0 12px;
|
|
41
41
|
gap: 6px;
|
|
42
42
|
box-shadow: none;
|
|
43
|
+
display: flex;
|
|
44
|
+
align-items: center;
|
|
45
|
+
flex-wrap: nowrap;
|
|
46
|
+
min-width: 0;
|
|
43
47
|
}
|
|
48
|
+
.os-menubar > *, .os-taskbar > * { flex-shrink: 0; }
|
|
49
|
+
.os-menubar .os-spacer { flex: 1 1 auto; min-width: 0; }
|
|
50
|
+
.os-menubar .os-tray { margin-left: auto; }
|
|
44
51
|
|
|
45
52
|
.os-brand {
|
|
46
53
|
color: var(--os-fg);
|
|
@@ -322,6 +329,7 @@ html, body {
|
|
|
322
329
|
.app-pane.mono .row:hover { background: var(--panel-hover, var(--os-bg-2)); }
|
|
323
330
|
.app-pane.mono .head { color: var(--os-accent); margin-bottom: 8px; padding-bottom: 6px; font-weight: 600; letter-spacing: 0.02em; }
|
|
324
331
|
.app-pane.mono pre { background: var(--os-bg-2); padding: 10px 12px; margin: 8px 0 0 0; max-height: 220px; overflow: auto; white-space: pre-wrap; font: 11.5px var(--os-mono); border-radius: var(--r-1, 6px); color: var(--os-fg); border: none; }
|
|
332
|
+
.app-shell-pane { margin: 0; padding: 8px; font: 12px var(--os-mono); color: var(--os-fg); background: var(--os-bg-0); height: 100%; overflow: auto; white-space: pre-wrap; box-sizing: border-box; }
|
|
325
333
|
.app-canvas { width: 100%; height: 100%; background: var(--os-bg-0); display: block; cursor: default; }
|
|
326
334
|
.app-canvas.x-display { background: #0b0d10; }
|
|
327
335
|
.app-frame { width: 100%; height: 100%; border: 0; background: var(--os-bg-0); }
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
body { margin: 0; padding: 24px; font-family: var(--os-font); background: var(--os-bg-0); color: var(--os-fg); }
|
|
2
|
+
h1 { margin: 0 0 8px 0; font-size: 22px; font-weight: 600; }
|
|
3
|
+
h3 { margin: 18px 0 6px 0; color: var(--os-fg-2); font-size: 13px; font-weight: 600; }
|
|
4
|
+
.sub { color: var(--os-fg-2); margin-bottom: 20px; }
|
|
5
|
+
table { border-collapse: collapse; width: 100%; max-width: 760px; }
|
|
6
|
+
td { padding: 6px 12px; border-bottom: 1px solid var(--os-bg-3); }
|
|
7
|
+
td.k { width: 280px; color: var(--os-fg-2); }
|
|
8
|
+
td.v { font-weight: 600; }
|
|
9
|
+
td.v.pass { color: var(--os-accent); }
|
|
10
|
+
td.v.fail { color: var(--os-red); }
|
|
11
|
+
td.v.pending { color: var(--os-amber); }
|
|
12
|
+
.all { margin-top: 16px; padding: 12px; background: var(--os-bg-1); max-width: 760px; border-radius: var(--os-radius-sm); }
|
|
13
|
+
.all.green { color: var(--os-accent); }
|
|
14
|
+
.all.red { color: var(--os-red); }
|
|
15
|
+
.err { color: var(--os-red); white-space: pre-wrap; margin-top: 12px; }
|
|
16
|
+
a { color: var(--os-accent); text-decoration: none; }
|
|
17
|
+
a:hover { color: var(--os-accent-2); }
|
|
18
|
+
iframe.osframe { position: absolute; left: -9999px; top: 0; width: 1280px; height: 900px; border: 0; }
|
|
19
|
+
iframe.osframe-phone { position: absolute; left: -9999px; top: 0; width: 414px; height: 720px; border: 0; }
|