{"_id":"@0bubbles0/ui-atomic-buffalo","name":"@0bubbles0/ui-atomic-buffalo","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@0bubbles0/ui-atomic-buffalo","version":"1.0.0","description":"A hobby React UI component library following Atomic Design Principles.","license":"MIT","author":{"name":"0bubbles0"},"homepage":"https://portfolio-turbo-portfolio-web.vercel.app","keywords":["react","ui","components","styled-components","atomic design"],"main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"sideEffects":false,"scripts":{"build":"tsup --format cjs,esm --dts","dev":"tsup --format cjs,esm --dts --watch","lint":"eslint \"src/**/*.ts*\"","clean":"rm -rf .turbo && rm -rf node_modules && rm -rf dist","generate:component":"turbo gen react-component","check-types":"tsc --noEmit"},"devDependencies":{"@repo/eslint-config":"workspace:*","@repo/typescript-config":"workspace:*","@types/node":"^24.13.2","@types/react":"^19.2.0","@types/react-dom":"^19.2.0","eslint":"^9.39.4","react":"^19.2.0","styled-components":"^6.1.13","tsup":"^8.5.1","typescript":"^5.9.3"},"peerDependencies":{"react":"^19.2.0","styled-components":"^6.1.13"},"publishConfig":{"access":"public"},"gitHead":"82d806aeca0db90856e3083386c0368e7929c0b3","_id":"@0bubbles0/ui-atomic-buffalo@1.0.0","_nodeVersion":"25.2.1","_npmVersion":"11.7.0","dist":{"integrity":"sha512-rJzJGNiydBwPPO1EF809WlwBITNapQ4rY1bFdWfjf7NeMleXOjzrVCdge00Bwl1yue6DEUpfVtCMk2VrtAZAkw==","shasum":"fdb2215c87b660804e1c753aee5738f6ce1bd198","tarball":"https://registry.npmjs.org/@0bubbles0/ui-atomic-buffalo/-/ui-atomic-buffalo-1.0.0.tgz","fileCount":8,"unpackedSize":21950,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAvUzxSB0PtVgcmxzczKrzlmkqfxK4MozmseX4ykVn4UAiA46K4H7Jxx4Si+lyyK57pjWwtgE42ES4jbmNLYL5jWaQ=="}]},"_npmUser":{"name":"0bubbles0","email":"appenzeller.barbara@gmail.com"},"directories":{},"maintainers":[{"name":"0bubbles0","email":"appenzeller.barbara@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui-atomic-buffalo_1.0.0_1787095706856_0.1438848511122668"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-18T23:28:26.664Z","1.0.0":"2026-08-18T23:28:26.993Z","modified":"2026-08-18T23:28:27.156Z"},"maintainers":[{"name":"0bubbles0","email":"appenzeller.barbara@gmail.com"}],"description":"A hobby React UI component library following Atomic Design Principles.","homepage":"https://portfolio-turbo-portfolio-web.vercel.app","keywords":["react","ui","components","styled-components","atomic design"],"author":{"name":"0bubbles0"},"license":"MIT","readme":"# @0bubbles0/ui-atomic-buffalo\n\n`@0bubbles0/ui-atomic-buffalo` is a UI Component Library built in React.\n\n> Current version: `0.0.0`\n\n[The Interactive Documentation can be found here.](http://localhost:6006/)\n\n## Key Focus\n\n- Modern React\n- Atomic Design\n- Style Guide\n- Web Accessibility\n\n## Architecture\n\nFollows [Atomic Design Principles](https://bradfrost.com/blog/post/atomic-web-design/#atoms), with these submodules:\n\n```bash\n@0bubbles0/ui-atomic-buffalo\n└── Atoms # Buttons\n└── Molecules # Forms (Log in, Search) Product card\n└── Organisms # Navbar, Sidebar, Product grid, Modal\n└── Templates # Assemble to full pages with placeholders\n\nYour project\n└── Pages # Specific instances of templates, with actual images & content.\n```\n\n## Dependencies\n\n- react: ^18.2.0\n- typescript: ^5.3.3\n- styled-components: ^6.1.13\n\n## How to use it in your project\n\n### Set up\n\nYou can use it in your own TypeScript-based React projects (and other frameworks based on React, e.g. Next.js).\n\n> 💡 Please note this won't work if you run JavaScript projects based on Vue.js or Angular.js.\n\nIn your package.json:\n\n```\n   \"dependencies\": {\n    \"@0bubbles0/ui-atomic-buffalo\": \"0.0.0\"\n  },\n```\n\n### Use a component\n\n```tsx\n// File ProductPage.tsx\nimport { Button } from \"@0bubbles0/ui-atomic-buffalo\";\n\nexport default function ProductPage() {\n  return (\n    <div>\n      <Button>Save</Button>\n    </div>\n  );\n}\n```\n\n## How to run locally:\n\n- Clone parent project\n- `pnpm install` - After cloning this repo, first install node_modules for all dependencies\n- `pnpm build` - Build all packages, including the Storybook site\n- `pnpm dev` - Run all apps and packages locally\n  - [localhost:6006](http://localhost:6006) for **style-guide** Storybook Preview\n","readmeFilename":"README.md","_rev":"1-d2393261f395ad62b1403cb054b3c254"}