{"_id":"@codechem/chakra-ui-animations","_rev":"12-165fe2cea913a3e09263008a1b1925ab","name":"@codechem/chakra-ui-animations","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@codechem/chakra-ui-animations","version":"1.0.0","description":"Pre-built animations for Chakra UI","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/codechem/chakra-animations.git"},"bugs":{"url":"https://github.com/codechem/chakra-animations/issues"},"homepage":"https://github.com/codechem/chakra-animations#readme","keywords":["react","chakra-ui","animation"],"author":{"name":"Andrej Acevski"},"license":"MIT","scripts":{"build":"tsup src/index.ts --config tsup.config.ts","dev":"tsup src/index.ts --config tsup.config.ts --watch","lint":"eslint src/**/*.ts* --fix","clean":"rm -rf .turbo && rm -rf node_modules && rm -rf dist"},"peerDependencies":{"@chakra-ui/react":">=2.0.0","@chakra-ui/system":">=2.0.0","@emotion/react":">=11.0.0","@emotion/styled":">=11.0.0","react":">=18.0.0"},"devDependencies":{"@chakra-ui/react":"latest","@chakra-ui/system":"latest","@changesets/changelog-github":"^0.4.3","@changesets/cli":"^2.21.1","@emotion/react":"latest","@emotion/styled":"latest","@types/node":"^18.11.0","@types/react":"latest","@typescript-eslint/eslint-plugin":"^5.0.0","eslint":"^8.0.1","eslint-config-standard-with-typescript":"^23.0.0","eslint-plugin-import":"^2.25.2","eslint-plugin-n":"^15.0.0","eslint-plugin-promise":"^6.0.0","react":"latest","ts-node":"^10.7.0","tsup":"^6.1.2","typescript":"^4.6.2"},"gitHead":"1efe11a66a71a450682b9a184c9c9644c758570c","_id":"@codechem/chakra-ui-animations@1.0.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-/NRE9NogGcXyhlTgM+8ZMjve6N/Oz+Wmn7DBVusThkhVEuqsDjuC6zKRlthfHYs3nF90cN6B4v1ubYVqnowsdA==","shasum":"703a40f101476edaf64791875d85dff7118a0ca9","tarball":"https://registry.npmjs.org/@codechem/chakra-ui-animations/-/chakra-ui-animations-1.0.0.tgz","fileCount":6,"unpackedSize":24769,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHStYYn8creCqrXYiDHBNvgMrciw5DA2ybZK3faQr2owAiEAofGrpBmD/AoL0r6Rjne0PwMmNd6OjeX3CNCXl3xJ+F4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTvYPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRBw/7BS4FWEWR8HeglN6RZmKMGyeTDV304dciyGYP1ImIEwKT97de\r\nBcT38f+OKX0MVCi/aBlaQR+Nx4GXhv+wRWNXfKGWYFKnMzRxgKzkFLRbdR5K\r\nWA8Qm+2qnIS4NkmPhnS5M6+/NyBNuNuK1YzSTFyUZzWFkTls6E/KXH5/DXlx\r\ntyxks1Za+mWmgdU9qR+w738H+mFxnFIIO0ch51xSWXtsceiRZuTjcQBsuk1j\r\n5EJu1SvpU1FZbw+FosYlV6+InHoedWOcMfIt9pRHfF/h2UouxSd0OnrRP2ia\r\ndkbTzr0Mled3bavCv5AYezWn2h08SdQ0CMHGZi7dRsDrAt4kb2nZIs7gh0Yb\r\nwtjXDNoLd/PTRtzl7JWzYAIW7j3LRCfXk5RWkpUgicIx6PAHhnvn+CbJqAdx\r\nGWFlUZqcsVVTZshAIDQq+0Xx3rc6qOsTOq7ylrsYbk2x3ArvPMqtbKViAcSz\r\nVODciZbzxx9zBR4PrAG9+4wpDyMNfxGQt29W3X107WtSzdRN7s74Jjoj8jHW\r\ncMSzvgUH+JIroEoqn1jPDIP5OFKvJzgOTxP/O9AmGbyaf/GjaUblTFA42OgI\r\nURI1hhyi1fVYC3vxSWkpg1oLNXyBZniSDYlrZ13A/IKSxeoLCQEZrP9p3G6P\r\nsULN1i3pK/6OZ8h/gtGt3IUw+XMInsgPjBE=\r\n=rJN4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"andrejacevski","email":"andrej@codechem.com"},"directories":{},"maintainers":[{"name":"iboshkov","email":"ilija@codechem.com"},{"name":"andrejacevski","email":"andrej@codechem.com"},{"name":"ccadm","email":"costa@codechem.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-ui-animations_1.0.0_1666119183006_0.2716578302659829"},"_hasShrinkwrap":false},"1.0.1":{"name":"@codechem/chakra-ui-animations","version":"1.0.1","description":"Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components.","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","contributors":[{"name":"Andrej Acevski","email":"aacevski@gmail.com","url":"https://github.com/aacevski"}],"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/codechem/chakra-ui-animations.git"},"bugs":{"url":"https://github.com/codechem/chakra-ui-animations/issues"},"homepage":"https://github.com/codechem/chakra-ui-animations#readme","keywords":["react","chakra-ui","animation"],"author":{"name":"Andrej Acevski","email":"aacevski@gmail.com","url":"https://github.com/aacevski"},"license":"MIT","scripts":{"build":"tsup src/index.ts --config tsup.config.ts","dev":"tsup src/index.ts --config tsup.config.ts --watch","lint":"eslint src/**/*.ts* --fix","release":"changeset publish"},"peerDependencies":{"@chakra-ui/react":">=2.0.0","@chakra-ui/system":">=2.0.0","@emotion/react":">=11.0.0","@emotion/styled":">=11.0.0","react":">=18.0.0"},"devDependencies":{"@chakra-ui/react":"latest","@chakra-ui/system":"latest","@changesets/changelog-github":"^0.4.3","@changesets/cli":"^2.21.1","@emotion/react":"latest","@emotion/styled":"latest","@types/node":"^18.11.0","@types/react":"latest","@typescript-eslint/eslint-plugin":"^5.0.0","eslint":"^8.0.1","eslint-config-standard-with-typescript":"^23.0.0","eslint-plugin-import":"^2.25.2","eslint-plugin-n":"^15.0.0","eslint-plugin-promise":"^6.0.0","react":"latest","ts-node":"^10.7.0","tsup":"^6.1.2","typescript":"^4.6.2"},"gitHead":"97706b5752edbccfcf2652621581c3a8da83036a","_id":"@codechem/chakra-ui-animations@1.0.1","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-QAN3a+k3le1Ct1/3Y1DFmU+5YWCu9bgaJQ/Xo7bGBhE2M8gy4MAJ9giKWRoddlxUV+CQt1UyPtm1Q1zixkgA4Q==","shasum":"b0d06311a6dfa331c3a60f130bb9388a162a6d14","tarball":"https://registry.npmjs.org/@codechem/chakra-ui-animations/-/chakra-ui-animations-1.0.1.tgz","fileCount":6,"unpackedSize":25067,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvuh7bDrjaLl4GUBWjPuG32bLunSSVyuv7mEgXPX1rXQIhAMjy+ISosq19GYlzNJj6Eg04BJj/RfbPPzSRXnY4AdrH"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxXVaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJAw//RmKSOI9+4Umvnoy2S8bC8GyF739No6pJMz+dTtIYkea02ocW\r\nUYSFQ41nAnUHgjyacpcS1T22RXCIqMyLTgOZwaIGKXkLTVkvNT86Gvb4H3g6\r\nQoAnf9YjfWyX3TCfTJgKEREhQZO8Kd6x8WOBKVwQnwVZ+pRTEpMXijEB/TH7\r\nhPJeHlrCf34YUFHFq9L+Vzb+fFnfgBCJaSh8JRyaPjwusa+YZ5i7D8/2ntLy\r\nH+mhUDH2L71XprO1W9Tpjpi/WzVc/4oag5aL6fdYKODxKShw+rcxC/nOrNt3\r\nP9Ee+e9wf+BamiPRljakyXCAw2zhBonDa/MwvZyDBUWnZ4N34Hc2LkMcQq5/\r\nUsR/Gj2iZgPotfQHTgB1w4y5NVtJRN+GMtxy0RyXek5NZbtPjAXvTGKdd4nl\r\nehCP2fjBdu+DBKbrx4z0CTlFLaDnetGefDmKDfMYzr6iY5TU0UhRmOS2WEKK\r\neYznKI/aGDI3lC+DpcMMnZrjmu+PN5F/1yXMf1NsGHQj9hCBnii0/1KReoE8\r\nLF9f/qQn9vwPOUN3W33kHqj69lF89c2DPQEYZB59E2vdy4/qbSEslGiQgZMN\r\nmOjHVCQVmUOFmGp5BlblWZtKCri19ZczuvJUfe0tTxm8oO91Hc6iCqHVMgbi\r\nJbslyzkjAzBs3BcbPkIjlPd+rAQ/JSEiWTg=\r\n=yfCj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"iboshkov","email":"ilija@codechem.com"},"directories":{},"maintainers":[{"name":"dejan.slamkov","email":"dejan@codechem.com"},{"name":"stefan.popovski","email":"stefan@codechem.com"},{"name":"iboshkov","email":"ilija@codechem.com"},{"name":"andrejacevski","email":"andrej@codechem.com"},{"name":"ccadm","email":"costa@codechem.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-ui-animations_1.0.1_1673885018522_0.770246281121745"},"_hasShrinkwrap":false},"1.0.2":{"name":"@codechem/chakra-ui-animations","version":"1.0.2","description":"Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components.","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","maintainers":[{"name":"dejan.slamkov","email":"dejan@codechem.com"},{"name":"stefan.popovski","email":"stefan@codechem.com"},{"name":"iboshkov","email":"ilija@codechem.com"},{"name":"andrejacevski","email":"andrej@codechem.com"},{"name":"ccadm","email":"costa@codechem.com"}],"contributors":[{"name":"Andrej Acevski","email":"aacevski@gmail.com","url":"https://github.com/aacevski"}],"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/codechem/chakra-ui-animations.git"},"bugs":{"url":"https://github.com/codechem/chakra-ui-animations/issues"},"homepage":"https://github.com/codechem/chakra-ui-animations#readme","keywords":["react","chakra-ui","animation"],"author":{"name":"Andrej Acevski","email":"aacevski@gmail.com","url":"https://github.com/aacevski"},"license":"MIT","scripts":{"build":"tsup src/index.ts --config tsup.config.ts","dev":"tsup src/index.ts --config tsup.config.ts --watch","lint":"eslint src/**/*.ts* --fix","release":"changeset publish"},"peerDependencies":{"@chakra-ui/react":">=2.0.0","@chakra-ui/system":">=2.0.0","@emotion/react":">=11.0.0","@emotion/styled":">=11.0.0","react":">=18.0.0"},"devDependencies":{"@chakra-ui/react":"latest","@chakra-ui/system":"latest","@changesets/changelog-github":"^0.4.3","@changesets/cli":"^2.21.1","@emotion/react":"latest","@emotion/styled":"latest","@types/node":"^18.11.0","@types/react":"latest","@typescript-eslint/eslint-plugin":"^5.0.0","eslint":"^8.0.1","eslint-config-standard-with-typescript":"^23.0.0","eslint-plugin-import":"^2.25.2","eslint-plugin-n":"^15.0.0","eslint-plugin-promise":"^6.0.0","react":"latest","ts-node":"^10.7.0","tsup":"^6.1.2","typescript":"^4.6.2"},"gitHead":"97706b5752edbccfcf2652621581c3a8da83036a","_id":"@codechem/chakra-ui-animations@1.0.2","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-d2kM7Gr3ZfHX6VxeG5VNuXWcelYDFLYwJOVHKOR/B7COwov3ShENozrbfXgiXiiViBWdzCkkCI4VEvFqRYpgtg==","shasum":"2a4569124c357f8cef287afb2476cc518643edbb","tarball":"https://registry.npmjs.org/@codechem/chakra-ui-animations/-/chakra-ui-animations-1.0.2.tgz","fileCount":6,"unpackedSize":25215,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCy0px2lpVNX6F2Yeqi2mxzCNtvKIQQhzZ5VPjlXrwwXQIhAKMkOzGww9WwfF9XWa6FeoPZ8mU9Xd6uAwytZ3frdc97"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxXY3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQtRAAoPIgIRjoPY+JEHYcgoKCRP8ATdJU/Eqh8wziroG6g6cq5Uve\r\nc2O3PCfdpfY608/r5HMYT8OjtAKo8YaFFekdHBuwJSchKbpUEm1Av5p2gbIr\r\nFQ94uSFAW8ro95oJsJRQmrU/ytEVNHkhhRFrNTGN7f9xbru5sITkO/FfHNLL\r\nG0+tKAYOQIlfjXkrMl+e2RKEAJkjz4ibshZMJwUjhT80P9ZPJem9nwmm3e+C\r\n6jXMJDHLfvubf4xGmispphfbI1Gop98C1kmkb4Mlrn20zmrU9nCjIWtwCZMS\r\nWpfJorkol6c2VhCPp90Nx2RXWzHf0evscqn+dD/FcKDBkOw7v9XY2bxBQFsN\r\n53YIVeQY5s0y796Aka5aDwZtWVUlLqWm65kTF3NFrPZyL8WzW6hZ0HdV/9Ka\r\nEoxk3K5422TMCvtyetd5PfZ7Is0vH2UT1KVN5r6fE+cV/jIQs3xr9uA8iQqO\r\nwkPUdzDlHiyVU1RMYPA3mOb6eH/K/ePT6HmjZ3GPeiN6utFmrbiuXKT6rYVH\r\na2fbKBu5rXtWI9j/CZUxulVD1mgmrF8QS5FIbkL0/AcHIwr5Uo5g2/59pVDq\r\n5jNwvcAKa4ssjb0s1DCfVCZJjhPEOFvgw4kuJJKHz44ZQgvOLtC86r7BlAMB\r\n96VK67ULXdeyzDdMbeKso4xkBrzzvpjoDH0=\r\n=utIV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"iboshkov","email":"ilija@codechem.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-ui-animations_1.0.2_1673885239680_0.2711465052992579"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-18T18:53:02.958Z","1.0.0":"2022-10-18T18:53:03.188Z","modified":"2023-01-16T16:15:28.780Z","1.0.1":"2023-01-16T16:03:38.682Z","1.0.2":"2023-01-16T16:07:19.846Z"},"maintainers":[{"email":"andrej@codechem.com","name":"andrejacevski"}],"description":"Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components.","homepage":"https://github.com/codechem/chakra-ui-animations#readme","keywords":["react","chakra-ui","animation"],"repository":{"type":"git","url":"git+https://github.com/codechem/chakra-ui-animations.git"},"author":{"name":"Andrej Acevski","email":"aacevski@gmail.com","url":"https://github.com/aacevski"},"bugs":{"url":"https://github.com/codechem/chakra-ui-animations/issues"},"license":"MIT","readme":"# Chakra UI Animations\n\nChakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components.\n\n## Installation\n\n```sh\nyarn add @codechem/chakra-ui-animations\n\n# or\n\nnpm i @codechem/chakra-ui-animations\n```\n\n## Usage\n```typescript\nimport { useAnimation } from '@codechem/chakra-ui-animations';\nfunction App() {\n    const animation = useAnimation('flip', { duration: 2000, iterationCount: 'infinite' });\n\n    return (\n        <Box bg=\"red.500\" h=\"500px\" w=\"500px\" animation={animation}>\n            <Heading>\n                Open source rocks!\n            </Heading>\n        </Box>\n    )\n}\n```\n\n## Options:\n\n- `duration` - is the length of the animation **(in miliseconds)** \n- `iterationCount` - is the amount of times the you want the animation to repeat **(number or `'infinite'`)**\n\n## Animation List\n\nThe first parameter in the `useAnimation` hook is the animation name, this is the list for all animations:\n\n#### Main animations:\n- bounce-in\n- bounce\n- flash\n- flip\n- head-shake\n- heart-beat\n- jello\n- pulse\n- rotate-9\n- rotate-scale\n- rubber-band\n- shake-x\n- shake-y\n- shake\n- swing\n- tada\n- wobble\n\n#### Shadow animations:\n- shadow-drop-2\n- shadow-drop\n- shadow-inset\n\n#### Extra animations:\n- hinge\n- jack-in-the-box\n- roll-in\n- roll-out","readmeFilename":"README.md","contributors":[{"name":"Andrej Acevski","email":"aacevski@gmail.com","url":"https://github.com/aacevski"}]}