{"_id":"@aginies/tokens","_rev":"2-591021b0c36b0548abbf75c5aede884d","name":"@aginies/tokens","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"@aginies/tokens","version":"0.1.0","keywords":["aginies","design-tokens","design-system","tailwind","css-variables"],"author":"Abra Partners","license":"MIT","_id":"@aginies/tokens@0.1.0","maintainers":[{"name":"oguzhankarahan","email":"oguzhankarahan.tr@gmail.com"}],"homepage":"https://www.aginies.com","dist":{"shasum":"4ac9d8236c15ec697c50c5c13c0e6a27433513cf","tarball":"https://registry.npmjs.org/@aginies/tokens/-/tokens-0.1.0.tgz","fileCount":17,"integrity":"sha512-Hc0rA8qLf31F0ssqTL3li8SX+T7DJDSewHiphO4WNoKvrd8DwhsjJjeU42tAJaa2tEvgNyalHpkwZa1qCKEB5w==","signatures":[{"sig":"MEUCIAF5HVlaMsS9uNH3BVqiqbd8SUydCQv6KNXxrPFB4sVuAiEAvDeFbl6iqEHhrMz/CK6DRucMRiK0UCbWP2qeDDMwZt0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":186109},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","shasum":"4ac9d8236c15ec697c50c5c13c0e6a27433513cf","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./tokens.css":"./dist/tokens.css","./tokens.json":"./dist/tokens.json","./tailwind-preset":{"types":"./dist/preset.d.ts","import":"./dist/preset.js","require":"./dist/preset.cjs"},"./legacy-bridge.css":"./dist/legacy-bridge.css"},"scripts":{"test":"vitest run --passWithNoTests","build":"tsup && node --experimental-strip-types --no-warnings src/build.ts","generate":"node --experimental-strip-types --no-warnings src/build.ts","type-check":"tsc --noEmit","sync:platform":"node --experimental-strip-types --no-warnings scripts/sync-platform.ts"},"_npmUser":{"name":"oguzhankarahan","email":"oguzhankarahan.tr@gmail.com"},"_integrity":"sha512-Hc0rA8qLf31F0ssqTL3li8SX+T7DJDSewHiphO4WNoKvrd8DwhsjJjeU42tAJaa2tEvgNyalHpkwZa1qCKEB5w==","repository":{"url":"https://github.com/abrapartners/agiwebuikit.git","type":"git","directory":"packages/tokens"},"_npmVersion":"10.8.3","description":"Aginies design tokens: CSS custom properties, JSON and a Tailwind CSS preset","directories":{},"sideEffects":["*.css"],"_nodeVersion":"24.3.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.17"},"peerDependencies":{"tailwindcss":">=3.4.0 <4"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/tokens_0.1.0_1789207190765_0.9736800684958937","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"_id":"@aginies/tokens@0.2.0","dist":{"shasum":"bb0c08333995331e3421ec70773ee8020c0f14ea","tarball":"https://registry.npmjs.org/@aginies/tokens/-/tokens-0.2.0.tgz","fileCount":17,"integrity":"sha512-dHTUBWWBF7DaXxY/1bE2YEDIOk+B59RKsWNcmQhMaIDIPyRYHLWggi/qQUNznpkttglyPb7qriwgAvrgf4V44A==","signatures":[{"sig":"MEQCIHExRUfakKX9+OjUs0lyI+X4UxYQok+zlJmLExi7ETM6AiBTkCdkHbGhQ6fDxlEq/+oxu7yxVVZyh4Hd44403oTHMA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIEBZeQIBBUjysdFg5LN99selIzeQSmsLf8O5oiqS71i4AiEAzBVUqcUE5fR7YqeFqBjQAoAJYE0SGhp6bwfpOS5kv+I="}],"unpackedSize":191687},"main":"./dist/index.cjs","name":"@aginies/tokens","type":"module","types":"./dist/index.d.ts","author":"Abra Partners","module":"./dist/index.js","shasum":"bb0c08333995331e3421ec70773ee8020c0f14ea","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./tokens.css":"./dist/tokens.css","./tokens.json":"./dist/tokens.json","./tailwind-preset":{"types":"./dist/preset.d.ts","import":"./dist/preset.js","require":"./dist/preset.cjs"},"./legacy-bridge.css":"./dist/legacy-bridge.css"},"license":"MIT","scripts":{"test":"vitest run --passWithNoTests","build":"tsup && node --experimental-strip-types --no-warnings src/build.ts","generate":"node --experimental-strip-types --no-warnings src/build.ts","type-check":"tsc --noEmit"},"version":"0.2.0","_npmUser":{"name":"oguzhankarahan","email":"oguzhankarahan.tr@gmail.com"},"homepage":"https://www.aginies.com","keywords":["aginies","design-tokens","design-system","tailwind","css-variables"],"_integrity":"sha512-dHTUBWWBF7DaXxY/1bE2YEDIOk+B59RKsWNcmQhMaIDIPyRYHLWggi/qQUNznpkttglyPb7qriwgAvrgf4V44A==","repository":{"url":"https://github.com/abrapartners/agiwebuikit.git","type":"git","directory":"packages/tokens"},"_npmVersion":"10.8.3","description":"Aginies design tokens: CSS custom properties, JSON and a Tailwind CSS preset","directories":{},"maintainers":[{"name":"oguzhankarahan","email":"oguzhankarahan.tr@gmail.com"}],"sideEffects":["*.css"],"_nodeVersion":"24.3.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tailwindcss":"^3.4.17"},"peerDependencies":{"tailwindcss":">=3.4.0 <4"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_0.2.0_1790619208771_0.5681709731088294"}}},"time":{"created":"2026-09-12T09:59:50.515Z","modified":"2026-09-28T18:13:29.079Z","0.1.0":"2026-09-12T09:59:50.911Z","0.2.0":"2026-09-28T18:13:28.911Z"},"author":"Abra Partners","license":"MIT","homepage":"https://www.aginies.com","keywords":["aginies","design-tokens","design-system","tailwind","css-variables"],"repository":{"url":"https://github.com/abrapartners/agiwebuikit.git","type":"git","directory":"packages/tokens"},"description":"Aginies design tokens: CSS custom properties, JSON and a Tailwind CSS preset","maintainers":[{"name":"oguzhankarahan","email":"oguzhankarahan.tr@gmail.com"}],"readme":"# @aginies/tokens\n\nDesign tokens for the Aginies design system: CSS custom properties, a JSON export and a\nTailwind CSS v3 preset. Dark-first, one signal colour, three fonts.\n\n```bash\nnpm install @aginies/tokens\n```\n\n## CSS\n\n```css\n@import '@aginies/tokens/tokens.css';\n```\n\nDark is the default. Add `.light` / `[data-theme=\"light\"]` to the root for the light theme;\nwithout an explicit theme the `prefers-color-scheme` media query decides. A `.room` element\nalways carries the palette opposite to its surroundings.\n\nFonts are not bundled. Load Bricolage Grotesque, Instrument Sans and JetBrains Mono yourself\n(for example the `@fontsource-variable/*` packages) or override `--font-display`,\n`--font-body` and `--font-mono`.\n\n## Tailwind\n\n```js\n// tailwind.config.js\nmodule.exports = {\n  presets: [require('@aginies/tokens/tailwind-preset')],\n}\n```\n\nThe preset provides the design-system names (`bg-panel`, `text-mute`, `border-line-2`,\n`bg-signal`, `text-ok`, `text-bad-300`), remaps the standard palettes (`red`, `amber`,\n`green`, `blue`, `gray`, …) onto the token ramps, and keeps the shadcn/ui semantic names\n(`bg-background`, `text-muted-foreground`, …) working.\n\n## Motion and stacking\n\n`--duration-*` / `--ease-enter` cover UI transitions. The brand loader in `@aginies/webuikit`\nruns on its own tokens so a product can retune it without touching the UI timings:\n`--motion-loader-spin` (6s, one revolution of the ring), `--motion-loader-pulse` (1.8s, one\nheartbeat), `--motion-loader-breathe` (2.6s, one breath) and `--ease-loader`. In Tailwind:\n`duration-loader-spin`, `ease-loader`.\n\nThe z scale is `base 0 · raised 10 · sticky 50 · panel 60 · dropdown 100 · modal 200 ·\ntoast 300`. `panel` is for side panels (artifact, inspector): above sticky bars, under\nmenus and popovers so a dropdown opened from the page still floats over the panel.\n`z-panel` in Tailwind.\n\n## JavaScript\n\n```ts\nimport { palettes, fonts, buildRamp, contrast } from '@aginies/tokens'\n```\n\n## Development\n\n`src/tokens.ts` is the source of truth. `bun run generate` writes `dist/tokens.css`,\n`dist/legacy-bridge.css` and `dist/tokens.json`.\n","readmeFilename":"README.md"}