{"_id":"@designa8/vibedesign-klarna","_rev":"2-b32dea85780603c443b04301e52e56ca","name":"@designa8/vibedesign-klarna","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@designa8/vibedesign-klarna","version":"0.0.1","keywords":["design-system","react","atoms","designa8","vibedesign-klarna"],"_id":"@designa8/vibedesign-klarna@0.0.1","maintainers":[{"name":"designa8","email":"ofergoli@post.bgu.ac.il"}],"dist":{"shasum":"04e9da2616dd601186a1ba099aa6104bdafde5d1","tarball":"https://registry.npmjs.org/@designa8/vibedesign-klarna/-/vibedesign-klarna-0.0.1.tgz","fileCount":11,"integrity":"sha512-oK0J2nkHvh14Hoatn31ADoOxaDLaf2x4RjRpfLPJ51qw7KNfCiuWEmfPsjMiQeO7hkvnrnx4xAH7WM/CL8RK1Q==","signatures":[{"sig":"MEYCIQCOaZ+HpOwDRAvhcUccZL88dLsP3nYrjUlf13Elt4RtUQIhAI6G0xisdO6bv6A2Z8Fqw3vUGJybgeVK1ddDc6053F3N","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1795042},"main":"dist/index.cjs","style":"dist/styles.css","types":"src/index.ts","module":"dist/index.js","exports":{".":{"types":"./src/index.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"_npmUser":{"name":"designa8","email":"ofergoli@post.bgu.ac.il"},"_npmVersion":"10.9.4","atomsDesign":{"atoms":[{"kind":"Organism","name":"Chat","description":null}]},"description":"Design system \"Klarna\" generated by atom-server.","directories":{},"sideEffects":["dist/styles.css"],"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vibedesign-klarna_0.0.1_1785788126491_0.789527887908023","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@designa8/vibedesign-klarna","version":"0.0.2","description":"Design system \"Klarna\" 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-klarna"],"atomsDesign":{"atoms":[{"name":"Chat","kind":"Organism","description":null}]},"_id":"@designa8/vibedesign-klarna@0.0.2","_nodeVersion":"22.22.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-kezD0nG532pkMRbOkGT32IRtQdDQpqB0FHkKRfLLhEBBAaKcRoyJlXgs4Tn4cux+Gv0HogBiFtIkpR1XdTT/iw==","shasum":"0f5960b9ce7223d350188c50561e09704a74653f","tarball":"https://registry.npmjs.org/@designa8/vibedesign-klarna/-/vibedesign-klarna-0.0.2.tgz","fileCount":11,"unpackedSize":1793732,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDQDFUCNJnlOevFHYIkZmXUIG+/ub6gmVX9I7I7z7XrkwIgYhh5uBvbEx7/CGuzcF6gU99VDrKgLH/OuLS+q3vQYI8="}]},"_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-klarna_0.0.2_1785788129408_0.368446013405501"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-03T20:15:26.293Z","modified":"2026-08-03T20:15:29.724Z","0.0.1":"2026-08-03T20:15:26.752Z","0.0.2":"2026-08-03T20:15:29.590Z"},"keywords":["design-system","react","atoms","designa8","vibedesign-klarna"],"description":"Design system \"Klarna\" generated by atom-server.","maintainers":[{"name":"designa8","email":"ofergoli@post.bgu.ac.il"}],"readme":"# @designa8/vibedesign-klarna\n\nGenerated design system, version **0.0.2**.\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-klarna\n```\n\n## Imports\n\n```ts\nimport { /* atoms */ } from \"@designa8/vibedesign-klarna\";\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"}