{"_id":"@behaix/tokens","name":"@behaix/tokens","dist-tags":{"latest":"2.0.0"},"versions":{"2.0.0":{"name":"@behaix/tokens","version":"2.0.0","description":"Design tokens for the Behaix design system — CSS custom properties, JSON, and TypeScript constants.","author":{"name":"Saransh Sharma","email":"saransh@behaix.com","url":"https://sransh.com"},"license":"MIT","homepage":"https://github.com/saranshsharma/behaix#readme","repository":{"type":"git","url":"git+https://github.com/saranshsharma/behaix.git","directory":"packages/tokens"},"bugs":{"url":"https://github.com/saranshsharma/behaix/issues"},"keywords":["design-tokens","css-variables","theming","tailwind","design-system","behaix"],"publishConfig":{"access":"public"},"type":"module","sideEffects":["./dist/tokens.css"],"main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./tokens.css":"./dist/tokens.css","./tokens.json":"./dist/tokens.json"},"devDependencies":{"typescript":"^5.7.3"},"scripts":{"build":"tsc -p tsconfig.build.json && cp src/tokens.css dist/tokens.css && cp src/tokens.json dist/tokens.json","typecheck":"tsc -p tsconfig.json"},"_id":"@behaix/tokens@2.0.0","_integrity":"sha512-oA++wn4z1DzRo5FTCae1se82Uk20g3kWVc8ogvFuSqwycTyX263JX1YLhDpjOQGHGxGAEMEeL0hvt0kspLgXwQ==","_resolved":"/private/var/folders/4h/34vxgyj50cx6grmk65bb5ng40000gn/T/40389d9673957f22b380f92e2f481159/behaix-tokens-2.0.0.tgz","_from":"file:behaix-tokens-2.0.0.tgz","_nodeVersion":"24.2.0","_npmVersion":"11.3.0","dist":{"integrity":"sha512-oA++wn4z1DzRo5FTCae1se82Uk20g3kWVc8ogvFuSqwycTyX263JX1YLhDpjOQGHGxGAEMEeL0hvt0kspLgXwQ==","shasum":"78ae3c38d13aa5fdc894a8a921970acc798b3675","tarball":"https://registry.npmjs.org/@behaix/tokens/-/tokens-2.0.0.tgz","fileCount":11,"unpackedSize":20060,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQD06zm0QeIRyeOf55tshN5pSkHlyORH8J4hld2RmByPkwIhAJkhcUXDF/4QSatwILSaSxTFto7aLetd61QR81ppuvk7"}]},"_npmUser":{"name":"sranshh","email":"saransh.sharma998@gmail.com"},"directories":{},"maintainers":[{"name":"sranshh","email":"saransh.sharma998@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_2.0.0_1778436576933_0.9463961930956677"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-10T18:09:36.846Z","2.0.0":"2026-05-10T18:09:37.076Z","modified":"2026-05-10T18:09:37.250Z"},"maintainers":[{"name":"sranshh","email":"saransh.sharma998@gmail.com"}],"description":"Design tokens for the Behaix design system — CSS custom properties, JSON, and TypeScript constants.","homepage":"https://github.com/saranshsharma/behaix#readme","keywords":["design-tokens","css-variables","theming","tailwind","design-system","behaix"],"repository":{"type":"git","url":"git+https://github.com/saranshsharma/behaix.git","directory":"packages/tokens"},"author":{"name":"Saransh Sharma","email":"saransh@behaix.com","url":"https://sransh.com"},"bugs":{"url":"https://github.com/saranshsharma/behaix/issues"},"license":"MIT","readme":"# @behaix/tokens\n\n> Design tokens for the Behaix design system — CSS custom properties, JSON, and TypeScript constants.\n\n## Installation\n\n```bash\nnpm install @behaix/tokens\n# or\npnpm add @behaix/tokens\n# or\nyarn add @behaix/tokens\n```\n\n## Usage\n\n### CSS Variables\nImport the CSS file to make the design tokens available as CSS custom properties in your project.\n\n```javascript\nimport '@behaix/tokens/tokens.css';\n```\n\n### TypeScript/JavaScript Constants\nYou can also import tokens as JavaScript constants for use in CSS-in-JS or logic.\n\n```typescript\nimport { colors, spacing, radius } from '@behaix/tokens';\n\nconsole.log(colors.primary); // var(--color-primary)\n```\n\n### JSON\nFor build tools or cross-platform usage, a JSON version is available.\n\n```json\n{\n  \"colors\": {\n    \"primary\": \"#6d28d9\"\n  }\n}\n```\n\n## Tokens Categories\n- **Colors**: Primary, Success, Danger, Warning, Info, and Neutrals.\n- **Typography**: Font families, sizes, weights, and line heights.\n- **Spacing**: Consistent spacing scale for margins and paddings.\n- **Radius**: Standardized border-radius values.\n- **Shadows**: Elevation levels.\n- **Animations**: Transition durations and easing functions.\n\n## License\nMIT © [Saransh Sharma](https://sransh.com)","readmeFilename":"README.md","_rev":"1-47f0aed20a0c5cb50d1a5dcfb934f67a"}