{"_id":"@ananse/tokens","name":"@ananse/tokens","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@ananse/tokens","version":"0.1.0","description":"CSS variables and Tailwind preset for the Ananse design system.","license":"MIT","repository":{"type":"git","url":"git+https://github.com/pkdadson/ananse.git","directory":"packages/tokens"},"homepage":"https://github.com/pkdadson/ananse#readme","bugs":{"url":"https://github.com/pkdadson/ananse/issues"},"type":"module","main":"./src/index.ts","types":"./src/index.ts","sideEffects":["**/*.css"],"keywords":["design-tokens","css-variables","tailwind","org-chart","theme"],"exports":{".":"./src/index.ts","./variables.css":"./src/variables.css","./tailwind":"./src/tailwind.ts"},"publishConfig":{"access":"public"},"peerDependencies":{"tailwindcss":">=3.4.0"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"devDependencies":{"tailwindcss":"^3.4.0"},"_id":"@ananse/tokens@0.1.0","_integrity":"sha512-2SqNtisNMdpWociKAdjIkie+gOVkeqSFO4OoCn9fo+RLZSWEnyLEmQTf2yL5E3Ya4OlbOWV46uepuegWlQq1WQ==","_resolved":"/private/var/folders/_3/ykl5dwwd19s2y_f7f51j5tr80000gn/T/fdcb91bb24e57786885a6998d09a2433/ananse-tokens-0.1.0.tgz","_from":"file:ananse-tokens-0.1.0.tgz","_nodeVersion":"22.17.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-2SqNtisNMdpWociKAdjIkie+gOVkeqSFO4OoCn9fo+RLZSWEnyLEmQTf2yL5E3Ya4OlbOWV46uepuegWlQq1WQ==","shasum":"5f6efa61bc3f7f35cabc0bd5a889df7af5ddc884","tarball":"https://registry.npmjs.org/@ananse/tokens/-/tokens-0.1.0.tgz","fileCount":6,"unpackedSize":8560,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFeyJ59n/IPOzriCBxw4yvDnt4WS2Q2Z2I6z78yKgIR3AiEA+PXdMP+v8S/XmkFNGzABnrc/I6c4e/mrlvhxe/Eoxm4="}]},"_npmUser":{"name":"pkdadson","email":"pddadson@gmail.com"},"directories":{},"maintainers":[{"name":"pkdadson","email":"pddadson@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_0.1.0_1785441893481_0.6642597431975505"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-30T20:04:52.984Z","0.1.0":"2026-07-30T20:04:53.631Z","modified":"2026-07-30T20:04:54.360Z"},"maintainers":[{"name":"pkdadson","email":"pddadson@gmail.com"}],"description":"CSS variables and Tailwind preset for the Ananse design system.","homepage":"https://github.com/pkdadson/ananse#readme","keywords":["design-tokens","css-variables","tailwind","org-chart","theme"],"repository":{"type":"git","url":"git+https://github.com/pkdadson/ananse.git","directory":"packages/tokens"},"bugs":{"url":"https://github.com/pkdadson/ananse/issues"},"license":"MIT","readme":"# @ananse/tokens\n\n[![npm](https://img.shields.io/npm/v/@ananse/tokens.svg)](https://www.npmjs.com/package/@ananse/tokens)\n[![downloads](https://img.shields.io/npm/dm/@ananse/tokens.svg)](https://www.npmjs.com/package/@ananse/tokens)\n[![bundle size](https://img.shields.io/bundlephobia/minzip/@ananse/tokens)](https://bundlephobia.com/package/@ananse/tokens)\n[![license](https://img.shields.io/npm/l/@ananse/tokens.svg)](https://github.com/pkdadson/ananse/blob/main/LICENSE)\n\nDesign tokens for Ananse: CSS variables and a Tailwind preset.\n\n## Install\n\n```bash\npnpm add @ananse/tokens\n```\n\n## CSS variables\n\nImport once at the root of your app:\n\n```ts\nimport \"@ananse/tokens/variables.css\";\n```\n\nIncludes:\n\n- Surface: `--ananse-bg`, `--ananse-node-bg`, `--ananse-node-border`, text colors, radius, shadows\n- Edges: `--ananse-edge-color`, `--ananse-edge-highlight`\n- Focus / selection rings\n- Department accent colors (`--ananse-dept-*`)\n- Role styles (executive, vacant)\n- Badge colors: remote, hybrid, onsite, contractor, intern, tenure\n\n### Dark theme\n\nSet `data-theme=\"dark\"` on `` (or any ancestor). Variables under `[data-theme=\"dark\"]` override the light defaults.\n\n```html\n\n```\n\n## Tailwind preset\n\n```ts\n// tailwind.config.ts\nimport type { Config } from \"tailwindcss\";\nimport anansePreset from \"@ananse/tokens/tailwind\";\n\nexport default {\n presets: [anansePreset],\n content: [\"./src/**/*.{ts,tsx}\"],\n} satisfies Config;\n```\n\nUtility colors map to the same CSS variables (e.g. `bg-ananse-node`, `text-ananse-node-text`, `border-ananse-node-border`).\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-44dd2a002b4c318531159e10c67cf57b"}