{"_id":"@avenueticketing/design-config","_rev":"2-9170737af1e80ab60b045e8ccb55efcf","name":"@avenueticketing/design-config","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@avenueticketing/design-config","version":"1.0.0","keywords":["design-tokens","design-system","tailwind","react-native","colors","spacing","typography","ui-tokens"],"author":{"name":"Aditya Pant hey@adityapant.com"},"license":"MIT","_id":"@avenueticketing/design-config@1.0.0","maintainers":[{"name":"adityapant","email":"pantanupam05@gmail.com"}],"homepage":"https://github.com/Avenue-Ticketing-Inc/avenue-design-system#readme","bugs":{"url":"https://github.com/Avenue-Ticketing-Inc/avenue-design-system/issues"},"dist":{"shasum":"749bac02165bed7c18bf27eb9f9b127ba3d229c4","tarball":"https://registry.npmjs.org/@avenueticketing/design-config/-/design-config-1.0.0.tgz","fileCount":6,"integrity":"sha512-FD9XkGq1C0IqJgi88JWO6f8ErBEdqUgpgAM/KVGzAXOBpBybr6J6VvwkJ6ZMefwY4Z1pKNnQjy8xrzPZxkgNPA==","signatures":[{"sig":"MEUCIBZGrySJQgQfox90P4AN4A2/2Uo8dKsIOHfFpbp44an1AiEAjq4wHvL0PEx2+Va/KlptBzwnhXy7+NhBXxIOQnCIKy4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10308},"main":"index.js","gitHead":"b056508eefe27e611775b4644fbf65e82f44b1b2","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"adityapant","email":"pantanupam05@gmail.com"},"repository":{"url":"git+https://github.com/Avenue-Ticketing-Inc/avenue-design-system.git","type":"git"},"_npmVersion":"10.9.3","description":"Centralized design tokens for web (Tailwind CSS) and React Native applications with consistent colors, spacing, typography, and more","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/design-config_1.0.0_1759415401542_0.21735890705729477","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@avenueticketing/design-config","version":"1.0.1","description":"Centralized design tokens for web (Tailwind CSS) and React Native applications with consistent colors, spacing, typography, and more","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["design-tokens","design-system","tailwind","react-native","colors","spacing","typography","ui-tokens"],"author":{"name":"Aditya Pant hey@adityapant.com"},"license":"MIT","private":false,"repository":{"type":"git","url":"git+https://github.com/Avenue-Ticketing-Inc/avenue-design-system.git"},"bugs":{"url":"https://github.com/Avenue-Ticketing-Inc/avenue-design-system/issues"},"homepage":"https://github.com/Avenue-Ticketing-Inc/avenue-design-system#readme","_id":"@avenueticketing/design-config@1.0.1","gitHead":"7e153f3e29eeddd5b79a16e74ae341e51fb86c2e","_nodeVersion":"22.19.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-ezcU/RhIIEzNVYGOW8RFyNcmZ03IffeJ7MzhcPckPahMVb1xAkGe5IHJEPgcY34+ciECovZnyI3/T11zLO5+Pw==","shasum":"fea8250aa10c806c789c7816a17d487ec188c413","tarball":"https://registry.npmjs.org/@avenueticketing/design-config/-/design-config-1.0.1.tgz","fileCount":6,"unpackedSize":10836,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCDQmemdylXYCn+QyI+61ppOsD8JuvB8hAeDZHQcmCN+QIgQGoRSPjH5hgG5SkkbaH19IvaP9vI1pEkm6fSvet0XG4="}]},"_npmUser":{"name":"adityapant","email":"pantanupam05@gmail.com"},"directories":{},"maintainers":[{"name":"adityapant","email":"pantanupam05@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-config_1.0.1_1759416746349_0.7469978261936179"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-02T14:30:01.451Z","modified":"2025-10-02T14:52:26.798Z","1.0.0":"2025-10-02T14:30:01.737Z","1.0.1":"2025-10-02T14:52:26.557Z"},"bugs":{"url":"https://github.com/Avenue-Ticketing-Inc/avenue-design-system/issues"},"author":{"name":"Aditya Pant hey@adityapant.com"},"license":"MIT","homepage":"https://github.com/Avenue-Ticketing-Inc/avenue-design-system#readme","keywords":["design-tokens","design-system","tailwind","react-native","colors","spacing","typography","ui-tokens"],"repository":{"type":"git","url":"git+https://github.com/Avenue-Ticketing-Inc/avenue-design-system.git"},"description":"Centralized design tokens for web (Tailwind CSS) and React Native applications with consistent colors, spacing, typography, and more","maintainers":[{"name":"adityapant","email":"pantanupam05@gmail.com"}],"readme":"# @avenue/design-config\n\nCentralized design tokens for web (Tailwind CSS) and React Native applications with consistent colors, spacing, typography, and more.\n\n## Installation\n\nbash\nnpm install @avenue/design-config\n\n## Usage\n\n### For Web (Tailwind CSS)\n\n```javascript\nconst { tailwindConfig } = require(\"@avenue/design-config\");\n\n// In your tailwind.config.js\nmodule.exports = {\n  ...tailwindConfig,\n  content: [\"./src/**/*.{js,jsx,ts,tsx}\"],\n  // Add your custom overrides here\n};\n```\n\n### For React Native\n\n```javascript\nimport { rnTokens } from \"@avenue/design-config\";\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: rnTokens.colors[\"bg-base\"],\n    padding: rnTokens.spacing.lg,\n    borderRadius: rnTokens.borderRadius.md,\n  },\n  text: {\n    fontSize: rnTokens.typography.base.fontSize,\n    lineHeight: rnTokens.typography.base.lineHeight,\n    color: rnTokens.colors[\"text-strong\"],\n  },\n});\n```\n\n### Raw Design Tokens\n\n```javascript\nconst { tokens } = require(\"@avenue/design-config\");\n\n// Access any token directly\nconsole.log(tokens.colors.violet[500]); // \"#8b5cf6\"\nconsole.log(tokens.spacing.md); // \"8px\"\n```\n\n## Available Tokens\n\n- **Colors**: Neutral, violet, blue, red, yellow, green palettes + semantic colors (background, brand, text, icon, stroke)\n- **Spacing**: Consistent spacing scale from 2px to 176px\n- **Typography**: Font sizes, line heights, and font families\n- **Border**: Border widths and radius values\n- **Shadows**: Box shadow definitions\n- **Dark Mode**: Complete dark mode color variants\n\n## API\n\n### `tokens`\n\nRaw design tokens object with all values as strings (e.g., \"8px\", \"#ffffff\")\n\n### `tailwindConfig`\n\nReady-to-use Tailwind CSS configuration extending the default theme\n\n### `rnTokens`\n\nReact Native optimized tokens with numeric values where appropriate\n\n## License\n\nMIT\n\n# avenue-design-system\ntest\n","readmeFilename":"README.md"}