anentrypoint-design 0.0.63 → 0.0.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.63",
+  "version": "0.0.66",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/components/shell.js

@@ -86,9 +86,6 @@ export function Status({ left = [], right = [] } = {}) {
 
 export function AppShell({ topbar, crumb, side, main, status, narrow } = {}) {
     const hasSide = Boolean(side);
-    const sideMotionClass = hasSide
-        ? ' animate__animated animate__fadeInLeft'
-        : ' animate__animated animate__fadeOutLeft';
     const sideNode = hasSide
         ? side
         : h('aside', { class: 'app-side', 'aria-hidden': 'true' });
@@ -97,7 +94,7 @@ export function AppShell({ topbar, crumb, side, main, status, narrow } = {}) {
         topbar || null,
         crumb || null,
         h('div', { class: 'app-body' + (hasSide ? '' : ' no-side') },
-            h('div', { class: 'app-side-shell' + sideMotionClass }, sideNode),
+            h('div', { class: 'app-side-shell' }, sideNode),
             h('main', { class: 'app-main' + (narrow ? ' narrow' : '') }, ...(Array.isArray(main) ? main : [main]))
         ),
         status || null

package/src/desktop/freddie-dashboard.css

@@ -1,32 +1,16 @@
-.fdash { display: flex; height: 100%; font-family: var(--ff-ui, Nunito, sans-serif); color: var(--ink, #1F1B16); }
-.fdash-side { flex: 0 0 180px; background: var(--panel-1, #ECE6D5); border-right: 1px solid var(--panel-2, #DDD3BC); padding: 8px 0; overflow-y: auto; }
-.fdash-nav { display: flex; flex-direction: column; gap: 2px; }
-.fdash-nav button { text-align: left; padding: 6px 12px; background: transparent; color: inherit; border: 0; cursor: pointer; font-family: inherit; font-size: 12px; border-left: 4px solid transparent; }
-.fdash-nav button:hover { background: var(--panel-hover, rgba(0,0,0,0.04)); }
-.fdash-nav button.active { background: var(--panel-select, #C8E4CA); border-left-color: var(--panel-accent, #3F8A4A); font-weight: 600; }
-.fdash-nav .glyph { display: inline-block; width: 16px; opacity: 0.7; font-family: var(--ff-mono, JetBrains Mono, monospace); }
-.fdash-nav .group-head { padding: 10px 12px 4px; font-size: 9px; opacity: 0.5; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 700; }
-.fdash-main { flex: 1; padding: 12px 16px; overflow: auto; min-width: 0; }
-.fdash-h { font-size: 14px; font-weight: 700; margin: 0 0 8px; }
-.fdash-kpi { display: flex; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
-.fdash-kpi .k { background: var(--panel-2, #DDD3BC); padding: 6px 12px; border-radius: var(--r-1, 6px); min-width: 80px; }
-.fdash-kpi .k .v { font-size: 18px; font-weight: 700; font-family: var(--ff-mono, JetBrains Mono, monospace); }
-.fdash-kpi .k .l { font-size: 10px; opacity: 0.7; text-transform: uppercase; }
-.fdash-panel { background: var(--panel-1, #ECE6D5); border-radius: var(--r-1, 6px); padding: 8px 12px; margin-bottom: 8px; }
-.fdash-panel h3 { font-size: 12px; font-weight: 700; margin: 0 0 6px; opacity: 0.8; text-transform: uppercase; }
-.fdash-panel pre { font-family: var(--ff-mono, JetBrains Mono, monospace); font-size: 11px; white-space: pre-wrap; word-break: break-all; margin: 0; max-height: 280px; overflow: auto; }
-.fdash-panel table { width: 100%; border-collapse: collapse; font-size: 12px; }
-.fdash-panel th, .fdash-panel td { padding: 4px 8px; text-align: left; border-bottom: 1px solid var(--panel-2, #DDD3BC); }
-.fdash-panel th { font-weight: 600; opacity: 0.7; font-size: 10px; text-transform: uppercase; }
-.fdash-row { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 12px; }
-.fdash-row .code { font-family: var(--ff-mono, JetBrains Mono, monospace); opacity: 0.6; }
-.fdash-row .meta { margin-left: auto; opacity: 0.5; font-size: 11px; }
-.fdash-form { display: flex; gap: 4px; flex-wrap: wrap; align-items: center; margin-bottom: 8px; }
-.fdash-form input, .fdash-form textarea, .fdash-form select { font: inherit; padding: 4px 8px; border: 1px solid var(--panel-2, #DDD3BC); border-radius: var(--r-1, 6px); background: var(--panel-0, #F5F0E4); color: inherit; }
-.fdash-form button { padding: 4px 12px; background: var(--panel-accent, #3F8A4A); color: #fff; border: 0; border-radius: var(--r-1, 6px); cursor: pointer; }
-.fdash-form button.danger { background: #c44; }
-.fdash-chip { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; margin: 2px; }
-.fdash-chip.ok { background: var(--panel-select, #C8E4CA); }
-.fdash-chip.miss { background: var(--panel-2, #DDD3BC); opacity: 0.6; }
-.fdash-empty { padding: 20px; text-align: center; opacity: 0.5; font-size: 12px; }
-@media (max-width: 600px) { .fdash-side { flex: 0 0 56px; } .fdash-nav button .label { display: none; } }
+/* freddie-dashboard.css — minimal supplemental rule.
+   The dashboard now renders through bible components (AppShell/Panel/Kpi/
+   Table/Receipt/Hero/Row/EmptyState/Chip) that ship their own classes via
+   247420.css. The only extra: a styled <pre> for raw JSON dumps. */
+.app-fd .fd-pre {
+    font-family: var(--ff-mono, JetBrains Mono, monospace);
+    font-size: 12px;
+    white-space: pre-wrap;
+    word-break: break-all;
+    margin: 0;
+    max-height: 320px;
+    overflow: auto;
+    background: var(--panel-2, #DDD3BC);
+    padding: 8px 10px;
+    border-radius: var(--r-1, 6px);
+}