{"_id":"react-animation-components","_rev":"16-528d7c10c2685da11e0fe41ac604e320","name":"react-animation-components","description":"A set of react transition components for basic animations.","dist-tags":{"latest":"3.0.0"},"versions":{"1.0.0":{"name":"react-animation-components","version":"1.0.0","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch"},"repository":{"type":"git","url":"git+https://github.com/cjthedizzy/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/cjthedizzy/react-animation-components/issues"},"homepage":"https://github.com/cjthedizzy/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","webpack":"^3.6.0"},"dependencies":{},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"gitHead":"88cbc67fe3234797873adc5ba93231bbd1ac11e7","_id":"react-animation-components@1.0.0","_npmVersion":"5.4.1","_nodeVersion":"6.6.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-/RJdyfIIHqul8io/5VUb8Nek+f07XaU4DMFrqrJhTsnoxn0nxxWDzK2U/YoT/XLzifhGZc1uegL6Z6f/iwGy4Q==","shasum":"493016eb17b21a54886733c9a9f63916aa855728","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-1.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDKpBce/bgeWn6tDWqbjtC1ZDr5XWSn56oclF9XgzxNuAiALeLXCZiZjyDjyy/Hz7ofj1adIASF+jqs+8U39TdE4Ig=="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-1.0.0.tgz_1507842256662_0.7591408644802868"},"directories":{}},"1.0.1":{"name":"react-animation-components","version":"1.0.1","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"372e8ec54d10ec2f905b19a0c9e27af761f42d00","_id":"react-animation-components@1.0.1","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-kZ6NKdTMAkiQ9JYTGzCmuIrR00ilx5/OdyOOdGAOctoEZg/SQL1fcgZpgX2OeqesYbPq6DKUZbXUgYFQyu40DQ==","shasum":"68d37ca4c7ae91fb17abdaacf4eae73bb43b9a12","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-1.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDiyYlZwTHE4LBeK+xEotH8lXx0kfPWXn+dwX0iBppTSAiBdZndSdwucflLVLyXrWQvJpE2kxQI6O7hvQdEPc6OkOQ=="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-1.0.1.tgz_1508192422202_0.3323511560447514"},"directories":{}},"1.0.2":{"name":"react-animation-components","version":"1.0.2","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"cb31dae78f6f805105d5e65508bdfe82cab029d3","_id":"react-animation-components@1.0.2","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-8nCiaXIaPSKRt0wng3ldj6orQ0ocksEcu+5XRdTqbbFHZ20CQoW1aV6uP9kzjSk0J4ORmv/bsMx3f2wpENFaOw==","shasum":"4e7fc37a96673f0c77222481483a61ab83100b00","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-1.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6zWJ9o7NC4a8WWz9NXqZi18ck3PV5K6BpS4jrkF+CbwIgSx67xnpPhmT1WZsLOqACiaZBbA1dyN8BE0R9db5ZXbI="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-1.0.2.tgz_1508195164593_0.7424720232374966"},"directories":{}},"1.1.0":{"name":"react-animation-components","version":"1.1.0","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"@storybook/addon-actions":"^3.2.12","@storybook/addon-knobs":"^3.2.12","@storybook/addon-links":"^3.2.12","@storybook/react":"^3.2.12","babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{"jest-cli":"^21.2.1"},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"114ec58968b46fae8333ffea847e369e419f7abd","_id":"react-animation-components@1.1.0","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-mRfdF4ydJzN17yrsBHsxIGJoqKZQnRl0jHCajw2+/CJ5s7LBohixe/dYwnRYVj4w2+lM++y6qUXzSwWxXY5iDg==","shasum":"93ed9b325300597fe4a4956dbb10d6741486fd5d","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-1.1.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGysk75C60aZUdLxezeeCC/M7gOhHqBqh3icApmN+xAMAiBS76OU/ExqhLyYb5FV9b8jBoBV/sYqBdSdnJHDjBwq2w=="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-1.1.0.tgz_1508195729107_0.8758772735018283"},"directories":{}},"2.0.0":{"name":"react-animation-components","version":"2.0.0","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"@storybook/addon-actions":"^3.2.12","@storybook/addon-knobs":"^3.2.12","@storybook/addon-links":"^3.2.12","@storybook/react":"^3.2.12","babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{"jest-cli":"^21.2.1"},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"ef991766493dc7b107d190f27e27a477113c5c66","_id":"react-animation-components@2.0.0","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-Unhkmhe9dkInoepIKHaCnYKCn/YI7haqaZm42VilH8EfFo167PH77PDFTapR5Uh+M0fJ5T0r6ZK8o9XQAP/BAg==","shasum":"1dee056f29d8bf3d4db19f99e9909a4f88074d87","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-2.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwHAe8P7cy4++7jmUS3IKBUkXGj4blFzhcPKBO3zmdrQIgNdslnKnz2vXt2Um5kvK8kOlPrlJAOvnmDVRUz2JZ4fM="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-2.0.0.tgz_1508216694857_0.13796885823830962"},"directories":{}},"2.0.1":{"name":"react-animation-components","version":"2.0.1","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"@storybook/addon-actions":"^3.2.12","@storybook/addon-knobs":"^3.2.12","@storybook/addon-links":"^3.2.12","@storybook/react":"^3.2.12","babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{"jest-cli":"^21.2.1"},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"7363b9852a2ea31d419cbd6a2757a183517cecda","_id":"react-animation-components@2.0.1","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-I7smDeGDQomEJciJm+77JgDttv4W0GBtnw409M0xxILdxiM7r3eLdVBny2W2j+8qcJKmcSUzjKFn6NOsv/7xVg==","shasum":"ddc4ba118b003726aeee5c6563219119f4f9fb87","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-2.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDKm4xAx4jToqD5pp5+mkn19czcez+yjOMZXxPnEXZfzAiEA92Sk2W6mrus6qpJsMBmdavv07Xt+k9WYeUmvrm3+j7g="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-2.0.1.tgz_1508221222105_0.6199270857032388"},"directories":{}},"2.0.2":{"name":"react-animation-components","version":"2.0.2","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"@storybook/addon-actions":"^3.2.12","@storybook/addon-knobs":"^3.2.12","@storybook/addon-links":"^3.2.12","@storybook/react":"^3.2.12","babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{"jest-cli":"^21.2.1"},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"5ea86c44b1ac27ca94c0533853b527e7655094ed","_id":"react-animation-components@2.0.2","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-9314OlM39WZYiljQd9odqmMuQnabgqBeKEwHNMoPnMWYeQPsVWBFKWazFXnfby544HFUZaTJ9PwyaBTz9kvq0g==","shasum":"022b099de1627ba707e1a41df9e6ba5b4e42a3d7","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-2.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEvUP9XBW2DAQTH7rG82RnuwEYAUR3nmG24cjnh/kFLoAiEA5Irzd23SiWaBn7VX3N0U6TdTWIQWViKoUuubYVV/LCQ="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-2.0.2.tgz_1508262762222_0.11158224870450795"},"directories":{}},"2.0.3":{"name":"react-animation-components","version":"2.0.3","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"@storybook/addon-actions":"^3.2.12","@storybook/addon-knobs":"^3.2.12","@storybook/addon-links":"^3.2.12","@storybook/react":"^3.2.12","babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{"jest-cli":"^21.2.1"},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"4feb71849d5ab18c5ad24e51a738786d9c13b796","_id":"react-animation-components@2.0.3","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-ncI/ArQeidOaBAgAV2mIuouyjv7rQmqbKbn5q+b8Nae73XpW7CJwN+ursExMbFUu7LuM9iR6Ys4DUWf3RK/pXQ==","shasum":"ff8469d6b559d522dfe5629c9fe3757aa678e622","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-2.0.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICzb6UFBbV681YSvSlLDYJtawchV0KHLkB0iPp3ghDJhAiEAwaXZWdtPvNY0klPab0ztleQf9kAHInF6kA1qmL5EeZw="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-2.0.3.tgz_1508262946947_0.8636178916785866"},"directories":{}},"2.0.4":{"name":"react-animation-components","version":"2.0.4","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"@storybook/addon-actions":"^3.2.12","@storybook/addon-knobs":"^3.2.12","@storybook/addon-links":"^3.2.12","@storybook/react":"^3.2.12","babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{"jest-cli":"^21.2.1"},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"c1d99575cdb5d0f9d6d234bac136a411cbcf35a3","_id":"react-animation-components@2.0.4","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-jYE3dvaPcHT5V2l7+C6z+XNQFHvpfyGE2A/3Y4jUHdfjeGUopCxNneUdYzfriPD86sxiFkZNUxbg4c8GkkwBTA==","shasum":"0a38b7f3a3246c98b8f85310c8badd7fcad8d35b","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-2.0.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHAfpwpkNir60qNw1ReoLaq1YOrDd8gNDyvxxGzhPRTxAiA1XCQPGKlvLK9XtqIWQX6w0fIj5LpTjxUTUohhFK/Gtw=="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-2.0.4.tgz_1508267064719_0.31401939294300973"},"directories":{}},"2.0.5":{"name":"react-animation-components","version":"2.0.5","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post","start":"npm run storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"@storybook/addon-actions":"^3.2.12","@storybook/addon-knobs":"^3.2.12","@storybook/addon-links":"^3.2.12","@storybook/react":"^3.2.12","babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{"jest-cli":"^21.2.1"},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"49740f6427438130277855e086b1873be395173a","_id":"react-animation-components@2.0.5","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-KoXF3QWhWrV85C6v+nEc+A9Mc/QiAC0PZf2WObAZjBCxvypMhdpm3d6i5wD2KDE7Zx8Bj3Bry9e9vem1+haqXg==","shasum":"e3fbf969856a7b2c6aecac1023e90c5ea76a4db4","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-2.0.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICPv6yGe5HhuTioVINQYdSrf8RTi85iXjSC4JLvGehf1AiA6EUNMHdMfyhuYPL2LtOABvcj12m7VobwUX7YHQ+1PAg=="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-2.0.5.tgz_1508302734543_0.8651742360088974"},"directories":{}},"2.1.0":{"name":"react-animation-components","version":"2.1.0","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post","start":"npm run storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"@storybook/addon-actions":"^3.2.12","@storybook/addon-knobs":"^3.2.12","@storybook/addon-links":"^3.2.12","@storybook/react":"^3.2.12","babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{"jest-cli":"^21.2.1"},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"a182b3fd2f77bdf19891f86e4a2db5aeed37b7c1","_id":"react-animation-components@2.1.0","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-WMxMiqaH5hhmLCnkzWgeMBB23SKZYoaiXLwcjQqQS6oD2xteBEIbuTLY2Bkf+u34xv87sZ5ytHs+xyyiqw69yQ==","shasum":"ba2a8ab08acba000f48e95b8f49127645bc54afd","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-2.1.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDRJHqdLLBgpQ9XZCwIu3c6JHLY0n94VblBA10CGYllHgIgJgwt3KoNn2zVbGkXiDFiSVRQesojONgRh45fJULX6Ic="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-2.1.0.tgz_1508368003329_0.2155081268865615"},"directories":{}},"2.1.1":{"name":"react-animation-components","version":"2.1.1","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post","start":"npm run storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"@storybook/addon-actions":"^3.2.12","@storybook/addon-knobs":"^3.2.12","@storybook/addon-links":"^3.2.12","@storybook/react":"^3.2.12","babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{"jest-cli":"^21.2.1"},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"80c250cb9017d3abe05eb5cccae2ffbe56ecf214","_id":"react-animation-components@2.1.1","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-qWw4P6TeaKlDMHXzp9TN4c5GlR6ssGJBmlC2qe5gNT7Gmy4NlediE7aB3Yep8lBTJ1SefcE62z9lCC6JJGBuow==","shasum":"4d61e3d2c67b12cb6b93ee57bc41a82e6b87bd28","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-2.1.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpkZg47dKvVfb05NHn/mBKCVVhzswubO6UMVyhZ7RIOAIgQrsdFEbuPlIQYod9HArPg3nCMKn8wn4/Zd+t6awbGcE="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components-2.1.1.tgz_1508457587544_0.42759849154390395"},"directories":{}},"3.0.0":{"name":"react-animation-components","version":"3.0.0","description":"A set of react transition components for basic animations.","main":"lib/react-animation-components.js","scripts":{"commit":"git-cz","build":"NODE_ENV=production webpack -p --progress","test:single":"jest","test":"jest --watch","semantic-release":"semantic-release pre && npm publish && semantic-release post","start":"npm run storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"keywords":["react","animations","react","transition","group"],"author":{"name":"Chris Johnson"},"license":"MIT","bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0","react-transition-group":"^2.2.1","prop-types":"^15.6.0"},"devDependencies":{"@storybook/addon-actions":"^3.2.12","@storybook/addon-knobs":"^3.2.12","@storybook/addon-links":"^3.2.12","@storybook/react":"^3.2.12","babel-core":"^6.26.0","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-module-resolver":"^2.7.1","babel-plugin-transform-react-remove-prop-types":"^0.4.9","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","commitizen":"^2.9.6","cz-conventional-changelog":"^2.0.0","enzyme":"^3.1.0","enzyme-adapter-react-16":"^1.0.1","ghooks":"^2.0.0","jest":"^21.2.1","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","react-transition-group":"^2.2.1","semantic-release":"^8.0.3","webpack":"^3.6.0"},"dependencies":{"jest-cli":"^21.2.1","lodash":"^4.17.5"},"jest":{"testEnvironment":"node","setupTestFrameworkScriptFile":"./setup-tests.js"},"config":{"commitizen":{"path":"node_modules/cz-conventional-changelog"},"ghooks":{"pre-commit":"npm run test:single"}},"gitHead":"561ba33fb9b58bf25c63f1c0f26a0a770b632d22","_id":"react-animation-components@3.0.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.1","_npmUser":{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"},"dist":{"integrity":"sha512-9BhSSQ+8ZW2RciRA1wmIybZgmyC6myPXmkOR3zBZtt5V8Zm63fxSwb+ooiZZbgC91ASS/1LHjftdzv9Y5izQFA==","shasum":"e6a67a3cae88c7c53e44c115fc4b59ad7300cb2c","tarball":"https://registry.npmjs.org/react-animation-components/-/react-animation-components-3.0.0.tgz","fileCount":11,"unpackedSize":334273,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDmIGBKstNAb9E95psVft5giblKwIaeyEOySun2VevmpAiEAilk++YKMHsv016C0sfJkLjAOskx7PApx8bI4VPZgj/Y="}]},"maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-animation-components_3.0.0_1522799338801_0.7512374631241476"},"_hasShrinkwrap":false}},"readme":"# react-animation-components\n\n[]()\n\nA set of React components using [React Transition Group](https://github.com/reactjs/react-transition-group) to provide drop in GPU accelerated animations and wrappers for group effects.\n\n[Checkout the Storybook!](http://animationcomponents.com/)\n\n* [Installation](#installation)\n* [Animation Components](#animation-components)\n * [Fade](#fade)\n * [Transform](#transform)\n * [FadeTransform](#fadetransform)\n* [Wrapper Components](#group-components)\n * [Stagger](#stagger)\n * [Random](#random)\n * [Loop](#loop)\n\n## Installation\n\n`npm install react-animation-components`\n\nMake sure you also have installed the following peer dependencies:\n\n```\n \"react\": \"^16.0.0\",\n \"react-dom\": \"^16.0.0\",\n \"react-transition-group\": \"^2.2.1\",\n \"prop-types\": \"^15.6.0\"\n```\n\n## Animation Components\n\n### Props available on all animation components\n\nThe following are available on any animation component as well as **any valid `Transition` props**. Transitions are set to `appear` and their `timeout` is calculated by combining the `delay` and `duration` by default but can be overwritten.\n\n| Key | Description | Example | Type | Default Value |\n| --------- | ---------------------------------------------- | -------------------- | -------- | ------------- |\n| className | Passes className to wrapper `div` | `some-class` | _string_ | `undefined` |\n| delay | Sets the animations `transitionDelay` | `500` | _number_ | `0` |\n| duration | Sets the animations `transitionDuration` | `1000` | _number_ | `500` |\n| style | Passes styles to wrapper `div` | `{ display:'flex' }` | _object_ | `{}` |\n| timingFn | Sets the animations `transitionTimingFunction` | `'ease-in-out'` | _string_ | `'ease'` |\n\n### Fade\n\nTransitions the wrapped element's opacity from one value to another\n\n#### Props\n\n| Key | Description | Example | Type | Default Value |\n| ------------ | -------------------------------------- | ------- | -------- | ------------- |\n| enterOpacity | The opacity value when `in` is `true` | `0.85` | _number_ | `0` |\n| exitOpacity | The opacity value when `in` is `false` | `0.25` | _number_ | `0` |\n\n#### Examples\n\n```\nimport { Fade } from 'react-animation-components'\n\n\n I'm transitioning to opacity:1
\n\n\n\n I'm transitioning to opacity:0.85
\n\n\n\n I'm transitioning to opacity:0
\n\n\n\n I'm transitioning to opacity:0.25
\n\n```\n\n### Transform\n\nTransitions the wrapped element from one transform property to another. Any valid `transform` property will work.\n\n#### Props\n\n| Key | Description | Example | Type | Default Value |\n| -------------- | ---------------------------------------- | --------------------- | -------- | ------------- |\n| enterTransform | The transform value when `in` is `true` | `'translateX(100px)'` | _string_ | `'none'` |\n| exitTransform | The transform value when `in` is `false` | `'translateX(100px)'` | _string_ | `'none'` |\n\n#### Examples\n\n```\nimport { Transform } from 'react-animation-components'\n\n\n I'm transitioning from my initial position to 100px right when `in` is `true`
\n\n\n\n \n I'm 100px to the left of my initial position and\n I transition 100px right of my initial when `in` is `true`\n
\n\n\n\n I transition from initial positon to rotate 90deg when `in` is `true`
\n\n```\n\n### FadeTransform\n\nComposes `Fade` and `Transform`. All top level props are passed to both components. You can also pass props to individual components in the composition.\n\n**Props passed to indivudal components via `fadeProps` or `transformProps` will override any top level props**\n\n#### Props\n\n| Key | Description | Example | Type | Default Value |\n| -------------- | ----------------------------------------- | ----------------------------------------- | -------- | ------------- |\n| fadeProps | The props that only `Fade` recieves. | `{ enterOpacity: 0.85 }` | _object_ | `{}` |\n| transformProps | The props that only `Transform` recieves. | `{ enterTransform: 'translateX(100px)' }` | _object_ | `{}` |\n\n#### Examples\n\n```\nimport { FadeTransform } from 'react-animation-components'\n\n\n I'm transitioning from my initial position to 100px right when `in` is `true`
\n\n\n\n \n I'm 100px to the left of my initial position and\n I transition 100px right of my initial when `in` is `true`\n
\n\n\n\n I transition from `-100px` horizontally of my initial positon and to 0.85 opacity when `in` is `true`
\n\n```\n\n## Wrapper Components\n\nWrapper components use the inner animation components `onEntered` and `onExited`. **Setting those callbacks inside these wrappers will not work**\n\n### Stagger\n\nUses `TransitionGroup` to stagger `delay` on a set of animation components\n\n#### Props\n\n| Key | Description | Example | Type | Default Value |\n| ---------- | ----------------------------------------------------------------- | ------------------ | ---------- | -------------------------- |\n| chunk | Used to limit the stagger into \"chunks\". | `5` | _number_ | `0` |\n| delay | The amount to separate each stagger by | `1000` | _number_ | `100` |\n| duration | A value to set the inner child animations transition duration | `800` | _number_ | `500` |\n| in | A boolean to tell the children to mount or unmount | `true` | _boolean_ | `false` |\n| onComplete | A function that is called after the last animation finishes | any valid function | _function_ | `Function.prototype(noop)` |\n| reverse | A boolean to tell the component to reverse how delays are applied | `true` | _boolean_ | `false` |\n\n#### Examples\n\n```\nimport { Fade, Stagger } from 'react-animation-components'\n\nconst items = ['first', 'second', 'third', 'fourth', 'fifth'];\n\n\n {items.map(\n item => (\n \n Each {item} will transition in with an incrementally larger delay than the previous
\n \n )\n )}\n\n\n\n {items.map(\n item => (\n \n \n Each {item} will increment in segments of 4.\n First is 0, Second is 100, Third is 200, Fourth is 0, fifth is 100, and so on\n
\n \n )\n )}\n\n```\n\n### Random\n\nUses `TransitionGroup` to randomize `delay` on a set of animation components\n\n#### Props\n\n| Key | Description | Example | Type | Default Value |\n| ---------- | ----------------------------------------------------------------- | ------------------ | ---------- | -------------------------- |\n| duration | A value to set the inner child animations transition duration | `800` | _number_ | `500` |\n| in | A boolean to tell the children to mount or unmount | `true` | _boolean_ | `false` |\n| maxDelay | Maximum delay possible | `5000` | _number_ | `1500` |\n| minDelay | Minimum delay possible | `100` | _number_ | `0` |\n| onComplete | A function that is called after the last animation finishes | any valid function | _function_ | `Function.prototype(noop)` |\n| reverse | A boolean to tell the component to reverse how delays are applied | `true` | _boolean_ | `false` |\n\n#### Examples\n\n```\nimport { Fade, Random } from 'react-animation-components'\n\nconst items = ['first', 'second', 'third', 'fourth', 'fifth'];\n\n\n {items.map(\n item => (\n \n Each {item} will randomly FadeIn between 0 and 1500ms
\n \n )\n )}\n\n\n\n {items.map(\n item => (\n \n Each {item} will randomly FadeIn between 1000ms and 5000ms
\n \n )\n )}\n\n```\n\n### Loop\n\nLoops using the `onEntered` and `onExited` callbacks to toggle `in` on a **single** animation component.\n\n#### Props\n\n| Key | Description | Example | Type | Default Value |\n| ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------ | ---------- | -------------------------- |\n| in | Initializes the loop when `true` | `true` | _bool_ | `false` |\n| interval | Sets the interval to toggle `in`. Also sets the `duration` | `1000` | _number_ | `500` |\n| iterations | Maximum number of loops | `5.5` | _number_ | `Infinity` |\n| onComplete | Callback that is called when the `iterations` have been met. Waits an additional `interval` to ensure its called when the last iteration has completed | any valid function | _function_ | `Function.prototype(noop)` |\n| onIterate | Callback that is called with the current count each time the loop iterates. Count is incremented by `0.5` | any valid function | _function_ | `Function.prototype(noop)` |\n\n#### Examples\n\n```\nimport { Fade, Loop } from 'react-animation-components'\n\n\n \n I will Fade in and out repeatedly on 500ms intervals
\n \n\n\n\n \n I will Fade in and out repeatedly on 500ms intervals 5.5 times
\n \n\n```\n","maintainers":[{"name":"unruffledbeaver","email":"chrisjohnson.dev.la@gmail.com"}],"time":{"modified":"2022-05-14T06:05:27.361Z","created":"2017-10-12T21:04:16.738Z","1.0.0":"2017-10-12T21:04:16.738Z","1.0.1":"2017-10-16T22:20:23.239Z","1.0.2":"2017-10-16T23:06:05.569Z","1.1.0":"2017-10-16T23:15:30.256Z","2.0.0":"2017-10-17T05:04:56.003Z","2.0.1":"2017-10-17T06:20:23.458Z","2.0.2":"2017-10-17T17:52:43.327Z","2.0.3":"2017-10-17T17:55:48.121Z","2.0.4":"2017-10-17T19:04:25.897Z","2.0.5":"2017-10-18T04:58:55.802Z","2.1.0":"2017-10-18T23:06:44.465Z","2.1.1":"2017-10-19T23:59:48.879Z","3.0.0":"2018-04-03T23:48:58.874Z"},"homepage":"https://github.com/unruffledBeaver/react-animation-components#readme","keywords":["react","animations","react","transition","group"],"repository":{"type":"git","url":"git+https://github.com/unruffledBeaver/react-animation-components.git"},"author":{"name":"Chris Johnson"},"bugs":{"url":"https://github.com/unruffledBeaver/react-animation-components/issues"},"license":"MIT","readmeFilename":"README.md","users":{"pgraci":true,"jtnix":true}}