{"_id":"@amplify-ai/tokens-studio","_rev":"4-b96d9171a5f63665fb75d827ce4b7f90","name":"@amplify-ai/tokens-studio","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@amplify-ai/tokens-studio","version":"1.0.0","_id":"@amplify-ai/tokens-studio@1.0.0","maintainers":[{"name":"apaksh","email":"apaksh@oneimpression.io"}],"dist":{"shasum":"d4965ef8950bcff4699f689dfdfa3866f503a455","tarball":"https://registry.npmjs.org/@amplify-ai/tokens-studio/-/tokens-studio-1.0.0.tgz","fileCount":9,"integrity":"sha512-oPRdXjUa9f/hL3OoCZArQYDXp9XzZ6k4D7srGmWaKZTsN5e7DCgtylazN4ouxM7csmKLlqX6KHZr3zlsRKC6uQ==","signatures":[{"sig":"MEQCIHW5ndX3aGK2RYwJt2GDB5EE3mXKY8gABFu2cNg9U7OwAiAY+bKdjLM/J5QhJ6kkLPe6OoUaCmivHwFv2Ix7P9cdQQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":61643},"main":"dist/tokens.js","exports":{".":"./dist/tokens.js","./js":"./dist/tokens.js","./css":"./dist/variables.css","./json":"./dist/tokens.json","./scss":"./dist/variables.scss","./tailwind":"./dist/tailwind.css"},"gitHead":"920696b05e3591f1d093bbd46e90c42790670550","scripts":{"build":"node build.js"},"_npmUser":{"name":"apaksh","email":"apaksh@oneimpression.io"},"_npmVersion":"11.11.0","description":"Amplify Magic Studio design tokens — Studio cockpit chrome, mirror/Map-mode voices, status scale; consumed only by studio.amplify.club","directories":{},"_nodeVersion":"24.14.1","dependencies":{"@amplify-ai/tokens-foundation":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"style-dictionary":"^4.3.0"},"_npmOperationalInternal":{"tmp":"tmp/tokens-studio_1.0.0_1778153143202_0.4748069755804303","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@amplify-ai/tokens-studio","version":"1.0.1","_id":"@amplify-ai/tokens-studio@1.0.1","maintainers":[{"name":"apaksh","email":"apaksh@oneimpression.io"}],"dist":{"shasum":"d70852501d1e9d66ed81ca8bcfd5da8b1b0e3a38","tarball":"https://registry.npmjs.org/@amplify-ai/tokens-studio/-/tokens-studio-1.0.1.tgz","fileCount":9,"integrity":"sha512-tre4tYM8sizEjyqm1L1vPbGEmhYvjHROYPxDbbkXunoIzuaiqlB1ldiss8Cy/w1G6i9GLQ2qiJ3ifsY5vyzLlg==","signatures":[{"sig":"MEYCIQCR6sUH4zvCSM6hWZIG9jebWExjXNbUnFM9ipCA2EZeIAIhAL2BRfk30VPZ1PyRKPEL1P9s2eLuT0w1gi/jDnR4MYBv","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":64234},"main":"dist/tokens.js","exports":{".":"./dist/tokens.js","./js":"./dist/tokens.js","./css":"./dist/variables.css","./json":"./dist/tokens.json","./scss":"./dist/variables.scss","./tailwind":"./dist/tailwind.css"},"scripts":{"build":"node build.js"},"_npmUser":{"name":"apaksh","email":"apaksh@oneimpression.io"},"_npmVersion":"11.11.0","description":"Amplify Magic Studio design tokens — Studio cockpit chrome, mirror/Map-mode voices, status scale; consumed only by studio.amplify.club","directories":{},"_nodeVersion":"24.14.1","dependencies":{"@amplify-ai/tokens-foundation":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"style-dictionary":"^4.3.0"},"_npmOperationalInternal":{"tmp":"tmp/tokens-studio_1.0.1_1778267141359_0.6560186747700085","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@amplify-ai/tokens-studio","version":"1.0.2","_id":"@amplify-ai/tokens-studio@1.0.2","maintainers":[{"name":"apaksh","email":"apaksh@oneimpression.io"}],"dist":{"shasum":"4a18a1e33f3c2310a8de13fa962875a22c896ecd","tarball":"https://registry.npmjs.org/@amplify-ai/tokens-studio/-/tokens-studio-1.0.2.tgz","fileCount":9,"integrity":"sha512-qnOv8y/VrqxNfUDRFrU3QdWWgXwG0YKRTuz3cEed0k9F9D2Np2TpfRIrVjK6RqAmSVrVFTL73g1tcyRI8ay7Ug==","signatures":[{"sig":"MEQCIFXD77BTQSdVFSh8Ydehj4X+W7ow3Z8VcVEPBHs6JbbzAiBwA4lP8lZu/1yMd8OOAWtwuys6Q1MBCp/IrzdGezSGqg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":65313},"main":"dist/tokens.js","exports":{".":"./dist/tokens.js","./js":"./dist/tokens.js","./css":"./dist/variables.css","./json":"./dist/tokens.json","./scss":"./dist/variables.scss","./tailwind":"./dist/tailwind.css"},"scripts":{"build":"node build.js"},"_npmUser":{"name":"apaksh","email":"apaksh@oneimpression.io"},"_npmVersion":"11.11.0","description":"Amplify Magic Studio design tokens — Studio cockpit chrome, mirror/Map-mode voices, status scale; consumed only by studio.amplify.club","directories":{},"_nodeVersion":"24.14.1","dependencies":{"@amplify-ai/tokens-foundation":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"style-dictionary":"^4.3.0"},"_npmOperationalInternal":{"tmp":"tmp/tokens-studio_1.0.2_1778269288154_0.12450856231653917","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@amplify-ai/tokens-studio","version":"1.0.3","description":"Amplify Magic Studio design tokens — Studio cockpit chrome, mirror/Map-mode voices, status scale; consumed only by studio.amplify.club","main":"dist/tokens.js","exports":{"./css":"./dist/variables.css","./scss":"./dist/variables.scss","./tailwind":"./dist/tailwind.css","./json":"./dist/tokens.json","./js":"./dist/tokens.js",".":"./dist/tokens.js"},"scripts":{"build":"node build.js"},"dependencies":{"@amplify-ai/tokens-foundation":"^2.1.0"},"devDependencies":{"style-dictionary":"^4.3.0"},"_id":"@amplify-ai/tokens-studio@1.0.3","_nodeVersion":"24.14.1","_npmVersion":"11.11.0","dist":{"integrity":"sha512-jsz+P8+3dTzGLT5NruFAPPHwQUUGAnzytDF3gjF2DLiB4KgnuhEmVzgO374c/Y77OE5lLH9lLPwOx96I1K4ebg==","shasum":"bcd5ac441874980c00c3f21578f6bc1337e6cc97","tarball":"https://registry.npmjs.org/@amplify-ai/tokens-studio/-/tokens-studio-1.0.3.tgz","fileCount":9,"unpackedSize":76948,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIBWL8TKBESyXuEl2+gKUaZBce19uq/CJph1Pu8JEbdDJAiBQ/MWEp7OwR9pHbjJ3HZ13Z2tkQJbURGy7BWYknFusYw=="}]},"_npmUser":{"name":"apaksh","email":"apaksh@oneimpression.io"},"directories":{},"maintainers":[{"name":"apaksh","email":"apaksh@oneimpression.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens-studio_1.0.3_1778322211872_0.8283001741929543"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-07T11:25:43.120Z","modified":"2026-05-09T10:23:32.149Z","1.0.0":"2026-05-07T11:25:43.421Z","1.0.1":"2026-05-08T19:05:41.508Z","1.0.2":"2026-05-08T19:41:28.308Z","1.0.3":"2026-05-09T10:23:32.005Z"},"description":"Amplify Magic Studio design tokens — Studio cockpit chrome, mirror/Map-mode voices, status scale; consumed only by studio.amplify.club","maintainers":[{"name":"apaksh","email":"apaksh@oneimpression.io"}],"readme":"# @amplify-ai/tokens-studio\n\nStudio-specific design tokens — used only by `studio.amplify.club`. Inherits primitives from tokens-foundation; layers Studio cockpit semantics on top.\n\n## What's in here\n\n- **Cockpit chrome** (`--amp-studio-theme-color-{bg,fg,muted,border,accent}`) — the 5 surface/text/border/accent semantics that the `--studio-*` consumer aliases resolve to.\n- **Layout dimensions** (`--amp-studio-theme-layout-{toolbar-h,drawer-h,drawer-h-open,pane-left-w}`) — the 4 chrome heights/widths that are intentional raw `px` per `magic-studio/CLAUDE.md` Rule 2.\n- **Mirror / Map-mode voices** (`--amp-studio-theme-map-voice-{pixel,aria,heimdall,atlas,sentinel,penny,zara}`) — per-agent voice colours surfaced in the Council rail.\n- **Status scale** (`--amp-studio-status-{success,warning,error}` + `-bg` variants) — replaces the 10 raw hex literals (`#10b981`, `#f59e0b`, `#d4524d`, …) called out in the Phase-0 audit.\n\n## Usage\n\n```css\n/* magic-studio/src/app/globals.css */\n@import \"@amplify-ai/tokens-studio/css\";\n\n:root {\n  /* Phase-D consumer aliases — keep byte-identical to avoid touching ~282 use sites. */\n  --studio-bg:             var(--amp-studio-theme-color-bg);\n  --studio-fg:             var(--amp-studio-theme-color-fg);\n  --studio-muted:          var(--amp-studio-theme-color-muted);\n  --studio-border:         var(--amp-studio-theme-color-border);\n  --studio-accent:         var(--amp-studio-theme-color-accent);\n  --studio-toolbar-h:      var(--amp-studio-theme-layout-toolbar-h);\n  --studio-drawer-h:       var(--amp-studio-theme-layout-drawer-h);\n  --studio-drawer-h-open:  var(--amp-studio-theme-layout-drawer-h-open);\n  --studio-pane-left-w:    var(--amp-studio-theme-layout-pane-left-w);\n\n  --mirror-voice-pixel:    var(--amp-studio-theme-map-voice-pixel);\n  --mirror-voice-aria:     var(--amp-studio-theme-map-voice-aria);\n  --mirror-voice-heimdall: var(--amp-studio-theme-map-voice-heimdall);\n  --mirror-voice-atlas:    var(--amp-studio-theme-map-voice-atlas);\n  --mirror-voice-sentinel: var(--amp-studio-theme-map-voice-sentinel);\n  --mirror-voice-penny:    var(--amp-studio-theme-map-voice-penny);\n  --mirror-voice-zara:     var(--amp-studio-theme-map-voice-zara);\n}\n```\n\nStatus badges then reference `var(--amp-studio-status-success)` etc. directly — no consumer alias needed because they're new (replacing raw hex).\n\n## Outputs\n\n`build.js` delegates to the shared `scripts/build-tokens.js` and emits five artifacts under `dist/`:\n\n| File | Purpose |\n|---|---|\n| `variables.css`  | CSS custom properties for `:root` + `[data-theme=\"dark\"]` overrides |\n| `variables.scss` | Same tokens as SCSS variables |\n| `tokens.json`    | Flat JSON map (machine-consumable) |\n| `tokens.js`      | ES-module exports (camelCase) |\n| `tailwind.css`   | Tailwind v4 `@theme` preset |\n\n## Provenance\n\nThe 16 lifted variables were sourced verbatim from the Phase-0 token audit\n(`magic-studio/docs/audits/phase-0-tokens.md`). Phase D in `magic-studio` swaps the in-repo\n`:root { --studio-* / --mirror-* }` definitions for an `@import \"@amplify-ai/tokens-studio/css\"`\nplus the consumer-alias block above.\n","readmeFilename":"README.md"}