anentrypoint-design 0.0.42 → 0.0.44
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/247420.app.js +2 -2
- package/dist/247420.css +92 -0
- package/dist/247420.js +64 -6
- package/package.json +13 -1
- package/src/components/content.js +19 -0
- package/src/components.js +1 -0
- package/src/desktop/icons.js +11 -0
- package/src/desktop/index.js +3 -0
- package/src/desktop/shell.js +180 -0
- package/src/desktop/theme.css +297 -0
- package/src/index.js +4 -2
- package/src/page-html.js +125 -0
package/dist/247420.css
CHANGED
|
@@ -2265,3 +2265,95 @@
|
|
|
2265
2265
|
.ds-247420 .app-body { grid-template-columns: 360px 1fr; }
|
|
2266
2266
|
}
|
|
2267
2267
|
.ds-247420 .ds-preview-truncated { color: var(--panel-text-3); font-style: italic; padding: var(--space-2) 0 0 0; }
|
|
2268
|
+
|
|
2269
|
+
|
|
2270
|
+
/* ============================================================
|
|
2271
|
+
KPI grid · row form · rails+dots · chip tones · empty · table clickable
|
|
2272
|
+
Moved from consumer (freddie dashboard + theme) — generic 247420 primitives.
|
|
2273
|
+
============================================================ */
|
|
2274
|
+
|
|
2275
|
+
.ds-247420 .kpi {
|
|
2276
|
+
display: grid;
|
|
2277
|
+
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
|
2278
|
+
gap: 1px;
|
|
2279
|
+
background: var(--panel-2);
|
|
2280
|
+
padding: 1px;
|
|
2281
|
+
border-radius: 20px;
|
|
2282
|
+
overflow: hidden;
|
|
2283
|
+
}
|
|
2284
|
+
.ds-247420 .kpi-card { background: var(--panel-1); padding: 14px 18px; }
|
|
2285
|
+
.ds-247420 .kpi-card .num {
|
|
2286
|
+
font-size: 1.75rem;
|
|
2287
|
+
color: var(--panel-text);
|
|
2288
|
+
font-weight: 400;
|
|
2289
|
+
font-family: var(--ff-mono);
|
|
2290
|
+
}
|
|
2291
|
+
.ds-247420 .kpi-card .lbl {
|
|
2292
|
+
font-size: 0.75rem;
|
|
2293
|
+
color: var(--panel-text-2);
|
|
2294
|
+
font-weight: 600;
|
|
2295
|
+
text-transform: uppercase;
|
|
2296
|
+
letter-spacing: 0.08em;
|
|
2297
|
+
margin-top: 2px;
|
|
2298
|
+
}
|
|
2299
|
+
|
|
2300
|
+
.ds-247420 .row-form {
|
|
2301
|
+
display: flex;
|
|
2302
|
+
gap: 8px;
|
|
2303
|
+
flex-wrap: wrap;
|
|
2304
|
+
align-items: center;
|
|
2305
|
+
margin-bottom: 12px;
|
|
2306
|
+
}
|
|
2307
|
+
.ds-247420 .row-form input { flex: 1; min-width: 140px; padding: 10px 12px; }
|
|
2308
|
+
|
|
2309
|
+
.ds-247420 .chip.ok { background: var(--green); color: #fff; }
|
|
2310
|
+
.ds-247420 .chip.miss { background: var(--warn); color: #fff; }
|
|
2311
|
+
|
|
2312
|
+
.ds-247420 .empty { color: var(--panel-text-3); padding: 12px 0; }
|
|
2313
|
+
|
|
2314
|
+
.ds-247420 tr.clickable { cursor: pointer; }
|
|
2315
|
+
.ds-247420 tr.clickable:hover td { background: var(--panel-hover); }
|
|
2316
|
+
|
|
2317
|
+
.ds-247420 .rail-green { box-shadow: inset 4px 0 0 var(--green); }
|
|
2318
|
+
.ds-247420 .rail-purple { box-shadow: inset 4px 0 0 var(--purple); }
|
|
2319
|
+
.ds-247420 .rail-mascot { box-shadow: inset 4px 0 0 var(--mascot); }
|
|
2320
|
+
.ds-247420 .rail-sun { box-shadow: inset 4px 0 0 var(--sun); }
|
|
2321
|
+
.ds-247420 .rail-flame { box-shadow: inset 4px 0 0 var(--flame); }
|
|
2322
|
+
.ds-247420 .rail-sky { box-shadow: inset 4px 0 0 var(--sky); }
|
|
2323
|
+
.ds-247420 .dot-green { color: var(--green); }
|
|
2324
|
+
.ds-247420 .dot-purple { color: var(--purple); }
|
|
2325
|
+
.ds-247420 .dot-mascot { color: var(--mascot); }
|
|
2326
|
+
.ds-247420 .dot-sun { color: var(--sun); }
|
|
2327
|
+
.ds-247420 .dot-flame { color: var(--flame); }
|
|
2328
|
+
.ds-247420 .dot-sky { color: var(--sky); }
|
|
2329
|
+
|
|
2330
|
+
.ds-247420 .ds-section {
|
|
2331
|
+
margin: 32px 0;
|
|
2332
|
+
padding: 18px 22px;
|
|
2333
|
+
background: var(--panel-1);
|
|
2334
|
+
border-radius: 20px;
|
|
2335
|
+
}
|
|
2336
|
+
.ds-247420 .ds-section .ds-section-title { margin-top: 0; }
|
|
2337
|
+
.ds-247420 .ds-section .ds-lede { opacity: 0.8; max-width: 60ch; }
|
|
2338
|
+
.ds-247420 .ds-section .row {
|
|
2339
|
+
border-radius: 10px;
|
|
2340
|
+
margin: 6px 0;
|
|
2341
|
+
padding: 10px 14px;
|
|
2342
|
+
background: var(--panel-2);
|
|
2343
|
+
}
|
|
2344
|
+
.ds-247420 .ds-section .row .dot {
|
|
2345
|
+
display: inline-block;
|
|
2346
|
+
width: 8px; height: 8px;
|
|
2347
|
+
border-radius: 50%;
|
|
2348
|
+
margin-right: 8px;
|
|
2349
|
+
background: currentColor;
|
|
2350
|
+
opacity: 0.8;
|
|
2351
|
+
}
|
|
2352
|
+
.ds-247420 .ds-section .row-benefit { opacity: 0.75; margin-top: 4px; font-style: italic; }
|
|
2353
|
+
.ds-247420 .ds-section .row .sub { opacity: 0.85; margin-top: 4px; }
|
|
2354
|
+
.ds-247420 .ds-section a.row { display: block; text-decoration: none; color: inherit; }
|
|
2355
|
+
.ds-247420 .ds-section a.row .code {
|
|
2356
|
+
font-family: var(--ff-mono);
|
|
2357
|
+
opacity: 0.6;
|
|
2358
|
+
margin-right: 12px;
|
|
2359
|
+
}
|