{"_id":"@designa8/vibedesign-step","name":"@designa8/vibedesign-step","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@designa8/vibedesign-step","version":"0.0.1","description":"Design system \"step\" generated by atom-server.","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-step"],"atomsDesign":{"atoms":[{"name":"Button","kind":"Atom","description":null},{"name":"Input","kind":"Atom","description":null}]},"_id":"@designa8/vibedesign-step@0.0.1","gitHead":"7f0b104e17e836c9e07738ddea270a9fb44d5d42","_nodeVersion":"22.22.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-mKkogscYJydvRbVeJpnp2+FeaJK13Parjh2a6SDDaLk2Ekb2HZlsLIRRmLwCWR1iCtMJ1wjqbqpxSuF9zlErfQ==","shasum":"8ff5db455b23b6e68bf73d4021df2342763bde97","tarball":"https://registry.npmjs.org/@designa8/vibedesign-step/-/vibedesign-step-0.0.1.tgz","fileCount":15,"unpackedSize":1858492,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGqjrWSlrUFiiKwAdOPUbRi8MArmRW5hwuuRuBWFqjloAiBY3vFVPq01BeFfjJokGrJTjDwuxHdk5CYUcpiXzu2sAA=="}]},"_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-step_0.0.1_1785530145039_0.9689101627936794"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-31T20:35:44.882Z","0.0.1":"2026-07-31T20:35:45.283Z","modified":"2026-07-31T20:35:45.484Z"},"maintainers":[{"name":"designa8","email":"ofergoli@post.bgu.ac.il"}],"description":"Design system \"step\" generated by atom-server.","keywords":["design-system","react","atoms","designa8","vibedesign-step"],"readme":"# @designa8/vibedesign-step\n\nGenerated design system, version **0.0.1**.\n\n## Local install (npm link)\n\nFrom this directory:\n\n```bash\nnpm link\n```\n\nThen, in the consumer app:\n\n```bash\nnpm link @designa8/vibedesign-step\n```\n\n## Imports\n\n```ts\nimport { /* atoms */ } from \"@designa8/vibedesign-step\";\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## Vite configuration (local npm link only)\n\nWhen using `npm link`, the package fonts live outside your project root and\nVite's dev server will block them by default. Add `server.fs.allow` to your\n`vite.config.js` / `vite.config.ts`:\n\n```js\nexport default defineConfig({\n  server: {\n    fs: {\n      allow: ['..', '/path/to/.published-packages'],\n    },\n  },\n})\n```\n\nReplace `/path/to/.published-packages` with the absolute path printed by\n`npm link` (the directory that contains this package folder).\nThis step is not needed when the package is installed from a real registry.\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-031bf5a9fbb58a4e7b7f98bf6d1ea334"}