{"_id":"@arth-shukla/arth-components","_rev":"1-3feffcc74d5b4ef73d81ee047d563cae","name":"@arth-shukla/arth-components","dist-tags":{"latest":"2.1.17"},"versions":{"2.1.16":{"name":"@arth-shukla/arth-components","repository":{"type":"git","url":"git+https://github.com/arth-shukla/my-icons.git"},"version":"2.1.16","description":"A component library for my simple icon animations.","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","private":false,"scripts":{"prebuild":"rm -rf dist","rollup-watch":"rollup -c -w","build":"npm run prebuild && rollup -c","full-build":"npm run do-prettier && npm run build && git add -A && git commit -m \"full-build\"","do-prettier":"prettier src --write","do-publish":"npm publish","full-publish":"npm run full-build && npm run do-publish","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"author":{"name":"Arth Shukla"},"license":"MIT","devDependencies":{"@babel/core":"^7.18.10","@rollup/plugin-commonjs":"^22.0.2","@rollup/plugin-node-resolve":"^13.3.0","@rollup/plugin-typescript":"^8.3.4","@storybook/addon-actions":"^6.5.10","@storybook/addon-essentials":"^6.5.10","@storybook/addon-interactions":"^6.5.10","@storybook/addon-links":"^6.5.10","@storybook/builder-webpack4":"^6.5.10","@storybook/manager-webpack4":"^6.5.10","@storybook/react":"^6.5.10","@storybook/testing-library":"^0.0.13","@types/node":"^18.6.4","@types/react":"^18.0.15","@types/react-dom":"^18.0.6","babel-loader":"^8.2.5","prettier":"2.7.1","react":"^17.0.0","react-dom":"^17.0.0","rollup":"^2.77.2","rollup-plugin-dts":"^4.2.2","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","sass":"^1.54.4","tslib":"^2.4.0","typescript":"^4.7.4"},"peerDependencies":{"react":"^17.0.0","react-dom":"^17.0.0"},"dependencies":{"@storybook/preset-scss":"^1.0.3","css-loader":"^5.2.6","csstype":"^3.1.0","postcss":"^8.4.16","postcss-loader":"^7.0.1","sass-loader":"^10.1.1","style-loader":"^2.0.0"},"gitHead":"c3120161e3ea535570ab97b18ec839eb3571f853","bugs":{"url":"https://github.com/arth-shukla/my-icons/issues"},"homepage":"https://github.com/arth-shukla/my-icons#readme","_id":"@arth-shukla/arth-components@2.1.16","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-9fwlSBDZ28/suYgmmWGv1qh7Hoaz/r8oFWYCBkwXQrhGcnFA5gsF2/Q1NMlctcL8j0lN25XlwthCPn8+BJtnZA==","shasum":"f84df8154af9396b0a1b8b4ab4ef37ed0da5f18c","tarball":"https://registry.npmjs.org/@arth-shukla/arth-components/-/arth-components-2.1.16.tgz","fileCount":34,"unpackedSize":49210,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbSb2QkUZFiGYC65z1TIyhRh/q59zgPQodgbv8UaJWPAIhAOz1RcXXYcz8JspxH++wTnRw2CAyNVLibwsk4355z8Cd"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQZVUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUCQ//e4lfWvfeyrJHmDRrDzRYDTA9sl7ntK08gqs6ourDFAy2bgzO\r\nP8n6ri2EfJM/naYvVsBvceaQ8Z/BPIqQZ+JhaWDRymQxo04E6kPEFS549kny\r\n/FaHMPtm+mr/XzSCynAl+/Twx3Dj5HtLc2I16c4IrJingEWa159yxsY54Fmg\r\nQQ+h8hcJKdbXIW45lP/uekU5RqaWLN/NHGaOtnLRRnqFut1Bqrj3/Bz5kd4q\r\nfweqejws3pbRYhnq9uFLoU4NRv76/qirtoOoRRKdR5HzzGr9xP60aS9as7zE\r\n4b8oJN/FRSl59z3ggcN57jQZUwdDqNNAZwV7/98Hk7E+JfyRGI00mBI+DLjP\r\n80gSoXLf1XIOo/V0b0XUrICeOgotY7n53/dL63E9TtmtX5TgFCbuDe/3ddta\r\nQAqSto0ND2jkbtv6nWJ0O//ENvrJdSSjAAxBOYX14GSURqRFQZSZMfudwRwW\r\nYGUgdup4p5oesB1Smt/Yssq9OcZKkUkV0Qn4gLUmKa07jfRMsEK3vxxL9K3W\r\nTB1Vs3dujfCRGkZNb6ao2Re4eiH8HsbRyOjYu/JRHSVmELcDR0Ao7wDXNaNj\r\njyNXQ1yCDvUqT5ITXNiC64Lx1pAnIWfO6R0fllPv/Oc5+nVTcF3SA6aCo7f1\r\nAd6TpHPs/CGj357aviTitCBXERUfIbLH/7s=\r\n=iH89\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"arth-shukla","email":"arthshukla03@gmail.com"},"directories":{},"maintainers":[{"name":"arth-shukla","email":"arthshukla03@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/arth-components_2.1.16_1682019668445_0.6326383271912583"},"_hasShrinkwrap":false},"2.1.17":{"name":"@arth-shukla/arth-components","repository":{"type":"git","url":"git+https://github.com/arth-shukla/arth-components.git"},"version":"2.1.17","description":"A component library for my simple icon animations.","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","private":false,"scripts":{"prebuild":"rm -rf dist","rollup-watch":"rollup -c -w","build":"npm run prebuild && rollup -c","full-build":"npm run do-prettier && npm run build && git add -A && git commit -m \"full-build\"","do-prettier":"prettier src --write","do-publish":"npm publish","full-publish":"npm run full-build && npm run do-publish","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"author":{"name":"Arth Shukla"},"license":"MIT","devDependencies":{"@babel/core":"^7.18.10","@rollup/plugin-commonjs":"^22.0.2","@rollup/plugin-node-resolve":"^13.3.0","@rollup/plugin-typescript":"^8.3.4","@storybook/addon-actions":"^6.5.10","@storybook/addon-essentials":"^6.5.10","@storybook/addon-interactions":"^6.5.10","@storybook/addon-links":"^6.5.10","@storybook/builder-webpack4":"^6.5.10","@storybook/manager-webpack4":"^6.5.10","@storybook/react":"^6.5.10","@storybook/testing-library":"^0.0.13","@types/node":"^18.6.4","@types/react":"^18.0.15","@types/react-dom":"^18.0.6","babel-loader":"^8.2.5","prettier":"2.7.1","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^2.77.2","rollup-plugin-dts":"^4.2.2","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","sass":"^1.54.4","tslib":"^2.4.0","typescript":"^4.7.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"dependencies":{"@storybook/preset-scss":"^1.0.3","css-loader":"^5.2.6","csstype":"^3.1.0","postcss":"^8.4.16","postcss-loader":"^7.0.1","sass-loader":"^10.1.1","style-loader":"^2.0.0"},"gitHead":"85d7e8eb80a69e9a8754cd95b80ff6f393533f7c","bugs":{"url":"https://github.com/arth-shukla/arth-components/issues"},"homepage":"https://github.com/arth-shukla/arth-components#readme","_id":"@arth-shukla/arth-components@2.1.17","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-eMF9LPlFdbqIbbXMp9bAf2xQbHiAA3hnxxyzugo/S9IttRXZgVvOZIOTxK3Y285r54p+3tL+TZfMXt5V/e5U6w==","shasum":"c70f3755f624214e275622012e900899e3c00442","tarball":"https://registry.npmjs.org/@arth-shukla/arth-components/-/arth-components-2.1.17.tgz","fileCount":34,"unpackedSize":49752,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhCBZU8+F4G4bwPRKKjXsflre9rp+sFZGxrIYegSHjPAIgPR71K/iXasykbQRDdfxqMvd51ETtvZvVKAgXB9Mn9fY="}]},"_npmUser":{"name":"arth-shukla","email":"arthshukla03@gmail.com"},"directories":{},"maintainers":[{"name":"arth-shukla","email":"arthshukla03@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/arth-components_2.1.17_1686794427030_0.5801584951014549"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-20T19:41:08.395Z","2.1.16":"2023-04-20T19:41:08.697Z","modified":"2023-06-15T02:00:27.367Z","2.1.17":"2023-06-15T02:00:27.248Z"},"maintainers":[{"name":"arth-shukla","email":"arthshukla03@gmail.com"}],"description":"A component library for my simple icon animations.","homepage":"https://github.com/arth-shukla/arth-components#readme","repository":{"type":"git","url":"git+https://github.com/arth-shukla/arth-components.git"},"author":{"name":"Arth Shukla"},"bugs":{"url":"https://github.com/arth-shukla/arth-components/issues"},"license":"MIT","readme":"# Link\n\nExamples and documentation are available here: https://arth-shukla.github.io/my-icons-documentation/\n\n# Technologies Used\n\nWeb Development: React, TypeScript, Storybook, SCSS\n\nDevOps: Git, GitHub Packages\n\nDevelopment Standards: Web Content Accessibility Guidelines (WCAG) 2.1, Aria Authoring Practices Guide (APG)\n\n# Description and Motivation\n\nThis is a component library for my simple icon animations. I recently migrated the component library to the npm registry: https://www.npmjs.com/package/@arth-shukla/arth-components. The older version is still maintained on GitHub Packages here: https://github.com/arth-shukla/my-icons/pkgs/npm/my-icons.\n\nSince I will likely use these components across multiple projects, I made a library so I don't have to port the same components to each new project.\n\n# Features\n\n1. Supports computer, mobile, and tablet web interfaces through webkit\n2. Written in Typescript\n    - Prop typing allows for easier debugging in projects\n    - Components usable in both Typescript and standard React projects\n3. Accessible\n    - The components themselves support keyboard control and aria tags are added where appropriate.\n    - Additional acessibility options (e.g. `aria-label`s) must be passed as props.\n4. Customizable\n    - Additional props (ids, classNames, etc) can be passed into the component to override default styling.\n\n# Related Projects\n\nDemos and documentation for the above library are available here: https://arth-shukla.github.io/my-icons-documentation/.\n\nA real project where I've used some of these components is this DnD Dice Roller: https://arth-shukla.github.io/dice-roller/.\n\n# About Me\n\nArth Shukla [Site](https://arth.website) | [GitHub](https://github.com/arth-shukla) | [LinkedIn](https://www.linkedin.com/in/arth-shukla/)\n","readmeFilename":"README.md"}