{"_id":"@aditya-karedla/tokens","name":"@aditya-karedla/tokens","dist-tags":{"latest":"0.1.0-alpha.1"},"versions":{"0.1.0-alpha.1":{"name":"@aditya-karedla/tokens","version":"0.1.0-alpha.1","description":"Design tokens for Nova UI component library","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.js","types":"./dist/index.d.ts"},"./colors":{"import":"./dist/colors.mjs","require":"./dist/colors.js","types":"./dist/colors.d.ts"}},"sideEffects":false,"devDependencies":{"tsup":"^8.0.2","typescript":"^5.3.3"},"repository":{"type":"git","url":"git+https://github.com/adityakaredla/nova.git"},"keywords":["design-tokens","colors","design-system","typescript","tailwind"],"license":"MIT","publishConfig":{"access":"public"},"scripts":{"build":"tsup","dev":"tsup --watch","type-check":"tsc --noEmit","clean":"rm -rf dist"},"_id":"@aditya-karedla/tokens@0.1.0-alpha.1","bugs":{"url":"https://github.com/adityakaredla/nova/issues"},"homepage":"https://github.com/adityakaredla/nova#readme","_integrity":"sha512-eUB9PO/A3WToKYHl8TrcXWgGwsUCXhSh3hahIBAVX6Pw2TY+yg47DeK+xX9BhiRS38FEK95hTDTAhS1kUvLPiQ==","_resolved":"/private/var/folders/w4/h0lpjrkn14gfc66mhld_ryjh0000gn/T/c93dfc6b3a8743120782fc1fb2b7ff7d/aditya-karedla-tokens-0.1.0-alpha.1.tgz","_from":"file:aditya-karedla-tokens-0.1.0-alpha.1.tgz","_nodeVersion":"20.19.3","_npmVersion":"10.8.2","dist":{"integrity":"sha512-eUB9PO/A3WToKYHl8TrcXWgGwsUCXhSh3hahIBAVX6Pw2TY+yg47DeK+xX9BhiRS38FEK95hTDTAhS1kUvLPiQ==","shasum":"ffc7ca9853137bff693fd5f5bfd18097d372f506","tarball":"https://registry.npmjs.org/@aditya-karedla/tokens/-/tokens-0.1.0-alpha.1.tgz","fileCount":13,"unpackedSize":38442,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEMCIGQrxNx6bfyFhuZvxMPkomLEx0WcDamkt6AFnHd426NAAh9ulkfIiBORU9NQ9YEAJvAYRXSL/OXCNf88Vtql5Qrh"}]},"_npmUser":{"name":"aditya-karedla","email":"aditya.official1302@gmail.com"},"directories":{},"maintainers":[{"name":"aditya-karedla","email":"aditya.official1302@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_0.1.0-alpha.1_1771967575693_0.3582417791172021"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-24T21:12:55.619Z","0.1.0-alpha.1":"2026-02-24T21:12:55.843Z","modified":"2026-02-24T21:12:56.061Z"},"maintainers":[{"name":"aditya-karedla","email":"aditya.official1302@gmail.com"}],"description":"Design tokens for Nova UI component library","homepage":"https://github.com/adityakaredla/nova#readme","keywords":["design-tokens","colors","design-system","typescript","tailwind"],"repository":{"type":"git","url":"git+https://github.com/adityakaredla/nova.git"},"bugs":{"url":"https://github.com/adityakaredla/nova/issues"},"license":"MIT","readme":"# @aditya-karedla/tokens\n\n> Design tokens for the Nova design system\n\nA comprehensive set of design tokens including colors, spacing, typography, and more for building consistent UIs.\n\n## Installation\n\n```bash\nnpm install @aditya-karedla/tokens\n# or\npnpm add @aditya-karedla/tokens\n# or\nyarn add @aditya-karedla/tokens\n```\n\n## Usage\n\n### Colors\n\nAccess the complete color palette optimized for enterprise applications:\n\n```tsx\nimport { colors } from '@aditya-karedla/tokens';\n\n// Primary colors\nconst primaryBlue = colors.primary[500]; // #3b82f6\n\n// Semantic colors\nconst successGreen = colors.success[600];\nconst errorRed = colors.error[600];\nconst warningOrange = colors.warning[500];\nconst infoBlue = colors.info[500];\n\n// Neutral grays\nconst textColor = colors.gray[900];\nconst borderColor = colors.gray[200];\n```\n\n### Complete Color Palette\n\n#### Primary\nProfessional blue palette (50-950 shades)\n\n#### Semantic Colors\n- **Success** - Green tones for positive actions\n- **Error** - Red tones for errors and destructive actions\n- **Warning** - Orange tones for warnings and alerts\n- **Info** - Blue tones for informational messages\n\n#### Neutral\nGray palette with subtle blue tint (50-950 shades)\n\n### Design Tokens\n\nAccess spacing, typography, and other design tokens:\n\n```tsx\nimport { tokens } from '@aditya-karedla/tokens';\n\n// Spacing scale\nconst spacing = tokens.spacing;\n// { xs: '0.25rem', sm: '0.5rem', md: '1rem', ... }\n\n// Border radius\nconst radius = tokens.borderRadius;\n// { sm: '0.25rem', md: '0.5rem', lg: '0.75rem', ... }\n\n// Typography\nconst fontSize = tokens.fontSize;\n// { xs: '0.75rem', sm: '0.875rem', base: '1rem', ... }\n\n// Shadows\nconst shadow = tokens.shadows;\n// { sm: '...', md: '...', lg: '...', ... }\n```\n\n### Importing Specific Color Sets\n\n```tsx\nimport { colors } from '@aditya-karedla/tokens/colors';\n\nconst { primary, success, error, warning, info, gray } = colors;\n```\n\n## Token Categories\n\n### Colors\n- Primary (Blue)\n- Gray (Neutral)\n- Success (Green)\n- Error (Red)\n- Warning (Orange)\n- Info (Blue)\n\n### Spacing\nConsistent spacing scale from `xs` to `3xl`\n\n### Typography\n- Font sizes\n- Font weights\n- Line heights\n- Letter spacing\n\n### Border Radius\nConsistent corner radius values\n\n### Shadows\nElevation system with multiple shadow levels\n\n## Color Philosophy\n\nAll colors in the Nova design system are:\n- **WCAG 2.1 AA Compliant** - Ensuring sufficient contrast ratios\n- **Professionally Calibrated** - Optimized for enterprise applications\n- **Harmonious** - Carefully selected to work well together\n- **Accessible** - Designed with color blindness considerations\n\n## TypeScript\n\nAll tokens are fully typed with TypeScript:\n\n```tsx\nimport type { Colors, Tokens } from '@aditya-karedla/tokens';\n```\n\n## Usage with Tailwind CSS\n\nThese tokens are designed to integrate seamlessly with Tailwind CSS. Reference the colors in your Tailwind configuration:\n\n```js\n// tailwind.config.js\nimport { colors } from '@aditya-karedla/tokens';\n\nexport default {\n  theme: {\n    extend: {\n      colors: {\n        primary: colors.primary,\n        success: colors.success,\n        // ...\n      }\n    }\n  }\n}\n```\n\n## Related Packages\n\n- [@aditya-karedla/core](../core) - Core UI components that use these tokens\n- [@aditya-karedla/hooks](../hooks) - Reusable React hooks\n\n## License\n\nMIT © Aditya Karedla\n","readmeFilename":"README.md","_rev":"1-6e7599fa2e462d5ee55910c63519ba0e"}