{"_id":"@designa8/vibedesign-educa2","name":"@designa8/vibedesign-educa2","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@designa8/vibedesign-educa2","version":"0.0.1","description":"Design system \"educa2\" 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-educa2"],"atomsDesign":{"atoms":[{"name":"EduButton","kind":"Atom","description":null},{"name":"EduInput","kind":"Atom","description":null},{"name":"MobileLoginTemplate","kind":"Template","description":null},{"name":"QuizGameplayTemplate","kind":"Template","description":null}]},"_id":"@designa8/vibedesign-educa2@0.0.1","gitHead":"523ae11cbc77b935c82c52cd22913570d0092b2d","_nodeVersion":"22.22.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-0+k+NNkMlDGFGSlzL6LuVKD1lb15q968TmuaDXiUjENhORwAIe5xvL0a0eHsnSz7D1FRMG9XaPbfIxS4ALKlww==","shasum":"f7f85c5f857bb6e267f2e993e3b98224a8310f55","tarball":"https://registry.npmjs.org/@designa8/vibedesign-educa2/-/vibedesign-educa2-0.0.1.tgz","fileCount":21,"unpackedSize":772152,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD3JtckO0iPDWrtATi70RTtJ+VkDBPHk+ZxAjic8BmZYAIgLyEkKDr2Xfei8t70R2lp1vDYBOH8gDICKvAeGoEEWLo="}]},"_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-educa2_0.0.1_1785705622734_0.9200746383300216"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-02T21:20:22.545Z","0.0.1":"2026-08-02T21:20:22.923Z","modified":"2026-08-02T21:20:23.153Z"},"maintainers":[{"name":"designa8","email":"ofergoli@post.bgu.ac.il"}],"description":"Design system \"educa2\" generated by atom-server.","keywords":["design-system","react","atoms","designa8","vibedesign-educa2"],"readme":"# @designa8/vibedesign-educa2\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-educa2\n```\n\n## Imports\n\n```ts\nimport { /* atoms */ } from \"@designa8/vibedesign-educa2\";\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-d9ecccaa87fa370ff6bfa5d1c3caf289"}