{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "status", "type": "registry:item", "title": "aesthetic Status", "description": "Aesthetic Status primitive, v0.25.0. Installs ae-err, ae-icon, ae-ok, ae-status, ae-status-label, ae-warn without the full stylesheet.", "registryDependencies": [ "https://aesthetic.mistystep.io/r/aesthetic-base.json" ], "meta": { "version": "0.25.0", "tier": "primitive", "route": "status", "classes": [ "ae-err", "ae-icon", "ae-ok", "ae-status", "ae-status-label", "ae-warn" ], "attributes": [], "tokens": [ "--ae-surface", "--ae-wash", "--ae-ink", "--ae-ink-faint", "--ae-accent", "--ae-surface-dark", "--ae-wash-dark", "--ae-ink-dark", "--ae-ink-faint-dark", "--ae-accent-dark", "--ae-font", "--ae-font-mono", "--ae-w-regular", "--ae-ease", "--ae-quick", "--ae-ok", "--ae-warn", "--ae-err", "--ae-ok-dark", "--ae-warn-dark", "--ae-err-dark", "--ae-space-2" ], "recipes": [] }, "files": [ { "path": "registry/status/aesthetic.status.css", "type": "registry:file", "target": "~/aesthetic.status.css", "content": "/* aesthetic status v0.25.0 — generated by scripts/build-registry.mjs. */\n@import './aesthetic.base.css';\n\n:root {\n --ae-ok: #15714b;\n --ae-warn: #8a5f32;\n --ae-err: #a84138;\n --ae-ok-dark: #6fd2a8;\n --ae-warn-dark: #c49d72;\n --ae-err-dark: #e58379;\n --ae-space-2: 0.5em;\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not(.light):not([data-ae-mode='light']) {\n --ae-ok: var(--ae-ok-dark);\n --ae-warn: var(--ae-warn-dark);\n --ae-err: var(--ae-err-dark);\n }\n}\n\n.light,\n[data-ae-mode='light'] {\n color-scheme: light;\n}\n\n:root.dark,\n:root[data-ae-mode='dark'] {\n color-scheme: dark;\n --ae-ok: var(--ae-ok-dark);\n --ae-warn: var(--ae-warn-dark);\n --ae-err: var(--ae-err-dark);\n}\n\n.ae-icon {\nwidth: 1.2em;\n height: 1.2em;\n stroke: currentColor;\n stroke-width: 1.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n vertical-align: -0.2em;\n}\n\n.ae-status {\ndisplay: inline-flex;\n align-items: baseline;\n gap: var(--ae-space-2);\n color: var(--ae-ink);\n}\n\n.ae-status .ae-icon {\nflex: none;\n}\n\n.ae-status-label {\ncolor: var(--ae-ink);\n}\n\nbutton.ae-status {\nbackground: none;\n border: 0;\n padding: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n text-align: left;\n}\n\n.ae-ok {\ncolor: var(--ae-ok);\n}\n\n.ae-warn {\ncolor: var(--ae-warn);\n}\n\n.ae-err {\ncolor: var(--ae-err);\n}\n" } ] }