{"_id":"@aistra/design-system","_rev":"5-261cb5c5a82fb79fb6522a9edb114e79","name":"@aistra/design-system","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@aistra/design-system","version":"1.0.0","keywords":["react","components","design-system","ui-library","typescript","scss","ant-design","storybook"],"author":{"name":"Aniket Mule","email":"aniket.mule@aistra.com"},"license":"MIT","_id":"@aistra/design-system@1.0.0","maintainers":[{"name":"aniket.mule","email":"aniket.mule@aistra.com"}],"homepage":"https://github.com/your-org/design-system#readme","bugs":{"url":"https://github.com/your-org/design-system/issues"},"dist":{"shasum":"8bcb15e058dd8d7efbe675f8be0ea4139d30fab6","tarball":"https://registry.npmjs.org/@aistra/design-system/-/design-system-1.0.0.tgz","fileCount":7,"integrity":"sha512-uZRYlI1zPP14IzIBYtMVhyhZ7f1PF24ztwB2ekELte1k0TAdKTDqsep9hwEAK+BmRZ1AfJTHhMiwPlgZsA4uFw==","signatures":[{"sig":"MEUCIQD01FZv7chMjoN5Ly6nIgSf85s96QqhYvWTaCHsyRK8rgIgKqJIgeQYysM4U89HMprhU7Z57kaMh7mcsnuzrVYR3SQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1830747},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","lint":"eslint .","build":"npm run build:lib","preview":"vite preview","build:lib":"vite build --config vite.config.lib.ts","chromatic":"npx chromatic --project-token=your-project-token","storybook":"storybook dev -p 6006","build:demo":"vite build","publish:npm":"npm publish --access public","prepublishOnly":"npm run build:lib","build-storybook":"storybook build","deploy-storybook":"storybook build && npx serve storybook-static"},"_npmUser":{"name":"aniket.mule","email":"aniket.mule@aistra.com"},"repository":{"url":"git+https://github.com/mule-aniket/design-system.git","type":"git"},"_npmVersion":"10.9.2","description":"A beautiful React component library with SCSS theme system and Ant Design integration","directories":{},"_nodeVersion":"22.16.0","dependencies":{"antd":"^5.12.8","lucide-react":"^0.344.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.70.0","vite":"^5.4.2","eslint":"^9.9.1","globals":"^15.9.0","chromatic":"^11.0.0","storybook":"^8.4.7","@eslint/js":"^9.9.1","typescript":"^5.5.3","tailwindcss":"^3.4.0","@types/react":"^18.3.5","autoprefixer":"^10.4.16","@storybook/test":"^8.4.7","vite-plugin-dts":"^4.0.0","@storybook/react":"^8.4.7","@types/react-dom":"^18.3.0","@storybook/blocks":"^8.4.7","typescript-eslint":"^8.3.0","@vitejs/plugin-react":"^4.3.1","@storybook/react-vite":"^8.4.7","@storybook/addon-links":"^8.4.7","eslint-plugin-react-hooks":"^5.1.0-rc.0","@storybook/addon-essentials":"^8.4.7","eslint-plugin-react-refresh":"^0.4.11","@storybook/addon-interactions":"^8.4.7"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.0.0_1752217403621_0.3064258391120691","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@aistra/design-system","version":"1.0.1","keywords":["react","components","design-system","ui-library","typescript","scss","ant-design","storybook"],"author":{"name":"Aniket Mule","email":"aniket.mule@aistra.com"},"license":"MIT","_id":"@aistra/design-system@1.0.1","maintainers":[{"name":"aniket.mule","email":"aniket.mule@aistra.com"}],"homepage":"https://github.com/aistra/design-system#readme","bugs":{"url":"https://github.com/aistra/design-system/issues"},"dist":{"shasum":"9534e86ef761752b0409a71f653640e8d1e1af94","tarball":"https://registry.npmjs.org/@aistra/design-system/-/design-system-1.0.1.tgz","fileCount":7,"integrity":"sha512-rggEwEKgcPdAgZyOZz2p4bhQexW3+29mHKLFoijpAyT3O3OgCmQFuq/XgFBbPrEnX90b4tlpvoWC2aHV/SRq8g==","signatures":[{"sig":"MEUCIQDUXrvNg9KId3EkxQ5cGjjXPcPZ76gk3bUXJvd7h13I7QIgNtkBCNWuV5EkiQbWdJ51gWDAocR0zPocmpbeflekh0s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1830738},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","lint":"eslint .","build":"npm run build:lib","preview":"vite preview","build:lib":"vite build --config vite.config.lib.ts","chromatic":"npx chromatic --project-token=your-project-token","storybook":"storybook dev -p 6006","build:demo":"vite build","publish:npm":"npm publish --access public","prepublishOnly":"npm run build:lib","build-storybook":"storybook build","deploy-storybook":"storybook build && npx serve storybook-static"},"_npmUser":{"name":"aniket.mule","email":"aniket.mule@aistra.com"},"repository":{"url":"git+https://github.com/aistra/design-system.git","type":"git"},"_npmVersion":"10.9.2","description":"A beautiful React component library with SCSS theme system and Ant Design integration","directories":{},"_nodeVersion":"22.16.0","dependencies":{"antd":"^5.12.8","lucide-react":"^0.344.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.70.0","vite":"^5.4.2","eslint":"^9.9.1","globals":"^15.9.0","chromatic":"^11.0.0","storybook":"^8.4.7","@eslint/js":"^9.9.1","typescript":"^5.5.3","tailwindcss":"^3.4.0","@types/react":"^18.3.5","autoprefixer":"^10.4.16","@storybook/test":"^8.4.7","vite-plugin-dts":"^4.0.0","@storybook/react":"^8.4.7","@types/react-dom":"^18.3.0","@storybook/blocks":"^8.4.7","typescript-eslint":"^8.3.0","@vitejs/plugin-react":"^4.3.1","@storybook/react-vite":"^8.4.7","@storybook/addon-links":"^8.4.7","eslint-plugin-react-hooks":"^5.1.0-rc.0","@storybook/addon-essentials":"^8.4.7","eslint-plugin-react-refresh":"^0.4.11","@storybook/addon-interactions":"^8.4.7"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.0.1_1752217530941_0.5189616935363042","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@aistra/design-system","version":"1.0.2","keywords":["react","components","design-system","ui-library","typescript","scss","ant-design","storybook"],"author":{"name":"Aniket Mule","email":"aniket.mule@aistra.com"},"license":"MIT","_id":"@aistra/design-system@1.0.2","maintainers":[{"name":"aniket.mule","email":"aniket.mule@aistra.com"}],"homepage":"https://github.com/aistra/design-system#readme","bugs":{"url":"https://github.com/aistra/design-system/issues"},"dist":{"shasum":"fd6b4c71f4fd2ca166c170d88d4bdb9280680db2","tarball":"https://registry.npmjs.org/@aistra/design-system/-/design-system-1.0.2.tgz","fileCount":7,"integrity":"sha512-1K58Ghn2tpfQIH+d98MIBYfXiuKoyXZdgaBp8mXNUYUvh3PdFKBjqj+3sJr0XUmTypjXEw9b1znqj+BOhtdemg==","signatures":[{"sig":"MEUCIQCCcHPICPRoD/mOegHClFhOMdGhJxLzKzUCbaxF9i4RQQIgVPiAhHhalLAOgCXIA6MPIdNWyeD/7GJuoBYiGyJb9wA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1830724},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","lint":"eslint .","build":"npm run build:lib","preview":"vite preview","build:lib":"vite build --config vite.config.lib.ts","chromatic":"npx chromatic --project-token=your-project-token","storybook":"storybook dev -p 6006","build:demo":"vite build","publish:npm":"npm publish --access public","prepublishOnly":"npm run build:lib","build-storybook":"storybook build","deploy-storybook":"storybook build && npx serve storybook-static"},"_npmUser":{"name":"aniket.mule","email":"aniket.mule@aistra.com"},"repository":{"url":"git+https://github.com/aistra/design-system.git","type":"git"},"_npmVersion":"10.9.2","description":"A beautiful React component library with SCSS theme system and Ant Design integration","directories":{},"_nodeVersion":"22.16.0","dependencies":{"antd":"^5.12.8","lucide-react":"^0.344.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.70.0","vite":"^5.4.2","eslint":"^9.9.1","globals":"^15.9.0","chromatic":"^11.0.0","storybook":"^8.4.7","@eslint/js":"^9.9.1","typescript":"^5.5.3","tailwindcss":"^3.4.0","@types/react":"^18.3.5","autoprefixer":"^10.4.16","@storybook/test":"^8.4.7","vite-plugin-dts":"^4.0.0","@storybook/react":"^8.4.7","@types/react-dom":"^18.3.0","@storybook/blocks":"^8.4.7","typescript-eslint":"^8.3.0","@vitejs/plugin-react":"^4.3.1","@storybook/react-vite":"^8.4.7","@storybook/addon-links":"^8.4.7","eslint-plugin-react-hooks":"^5.1.0-rc.0","@storybook/addon-essentials":"^8.4.7","eslint-plugin-react-refresh":"^0.4.11","@storybook/addon-interactions":"^8.4.7"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.0.2_1752217666154_0.9940008851638549","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@aistra/design-system","version":"1.0.3","keywords":["react","components","design-system","ui-library","typescript","scss","ant-design","storybook"],"author":{"name":"Aniket Mule","email":"aniket.mule@aistra.com"},"license":"MIT","_id":"@aistra/design-system@1.0.3","maintainers":[{"name":"aniket.mule","email":"aniket.mule@aistra.com"}],"homepage":"https://github.com/aistra/storybook#readme","bugs":{"url":"https://github.com/aistra/storybook/issues"},"dist":{"shasum":"ca019114d539b6cfa42070b001503f77d116bb2f","tarball":"https://registry.npmjs.org/@aistra/design-system/-/design-system-1.0.3.tgz","fileCount":7,"integrity":"sha512-3W44RV8Pn4U2S8CElcOuDlzmfRHGup0Mj0iOG5J3SJU4jEtgwDnae24/DAtPFgcPgQllvVGPL0jE+6C/DU5Djg==","signatures":[{"sig":"MEQCIHI+2mCxZ1/aVkfDQt7NGcqPuInHmNGX2nXKRv+BDjt+AiBMhpwfxd3xIEOmbrq9fZ6n/NR81xfnZlalp+x2BoQx8A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1830712},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.js"},"./styles":"./dist/style.css"},"gitHead":"90ba0f96301364d587f7007d8fbfcbb550921d93","scripts":{"dev":"vite","lint":"eslint .","build":"npm run build:lib","preview":"vite preview","build:lib":"vite build --config vite.config.lib.ts","chromatic":"npx chromatic --project-token=your-project-token","storybook":"storybook dev -p 6006","build:demo":"vite build","publish:npm":"npm publish --access public","prepublishOnly":"npm run build:lib","build-storybook":"storybook build","deploy-storybook":"storybook build && npx serve storybook-static"},"_npmUser":{"name":"aniket.mule","email":"aniket.mule@aistra.com"},"repository":{"url":"git+https://github.com/aistra/storybook.git","type":"git"},"_npmVersion":"10.9.2","description":"A beautiful React component library with SCSS theme system and Ant Design integration","directories":{},"_nodeVersion":"22.16.0","dependencies":{"antd":"^5.12.8","lucide-react":"^0.344.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.70.0","vite":"^5.4.2","eslint":"^9.9.1","globals":"^15.9.0","chromatic":"^11.0.0","storybook":"^8.4.7","@eslint/js":"^9.9.1","typescript":"^5.5.3","tailwindcss":"^3.4.0","@types/react":"^18.3.5","autoprefixer":"^10.4.16","@storybook/test":"^8.4.7","vite-plugin-dts":"^4.0.0","@storybook/react":"^8.4.7","@types/react-dom":"^18.3.0","@storybook/blocks":"^8.4.7","typescript-eslint":"^8.3.0","@vitejs/plugin-react":"^4.3.1","@storybook/react-vite":"^8.4.7","@storybook/addon-links":"^8.4.7","eslint-plugin-react-hooks":"^5.1.0-rc.0","@storybook/addon-essentials":"^8.4.7","eslint-plugin-react-refresh":"^0.4.11","@storybook/addon-interactions":"^8.4.7"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.0.3_1752217834446_0.7546443948047323","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@aistra/design-system","version":"1.0.4","type":"module","description":"A beautiful React component library with SCSS theme system and Ant Design integration","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.js","types":"./dist/index.d.ts"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","build":"npm run build:lib","build:lib":"vite build --config vite.config.lib.ts","build:demo":"vite build","lint":"eslint .","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build","deploy-storybook":"storybook build && npx serve storybook-static","chromatic":"npx chromatic --project-token=your-project-token","prepublishOnly":"npm run build:lib","publish:npm":"npm publish --access public"},"keywords":["react","components","design-system","ui-library","typescript","scss","ant-design","storybook"],"author":{"name":"Aniket Mule","email":"aniket.mule@aistra.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/mule-aniket/Storybook.git"},"bugs":{"url":"https://github.com/mule-aniket/Storybook/issues"},"homepage":"https://github.com/mule-aniket/Storybook#readme","peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"dependencies":{"antd":"^5.12.8","lucide-react":"^0.344.0"},"devDependencies":{"@eslint/js":"^9.9.1","@types/react":"^18.3.5","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.1","eslint":"^9.9.1","eslint-plugin-react-hooks":"^5.1.0-rc.0","eslint-plugin-react-refresh":"^0.4.11","globals":"^15.9.0","typescript":"^5.5.3","typescript-eslint":"^8.3.0","vite":"^5.4.2","@storybook/addon-essentials":"^8.4.7","@storybook/addon-interactions":"^8.4.7","@storybook/addon-links":"^8.4.7","@storybook/blocks":"^8.4.7","@storybook/react":"^8.4.7","@storybook/react-vite":"^8.4.7","@storybook/test":"^8.4.7","sass":"^1.70.0","storybook":"^8.4.7","tailwindcss":"^3.4.0","autoprefixer":"^10.4.16","vite-plugin-dts":"^4.0.0","chromatic":"^11.0.0"},"publishConfig":{"access":"public"},"_id":"@aistra/design-system@1.0.4","gitHead":"90ba0f96301364d587f7007d8fbfcbb550921d93","_nodeVersion":"22.16.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-3pq4ksx92KD0DzygF8yAKMeHQ5StSkUSzSh5nK0WWfR+/8k0BQzRLsKPS0xcGVlKpFzYibr6s3yW0uGuz9gSyw==","shasum":"f3cf416e8a30bd3a045e6e53d833b4ea788a77da","tarball":"https://registry.npmjs.org/@aistra/design-system/-/design-system-1.0.4.tgz","fileCount":7,"unpackedSize":1830727,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGTN45E8hhw8vEZPKohXQmX9v/uuWSWXE6wKB0lkQ/9tAiEAjWze6NXIQXrqjDIT0vlcnWUSTB9oHcBiGn6N8VgA+k0="}]},"_npmUser":{"name":"aniket.mule","email":"aniket.mule@aistra.com"},"directories":{},"maintainers":[{"name":"aniket.mule","email":"aniket.mule@aistra.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-system_1.0.4_1752217971640_0.7217573439803304"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-11T07:03:23.558Z","modified":"2025-07-11T07:12:52.015Z","1.0.0":"2025-07-11T07:03:23.869Z","1.0.1":"2025-07-11T07:05:31.204Z","1.0.2":"2025-07-11T07:07:46.372Z","1.0.3":"2025-07-11T07:10:34.677Z","1.0.4":"2025-07-11T07:12:51.825Z"},"bugs":{"url":"https://github.com/mule-aniket/Storybook/issues"},"author":{"name":"Aniket Mule","email":"aniket.mule@aistra.com"},"license":"MIT","homepage":"https://github.com/mule-aniket/Storybook#readme","keywords":["react","components","design-system","ui-library","typescript","scss","ant-design","storybook"],"repository":{"type":"git","url":"git+https://github.com/mule-aniket/Storybook.git"},"description":"A beautiful React component library with SCSS theme system and Ant Design integration","maintainers":[{"name":"aniket.mule","email":"aniket.mule@aistra.com"}],"readme":"# Design System Component Library\n\nA beautiful, production-ready React component library with SCSS theme system and Ant Design integration.\n\n## Features\n\n- 🎨 **Beautiful Design**: Apple-level design aesthetics with attention to detail\n- 🌙 **Dark/Light Mode**: Built-in theme switching with CSS variables\n- 📱 **Responsive**: Mobile-first design with proper breakpoints\n- ♿ **Accessible**: ARIA compliant components with keyboard navigation\n- 🎯 **TypeScript**: Full TypeScript support with proper type definitions\n- 📚 **Storybook**: Interactive component documentation\n- 🎭 **Ant Design**: Integrated with Ant Design for advanced components like Tables\n\n## Installation\n\n```bash\nnpm install @aistra/design-system\n```\n\n### Peer Dependencies\n\nMake sure you have the required peer dependencies installed:\n\n```bash\nnpm install react react-dom\n```\n\n## Usage\n\n### Basic Setup\n\n```tsx\nimport React from 'react';\nimport { Button, Card, Input } from '@aistra/design-system';\nimport '@aistra/design-system/styles';\n\nfunction App() {\n  return (\n    <Card>\n      <Input label=\"Email\" placeholder=\"Enter your email...\" />\n      <Button variant=\"primary\">Submit</Button>\n    </Card>\n  );\n}\n```\n\n### Theme Setup\n\nThe library uses CSS variables for theming. Include the styles and set up theme switching:\n\n```tsx\nimport React, { useState, useEffect } from 'react';\nimport { ThemeToggle } from '@aistra/design-system';\nimport '@aistra/design-system/styles';\n\nfunction App() {\n  const [theme, setTheme] = useState<'light' | 'dark'>('light');\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', theme);\n  }, [theme]);\n\n  return (\n    <div>\n      <ThemeToggle theme={theme} onThemeChange={setTheme} />\n      {/* Your app content */}\n    </div>\n  );\n}\n```\n\n### Ant Design Integration\n\nFor components that use Ant Design (like Table), wrap your app with ConfigProvider:\n\n```tsx\nimport React from 'react';\nimport { ConfigProvider, theme } from 'antd';\nimport { Table } from '@aistra/design-system';\n\nfunction App() {\n  const antdTheme = {\n    token: {\n      colorPrimary: '#009a47',\n      borderRadius: 6,\n      fontFamily: '\"Plus Jakarta Sans\", sans-serif',\n    },\n    algorithm: theme.defaultAlgorithm,\n  };\n\n  return (\n    <ConfigProvider theme={antdTheme}>\n      <Table columns={columns} data={data} />\n    </ConfigProvider>\n  );\n}\n```\n\n## Components\n\n### Basic Components\n- **Button**: Various styles and states with icon support\n- **Input**: Form inputs with validation and icons\n- **Card**: Flexible container with header/footer options\n- **Badge**: Status indicators and labels\n- **Radio/RadioGroup**: Radio button controls\n\n### Advanced Components\n- **Table**: Feature-rich data table powered by Ant Design\n- **StatusBadge**: Specialized status indicators with dropdown\n- **Toast**: Notification system with actions\n- **Typography**: Comprehensive text styling system\n\n### Utility Components\n- **ThemeToggle**: Dark/light mode switcher\n\n## Styling\n\nThe library uses SCSS with CSS variables for theming. You can customize the theme by overriding CSS variables:\n\n```css\n:root {\n  --Colors-PRIMARY-GREEN-500: #your-primary-color;\n  --Colors-SECONDARY-BLUE-500: #your-secondary-color;\n  /* ... other variables */\n}\n```\n\n## Development\n\n```bash\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n\n# Start Storybook\nnpm run storybook\n\n# Build library\nnpm run build:lib\n\n# Build demo\nnpm run build:demo\n```\n\n## TypeScript\n\nThe library is built with TypeScript and includes full type definitions. All components export their prop types:\n\n```tsx\nimport type { ButtonProps, CardProps } from '@aistra/design-system';\n```\n\n## Browser Support\n\n- Chrome (latest)\n- Firefox (latest)\n- Safari (latest)\n- Edge (latest)\n\n## License\n\nMIT © Your Organization","readmeFilename":"README.md"}