{"_id":"@designa8/vibedesign-claude-2","name":"@designa8/vibedesign-claude-2","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@designa8/vibedesign-claude-2","version":"0.0.1","description":"Complete design system \"claude\" generated by Atoms Design.","main":"dist/index.cjs","module":"dist/index.js","types":"src/index.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","types":"./src/index.ts"}},"sideEffects":["dist/styles.css"],"style":"dist/styles.css","peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"keywords":["design-system","react","atoms","designa8","vibedesign-claude-2"],"atomsDesign":{"atoms":[{"name":"Avatar","kind":"Atom","description":null},{"name":"Badge","kind":"Atom","description":null},{"name":"BottomTabBarMobile","kind":"Organism","description":null},{"name":"Button","kind":"Atom","description":null},{"name":"ButtonGroup","kind":"Molecule","description":null},{"name":"Checkbox","kind":"Atom","description":null},{"name":"Chip","kind":"Atom","description":null},{"name":"Combobox","kind":"Molecule","description":null},{"name":"DashboardTemplate","kind":"Template","description":null},{"name":"DashboardTemplateDesktop","kind":"Template","description":null},{"name":"DashboardTemplateMobile","kind":"Template","description":null},{"name":"DatePickerInput","kind":"Molecule","description":null},{"name":"Divider","kind":"Atom","description":null},{"name":"Icon","kind":"Atom","description":null},{"name":"Input","kind":"Atom","description":null},{"name":"Label","kind":"Atom","description":null},{"name":"Link","kind":"Atom","description":null},{"name":"LoginPage","kind":"Template","description":null},{"name":"LoginPageDesktop","kind":"Template","description":null},{"name":"LoginPageMobile","kind":"Template","description":null},{"name":"Pagination","kind":"Molecule","description":null},{"name":"ProgressBar","kind":"Atom","description":null},{"name":"Radio","kind":"Atom","description":null},{"name":"SearchBar","kind":"Molecule","description":null},{"name":"SettingsTemplate","kind":"Template","description":null},{"name":"SettingsTemplateDesktop","kind":"Template","description":null},{"name":"SettingsTemplateMobile","kind":"Template","description":null},{"name":"SidebarNavDesktop","kind":"Organism","description":null},{"name":"Spinner","kind":"Atom","description":null},{"name":"Switch","kind":"Atom","description":null},{"name":"Textarea","kind":"Atom","description":null},{"name":"TopBarDesktop","kind":"Organism","description":null},{"name":"TopBarMobile","kind":"Organism","description":null}]},"_id":"@designa8/vibedesign-claude-2@0.0.1","gitHead":"bd32a79c892665bf2d1a4549c241c0dd81182721","_nodeVersion":"22.22.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-kd/YMYZaTSu2rVjv/M++YHOg/uoF4drgfSNt14sRgKv57jxcGm8B1fG1vHsC8APXFn59UUlOlrmixKWHYNsDNg==","shasum":"76c3dd387219bff95c38f73383193baf20f866a3","tarball":"https://registry.npmjs.org/@designa8/vibedesign-claude-2/-/vibedesign-claude-2-0.0.1.tgz","fileCount":128,"unpackedSize":6102485,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAjwQtWOL0U2CQUnbeAzZ0feplBaHy94ahqS47hdng+oAiBQJTKsZHeCvZyQJa+qKhfi6tDLFvqKyXwq3CYf2BoIJA=="}]},"_npmUser":{"name":"designa8","email":"ofergoli@post.bgu.ac.il"},"directories":{},"maintainers":[{"name":"designa8","email":"ofergoli@post.bgu.ac.il"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vibedesign-claude-2_0.0.1_1788383983881_0.35967987596653495"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-02T21:19:43.646Z","0.0.1":"2026-09-02T21:19:44.093Z","modified":"2026-09-02T21:19:44.327Z"},"maintainers":[{"name":"designa8","email":"ofergoli@post.bgu.ac.il"}],"description":"Complete design system \"claude\" generated by Atoms Design.","keywords":["design-system","react","atoms","designa8","vibedesign-claude-2"],"readme":"# @designa8/vibedesign-claude-2\n\nComplete design system generated by Atoms Design, version **0.0.1**.\nTokens, atoms, molecules, organisms, and templates — import from the package root;\nnever hardcode visual values in consumer code.\n\n## Install\n\n```bash\nnpm install @designa8/vibedesign-claude-2\n```\n\n## Imports\n\n```ts\nimport { Button, Input } from \"@designa8/vibedesign-claude-2\";\n```\n\nThe CSS (design tokens, Tailwind utilities, and the design system font loaded\nfrom Google Fonts) is bundled into the package entry point and injected\nautomatically by your bundler — no separate CSS import needed.\n\n## Global CSS compatibility\n\nThe package's utility classes (spacing, colours, border-radius, etc.) are\ncompiled as **unlayered** CSS rules. They therefore beat standard resets such\nas `* { margin: 0; padding: 0; box-sizing: border-box }` by normal specificity\n(class selector `0-1-0` > universal selector `0-0-0`). No special setup is\nneeded for a typical Vite / Create-React-App / Next.js project.\n\nThe one exception is the **body font**. The design system injects\n`body { font-family: var(--font-body) }` inside `@layer base`, which any\nunlayered `body { font-family: ... }` rule in your own CSS will override.\nRemove that override, or replace it with the design system variable:\n\n```css\nbody {\n  font-family: var(--font-body); /* use the design system's configured font */\n}\n```\n","readmeFilename":"README.md","_rev":"1-5f4177939adde85db849d5b3048177f3"}