{"_id":"@codepoint1/demo-ui-library","_rev":"3-4b04e385658f1df9912911f0023f3b22","name":"@codepoint1/demo-ui-library","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@codepoint1/demo-ui-library","version":"1.0.0","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","scripts":{"test":"jest","build":"rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"license":"MIT","dependencies":{"prop-types":"^15.8.1","styled-components":"^5.3.10"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^24.1.0","@rollup/plugin-node-resolve":"^15.0.2","@rollup/plugin-typescript":"^11.1.0","@storybook/addon-essentials":"7.4.0","@storybook/addon-interactions":"7.4.0","@storybook/addon-links":"7.4.0","@storybook/blocks":"7.4.0","@storybook/react":"7.4.0","@storybook/react-webpack5":"7.4.0","@storybook/testing-library":"0.2.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@testing-library/user-event":"^14.4.3","@types/jest":"^29.5.1","@types/react":"^18.2.2","@types/styled-components":"^5.1.26","jest":"^29.5.0","jest-environment-jsdom":"^29.5.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^3.0.0","rollup-plugin-dts":"^5.3.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","storybook":"7.4.0","typescript":"^5.0.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"18.2.0"},"description":"This is a demo UI component library created using React, TypeScript, Rollup, Storybook, Jest, and React Testing Library. It was created for an article update for [LogRocket](https://blog.logrocket.com/author/pelumiakintokun/) on how to create a UI compone","_id":"@codepoint1/demo-ui-library@1.0.0","_nodeVersion":"18.16.1","_npmVersion":"9.7.2","dist":{"integrity":"sha512-Oc08R39/tY3scVSFUIpAjgoidCVdSc00xmbGYX4C0FPbmuzUOHAZvqO0OC4mXGb9BBa2SS0qFb0kZ/an/1kSEQ==","shasum":"64d17ccac4a37b3078344a82b9af33cdfa2244ba","tarball":"https://registry.npmjs.org/@codepoint1/demo-ui-library/-/demo-ui-library-1.0.0.tgz","fileCount":50,"unpackedSize":63049,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEs72QNdFna6qAKc4Tv4KFmKFYC5Pcp2c6d1wGDaB9UDAiEA+FSwTCYABTwxfnDVCHtwlh5VXxFZ5B4KoysAeo5Ttuk="}]},"_npmUser":{"name":"sahil_shamsu","email":"sahil.shamsu@codepoints.in"},"directories":{},"maintainers":[{"name":"sahil_shamsu","email":"sahil.shamsu@codepoints.in"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/demo-ui-library_1.0.0_1694004516651_0.2107685266267023"},"_hasShrinkwrap":false},"1.0.1":{"name":"@codepoint1/demo-ui-library","version":"1.0.1","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","scripts":{"test":"jest","build":"rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"license":"MIT","dependencies":{"prop-types":"^15.8.1","styled-components":"^5.3.10"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^24.1.0","@rollup/plugin-node-resolve":"^15.0.2","@rollup/plugin-typescript":"^11.1.0","@storybook/addon-essentials":"7.4.0","@storybook/addon-interactions":"7.4.0","@storybook/addon-links":"7.4.0","@storybook/blocks":"7.4.0","@storybook/react":"7.4.0","@storybook/react-webpack5":"7.4.0","@storybook/testing-library":"0.2.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@testing-library/user-event":"^14.4.3","@types/jest":"^29.5.1","@types/react":"^18.2.2","@types/styled-components":"^5.1.26","jest":"^29.5.0","jest-environment-jsdom":"^29.5.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^3.0.0","rollup-plugin-dts":"^5.3.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","storybook":"7.4.0","typescript":"^5.0.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"18.2.0"},"description":"This is a demo UI component library created using React, TypeScript, Rollup, Storybook, Jest, and React Testing Library. It was created for an article update for [LogRocket](https://blog.logrocket.com/author/pelumiakintokun/) on how to create a UI compone","_id":"@codepoint1/demo-ui-library@1.0.1","_nodeVersion":"18.16.1","_npmVersion":"9.7.2","dist":{"integrity":"sha512-CO30+PPrpSjGd5BIK1TlbppjpTMKuDysThxljIKM35I3Xfpw2+Bd4F4Or0Zywx3KvBJjEbZImXM+ZzR2/agNsw==","shasum":"4663f9bb6d92c495a3b9604de3661ccf157bc31d","tarball":"https://registry.npmjs.org/@codepoint1/demo-ui-library/-/demo-ui-library-1.0.1.tgz","fileCount":50,"unpackedSize":63049,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCivI+3U5yeG878PVnNAZ1N46lvV9mWUpZHUm4QJc5yWAIgLH/Q5NoLBSxVD9dBAwL3YV0TCAKlTXBWCsx/6PoS7wE="}]},"_npmUser":{"name":"sahil_shamsu","email":"sahil.shamsu@codepoints.in"},"directories":{},"maintainers":[{"name":"sahil_shamsu","email":"sahil.shamsu@codepoints.in"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/demo-ui-library_1.0.1_1694004611719_0.5231179765316649"},"_hasShrinkwrap":false},"1.0.2":{"name":"@codepoint1/demo-ui-library","version":"1.0.2","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","scripts":{"test":"jest","build":"rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"license":"MIT","dependencies":{"prop-types":"^15.8.1","styled-components":"^5.3.10"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^24.1.0","@rollup/plugin-node-resolve":"^15.0.2","@rollup/plugin-typescript":"^11.1.0","@storybook/addon-essentials":"7.4.0","@storybook/addon-interactions":"7.4.0","@storybook/addon-links":"7.4.0","@storybook/blocks":"7.4.0","@storybook/react":"7.4.0","@storybook/react-webpack5":"7.4.0","@storybook/testing-library":"0.2.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@testing-library/user-event":"^14.4.3","@types/jest":"^29.5.1","@types/react":"^18.2.2","@types/styled-components":"^5.1.26","jest":"^29.5.0","jest-environment-jsdom":"^29.5.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^3.0.0","rollup-plugin-dts":"^5.3.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","storybook":"7.4.0","typescript":"^5.0.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"18.2.0"},"description":"This is a demo UI component library created using React, TypeScript, Rollup, Storybook, Jest, and React Testing Library. It was created for an article update for [LogRocket](https://blog.logrocket.com/author/pelumiakintokun/) on how to create a UI compone","_id":"@codepoint1/demo-ui-library@1.0.2","_nodeVersion":"18.16.1","_npmVersion":"9.7.2","dist":{"integrity":"sha512-5t914Qi5tkHm2kUFqwUEF/+3BL8Ejr5ybQHwSssRjDbvSql8eqIoNvccwwvHKuA3TbyuLGgenncCQsiwPbRAKQ==","shasum":"3c10ec2bf53bc69a4fa3215edf632c93b5bfa536","tarball":"https://registry.npmjs.org/@codepoint1/demo-ui-library/-/demo-ui-library-1.0.2.tgz","fileCount":49,"unpackedSize":70132,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLUQbVBJqt1zQeJ3+zJ3T15s0sg40rercwtS3/q3iAdgIgF/PtoQkqwb8zGoacPDd5zNmSogU717zWCw+kZnP8o58="}]},"_npmUser":{"name":"sahil_shamsu","email":"sahil.shamsu@codepoints.in"},"directories":{},"maintainers":[{"name":"sahil_shamsu","email":"sahil.shamsu@codepoints.in"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/demo-ui-library_1.0.2_1694005256595_0.04570927650453571"},"_hasShrinkwrap":false},"1.0.3":{"name":"@codepoint1/demo-ui-library","version":"1.0.3","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","scripts":{"test":"jest","build":"rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"license":"MIT","dependencies":{"prop-types":"^15.8.1","styled-components":"^5.3.10"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^24.1.0","@rollup/plugin-node-resolve":"^15.0.2","@rollup/plugin-typescript":"^11.1.0","@storybook/addon-essentials":"7.4.0","@storybook/addon-interactions":"7.4.0","@storybook/addon-links":"7.4.0","@storybook/blocks":"7.4.0","@storybook/react":"7.4.0","@storybook/react-webpack5":"7.4.0","@storybook/testing-library":"0.2.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@testing-library/user-event":"^14.4.3","@types/jest":"^29.5.1","@types/react":"^18.2.2","@types/styled-components":"^5.1.26","jest":"^29.5.0","jest-environment-jsdom":"^29.5.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^3.0.0","rollup-plugin-dts":"^5.3.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","storybook":"7.4.0","typescript":"^5.0.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"18.2.0"},"description":"This is a demo UI component library created using React, TypeScript, Rollup, Storybook, Jest, and React Testing Library. It was created for an article update for [LogRocket](https://blog.logrocket.com/author/pelumiakintokun/) on how to create a UI compone","_id":"@codepoint1/demo-ui-library@1.0.3","_nodeVersion":"18.16.1","_npmVersion":"9.7.2","dist":{"integrity":"sha512-udCZ+t5ufbtK/+SmzkpPF8E0IHCX8fwljA9kFjy71HirU5HuiyIoFDX5Yk8LiH/T1PVr+cgoDZk9WTW4A96HLA==","shasum":"b0dddddb8ed3806d05e5c02bc20d85627023542b","tarball":"https://registry.npmjs.org/@codepoint1/demo-ui-library/-/demo-ui-library-1.0.3.tgz","fileCount":63,"unpackedSize":72056,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjdHUGT9Zefl56WkFj4i2DVW+VZmmG/3WFOzVHCzo6MwIhAKuma8/9XnPmvohP541vveuKC8zTvKUJSJqd982Zq6Os"}]},"_npmUser":{"name":"sahil_shamsu","email":"sahil.shamsu@codepoints.in"},"directories":{},"maintainers":[{"name":"sahil_shamsu","email":"sahil.shamsu@codepoints.in"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/demo-ui-library_1.0.3_1694069800691_0.19520203742360098"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-06T12:48:36.522Z","1.0.0":"2023-09-06T12:48:36.850Z","modified":"2023-09-07T06:56:41.143Z","1.0.1":"2023-09-06T12:50:11.958Z","1.0.2":"2023-09-06T13:00:56.781Z","1.0.3":"2023-09-07T06:56:40.865Z"},"maintainers":[{"name":"sahil_shamsu","email":"sahil.shamsu@codepoints.in"}],"description":"This is a demo UI component library created using React, TypeScript, Rollup, Storybook, Jest, and React Testing Library. It was created for an article update for [LogRocket](https://blog.logrocket.com/author/pelumiakintokun/) on how to create a UI compone","license":"MIT","readme":"# My Demo UI Library\n\nThis is a demo UI component library created using React, TypeScript, Rollup, Storybook, Jest, and React Testing Library. It was created for an article update for [LogRocket](https://blog.logrocket.com/author/pelumiakintokun/) on how to create a UI component library in React. You can read the article [here](https://blog.logrocket.com/build-component-library-react-typescript/).\n\nVisit my blog, [Timonwa's Notes](https://blog.timonwa.com), for awesome technical contents like articles, codesnippets, tech goodies, community projects and more.\n\n## Installation\n\nYou can install this demo UI library using npm:\n\n```\nnpm install @timonwa/demo-ui-library\n```\n\n## Usage\n\nTo use this demo UI library in your project, import the components you need from the library and use them in your React components.\n\n```jsx\nimport React from \"react\";\nimport { Input, Button } from \"@timonwa/demo-ui-library\";\n\nfunction App() {\n  return (\n    <div>\n      <Input\n        id=\"name\"\n        disabled={false}\n        label=\"Enter your name\"\n        message=\"This field is required\"\n        error={false}\n        success={false}\n        onChange={(e) => console.log(e.target.value)}\n        placeholder=\"Enter your name here\"\n      />\n      <Button\n        size=\"medium\"\n        primary={true}\n        disabled={false}\n        text=\"Click me!\"\n        onClick={() => alert(\"Button clicked!\")}\n      />\n    </div>\n  );\n}\n\nexport default App;\n```\n\n## Contributing\n\nThis library is a demo for learning purposes only and is not intended to be contributed to. You can fork the repository and use the code for your personal use or learning.\n\n### Steps\n\n- Fork the repository.\n- Clone the repository to your local machine.\n- Install the dependencies using `npm install`.\n- View the components in the browser using `npm run storybook`.\n- Make your changes.\n- Test the changes using `npm test`.\n- Build the library using `npm run build`.\n- Commit the changes and push them to your forked repository.\n- Publish the package on [npm](https://www.npmjs.com/).\n- Install and use the package in your project.\n\n## License\n\nThis demo UI library is licensed under the [MIT License](https://github.com/Timonwa/demo-ui-library/blob/main/license).\n\n## Connect\n\nMore of my articles can be found in [Timonwa's Notes](https://blog.timonwa.com). Connect with me on Twitter: [@timonwa\\_](https://twitter.com/timonwa_)\n","readmeFilename":"readme.md"}