{"_id":"react-morph","_rev":"21-b9ecec0752da48c1e51320d10064074f","name":"react-morph","dist-tags":{"latest":"0.4.0","next":"0.4.1-alpha.0"},"versions":{"0.0.1":{"name":"react-morph","version":"0.0.1","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && babel --watch src --out-dir lib --source-maps","test":"eslint ."},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://github.com/brunnolou/react-morph#readme","dependencies":{"wobble":"^1.5.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","uglify-js":"^3.2.2"},"gitHead":"5d66db8b7783b2e9c7e0824098eb0ed941284049","_id":"react-morph@0.0.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-VjPa3W4my+ZsTULtmgN6Ar8r65j6SkvAwMUPi3VpFQACDyMsGlzNzc5rMJTGIxMfk1oiqctiSmWPlxqVdCgOLQ==","shasum":"eed1d189508fea9bf325f28a5124a99d1b3cbf82","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.0.1.tgz","fileCount":5,"unpackedSize":19200,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkgQ/iCakUYctIbJVzOpkl07AqU7VW9ifs1qRBxQbaMAIhAJ12jUOHqVhv9FwppqHvu0WV6wgVWurTSnBCR0AUcQkS"}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.0.1_1518398791556_0.9411219499846195"},"_hasShrinkwrap":false},"0.1.0":{"name":"react-morph","version":"0.1.0","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && babel --watch src --out-dir lib --source-maps","test":"eslint ."},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"eslint-plugin-flowtype":"^2.44.0","keyframe":"^2.1.0","popmotion":"^8.1.10","prop-types":"^15.6.0","react":"^16.2.0"},"peerDependencies":{"react":"^16.2.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","uglify-js":"^3.2.2"},"gitHead":"72320f5a66b75fbdcbe0d01c956e863f3a2abaee","_id":"react-morph@0.1.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-+wuxh+qlbEV2x/QUYAJOseVPZOAQQl8t5OjuXuGUuQy85tNyLmqvYXqmKkyi38TMtcvuJR+krDysaCxLolTSJw==","shasum":"212edfeab8daeec4221db509e9bd91044252808e","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.1.0.tgz","fileCount":6,"unpackedSize":22141,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2pMLlvz0n5YXWh9LxLx2Lq90MVCbGuG4GJLpGc8lGbwIhAMjYSyLHa1+y5n3+LKns3NIGy1X+2ZjFQa8naU6GxIvn"}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.1.0_1519000494180_0.6084513436216914"},"_hasShrinkwrap":false},"0.1.1":{"name":"react-morph","version":"0.1.1","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && babel --watch src --out-dir lib --source-maps","test":"eslint ."},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"eslint-plugin-flowtype":"^2.44.0","keyframe":"^2.1.0","popmotion":"^8.1.10","prop-types":"^15.6.0","react":"^16.2.0"},"peerDependencies":{"react":"^16.2.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","uglify-js":"^3.2.2"},"gitHead":"a88ec11d61e41b6fbfb7d0f414f95594518599cb","_id":"react-morph@0.1.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-Pb/ErXwfrGLQaySb8fj6sWc97Cy1QSBThb2ZXzUYrx1DvZVk2u9nT6AmF5tyhHgg3aT/iMGmB5//aF2ya9/33w==","shasum":"9aa059351f57c94679e90acc91660218314845bc","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.1.1.tgz","fileCount":6,"unpackedSize":22744,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIrVVrZxk13yQvaQ0Ga9KlfWLVrqt7tlJ7r9kXSXmACQIhAIbjdnP2TxYpdE17E284+1ANxiECBs2ccdHEG669EfwZ"}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.1.1_1519002842523_0.3615193271349866"},"_hasShrinkwrap":false},"0.1.2":{"name":"react-morph","version":"0.1.2","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && babel --watch src --out-dir lib --source-maps","test":"eslint ."},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"eslint-plugin-flowtype":"^2.44.0","keyframe":"^2.1.0","popmotion":"^8.1.10","prop-types":"^15.6.0","react":"^16.2.0"},"peerDependencies":{"react":"^16.2.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","uglify-js":"^3.2.2"},"gitHead":"5279235b59560de2197b41ce84f54ca721c1e998","_id":"react-morph@0.1.2","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-zgHKg9JZaYOaa29GKx60KR/tsCuv3iHCjOL/2GN7juDlp7b359YjHK+YdPBwIM7dOQrH2W1N50d6XDYHuI5TCw==","shasum":"1e704ab8d29c27af1c060ef02d9c03ea2e154216","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.1.2.tgz","fileCount":6,"unpackedSize":22830,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgLSuesCdWhbn26bufkjQn1zLMDjrQanC6M10adF7zkQIhAIKuxswsprM12OuVlkB31E43ETw2YFvS1hAIy/5MQ0EJ"}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.1.2_1519039229515_0.9102596928964417"},"_hasShrinkwrap":false},"0.2.0":{"name":"react-morph","version":"0.2.0","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && BABEL_ENV=commonjs babel --watch ./src --out-dir ./lib --source-maps","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"keyframe":"^2.1.0","popmotion":"^8.1.10","prop-types":"^15.6.0","raf":"^3.4.0","react":"^16.2.0"},"peerDependencies":{},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","react":"^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0","uglify-js":"^3.2.2"},"gitHead":"a67307de1ff0faedae99a3382c5fe2a212aa0351","_id":"react-morph@0.2.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-OjMoHm1LguWnevpj3CnBhSqr9laOOkkG26I0+fxnvAReb4XD4KBHI3YJQRxhSh0dIQ+tW+XSjc4Jwrm26noGNg==","shasum":"ecfa03f9961ae89f722ec7a7532858284c1ddcbd","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.2.0.tgz","fileCount":6,"unpackedSize":24758,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCU5R37FcGwINc0A1gv4VqQgfZ4bhVjJF0zUzh2y04IJgIhAKaYl/paF1j15PSc9wP2lx/vk7jLC+g0IOGR0y0J7Fjn"}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.2.0_1519381185889_0.4869655841852214"},"_hasShrinkwrap":false},"0.3.0":{"name":"react-morph","version":"0.3.0","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && BABEL_ENV=commonjs babel --watch ./src --out-dir ./lib --source-maps","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"keyframe":"^2.1.0","popmotion":"^8.1.10","prop-types":"^15.6.0","raf":"^3.4.0","react":"^16.2.0"},"peerDependencies":{},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","react":"^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0","uglify-js":"^3.2.2"},"gitHead":"bfd5831ffb9f118cacf77982956aa0d13cab7c69","_id":"react-morph@0.3.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-y0dNxsr3bpquMD8rHI0kzuw356VwrNz3iYWiSDJlQdbHdIF9y/cpFJ59utZd/e55yJ+MPqlAXA8yPs9me6TyZQ==","shasum":"8270f8dd5eb7634b65ec3bf2965e1083b5ecb9bb","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.3.0.tgz","fileCount":6,"unpackedSize":25792,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH7Y0GsCb8Lyoa1v09qHojTgetKyDN52dzpIZQ6tcz/GAiEA53X8xOAbFi85ZX9HFFjTz0z5VYaOnYum2E6ORF3AxrE="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.3.0_1519563178975_0.572849221351285"},"_hasShrinkwrap":false},"0.3.1":{"name":"react-morph","version":"0.3.1","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && BABEL_ENV=commonjs babel --watch ./src --out-dir ./lib --source-maps","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"keyframe":"^2.1.0","popmotion":"^8.1.10","prop-types":"^15.6.0","raf":"^3.4.0","react":"^16.2.0"},"peerDependencies":{},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","react":"^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0","uglify-js":"^3.2.2"},"gitHead":"c8157191bd365a0a9635e4250a6902f4b705e99d","_id":"react-morph@0.3.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-QHqVqD0m7F3LPEQ/whS2zWaQSgaPLUr+3PkH702FFC7v/4IDDNqO+1/NE+2tE+ogTcEFhuSyIKKZoNoEh9ODQQ==","shasum":"064593346b142c7b43c63a6a571936a127cdde76","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.3.1.tgz","fileCount":6,"unpackedSize":25792,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRFhQccuipEgaGt33h9E5vYcSZgMyGs5jel8YgcdR3SAiBvekQwsBz/6p/yb22eWQ8OzrPuWjbjP13J9woUuG5IQw=="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.3.1_1519566928109_0.6913675172103733"},"_hasShrinkwrap":false},"0.3.2":{"name":"react-morph","version":"0.3.2","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && BABEL_ENV=commonjs babel --watch ./src --out-dir ./lib --source-maps","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"keyframe":"^2.1.0","popmotion":"^8.1.10","prop-types":"^15.6.0","raf":"^3.4.0","react":"^16.2.0"},"peerDependencies":{},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","react":"^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0","uglify-js":"^3.2.2"},"gitHead":"b9100a232adfbbb389b33ae07a8db622a53d084b","_id":"react-morph@0.3.2","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-8B4CDAH5H6axD0Hb/h6RpJEtLN+rvJaViOuCPQJYShDP4WnBjdXqZWtasxwrTBBYgYqzDXoXtShf5DTQIGYo2Q==","shasum":"cd615a205740805560b39edfcab814efa3564969","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.3.2.tgz","fileCount":6,"unpackedSize":25811,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB6/bAxAFEmQRzFtYBT47DYOQ9YsQIhPTMjBKoXDaFsGAiBABgnv65ezY3ib+jxkMybTuJAJqyNqZcE9UondfPY1fg=="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.3.2_1519902333994_0.8621930689025994"},"_hasShrinkwrap":false},"0.3.4":{"name":"react-morph","version":"0.3.4","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && BABEL_ENV=commonjs babel --watch ./src --out-dir ./lib --source-maps","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"keyframe":"^2.1.0","popmotion":"^8.1.10","prop-types":"^15.6.0","raf":"^3.4.0","react":"^16.2.0","stylefire":"^1.1.9"},"peerDependencies":{},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","react":"^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0","uglify-js":"^3.2.2"},"gitHead":"94c60a118c05cf04c15b9cb661e5dafe4d4af00b","_id":"react-morph@0.3.4","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-h54bruOnBY/GoPC1SqllCzrpNQOxDu4yHg+g8Sc7I8IYEXgxXLUHct2SkZYjUBxvhKrCGUpn9FJlnAmk33aPXQ==","shasum":"8c772e28dfcdc23956d921996fbd2062a0537c26","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.3.4.tgz","fileCount":6,"unpackedSize":26853,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDR7talLkMO4K9/z4z1Woo3FXopMvj/qhaj0bQwwwN4OwIgN9HMM0Sv73R/WpbF+/OIL+iBJXlZSa1SnWceIh+h6yE="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.3.4_1520172866396_0.9707914344909665"},"_hasShrinkwrap":false},"0.3.5":{"name":"react-morph","version":"0.3.5","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && BABEL_ENV=commonjs babel --watch ./src --out-dir ./lib --source-maps","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"keyframe":"^2.1.0","popmotion":"^8.1.10","prop-types":"^15.6.0","raf":"^3.4.0","react":"^16.2.0","stylefire":"^1.1.9"},"peerDependencies":{},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","react":"^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0","uglify-js":"^3.2.2"},"gitHead":"5e9cdbe3db616f030e0210ec13f3e75d2031ba34","_id":"react-morph@0.3.5","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-w9buWM7yBlj0X02XutHcgRfuIbdB1UTal+NiI8rbwVvRcAgbyRGeEskXLcxsjR438tCXfP7lph8vvh77LpbDlw==","shasum":"fa87d242310ad267c72b540548d6998a73f5a7f9","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.3.5.tgz","fileCount":6,"unpackedSize":27242,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB0ire81JohkvOBTvxek4J+6AJkuQ7ChJUvJGLxFjRWPAiEA3ee73MfjGZZsS78uEbLw666a1MDQ9sCPYPvJLIJArLA="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.3.5_1520177145697_0.908645232089704"},"_hasShrinkwrap":false},"0.3.6":{"name":"react-morph","version":"0.3.6","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && BABEL_ENV=commonjs babel --watch ./src --out-dir ./lib --source-maps","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"keyframe":"^2.1.0","popmotion":"^8.3.3","prop-types":"^15.6.0","raf":"^3.4.0","react":"^16.2.0","stylefire":"^1.1.9"},"peerDependencies":{},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","react":"^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0","uglify-js":"^3.2.2"},"gitHead":"507e7fdd59149c4eeb96eafd25f0ba1bea26ae07","_id":"react-morph@0.3.6","_npmVersion":"6.1.0","_nodeVersion":"10.2.1","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-YepL+cNgS3hIc+cIeo/4tl09ClHb8ewccZtarLWBxAYRyikzfjE+YEyzr7R+21X8rTo2R3Od1NfN3/Q2LOl/5w==","shasum":"5b96c44956ac3e4cdde0ffdbde24cc856d4c27b4","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.3.6.tgz","fileCount":6,"unpackedSize":27449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbVmI6CRA9TVsSAnZWagAAnCQQAIBU3iNu28OnpKmi/f+w\nu/lPM1J6i7OEknHq33J8QdQxx1DvYP48EkorHogM9o7T5M8yM/1XmtHy6h4F\nTCmQx2QCGqRTJOf/lu51Hc+o4srZNzjbnatKnu+6nkjRdogp5pkrCkWVICiJ\nVyxL1n6VEXkakfEntdcqdn9oSwz3WvJPHPzOlMFui0OGdUPjRks9yscp1IMA\n9N5IcYQaIMKN7Ra4gKRg6Ex7je384H3jE1R+tjvZ3IDR20zibxje/7HRL6gb\nKzIWgFO4xYGv/z5IeOyxRlpdoVG2wd1sUp7R3N+9TQFau4SuX/qTHq4g8Rj4\n1PM0RVR/KoLtwPnahXz2L2URehFwOn61WFlr3tbNuWZQVCIC1jDd9aVTzxbr\ntTfmM73KaZ36Yde/lhjiDxcsiYYoZiqiB8mbCmHBt+HBcFzxxm4J34FjIRFx\nIVEwGu/UysRr5pIzES6Oyq1Bk5i2HcTvl7sX6Myj5CzB2HGpAzXu6W5ORk9K\nrFOXA9BR2IS6I5E4+uJXaSUlcmwqUUIE6Ylnh00GmcJTzJclx6gowg1DdH0i\ncMSKZTmsw0vA0AJCAYm9IxyeoXCo7Ey//FipsEnHQBS0hTZkM+ZpTevdbBkz\n1stMMVmxA3zXbrdJRcVJpi8LeJydgWKhyzXoUGz5eYgqj8W14wcXbt2EyWuR\nPaar\r\n=93qv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDju2d1CUsdvwUyfOYqemH/VJHnvZ4mPIOy7IsW2xIevgIhALTrdCof/Qb7UMYdLmr071o63aURDAHuPteZRmj+1VAr"}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.3.6_1532387898403_0.9733926736786573"},"_hasShrinkwrap":false},"0.4.0-alpha.0":{"name":"react-morph","version":"0.4.0-alpha.0","description":"Ui transitions made simple","main":"lib","types":"lib/index.d.ts","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"tsc","bck-build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && BABEL_ENV=commonjs babel --watch ./src --out-dir ./lib --source-maps","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"@types/react":">=16.8.0","@popmotion/popcorn":">=0.3.1","wobble":">=1.5.1"},"peerDependencies":{"react":">=16.8.0"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^1.4.1","@typescript-eslint/parser":"^1.4.1","ajv-keywords":"^2.1.1","babel-cli":"^6.26.0","babel-eslint":"^10.0.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^5.14.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-config-prettier":"^4.0.0","eslint-config-react-app":"^2.1.0","eslint-config-skeleton":"^0.1.4","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.6.1","prettier":"^1.9.2","prettier-eslint":"^8.8.2","typescript":"^3.3.3333","react":">=16.8.0","uglify-js":"^3.2.2"},"gitHead":"582362cd74b5a8e512da0733dd1873855655efb6","_id":"react-morph@0.4.0-alpha.0","_npmVersion":"6.1.0","_nodeVersion":"10.15.0","_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"dist":{"integrity":"sha512-UfX9TTgTaapW0RsEF3oESaYaZ46M001UGJSPK9d1EwcSGj3EoqQHfb4rmsmtrssiRMermV5evAN9cmRSX09vuw==","shasum":"9ddba3f6c00691db62696e9cef92765f871e4943","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.4.0-alpha.0.tgz","fileCount":17,"unpackedSize":31735,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJckRSfCRA9TVsSAnZWagAAB3cQAJRgFRmuKzTKjH9jZKdp\nKd/19kzYkQWY+6uc1gLhOeg7y5mj6v7ji/V6kR9foLynTxVCvALgyXc9rZoM\n4Ohax/0y/W9xEwdLaEQa1QniLgK5Hsg1Vk1LsEtMZwK1TOYfxG17sFG5nSWC\n9vsUZcVXc4X480oojgjojFoS331BQL+g/3+4OYc1BMshGccPQn4thLw0Y7f1\nzuFNOHEYSmHQoQkH8ak6afDcSN+bKtXfLWc9I1yZ5UAnPO5tU4OJPNpyVPr2\ny3lJ4AtC/7V1jRg96AHfjyeAxaZV8bkh0h8axeg/2lU36x4Xt59OzmLYhhph\nUo66HyXibmXmQY0yB9CFReMQ5bt6gGJ07L/XxL5cKNCQkw8a6WNRx53QLKp6\nf1Xc5ka8kFsaP7EYtCeG6cinPYtcBcwrNiw7NmLJ53h46fGlGdUD2fz2Nxla\ntJnPCQD2q4Kx0LfdE/KhZtERBNhVuJm2N1IkYP1YdSecsFzAoqo30JwdWycg\nnW41OQIFmPju1zaets8mSNrbA/CFHo3cQBIK2mVFMGjy3dXofQvwwIpCg4Wx\ncwwYCv4LDHVDTreGpKZsqWZF8ZsrdOZIkHrE4XT6dxXb9vUISHGAvcVsjnLF\n5NrerOyVC1VHqtCBjpv3ItbZKom7Xo9+iE49FYwbVkEtDrHSQji+dfSBMNUU\nVe0j\r\n=nkaP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvTXq+PMqyIjf0oaSZxgjP/oJPFtjqgDP88EE3K9u9gQIgcfcex/+eULFBCqxAfiBP8m7pRWzYZ1PAyyYenD8LBqE="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.4.0-alpha.0_1553011871009_0.9428546840085155"},"_hasShrinkwrap":false},"0.4.0-alpha.1":{"name":"react-morph","version":"0.4.0-alpha.1","description":"Ui transitions made simple","main":"lib","types":"lib/index.d.ts","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"tsc","build:docs":"docz build","dev":"tsc --watch","dev:docs":"docz dev","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"@popmotion/popcorn":">=0.3.1","@types/react":">=16.8.0","wobble":">=1.5.1"},"peerDependencies":{"react":">=16.8.0"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^1.4.1","@typescript-eslint/parser":"^1.4.1","ajv-keywords":"^2.1.1","babel-cli":"^6.26.0","babel-eslint":"^10.0.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^7.0.2","docz":"^1.0.0-rc.3","docz-theme-default":"^1.0.0-rc.3","eslint":"^5.14.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-config-prettier":"^4.0.0","eslint-config-react-app":"^2.1.0","eslint-config-skeleton":"^0.1.4","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.6.1","prettier":"^1.9.2","prettier-eslint":"^8.8.2","react":">=16.8.0","typescript":"^3.3.3333","uglify-js":"^3.2.2"},"_resolved":"","_integrity":"","_from":"file:react-morph-0.4.0-alpha.1.tgz","readme":"# React Morph ️🦋\n\n#### Morphing UI transitions made simple\n\n[![npm version](https://badge.fury.io/js/react-morph.svg?v0)](https://www.npmjs.com/package/react-morph)\n![size](http://img.badgesize.io/brunnolou/react-morph/master/lib/all.min.js?compression=gzip&label=gzip+size&v)\n\n![Preview Gif](https://github.com/brunnolou/react-morph/blob/master/examples/react-morph.gif)\n\n## Usage 🐛\n\n```sh\nnpm install react-morph\n# or\nyarn add react-morph\n```\n\n## Simple Example\n\n1. Create two states as you normally would (HTML + CSS).\n2. Wrap both in one `<ReactMorph>`\n3. Label the elements you wanna morph with `from(\"a-key\")` and `to(\"a-key\")`\n4. Perform the magic with `go(0)` or `go(1)`\n\n```js\nimport React from \"react\";\nimport ReactMorph from \"react-morph\";\n```\n\n```jsx\n<ReactMorph>\n  {({ from, to, fadeIn, go }) => (\n    <div>\n      <a onClick={() => go(1)}>\n        <strong {...from(\"title\")}>ReactMorph 🐛</strong>\n        <br />\n        <p {...from(\"description\")}>Morphing transitions was never so easy!</p>\n      </a>\n\n      <div>\n        <h1 {...to(\"title\")}>ReactMorph 🦋</h1>\n        <br />\n        <h2 {...to(\"description\")}>Morphing transitions was never so easy!</h2>\n\n        <a onClick={() => go(0)} {...fadeIn()}>\n          Back\n        </a>\n      </div>\n    </div>\n  )}\n</ReactMorph>\n```\n\n## Features 🌟\n\n* Simplicity\n* No hardcoded absolute positions\n* All GPU accelerated props\n* No layout or paint browser rendering\n\n## Keep in mind\n\nCaveats:\n\n* You need to remove extra whitespace, to match the real element's width, the solution is `display: inline-block` or a wrapping element to the content.\n* Margins are always tricky because they create extra white space. You can either wrap the content in another element and animate it or be sure to match both the margins in both states.\n* Sometimes it's necessary to create a placeholder element for the transition to avoid child distortion.\n* List items could be miscalculated; a simple solution is: `list-style: none;`.\n* Sometimes you need extra layers instead of nested children.\n* Avoid animating both the parent and children to avoid unpredicted results.\n\n## [Live Demos](https://brunnolou.github.io/react-morph/?down=0)\n\n### Sandbox\n\n* [Simple text](https://codesandbox.io/s/j2rjln010w)\n\n* [Morphing from card to details](https://codesandbox.io/s/96x66mr6w)\n\n[![Edit j2rjln010w](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/j2rjln010w)\n\n## TODO\n\n> **Warning** wip\n\n* [ ] Add a `styled-components` example\n* [ ] Recalculate positions on window resize\n* [ ] ? Optional portal for the second state ?\n","readmeFilename":"README.md","_id":"react-morph@0.4.0-alpha.1","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-j3dLE1bFa42IOwyRvVXKshzlR/GHxaDatzVTQbiWM/6JSV56Imle1qChsW8p8jxhSNKmsOHx8OIhQUCe9IMxxg==","shasum":"031c035f86f316cd6d2e4b6f1c1bccc9f02fd8a7","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.4.0-alpha.1.tgz","fileCount":77,"unpackedSize":1052387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJclQSOCRA9TVsSAnZWagAAsjYP/0EdTJLCosyU+Tu/0b7l\nvDoN5CaRo+naal3pBaTO1mtc6SzweDU/G5xmtFWurapnl4gTyfkt05hFx0hT\nwXwCL7OczrEAspFDAY0QIy9OLvE2ykE8S9sE4K4PTgU4MdRVWssU5fYGf9zb\n/hxhS9PHHDgZ6+OxMICET3qaBsI5uXFjT7YUn1frUwZR3A5uKAnjaOLAOFcP\nrqBIKszONHPKoYbmwGAY+1L8N+8KWYIBTF7Z0veBIjEWFIy4tP17cpJSWUC2\n9xLRRyz1XtGGJCkFRFHHtUybTd8UezNpgfRR1V3cdgc0fkCBu3X5DsbWIrtf\nMjgIhRUYc+uACAPyD4uHCdeDHJl7d+VNpr4IlZZgMoGmUgMzSAZyqzllVr7Q\ncLXZE+OeJvm81sBzB8zmziN5mjNCWt5cggLLCHVYGi+jMgSihjLd4kNenjSs\nXphLIDVkM3Yd5pg+gPwBzFvShgsOZ+BoIPaOHjW9IIuDP9YSQydzVkTdbI0W\nzTCHEcc21hDop7ivDLg6oHhuCZHWWGl8SC5H6a0jY96PhhCZEBFzILONV+Fx\nzdrx2rRifdOg46DxTOIyqqtU8c6oef6SHsI68I/lOZA5PJ7OljGUw/VzUywC\nH7wsgBHPRPd6VIFd4fNiP8iVhN7Ax8pdzL/Bjvc8WmmHGiFnR8LtbKDOJOlv\n4RDb\r\n=j1Ry\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMYfE4oT6+h6577+C+ARsmoAkYrJ1tb7svhWlFmTPA7gIgTzgc8LAFMxKjKRNrZyMxrRlidDa1Xq2LiZ3dkVPWkVA="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.4.0-alpha.1_1553269901190_0.8223127999375326"},"_hasShrinkwrap":false},"0.3.7":{"name":"react-morph","version":"0.3.7","description":"Ui transitions made simple","main":"lib/index.js","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"rm -rf lib/* && babel src --out-dir lib && babel src --out-file lib/all.js && uglifyjs lib/all.js -m -c -o lib/all.min.js && rm -f lib/all.js","dev":"rm -rf lib/* && BABEL_ENV=commonjs babel --watch ./src --out-dir ./lib --source-maps","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"keyframe":"^2.1.0","popmotion":"^8.6.4","prop-types":"^15.6.0","raf":"^3.4.0","react":"^16.2.0","stylefire":"^1.1.9"},"peerDependencies":{},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^3.1.0","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.0.1","eslint-config-skeleton":"^0.1.1","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","prettier":"^1.9.2","prettier-eslint":"^8.7.0","react":"^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0","uglify-js":"^3.2.2"},"gitHead":"ce61e4adb5cb0dd2cb6adf8ed7d971fcffc92cb1","_id":"react-morph@0.3.7","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ibA7YMOx/PIM/22oBM4t0cEhn6SJJIvE8yCSyf0clDTdBiWt04kP/FY5oQM/mKfimmWHTE7S4EDglng13hI2ig==","shasum":"53fab278192816326be962b5d22e07154ae8313a","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.3.7.tgz","fileCount":7,"unpackedSize":359037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcm9fWCRA9TVsSAnZWagAAG+sQAKFid6dyO1AwTPe9liol\nGGZNRAHLlvoWIkcAXqc7ZobrNjNaxBkpKfeJM5+QQA5rCcsxcSGFoPQLO+qQ\n9v2UA04vVreeanqpau7DdCUZVDbYl7YSglQXMZRNpPPaOwdxGeiZp6gpopWf\nm8FvxR9rH7j79p4xjDL6oQ6C9AdnOF1Hyxl+cIKCpEuK/jrkKVI7YlfKjHBY\nquruJbcYZNjkmkmjajg/l2CAQth5JsNDF8jjzgFmwXf+LMcOP2pCIc3ZDV4I\nnkQh0sVtEDNKPeDhN1gabNh/VsV6zYmWXOFBOqB8B9nYdLy7Kw1BOB3pmP9X\njz73+TcB1Rfvv1GlYFNm9dQESF56uWtOtS3Fscgn3A7nXD3jaAl7epHvnD43\n7pjdEl23yKdKa215lemvgfPCzuscc+FMSEGOH9NOdq89jo2vypo8ppHbka+S\nx58QixQBo35il6mEnioTQOH+6t2MIOIjul/ZzCVoZ58WX62fcjz8QVxUo8HZ\nhPEo2i4p3ISXryud6Tr8lzU/4Kyd2c4LN15JeTQlAUu19URmTQ+qwOb7t+LO\npfUO++fws6VZ/pYlX3KuC6nVn/4ENJSRnLpELAc2fSnbYi2gcX2dtOnIHl7U\nNcSFQPBFqkhBYwPR/PJmaRFSqLXSnp+rkEtnUhI6dZl8MDtcny/Y79l1vhH5\nVi7v\r\n=eyxj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrU1TPk8zAcaibXWdvLJXPjlgZrjNxdKC3Q+19Jd9vfAIhAP/vtMZh2SzLBV+mptAKwNLc0eilGz2Szb+qCZpTxNK8"}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.3.7_1553717205301_0.5966264893995845"},"_hasShrinkwrap":false},"0.4.0-alpha.2":{"name":"react-morph","version":"0.4.0-alpha.2","description":"Ui transitions made simple","main":"lib","types":"lib/index.d.ts","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"tsc","build:docs":"docz build","dev":"tsc --watch","dev:docs":"docz dev","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"@popmotion/popcorn":">=0.3.1","@types/react":">=16.8.0","docz-plugin-css":"^0.11.0","wobble":">=1.5.1"},"peerDependencies":{"react":">=16.8.0"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^1.4.1","@typescript-eslint/parser":"^1.4.1","ajv-keywords":"^2.1.1","babel-cli":"^6.26.0","babel-eslint":"^10.0.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^7.0.2","docz":"^1.0.0-rc.3","docz-theme-default":"^1.0.0-rc.3","eslint":"^5.14.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-config-prettier":"^4.0.0","eslint-config-react-app":"^2.1.0","eslint-config-skeleton":"^0.1.4","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.6.1","imagesloaded":"^4.1.4","prettier":"^1.9.2","prettier-eslint":"^8.8.2","react":">=16.8.0","styled-components":"^4.1.3","typescript":"^3.3.3333","uglify-js":"^3.2.2"},"_resolved":"","_integrity":"","_from":"file:react-morph-0.4.0-alpha.2.tgz","readme":"# React Morph ️🦋\n\n#### Morphing UI transitions made simple\n\n[![npm version](https://badge.fury.io/js/react-morph.svg?v0)](https://www.npmjs.com/package/react-morph)\n![size](http://img.badgesize.io/brunnolou/react-morph/master/lib/all.min.js?compression=gzip&label=gzip+size&v)\n\n![Preview Gif](https://github.com/brunnolou/react-morph/blob/master/examples/react-morph.gif)\n\n## Usage 🐛\n\n```sh\nnpm install react-morph\n# or\nyarn add react-morph\n```\n\n## Simple Example\n\n1. Create two states as you normally would (HTML + CSS).\n2. Wrap both in one `<ReactMorph>`\n3. Label the elements you wanna morph with `from(\"a-key\")` and `to(\"a-key\")`\n4. Perform the magic with `go(0)` or `go(1)`\n\n```js\nimport React from \"react\";\nimport ReactMorph from \"react-morph\";\n```\n\n```jsx\n<ReactMorph>\n  {({ from, to, fadeIn, go }) => (\n    <div>\n      <a onClick={() => go(1)}>\n        <strong {...from(\"title\")}>ReactMorph 🐛</strong>\n        <br />\n        <p {...from(\"description\")}>Morphing transitions was never so easy!</p>\n      </a>\n\n      <div>\n        <h1 {...to(\"title\")}>ReactMorph 🦋</h1>\n        <br />\n        <h2 {...to(\"description\")}>Morphing transitions was never so easy!</h2>\n\n        <a onClick={() => go(0)} {...fadeIn()}>\n          Back\n        </a>\n      </div>\n    </div>\n  )}\n</ReactMorph>\n```\n\n## Features 🌟\n\n* Simplicity\n* No hardcoded absolute positions\n* All GPU accelerated props\n* No layout or paint browser rendering\n\n## Keep in mind\n\nCaveats:\n\n* You need to remove extra whitespace, to match the real element's width, the solution is `display: inline-block` or a wrapping element to the content.\n* Margins are always tricky because they create extra white space. You can either wrap the content in another element and animate it or be sure to match both the margins in both states.\n* Sometimes it's necessary to create a placeholder element for the transition to avoid child distortion.\n* List items could be miscalculated; a simple solution is: `list-style: none;`.\n* Sometimes you need extra layers instead of nested children.\n* Avoid animating both the parent and children to avoid unpredicted results.\n\n## [Live Demos](https://brunnolou.github.io/react-morph/?down=0)\n\n### Sandbox\n\n* [Simple text](https://codesandbox.io/s/j2rjln010w)\n\n* [Morphing from card to details](https://codesandbox.io/s/96x66mr6w)\n\n[![Edit j2rjln010w](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/j2rjln010w)\n\n## TODO\n\n> **Warning** wip\n\n* [ ] Add a `styled-components` example\n* [ ] Recalculate positions on window resize\n* [ ] ? Optional portal for the second state ?\n","readmeFilename":"README.md","_id":"react-morph@0.4.0-alpha.2","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-/1TeVNCzLVVkFwx/zX7p/R33T9xPr6THhQj2B5F5yah582QZwCWCl+suzZ3DVItn0XELsEK9ZFC3zW3jV/3qsA==","shasum":"d59efe605b13ba5cc6f05aa5080fead8395c786e","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.4.0-alpha.2.tgz","fileCount":116,"unpackedSize":1884455,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcrx4/CRA9TVsSAnZWagAAFkEQAKUxPeuXbI1m9ryJhqTS\ncYMEqMouMmBLvv/fTOuE5diXoFm+VWJQyRbNvM029QkhrMefP9kGDoAeWT4x\nSXIAOlU0TKNg3WDtxY68bv+ZFVhnQP8GxByzf3AUtJYolrLurt+3N4+pX4eS\nAcgyFwW5suULsUuBjXUe9EcCbCrsvBBEEgRpfsk8bJGHGBuVWG9QKs7/mMxz\nIigkgFbKsbpEIPcTdEGCtVnyeWPd9QpxdqLtu3RF1Bgh/Ym1xzLxltsBSQr+\njtItyfWbaVCX6AhuhJuGHaJfQxJ7Ly+QcRPxtGR9rvG17jw9wh6xHNSjTgat\nEOWDwSoWUSqBuadzaBxNY1ta0vXLgBnyVmtH3vOYOehhsZW/dIRkVt69CcoX\nRiH29hTxpqT/T/ZfbQK/eZIzfBCMKjt3E7KhklToBGn7AWumaq+qHadbgwZv\ng95L50xEIYYiztaYva2U6/b60EgggViT1VIuS+HBCeKOJPgVocrGL9J/EMaB\n5ru5XTgCRNkqioh4BqS4Hd0qq8KYYsV81G9qi3gVVZurOTvldv6zMKyUkISl\nthz3NGnprOyzRZA8lErjtY7f5gN+oP44joKTtSYZ5mE+2vxjXOEkTGoWdY9C\nlt+uiYwK8vbDakTPeGx4cK7atWphCCKguNidP0ItMh+x0I5p05OsUHkmxCmm\nvNiV\r\n=2EJ3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC8+sW8HdoBaKYnGpfRek2vW+DEWHfUrNe3b4PCjrOYIAiEA9veT2dUk5kGDSFDjfKi6Fqim1T86AncNGGt1uOSodZY="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.4.0-alpha.2_1554980414233_0.8268300082853204"},"_hasShrinkwrap":false},"0.4.0-alpha.3":{"name":"react-morph","version":"0.4.0-alpha.3","description":"Ui transitions made simple","main":"lib","types":"lib/index.d.ts","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"tsc","build:docs":"docz build","dev":"tsc --watch","dev:docs":"docz dev","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"@popmotion/popcorn":">=0.3.1","@types/react":">=16.8.0","docz-plugin-css":"^0.11.0","wobble":">=1.5.1"},"peerDependencies":{"react":">=16.8.0"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^1.4.1","@typescript-eslint/parser":"^1.4.1","ajv-keywords":"^2.1.1","babel-cli":"^6.26.0","babel-eslint":"^10.0.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^7.0.2","docz":"^1.0.0-rc.3","docz-theme-default":"^1.0.0-rc.3","eslint":"^5.14.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-config-prettier":"^4.0.0","eslint-config-react-app":"^2.1.0","eslint-config-skeleton":"^0.1.4","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.6.1","imagesloaded":"^4.1.4","prettier":"^1.9.2","prettier-eslint":"^8.8.2","react":">=16.8.0","styled-components":"^4.1.3","typescript":"^3.3.3333","uglify-js":"^3.2.2"},"_resolved":"","_integrity":"","_from":"file:react-morph-0.4.0-alpha.3.tgz","readme":"# React Morph ️🦋\n\n#### Morphing UI transitions made simple\n\n[![npm version](https://badge.fury.io/js/react-morph.svg?v0)](https://www.npmjs.com/package/react-morph)\n![size](http://img.badgesize.io/brunnolou/react-morph/master/lib/all.min.js?compression=gzip&label=gzip+size&v)\n\n![Preview Gif](https://github.com/brunnolou/react-morph/blob/master/examples/react-morph.gif)\n\n## Usage 🐛\n\n```sh\nnpm install react-morph\n# or\nyarn add react-morph\n```\n\n## Simple Example\n\n1. Create two states as you normally would (HTML + CSS).\n2. Wrap both in one `<ReactMorph>`\n3. Label the elements you wanna morph with `from(\"a-key\")` and `to(\"a-key\")`\n4. Perform the magic with `go(0)` or `go(1)`\n\n```js\nimport React from \"react\";\nimport ReactMorph from \"react-morph\";\n```\n\n```jsx\n<ReactMorph>\n  {({ from, to, fadeIn, go }) => (\n    <div>\n      <a onClick={() => go(1)}>\n        <strong {...from(\"title\")}>ReactMorph 🐛</strong>\n        <br />\n        <p {...from(\"description\")}>Morphing transitions was never so easy!</p>\n      </a>\n\n      <div>\n        <h1 {...to(\"title\")}>ReactMorph 🦋</h1>\n        <br />\n        <h2 {...to(\"description\")}>Morphing transitions was never so easy!</h2>\n\n        <a onClick={() => go(0)} {...fadeIn()}>\n          Back\n        </a>\n      </div>\n    </div>\n  )}\n</ReactMorph>\n```\n\n## Features 🌟\n\n* Simplicity\n* No hardcoded absolute positions\n* All GPU accelerated props\n* No layout or paint browser rendering\n\n## Keep in mind\n\nCaveats:\n\n* You need to remove extra whitespace, to match the real element's width, the solution is `display: inline-block` or a wrapping element to the content.\n* Margins are always tricky because they create extra white space. You can either wrap the content in another element and animate it or be sure to match both the margins in both states.\n* Sometimes it's necessary to create a placeholder element for the transition to avoid child distortion.\n* List items could be miscalculated; a simple solution is: `list-style: none;`.\n* Sometimes you need extra layers instead of nested children.\n* Avoid animating both the parent and children to avoid unpredicted results.\n\n## [Live Demos](https://brunnolou.github.io/react-morph/?down=0)\n\n### Sandbox\n\n* [Simple text](https://codesandbox.io/s/j2rjln010w)\n\n* [Morphing from card to details](https://codesandbox.io/s/96x66mr6w)\n\n[![Edit j2rjln010w](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/j2rjln010w)\n\n## TODO\n\n> **Warning** wip\n\n* [ ] Add a `styled-components` example\n* [ ] Recalculate positions on window resize\n* [ ] ? Optional portal for the second state ?\n","readmeFilename":"README.md","_id":"react-morph@0.4.0-alpha.3","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-I8Q1Z3BLhgwcd7vkOxBqkvMffoN45ukuOcHtnn4A0LY/wk/b7+fOY/B+CTrIyVsPHDDD5LLoCK6Fi4iGn16kgA==","shasum":"3b5c9045af2a93ad627977e604bb8e319aecf712","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.4.0-alpha.3.tgz","fileCount":117,"unpackedSize":2623461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcsGyTCRA9TVsSAnZWagAAQhUP/i1Hfqqa/uzEZoLLuvpI\nZQYgau4L+PAbUUqQMtvS8uZS0bsUNBvFjD7yC8VNPbL69jS7ER8kuJJ3ljam\n4qyU2Hdcr1OCSrCxSm+dfXTipCxufoTFECvaVQ3Tet8mC3VHuwbhJVc90Gek\nZxIU4wNmMFSHNDF4cqAejMItM6IOFbSOzfktjhEY9OrSNFO7S0igHVwf/4mM\nwcU2hCkBTK6kXfEkYlY0FsyFNNYAz3sNceDoeamlynp1X5ZjM5SmECtYiXlN\n/i9Sw4b6oiGHgII4AzQnAi4Ne/Q0fNaYgDrvdrA9TxAZOP9s8dOSJCL46J/y\nRI7Gv/TtnLUjKb68I8qIPB7UJHZu0SEecDFSABfNKwH63Xb2/qctJMhzc3yr\n0wRWHRsxM4IKONKG8Z6x2M6hAZxugliKEmMDAzEAz80XZK9ni8tTOEsTkgGt\n0+GhyqLOYXBjeODC2EdJ2gDp3sOECbo4ppyvdIkFTUvMmJePIwwoKfAnPCSC\nN8sZKflHc3E1N8bc+FSBeyNC1JwrjwafhcF3VxQHh3sXLnyGMQzDSn+Bt+di\nTy4LfmXq50mUeA/inhi0kG0uxrJmp3yWoZNZyccffGb6rVStDkbx0ATNZ7OZ\njMRb1Rwts3jZWLJAjzb8Rn7Ox6UDSVNabqNAI4lgqn53CpUkA729x0Bj03Hv\nShdL\r\n=VXyo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHj8UqY8epEfoAWpQFfIvGMh7O2rhUyQNN/goH1+7UFFAiEApoxyFB677K/CPw23jExXLI3ipR4zp/uPruZ5LprR35w="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.4.0-alpha.3_1555066003106_0.31803562905725746"},"_hasShrinkwrap":false},"0.4.0-alpha.4":{"name":"react-morph","version":"0.4.0-alpha.4","description":"Ui transitions made simple","main":"lib","types":"lib/index.d.ts","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"tsc","dev":"tsc --watch","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"@popmotion/popcorn":">=0.3.1","wobble":">=1.5.1"},"peerDependencies":{"@types/react":">=16.8.0","react":">=16.8.0"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^1.4.1","@typescript-eslint/parser":"^1.4.1","ajv-keywords":"^2.1.1","babel-cli":"^6.26.0","babel-eslint":"^10.0.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^7.0.2","eslint":"^5.14.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-config-prettier":"^4.0.0","eslint-config-react-app":"^2.1.0","eslint-config-skeleton":"^0.1.4","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.6.1","imagesloaded":"^4.1.4","prettier":"^1.9.2","prettier-eslint":"^8.8.2","react":">=16.8.0","styled-components":"^4.1.3","typescript":"^3.3.3333","uglify-js":"^3.2.2"},"_resolved":"","_integrity":"","_from":"file:react-morph-0.4.0-alpha.4.tgz","readme":"# React Morph ️🦋\n\n#### Morphing UI transitions made simple\n\n[![npm version](https://badge.fury.io/js/react-morph.svg?v0)](https://www.npmjs.com/package/react-morph)\n![size](http://img.badgesize.io/brunnolou/react-morph/master/lib/all.min.js?compression=gzip&label=gzip+size&v)\n\n![Preview Gif](https://github.com/brunnolou/react-morph/blob/master/examples/react-morph.gif)\n\n## Usage 🐛\n\n```sh\nnpm install react-morph\n# or\nyarn add react-morph\n```\n\n## Simple Example\n\n1. Create two states as you normally would (HTML + CSS).\n2. Wrap both in one `<ReactMorph>`\n3. Label the elements you wanna morph with `from(\"a-key\")` and `to(\"a-key\")`\n4. Perform the magic with `go(0)` or `go(1)`\n\n```js\nimport React from \"react\";\nimport ReactMorph from \"react-morph\";\n```\n\n```jsx\n<ReactMorph>\n  {({ from, to, fadeIn, go }) => (\n    <div>\n      <a onClick={() => go(1)}>\n        <strong {...from(\"title\")}>ReactMorph 🐛</strong>\n        <br />\n        <p {...from(\"description\")}>Morphing transitions was never so easy!</p>\n      </a>\n\n      <div>\n        <h1 {...to(\"title\")}>ReactMorph 🦋</h1>\n        <br />\n        <h2 {...to(\"description\")}>Morphing transitions was never so easy!</h2>\n\n        <a onClick={() => go(0)} {...fadeIn()}>\n          Back\n        </a>\n      </div>\n    </div>\n  )}\n</ReactMorph>\n```\n\n## Features 🌟\n\n* Simplicity\n* No hardcoded absolute positions\n* All GPU accelerated props\n* No layout or paint browser rendering\n\n## Keep in mind\n\nCaveats:\n\n* You need to remove extra whitespace, to match the real element's width, the solution is `display: inline-block` or a wrapping element to the content.\n* Margins are always tricky because they create extra white space. You can either wrap the content in another element and animate it or be sure to match both the margins in both states.\n* Sometimes it's necessary to create a placeholder element for the transition to avoid child distortion.\n* List items could be miscalculated; a simple solution is: `list-style: none;`.\n* Sometimes you need extra layers instead of nested children.\n* Avoid animating both the parent and children to avoid unpredicted results.\n\n## [Live Demos](https://brunnolou.github.io/react-morph/?down=0)\n\n### Sandbox\n\n* [Simple text](https://codesandbox.io/s/j2rjln010w)\n\n* [Morphing from card to details](https://codesandbox.io/s/96x66mr6w)\n\n[![Edit j2rjln010w](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/j2rjln010w)\n\n## TODO\n\n> **Warning** wip\n\n* [ ] Add a `styled-components` example\n* [ ] Recalculate positions on window resize\n* [ ] ? Optional portal for the second state ?\n","readmeFilename":"README.md","_id":"react-morph@0.4.0-alpha.4","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Ah7Bq3iX7PSdB/6drETP6/Hn9CER9v0cjDrMeqqEw30GFni1mrR4eRjMNjweUBmIMxDP40yljHVCAk6z+87hZg==","shasum":"1ca9e6c39ea0a7a44e6fe2f35b05d7cd0d5c42ea","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.4.0-alpha.4.tgz","fileCount":37,"unpackedSize":239782,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcuIPyCRA9TVsSAnZWagAArlQQAKT6wPABMVodjenfdHW5\nEkL95Wcn2huPEGDqaZAFxg5JczqZIVfSyT0QLMMOG5ONb+W231v9RegG+JoV\nqSK1+J7V1DbTRDDEVvDqqVVh2ALWd2XxgXLEmLbtwoyh1oaspnYu5bamD3Hq\n6teIlFGrKPp0VwHIRcKJ5vP1q8l219RaNBmXHbYQQgSUEr8LYdRRIeLGHrMH\nNIa2oFKx06RwuFEj5oXdvy501P6KkQKueUOATw1wLT9nAYXO98tX5JmHTZ75\nyRKr92qJxavM/F/cbwO3Vmz6kcNE3qrCeynTv2k4CFCAkfdKenDho4nDfDW7\nXHkig4O4L35uwOqqb/BhctsIeyb9FhTXakNOSou2GYftw6fTZ1UrZszE6GhE\n0EaFQhgoObJWNLyQCWC29AdyHLUG9Ny5fWjYkd10w00NQYXKFD0B/oyxE6q3\nvdcrGnGzZTfHsI79Oke4sEfPP+ypHVKG6v+7VUGvYM+D+yApW7RGicpjU2FP\ncwP1WT8s6e0kVNngFNa2DBp3CuQBTzh9PFbp9LOz89ugzoeGK155oqCRFgnf\nDcuQqoTsUVBTOr8GLMI9ppndI1GntrBf0wbTD6rFL1mg3oRJiMZoWUgC+aug\nHYBTg2B5kN7V1ur77IZrZU7BLa2PtW6IYnhpvvPuSrmQrEj0asg2Bi35oEqm\nRcxf\r\n=SBJy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIECDHlZlgIsd70lckaax+DbyBCTC2KARuEIxlI6r9A8RAiAdTltrJQ/8i5yzJAwKSuFZ3yp0mP1oQmuBPaJejgd21g=="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.4.0-alpha.4_1555596273451_0.5522335266068945"},"_hasShrinkwrap":false},"0.4.0-alpha.5":{"name":"react-morph","version":"0.4.0-alpha.5","description":"Ui transitions made simple","main":"lib","types":"lib/index.d.ts","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"tsc","dev":"tsc --watch","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"@popmotion/popcorn":">=0.3.1","wobble":">=1.5.1"},"peerDependencies":{"@types/react":">=16.8.0","react":">=16.8.0"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^1.4.1","@typescript-eslint/parser":"^1.4.1","ajv-keywords":"^2.1.1","babel-cli":"^6.26.0","babel-eslint":"^10.0.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^7.0.2","eslint":"^5.14.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-config-prettier":"^4.0.0","eslint-config-react-app":"^2.1.0","eslint-config-skeleton":"^0.1.4","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.6.1","imagesloaded":"^4.1.4","prettier":"^1.9.2","prettier-eslint":"^8.8.2","react":">=16.8.0","styled-components":"^4.1.3","typescript":"^3.3.3333","uglify-js":"^3.2.2"},"_resolved":"","_integrity":"","_from":"file:react-morph-0.4.0-alpha.5.tgz","readme":"# React Morph ️🦋\n\n#### Morphing UI transitions made simple\n\n[![npm version](https://badge.fury.io/js/react-morph.svg?v0)](https://www.npmjs.com/package/react-morph)\n![size](http://img.badgesize.io/brunnolou/react-morph/master/lib/all.min.js?compression=gzip&label=gzip+size&v)\n\n![Preview Gif](https://github.com/brunnolou/react-morph/blob/master/examples/react-morph.gif)\n\n## Usage 🐛\n\n```sh\nnpm install react-morph\n# or\nyarn add react-morph\n```\n\n## Simple Example\n\n1. Create two states as you normally would (HTML + CSS).\n2. Wrap both in one `<ReactMorph>`\n3. Label the elements you wanna morph with `from(\"a-key\")` and `to(\"a-key\")`\n4. Perform the magic with `go(0)` or `go(1)`\n\n```js\nimport React from \"react\";\nimport ReactMorph from \"react-morph\";\n```\n\n```jsx\n<ReactMorph>\n  {({ from, to, fadeIn, go }) => (\n    <div>\n      <a onClick={() => go(1)}>\n        <strong {...from(\"title\")}>ReactMorph 🐛</strong>\n        <br />\n        <p {...from(\"description\")}>Morphing transitions was never so easy!</p>\n      </a>\n\n      <div>\n        <h1 {...to(\"title\")}>ReactMorph 🦋</h1>\n        <br />\n        <h2 {...to(\"description\")}>Morphing transitions was never so easy!</h2>\n\n        <a onClick={() => go(0)} {...fadeIn()}>\n          Back\n        </a>\n      </div>\n    </div>\n  )}\n</ReactMorph>\n```\n\n## Features 🌟\n\n* Simplicity\n* No hardcoded absolute positions\n* All GPU accelerated props\n* No layout or paint browser rendering\n\n## Keep in mind\n\nCaveats:\n\n* You need to remove extra whitespace, to match the real element's width, the solution is `display: inline-block` or a wrapping element to the content.\n* Margins are always tricky because they create extra white space. You can either wrap the content in another element and animate it or be sure to match both the margins in both states.\n* Sometimes it's necessary to create a placeholder element for the transition to avoid child distortion.\n* List items could be miscalculated; a simple solution is: `list-style: none;`.\n* Sometimes you need extra layers instead of nested children.\n* Avoid animating both the parent and children to avoid unpredicted results.\n\n## [Live Demos](https://brunnolou.github.io/react-morph/?down=0)\n\n### Sandbox\n\n* [Simple text](https://codesandbox.io/s/j2rjln010w)\n\n* [Morphing from card to details](https://codesandbox.io/s/96x66mr6w)\n\n[![Edit j2rjln010w](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/j2rjln010w)\n\n## TODO\n\n> **Warning** wip\n\n* [ ] Add a `styled-components` example\n* [ ] Recalculate positions on window resize\n* [ ] ? Optional portal for the second state ?\n","readmeFilename":"README.md","_id":"react-morph@0.4.0-alpha.5","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ynN52oZhIxOhrkvDd2VUkz8nnRjgnbkXLDLQT4Jd++G+dmwCjeIiCElu3J/cCkOS2gIZqVVAJaO+p9il5Qw3ng==","shasum":"7d9076ff0b93e90f448294b72825fa8b07a98c83","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.4.0-alpha.5.tgz","fileCount":38,"unpackedSize":278586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcuIqXCRA9TVsSAnZWagAArFsP/j4hI/m4WcQlOQrsNgth\nSkhMyMlx3OQiu2f/wN6nviWNN6olc6T6KFpn3LqnsC8cOOJJbNPlrPFR9dvA\nRqRLZI07GseKsw4rHGjuGmmFn4EoXCef5RgVyFk7+Bt/Qv+5dIsIGzGOEQcg\nGCj2nlcf7Rf+NW862tvA6K58vlolRvpXlP2gVrRrv8IFHgpPEOP7xnWcKJuk\n8NA81oSVQLjMgel9VH86vtVviEZ2LDRu642kfZEfeypddRNs2runnPLW4oBJ\nEIIyrnlcY3z4PFvHkF1UkQ597cWjF/Ihmn4NYcgLg9yDBIhEnV9lXqyB8zrg\n6WH6PvdFqWTAd4yn9B/BumFx1wE20bbfQnv3vz4WexHc13URHarKgaNnisUt\nAGr9YXVSRUqW2qM8rhMuj2ChXW5tiYvF8fFFgIIGksORlayYnagxwMYk61rE\n953MrW+UhcMwsWcri2c6shfVn4GsmHBfetCy6wbOskGf8kNHTMcJIoLtbDke\nQSb0tMW8uhcSJ9R6FJTowSc46pmZXmwJjavpCbUyovfKiLUpBgko2yTXCKKu\nefgCdp4eadzsnQ6u/eBuiS4HfHJcY7WVkXAUkwsnkjcLH1w/iN+Imf5NahHl\nUderO+V61AbpYpRt6DqseaPYP+5ya7zEY21RVhW8V+BfgNSxyoDWog+WSh/8\nhaqA\r\n=XcQg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEMGQMrGZHlXeAP4nGwsqJxo1Effw1t/C+kpuAecA3KuAiAA0gUWjjstu03g/fgT8zE7x2AQbuDfH/oaDAV6YF+eGQ=="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.4.0-alpha.5_1555597975174_0.4204727483465296"},"_hasShrinkwrap":false},"0.4.0":{"name":"react-morph","version":"0.4.0","description":"Ui transitions made simple","main":"lib","types":"lib/index.d.ts","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"tsc","dev":"tsc --watch","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"@popmotion/popcorn":">=0.3.1","wobble":">=1.5.1"},"peerDependencies":{"@types/react":">=16.8.0","react":">=16.8.0"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^1.4.1","@typescript-eslint/parser":"^1.4.1","ajv-keywords":"^2.1.1","babel-cli":"^6.26.0","babel-eslint":"^10.0.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^7.0.2","eslint":"^5.14.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-config-prettier":"^4.0.0","eslint-config-react-app":"^2.1.0","eslint-config-skeleton":"^0.1.4","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.6.1","imagesloaded":"^4.1.4","prettier":"^1.9.2","prettier-eslint":"^8.8.2","react":">=16.8.0","styled-components":"^4.1.3","typescript":"^3.3.3333","uglify-js":"^3.2.2"},"gitHead":"8c88f8dfbb82a18bd4741e7590cf13b5261c9dec","_id":"react-morph@0.4.0","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-cpZJr2Zle6ZDXQIH2X4XdPRAwNQh5QtEL5q6SZ25i0LoW1SZrHBAvZB3gQKzBRsjHG0VIBlFvQoGYCIq0NtRZw==","shasum":"30cfa81080c622c6268604a238bd730a163705f3","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.4.0.tgz","fileCount":38,"unpackedSize":245285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcwZ4YCRA9TVsSAnZWagAAwYYP/RSst/nYXNi4bKURONYn\n0ru//tKDKQwjI2Ac9pNN+78JxvrN4gLdTg2VlEKN/T6q+UMufIrCinwjPOJF\nACOwegX64tHyp6Ui6aeuA3siTU2GMXALnW5jfC0Xpxg8zM5dAfLxDUVhkx4f\n8RZDD5vGDNpbuTb06uYg4Z3dM/xP11mRMQCErnPmvYLBCrn3O1V7dXi8niSD\nb+bcN1Ko475J5/oRFt8DVH2cJe2J4AyR2KQrgG5kT/COJkL4r8/qEeSG/83g\n7zsbehRVXQ8RrneehZvnOikniTBiJJX/g0IjRh7XskxPC9zZmVlIge/k/DRK\nNOYrjr7ZAT5JIP5huGvUiMA9FXUPjAiFsCj9khyFAgfhDoe8Vm0pjdHVMHqL\nww5i7kkWBWRZKvnSRZkAzDroEtLHKYp5yqKyI7MGsTHH400MdI3oEOTceTUf\n+rRzFTlzxpg8zw72xyBWbWhzK8PbqKeCm4TKYUFKb9tMOY68UWrOmqfSMasn\n0MSq9li+jtcHPlZBiKftF689bG65oKkDvVSZzenQm5s00z0z7RcscAcV3x/I\nsHy7dvfdNNF2uJcbPOedAuoAj4zl3vDrG/gIVeRogg3nDPLlj1+a28E7MAR6\n+gv1A5qawmcrZYyekeqj+KNaLGki05Xbd5gnaFnEZU+KDl1DtwkTN7RmQUFW\nM/1x\r\n=KBR8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEZxmoGUf16iNy4xI/KX8qFmBv8g3F5OPZShrhangz7cAiEA7JmQAfVyvme8bH5sPKvzFORcM9e4VUAHYIzUWZvdaWI="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.4.0_1556192791642_0.14330419164762853"},"_hasShrinkwrap":false},"0.4.1-alpha.0":{"name":"react-morph","version":"0.4.1-alpha.0","description":"Ui transitions made simple","main":"lib","types":"lib/index.d.ts","scripts":{"preversion":"npm run test && npm run build","prepublishOnly":"npm run build","build":"tsc","dev":"tsc --watch","test":"eslint src"},"repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"license":"MIT","bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"homepage":"https://brunnolou.github.io/react-morph","dependencies":{"@popmotion/popcorn":">=0.3.1","wobble":">=1.5.1"},"peerDependencies":{"@types/react":">=16.8.0","react":">=16.8.0"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^1.4.1","@typescript-eslint/parser":"^1.4.1","ajv-keywords":"^2.1.1","babel-cli":"^6.26.0","babel-eslint":"^10.0.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-preset-react-app":"^7.0.2","eslint":"^5.14.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-config-prettier":"^4.0.0","eslint-config-react-app":"^2.1.0","eslint-config-skeleton":"^0.1.4","eslint-plugin-flowtype":"^2.44.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.6.1","imagesloaded":"^4.1.4","prettier":"^1.9.2","prettier-eslint":"^8.8.2","react":">=16.8.0","styled-components":"^4.1.3","typescript":"^3.3.3333","uglify-js":"^3.2.2"},"_resolved":"","_integrity":"","_from":"file:react-morph-0.4.1-alpha.0.tgz","readme":"# React Morph ️🦋\n\n#### Morphing UI transitions made simple\n\n[![npm version](https://badge.fury.io/js/react-morph.svg?v0)](https://www.npmjs.com/package/react-morph)\n\n<img src=\"https://github.com/brunnolou/react-morph/blob/master/examples/react-morph-simple.gif\" width=\"300\">\n\nMagically animates one element into another just by tagging the first and last state.\n\n## Getting Started 🐛\n\n```sh\nnpm install react-morph\n# or\nyarn add react-morph\n```\n\nImport the `useMorph` hook.\n\n```js\nconst morph = useMorph(options);\n```\n\nThen spread the props to the elements you want to morph.\n\n```jsx\n<img {...morph} src=\"larva.png\" width=\"50\">\n```\n\n```jsx\n<img {...morph} src=\"butterfly.png\" width=\"80\">\n```\n\n> Make sure you have just **ONE element rendered at same time**.\n\n## Simple Example 🦋\n\n1. Create two states as you normally would (HTML + CSS).\n2. Call `useMorph` hook.\n3. Spread the elements you want to morph with `{...morph}`\n4. Add and remove the element from the DOM\n\n```js\nimport React from 'react';\nimport { useMorph } from 'react-morph';\n```\n\n```jsx\n() => {\n  // Handle toggle state as you normally would.\n  const [toggle, setToggle] = useState(true);\n  const morph = useMorph();\n\n  return (\n    <div>\n      <button onClick={() => setToggle(!toggle)}>Let's morph!</button>\n      <br />\n\n      {toggle ? (\n        <img {...morph} src={larva} width=\"30\" />\n      ) : (\n        <img {...morph} src={butterfly} width=\"80\" />\n      )}\n    </div>\n  );\n};\n```\n\n## [Documentation](https://brunnolou.github.io/react-morph)\n\nPlease check the [documentation](https://brunnolou.github.io/react-morph).\n\n## Features 🌟\n\n- Simplicity\n- No hardcoded absolute positions\n- All GPU accelerated props\n- No layout or paint browser rendering\n\n## Live Demos\n\n- [Hello world](https://codesandbox.io/s/yqyymqn8z1)\n- [Apple App Store](https://codesandbox.io/s/7ywk4o0xmj)\n","readmeFilename":"README.md","_id":"react-morph@0.4.1-alpha.0","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-6uQjkakse+K8Zn+uPpO4lhnBo/vzpuM0KLNCkLOysZajqAxS6mOWb7XtJ5Rd8tdOdqLEF6XqHSFZa/jhteq6wQ==","shasum":"17b80b72909a6d7b3e5802de49f4d2b94d0a5866","tarball":"https://registry.npmjs.org/react-morph/-/react-morph-0.4.1-alpha.0.tgz","fileCount":38,"unpackedSize":246135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcwjK9CRA9TVsSAnZWagAA3QIQAKG/pgV8a3lKJkDZOYE7\nIzljoBJtqsBVnr1iRozhQPrd4k3Lik1y08fJ2JPFjKJ6SNEjhV8ccu2ApVLR\nyPdl7YYstZra0ivVKtiPE1RtKyjbGkXCDgGMh1z7GVp3vK0uF/K/8C9YRpLt\nsw2Qc6DLZSl5gpBQVf7IX1l0Goh5RJQc5+J98q4ZjiCHVG+cnd4rpqGKhrl2\nyaOLacdDL816tJgcVd/Ytxzjm/s/4WwrRHrk/Jz1TdweKmIkbKy3j/SCRMfY\noWVhJzWunWg3QpramitICdrqk4V718XswqWOfYzto1m1K2huyC8L+yS+kdax\nS4NFRuAsIxZEdNrG4efViszdh9+/s+atq4HPgSf9dfG2R6KfL9q6KPhxuO/D\nIpqN0cFZZk3AAvRGcgEXP7c88iMQaNSd+NM0nJqkgd0hnC5uZ8WjdpZqoGrQ\n63Hef7JYyYfGh8l/jl04CHVh3BofgpFNOusFSWMRu/wZTA3sY9WDPD0f0efB\nf925bN1Zmdb87tMGstiE2odclWDH/7K4/gZeFzhshW6HWkCfbZ9vECqp4L2y\nFeSJ/za6d6JXfIXtZZ2tBZx89v7CJCbO8OBAt81ITge6K44qxZUlDmuR8IxS\nLkZZ1LzW2N8dveOItJvY0MkI5e7KX6alNLDmI9RqTFEpiNGq1zyW1eXgqO6L\n7/bv\r\n=NKCU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID2ZJunHPw2J+/vIxFWsKH0OOe0r0S3bHCuRVvv3bGWtAiEAmI9dt+QbQgiemddwepDR92UA1QD1ts5h01QCHVFRlFo="}]},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"_npmUser":{"name":"brunnolou","email":"brunno.lou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-morph_0.4.1-alpha.0_1556230845098_0.684373578190469"},"_hasShrinkwrap":false}},"time":{"created":"2018-02-12T01:26:31.554Z","0.0.1":"2018-02-12T01:26:32.205Z","modified":"2022-05-14T14:58:12.702Z","0.1.0":"2018-02-19T00:34:54.378Z","0.1.1":"2018-02-19T01:14:02.574Z","0.1.2":"2018-02-19T11:20:29.590Z","0.2.0":"2018-02-23T10:19:46.141Z","0.3.0":"2018-02-25T12:52:59.042Z","0.3.1":"2018-02-25T13:55:28.171Z","0.3.2":"2018-03-01T11:05:34.037Z","0.3.4":"2018-03-04T14:14:26.550Z","0.3.5":"2018-03-04T15:25:45.763Z","0.3.6":"2018-07-23T23:18:18.474Z","0.4.0-alpha.0":"2019-03-19T16:11:11.154Z","0.4.0-alpha.1":"2019-03-22T15:51:41.427Z","0.3.7":"2019-03-27T20:06:45.498Z","0.4.0-alpha.2":"2019-04-11T11:00:14.427Z","0.4.0-alpha.3":"2019-04-12T10:46:43.297Z","0.4.0-alpha.4":"2019-04-18T14:04:33.673Z","0.4.0-alpha.5":"2019-04-18T14:32:55.297Z","0.4.0":"2019-04-25T11:46:31.867Z","0.4.1-alpha.0":"2019-04-25T22:20:45.251Z"},"maintainers":[{"name":"brunnolou","email":"brunno.lou@gmail.com"}],"description":"Ui transitions made simple","homepage":"https://brunnolou.github.io/react-morph","repository":{"type":"git","url":"git+https://github.com/brunnolou/react-morph.git"},"contributors":[{"name":"Bruno Lourenço"}],"bugs":{"url":"https://github.com/brunnolou/react-morph/issues"},"license":"MIT","readme":"","readmeFilename":""}