{"_id":"@codeforward/tokens","name":"@codeforward/tokens","dist-tags":{"latest":"2.0.0"},"versions":{"2.0.0":{"name":"@codeforward/tokens","version":"2.0.0","description":"Design tokens for Codeward UI — colors, typography, spacing","license":"MIT","author":{"name":"Vitor Medina"},"keywords":["design-tokens","css-variables","react","tailwindcss","design-system","codeward"],"repository":{"type":"git","url":"git+https://github.com/Codeward-Enterprise/Codeward-library.git","directory":"packages/tokens"},"homepage":"https://github.com/Codeward-Enterprise/Codeward-library#readme","bugs":{"url":"https://github.com/Codeward-Enterprise/Codeward-library/issues"},"engines":{"node":">=20"},"private":false,"sideEffects":["./dist/tokens.css"],"main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles":"./dist/tokens.css"},"publishConfig":{"registry":"https://registry.npmjs.org","access":"public"},"scripts":{"build":"tsup","dev":"tsup --watch","lint":"biome check .","test":"vitest run"},"_id":"@codeforward/tokens@2.0.0","_integrity":"sha512-j1QVa3ngH8eAnsbVIuSQqteFwuzi8ks07xYQqe42beGUDJfZ8e3YzcnRgfOBT+rtXWzgRoOAmxaZBoWjKNOUhw==","_resolved":"/tmp/dea54553986918947f162813c4c98c25/codeforward-tokens-2.0.0.tgz","_from":"file:codeforward-tokens-2.0.0.tgz","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-j1QVa3ngH8eAnsbVIuSQqteFwuzi8ks07xYQqe42beGUDJfZ8e3YzcnRgfOBT+rtXWzgRoOAmxaZBoWjKNOUhw==","shasum":"d1c2da78f672ca9e779804325e7a50fd4a1716fa","tarball":"https://registry.npmjs.org/@codeforward/tokens/-/tokens-2.0.0.tgz","fileCount":10,"unpackedSize":43239,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@codeforward%2ftokens@2.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCID/jeSxrAWz3rO8MyMOmwPiabe96JWMiNxj8SRAnS+MuAiAkpRrEBRIKWwYvjbzn6+8qG51+RtJ8i6ueDoiKzcQ28g=="}]},"_npmUser":{"name":"codeforward","email":"codeward.dev@gmail.com"},"directories":{},"maintainers":[{"name":"codeforward","email":"codeward.dev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_2.0.0_1779329825529_0.12818857052625154"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-21T02:17:05.404Z","2.0.0":"2026-05-21T02:17:05.672Z","modified":"2026-05-21T02:17:06.012Z"},"maintainers":[{"name":"codeforward","email":"codeward.dev@gmail.com"}],"description":"Design tokens for Codeward UI — colors, typography, spacing","homepage":"https://github.com/Codeward-Enterprise/Codeward-library#readme","keywords":["design-tokens","css-variables","react","tailwindcss","design-system","codeward"],"repository":{"type":"git","url":"git+https://github.com/Codeward-Enterprise/Codeward-library.git","directory":"packages/tokens"},"author":{"name":"Vitor Medina"},"bugs":{"url":"https://github.com/Codeward-Enterprise/Codeward-library/issues"},"license":"MIT","readme":"# @codeforward/tokens\n\nDesign tokens for Codeward UI — colors, typography, spacing, radii and shadows as JavaScript constants and CSS custom properties.\n\n## Installation\n\n```sh\nnpm install @codeforward/tokens\n# or\npnpm add @codeforward/tokens\n```\n\n## Usage\n\n### CSS variables (recommended with Tailwind)\n\nImport the generated stylesheet once at the root of your app:\n\n```ts\nimport \"@codeforward/tokens/styles\";\n```\n\nThis injects CSS custom properties such as `--primary`, `--accent`, `--font-sans`, `--spacing-4`, etc. that Tailwind utility classes reference.\n\n### JavaScript / TypeScript\n\n```ts\nimport { colors, semanticColors, typography, spacing, radii, shadows } from \"@codeforward/tokens\";\n\nconsole.log(colors.navy[700]);   // \"#0A2540\"\nconsole.log(colors.mint[500]);   // \"#00D4B8\"\nconsole.log(typography.fontSans); // \"Inter, sans-serif\"\n```\n\n## Brand tokens\n\n| Token | Value | Usage |\n|---|---|---|\n| `colors.navy[700]` | `#0A2540` | Primary — backgrounds, headings |\n| `colors.mint[500]` | `#00D4B8` | Accent — CTAs, highlights |\n| `typography.fontSans` | `Inter` | Body and UI text |\n| `typography.fontMono` | `JetBrains Mono` | Code and monospaced text |\n\n## License\n\nMIT © Vitor Medina\n","readmeFilename":"README.md","_rev":"1-7b0a27b78994fddc8baf15c4657ac997"}