{"_id":"react-responsive-spritesheet","_rev":"28-63f25904298bbacd72bc9bce11e20c9a","name":"react-responsive-spritesheet","dist-tags":{"latest":"2.4.5"},"versions":{"1.0.0":{"name":"react-responsive-spritesheet","version":"1.0.0","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@1.0.0","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"5f9a99266c31cee1c04887103e5b9baca0640f4d","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-1.0.0.tgz","integrity":"sha512-F3MDDSWVPSQX3m0zZbEwre4FCX7u47eyqLjhwpr2nHJnwR1T/nOXjoYUMk1pujb6xulY4vLN5FoiicDk8sTzxA==","signatures":[{"sig":"MEYCIQDCzb8B4lJQe5ox6RiGSVtgY+I+hjp64rI4t1Y1QgJurwIhAPjuJTYlNFjPB3AOirDBBbL6q7/zdZ9IFi/+T1eOhjXz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.3.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"6.10.3","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-env":"^1.5.1","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-1.0.0.tgz_1504204781448_0.9909535141196102","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"react-responsive-spritesheet","version":"1.0.1","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@1.0.1","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"7c70223c6ebc9a926fa1f588ca066d332f4e86ac","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-1.0.1.tgz","integrity":"sha512-5l24yGmCsdpYqZIoyTkWd6xQ3Y5xpLU22xKkqh7uLYcnhcCbRUqjhSK21szXupPMO4h2gLNisCkQKyGVsV/NmQ==","signatures":[{"sig":"MEUCIQCKCvuOKUqgW6UOHD3m68y5SMUNzpxXmSN30WvAWIv4PQIgb/YCYjxxQEQH2SkAHdB713e8Ejsx6+zLaziAnIlVQvE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","gitHead":"377682b080d307c24d95f252ad9712719f305982","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.4.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-1.0.1.tgz_1504554701776_0.5682862068060786","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"react-responsive-spritesheet","version":"1.0.2","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@1.0.2","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"b9ece69e0de08d696ffc2bcf937d2f43bc1b8c92","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-1.0.2.tgz","integrity":"sha512-BtCyn0AlylFirJhtUb9pMY3D/9EOvlyboN1MmPEzjIkDGyLOWpB/X9cON27P6ywSZTzl5m02klnKzvWaXlZDjA==","signatures":[{"sig":"MEUCIDNH420OF3iQw5+GqQqrfK6kProl/w3bO7VTVyljjueaAiEAhIH0Uf9UBTn5aY+ljdPkdbPLhgnndDEmNdROrruiDng=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","gitHead":"1a4bca995b7f7211d5eb77935a010e6a981f862c","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.4.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-1.0.2.tgz_1504554768578_0.14396268432028592","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"react-responsive-spritesheet","version":"1.1.0","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@1.1.0","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"1cf70f7093c15513b4fdc6d1b63d07a6d365e01f","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-1.1.0.tgz","integrity":"sha512-/if6oBtL2IQOuW7Uaz0UAgJBqyXxX2qrPyorGCLvFbDsU7qTvVeWuFuvuzJRS2qARqJy2LEjftTsBJq+1lGqDQ==","signatures":[{"sig":"MEYCIQCcFZXNwlKTONMUmB2AAy8Jn3u4lF6OVm4ZSqsqcfB1owIhAJhFXEAT7ne8uQvGH4nxUgqsk4Vh8tfVwoxCNWyyvlWb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","gitHead":"c03736d694529a2dbdff0534678e5c77fa003983","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.4.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-1.1.0.tgz_1504715283868_0.3668026907835156","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"react-responsive-spritesheet","version":"1.2.0","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@1.2.0","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"a24946dec833af34f3b722c52c611e61a4dc72ae","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-1.2.0.tgz","integrity":"sha512-F9s6WRHYA8TiM5WR1MomuPvUxtrLRZMVFAfEeOTYcqUrllsnSJCBdPcGFnH4Y7cN2tXs0Oy4Qe9bk2AHQB63mQ==","signatures":[{"sig":"MEQCIGVHANSwxR3AlnBc3ZD2+YGi0He5KeduURrpC80oyRLEAiAyPoPpm1lsObKbuuAGyEMLzwgCW/RibBhwI2SV8f3IMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","gitHead":"7c02c0dfd2cb292d5227a17f07393975ff8550e7","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.4.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-1.2.0.tgz_1504756069940_0.8173105735331774","host":"s3://npm-registry-packages"}},"1.2.1":{"name":"react-responsive-spritesheet","version":"1.2.1","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@1.2.1","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"0b86e516a093af89ebb32b144a0c84ef2df8cb43","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-1.2.1.tgz","integrity":"sha512-dBsGW2u/kZhftV0jy7ftLiGBNiy34TwynALumQOp24EZFnHGlR7TzgAF7cS0HVWIk4dHIvJ2Lw4Cs/7SklCe3A==","signatures":[{"sig":"MEQCIFFSQhD0Njn7WszLz6gzWuyiNJqCFJSTsmQLQM7oMmVkAiAZ6q5CO9Le7txmTnD6+YB3FfBj+Ce80sEkNI1+P4+BHQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","gitHead":"11e4366daaef0745e4ac2fb62c1a3e467d947e0d","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.4.1","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-1.2.1.tgz_1504804566379_0.09094771137461066","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"react-responsive-spritesheet","version":"2.0.0","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.0.0","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"107069b66634780ef863d465a48a18b066f5d480","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.0.0.tgz","integrity":"sha512-gOdXlI6K9NSIuifnzWsqD24GnyQZ1hygGnmBe3d3Y7nMQFyHAXc+UK3+JAGwFM0p1Hp8RWWKac65ZisSEpRi2A==","signatures":[{"sig":"MEUCIASp7I+EAxBqZjN0M2O8jlZAr5/R+oFs1T9CGPUKOk1aAiEAl9HoTewKrZl7mme0ZKBBYbXnB7QouZgPNUPG9qm2i7U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","gitHead":"16ef0ab9e46d8c190aea33ad4e69ce62df55dcb5","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.4.1","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-2.0.0.tgz_1505760026570_0.05490873637609184","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"react-responsive-spritesheet","version":"2.1.0","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.1.0","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"03a0b6f44848a520068d04092e6968bb682d898e","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.1.0.tgz","integrity":"sha512-mL2SoiVQzJsmOYnbk3aHkQSd1xJ2VWPJC/kfNZeiRYldK791MUzvt7IoZNbdz6bL5DARCsmWYq1Ad+x7677jQA==","signatures":[{"sig":"MEQCIDHppTJW65N1utdHjonlKugmBU0468tV5QxxpmqAN/NTAiAXOsq6FVy7sze8MO1Q6Dl8dTerf1tACtvt68OymvwE4Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","gitHead":"bbefe441f099d55245b48ab5308b96eaf81cd381","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.4.1","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-2.1.0.tgz_1505764465904_0.04986602580174804","host":"s3://npm-registry-packages"}},"2.1.1":{"name":"react-responsive-spritesheet","version":"2.1.1","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.1.1","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"36a7737fbd80e6a79ad66ad579a56ffd8da82fec","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.1.1.tgz","integrity":"sha512-0jQz+sY5qUNL09ojZAVbUI+8rszhqe5Xuol5dlob5GEeV3Phn9WB2XbUF9BtozWbWU2qfoaPPGAsqryNNsBw9g==","signatures":[{"sig":"MEYCIQD+R+R9VuF9NuPxQZ2qvAYKNRzToEeAfpIu4UOzmCIsAgIhAIibS18BIksemjGK7ICx2bFCVlpXdU51iZBDYVwis7fs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","gitHead":"19788482928f6680164a83b2e2b4ba8b80acac56","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.4.1","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-2.1.1.tgz_1505830599644_0.8098728850018233","host":"s3://npm-registry-packages"}},"2.1.2":{"name":"react-responsive-spritesheet","version":"2.1.2","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.1.2","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"03feb173553f8d48e5e8aa2b193831c61ed1b249","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.1.2.tgz","integrity":"sha512-ERtewQoroh0zJNwAqruOvbS1tPcWzxyEE7I9DWrJwrjo761jEzD+h6wrSKSSmi7SMCZTpK+JYU3WTOGpEriy3A==","signatures":[{"sig":"MEUCIQDo4zVC9lg4kIPQAkAh4Pkn50yRkSEeHlKESNNJJWBLmgIgTMQLdnyyDWOB5MySl+lEN/7CJCmp1pE5rEnDaaFjaZ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","gitHead":"332af8a16d840b49cf89660fde15a55ae5db5772","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.4.1","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-2.1.2.tgz_1505842001123_0.26948318746872246","host":"s3://npm-registry-packages"}},"2.1.3":{"name":"react-responsive-spritesheet","version":"2.1.3","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.1.3","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"7f0e744b1276aa6f8195cbef1b21c98dddc0612b","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.1.3.tgz","integrity":"sha512-1kdgaNkZ/UATZc2VWXbXudVcbcjjbziO5WDb09dLdYaiiNpCz19mu2HTnmo4qOg3PHIk7vbGFmdoQsPRcDt32g==","signatures":[{"sig":"MEUCIEGcai5rYCJXs9nrrl+GlikMq6RRkmiv1nA3VnIacJ3zAiEAi9HG83lReBippeqrluflPJ89sTvMCDZYk8skvle4Zsg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","gitHead":"4626f2d2693cbb1d7bf0ba8539ac4b54c05cac14","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.4.1","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-2.1.3.tgz_1505845726560_0.4906852098647505","host":"s3://npm-registry-packages"}},"2.1.4":{"name":"react-responsive-spritesheet","version":"2.1.4","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.1.4","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"3e00a6be8d9021935a53c1ce40ef602ae089401e","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.1.4.tgz","integrity":"sha512-49kRrhYh3WFchMAoIwcA2aV8Crvhs70CGKISvTL02s8oT7EwJc9PDa+v9qReT8gB+yyW5u127ZeJ4cAQZPZFzw==","signatures":[{"sig":"MEQCIHy5ASwtTGmk57kq4RE9PYVV0OraZzBLAnSj6zjRbZ7gAiBbb1IQaHUpnGRYn+D3wWGZepxhEtMZz6jgqZh/gXGtdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/index.js","gitHead":"150022289bcc8279e6f2d8bb285b4b025d43ffe4","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.4.1","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet-2.1.4.tgz_1505846906588_0.6107451464049518","host":"s3://npm-registry-packages"}},"2.2.1":{"name":"react-responsive-spritesheet","version":"2.2.1","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.2.1","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"4603d00c3ea6431b892bc94d62bfa3403296242a","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.2.1.tgz","fileCount":19,"integrity":"sha512-wLe0avmoRXHB/9BCWRH1w0KS0fAI6Qa+KDI+VJeg9WDhBWt5jZBVxmKrn7NIdvRinWcjX1GW7hnW72g49Q9dtA==","signatures":[{"sig":"MEUCIHG1XG3LHq1cu91IwRdd8G5S3yrcsdNdx6ocgfUIZWp+AiEAkUMPKBTJJ0nBwj3BkMRDrlrhEvrx+20Jg48QFcSahvE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":695132},"main":"build/index.js","gitHead":"eb6f359e2a0c5fae09011ad5f8cea891a9464f7e","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"_hasShrinkwrap":false,"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.2.1_1518722325242_0.9732911548462655","host":"s3://npm-registry-packages"}},"2.2.2":{"name":"react-responsive-spritesheet","version":"2.2.2","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.2.2","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"2f5284f748cdb5c4d610ef7d6b4a8029817e8c5c","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.2.2.tgz","fileCount":19,"integrity":"sha512-4lyPPV2Da7mzzwE9O/vRSOIPsfjeRzNrNH+f19mM4AUVO4GZC6PNdTzp3kHzKKKpWK4eQf7Bex/ErKwhtSfWbw==","signatures":[{"sig":"MEUCIEqiDGBdwGiDyn1J4lWkTUtv/28zDSoC9TaZEJy1iU0iAiEAzEycjJiYe005fuWLTlY4nT/wSwAdKsha7qX7bZGMYP8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":696707},"main":"build/index.js","gitHead":"5ddf0b4573f0a332c04983f87b9fae4c495418ec","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"_hasShrinkwrap":false,"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.2.2_1519242549018_0.8517144846894324","host":"s3://npm-registry-packages"}},"2.2.3":{"name":"react-responsive-spritesheet","version":"2.2.3","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.2.3","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"ed0e1c631d238d8463abe4dac6138c67c463d097","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.2.3.tgz","fileCount":19,"integrity":"sha512-BdjSzPPDdZS0KCC0G1gmP5NRyREn+s0jTTEqLZ7TGGn7kp6JNnzfXDv28ijA7RQPZAYnD58UjyYQ75PnON3OGg==","signatures":[{"sig":"MEUCIQD/TWXmXYQQetCMmMRD3pJQkRLhxuBEzmd4xTFLPmnrPQIgRKhTaFWIoTbzL7+HDQmDtb6ta4UnIUHcec+YWNksf/4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":696727},"main":"build/index.js","gitHead":"ffb4b1cd389e7d8074f09a7cd819f2a79dfc1850","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"_hasShrinkwrap":false,"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.2.3_1519661250413_0.4371482196110683","host":"s3://npm-registry-packages"}},"2.3.0":{"name":"react-responsive-spritesheet","version":"2.3.0","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.3.0","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"2f27c3cbe599e85ee57bd761c609e2c037be1b73","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.3.0.tgz","fileCount":20,"integrity":"sha512-wjuSyMTWBNJ5tl5Ywum04Iyh3iTTZiZmqSg+n8svWl+ojwsfoUfg1i72DWkHvN8Yf6+bQ0vOTbyRhYmYU+iXjQ==","signatures":[{"sig":"MEYCIQCLXcq8nrj41TZzw+jHmDsl6WjuOGvOWx1PJxYZvZazFgIhAOhf94kCWlStlBSKzk8k3ObMMBy/wABVmlPLbn/s9dBI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":698024},"main":"build/index.js","gitHead":"661871eb50afc69ab639ba77cdaaee83123aa249","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"_hasShrinkwrap":false,"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.3.0_1519664184230_0.4839381748230902","host":"s3://npm-registry-packages"}},"2.3.1":{"name":"react-responsive-spritesheet","version":"2.3.1","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.3.1","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"2bc940a4aa7233cc8114481a0869872ae5e74d1e","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.3.1.tgz","fileCount":20,"integrity":"sha512-bWLTgtdjib3dPsXXL1hGNdENjOh1j5IoUn7aaEXwztEj1O29g2HW0VSoifJ86HVh+QNmDdWvDrT9hnCuEeqi/g==","signatures":[{"sig":"MEUCIQCCSDPrdQZufh3LZ8u+z9e/wtTFjEMw82x4bZ5IAitUowIgW+RBiDGV4u+kAgBZ0v6ZDkeCU6TPFwJl+Kiz5YiSOcY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":698237},"main":"build/index.js","gitHead":"d0b3b9b7eb542ef1f4e1e07572102a47eb6309b2","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch","publish":"bash publish.sh"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"_hasShrinkwrap":false,"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.3.1_1519664809743_0.08071768411393343","host":"s3://npm-registry-packages"}},"2.3.2":{"name":"react-responsive-spritesheet","version":"2.3.2","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.3.2","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"e2b35e413e50013f03a349300b960e72291fae5e","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.3.2.tgz","fileCount":20,"integrity":"sha512-1FJuEumUshGyHQhTfSmkS2pTShZLJqph9yOqeAwesxFYq4Uw6d/z0EYfvLC8BtRPWyNUSgmCItxg7uDE2W7p1w==","signatures":[{"sig":"MEUCIFZWipDbAtbEa//uHGWrUeFgftuB62Uu92Lq57YJxqzHAiEA43vaqtxzlRamTbgNbNYWmXbWcEbS783CXm4BEAt7Xi8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":698239},"main":"build/index.js","gitHead":"a8d9630dba4727c2bc3280197c84a7a80980ee03","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch","build-pub":"bash publish.sh"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"_hasShrinkwrap":false,"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.3.2_1519664988035_0.9510273646869367","host":"s3://npm-registry-packages"}},"2.3.3":{"name":"react-responsive-spritesheet","version":"2.3.3","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.3.3","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"6d540b4d831afbd04b51e08bcae47908d1d92227","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.3.3.tgz","fileCount":20,"integrity":"sha512-75pIDHcPS/2f03tifB/Vvm0q8kxVVD9TIzT/d5mKWi0pcy8uJ+Eg2szbe3zFEGdKAnCEnXqaj2/KnAx+uY8/gQ==","signatures":[{"sig":"MEYCIQCUOSkOmHhkumj+XBpzOplnmCXz/6GYVeWBJRmnJmu4QgIhAP+WYtyzrc0IWVVFVbNUryLL/Vr+lS/za23UY0mrsUpE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":698263},"main":"build/index.js","gitHead":"4d1619ec1ee878e067e344583542928bca772c74","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch","build-pub":"bash publish.sh"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"_hasShrinkwrap":false,"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.3.3_1519665127282_0.6349385190449177","host":"s3://npm-registry-packages"}},"2.3.4":{"name":"react-responsive-spritesheet","version":"2.3.4","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.3.4","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"3db91854f26e57da7d0a8c0b903015b9b71084b7","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.3.4.tgz","fileCount":20,"integrity":"sha512-q9v4nTT0UajgeeehiUbl09W+HjwUc1OTaR08TxAJZLs56TSK8CpRZX9p8GCyEbLwe0KMd9dG/pvibRd6QwIoPQ==","signatures":[{"sig":"MEUCIQCkh3Wfa+Rjw8B+dHkehjB5bIBzHDfJlzp+YMI4usRAOgIgfi55oKJaa6mNdXYNRFU9/tBbgCM2plKbzjvdUrZZ7Gg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":698467},"main":"build/index.js","gitHead":"e1a64c8a2578563c66a94399df8a36f600a5d1c6","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch","build-pub":"bash publish.sh"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"_hasShrinkwrap":false,"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.3.4_1522275015727_0.4869396783765627","host":"s3://npm-registry-packages"}},"2.3.5":{"name":"react-responsive-spritesheet","version":"2.3.5","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.3.5","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"ac5dfc654d0b51fe70d43c1a15c234ec454bd9aa","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.3.5.tgz","fileCount":20,"integrity":"sha512-vz0nx0JswLuqR2EBA+B/09kWNHyVp4nDv5RAv7XtrRVvMu3cKe1Xv6zJQ6mTNB9nCwAF3vwlQp+NRMWhoWIutQ==","signatures":[{"sig":"MEUCIDVQr60OXBieJOWrYDlEY7XRZRvqiWGxEpG4zGaQihxnAiEA21bDWCoSTkPExeGDYLcLc7J64q9jr8WkrM8M67iSwWE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":698616},"main":"build/index.js","gitHead":"fd46cff021fa31b9f90410dc17953f620788c7a2","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch","build-pub":"bash publish.sh"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"_hasShrinkwrap":false,"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.3.5_1522275612865_0.7007858721393756","host":"s3://npm-registry-packages"}},"2.3.6":{"name":"react-responsive-spritesheet","version":"2.3.6","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.3.6","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"9324ce672897036a0a739b46959bc25521119acc","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.3.6.tgz","fileCount":20,"integrity":"sha512-SF9fAiMO6NKCFLR1j4OQPVnW2n6rc9yAsC9RELArOoLHn/mmQ/qege8Qbwe7zTF4Dc80pCqOmBNkPBeqN+EJqQ==","signatures":[{"sig":"MEQCIDlg5EXz5aVwx5sy6zrvzXqYk4E5U9OHXroNgBY9mY6NAiBKjZXcmZwsXDO+1LSNl9MT2uCp5We6irRmlwk0f5zwsw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":698627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1iaiCRA9TVsSAnZWagAAqZgP/12eJJvyw+/nfpxSVkKr\npOoqWFzdAzoRUw5NufVxdeYPQCItxXD1Ev1ZZ/Tp5rqXlAZAXN/iADMo/QF8\nv+2uf54v+Mx8FFc+zMYG4dHMy4/LvuEg/wmEFZMtlylKyFEuGOViU6lLR8UZ\nMtr7J77ui4G/HSuqWQ/F3uAi4zqD1dHREopgekYrreei9CMgUNydEZq+hoso\nimFE173KVKyVNWU+WgiTAwn5bnHayXXiJRlqRqTlUcouaaYHIwFpsajOFIIa\nl1yi6QAg8DfrU0McKeLhYHzX/YtT+3lfC15sUaLwKbiKduhV2YhLRcDM14SX\ngquAmZHfGs5xmfr7oMRzbHcHN8LjGF52/YtLTzmzvwdzzWECnNvT/Y6A8kbz\nUG5po6+AfpftOZesXZsvu97WNwwsSggvz2JIYsjZEM4Pl9Fb9lkYnd5wFiWx\nrIegKQpjNzhVtShIrqr7u8/28fg/aYxfoDx/do0JZva0cQ8S1K873PQCNsCX\nZKCfOH6auuhm+igVAEmqDE7xeWPJbit342u8h7DR9QeceInRRKNJNc8qxKwc\ngMycADJS+BIaReCe+Tn7/TTITqk3GLdY2vz6RG0GLrjCER0rxSmRvPdrJvm1\nWI1z2ED+lk7G9r1NFtCzSj6Z76Iog7oIZFxfaM4P3zwcWNM3WLl/t8xrJzJf\ngdOt\r\n=5Ukx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","gitHead":"b3ec2bbc56834ae13c26c51f3479eac66c532b26","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch","build-pub":"bash publish.sh"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"7.9.0","dependencies":{"react":"^15.5.4","webpack":"^2.6.1","prop-types":"^15.5.10"},"_hasShrinkwrap":false,"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","babel-preset-es2017":"^6.24.1","babel-preset-minify":"^0.2.0","babel-preset-stage-3":"^6.24.1","babel-minify-webpack-plugin":"^0.2.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^15.5.4"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.3.6_1523984032608_0.640864801707191","host":"s3://npm-registry-packages"}},"2.3.8":{"name":"react-responsive-spritesheet","version":"2.3.8","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.3.8","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"a4079f81683427bb03c647e3ee21cda1dbb0234c","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.3.8.tgz","fileCount":23,"integrity":"sha512-vNEgZLAf6b8E/xtl8kUeeTgLfLwZaHceb28xfjfIqkBRSzmPQyD322Pzi3agI9K19qJsdUmL0P/PxL9CbZ5cxQ==","signatures":[{"sig":"MEUCIQCHrLw9KSJmuxhTh6UprfMOZyO767BaFCSAhC0JSZ5nRgIgI2Dka9AS0kih6N2MxN/OQmR9KYs23MjcunawcpW+o74=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":692490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbR85zCRA9TVsSAnZWagAA868P+wY3/Kfpg+7kDp2ZbSoG\nTx5mz4F+e3VHTXxuYnZ7i2+PyMquNvvZ2ZC8KtXzKXff6EWoyuZayORIVX93\nr5uYxDVm13WR/EJXXF4PPPF+C7xhjvzra9hk0Sisplrej2+quvuUfShEjufM\njtCgcM7hHjz1r97ZUzRc647CD4zq2fDTFGIlYtA8t+lziDiA/2yKRCHxYYXU\ndNlkq9xsACsZkAMll0luyp90N7ZBfqsB2L9gk2fh8fm5Olr7zKEL0LiAh6ZK\nyZnHiAqnBeBTxMP+PeyCmmUCondgN9KXzHVFV14/IQsz/XT8WksvuBmimoHb\n5EXcHXr1OZdaWsff/DGKapOud02gUdUeeB1dSeRt8Kj6ZVhIJV7ArSv9R1a9\n5YntcIbv9Gb5X4SckFB+7bjl52G7fm3+3VrMnignayAjXnTTLqtY8HcgZ+25\n6G2Txo8dOGlkbP9xpVeN2iDdcu5mnkfBKtS33lVAHOnckPhETHNLQVbdx9gg\n9yEIU3XViBiNT+miLy3Qi//UT9PTbcPB04zutCMMYAr3stNgkVJ8IUYaaCwY\nRA0THRuz/ewss257kWfeLKPcc9ro1ySAK8BbcsStBDajEhRrYGBySoTow3yI\nWx7C0nrTnYWUmBhzRHtjDMSMAL0inuemOzFuLHrFWLI91qeblzk+1t5ExpGH\nhh9V\r\n=HqGy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","gitHead":"3bcf99e440ab44be60fe52967e728a30b5a28942","scripts":{"build":"webpack","start":"webpack --watch","build-pub":"bash publish.sh","lintjs-local":"eslint -c .eslintrc src/**/*"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"8.9.4","_hasShrinkwrap":false,"devDependencies":{"react":"16.3.2","eslint":"4.19.1","webpack":"4.8.3","prettier":"1.12.1","babel-cli":"6.24.1","random-id":"0.0.2","babel-core":"6.24.1","prop-types":"15.6.1","webpack-cli":"3.0.8","babel-eslint":"8.2.3","babel-loader":"7.0.0","babel-preset-env":"1.6.1","babel-preset-react":"6.24.1","babel-preset-es2017":"6.24.1","babel-preset-minify":"0.2.0","eslint-plugin-react":"7.8.2","babel-preset-stage-3":"6.24.1","eslint-config-google":"0.9.1","eslint-plugin-compat":"2.2.0","eslint-config-prettier":"2.9.0","eslint-plugin-jsx-a11y":"6.0.3","eslint-plugin-prettier":"2.6.0","uglifyjs-webpack-plugin":"1.2.7","babel-plugin-transform-react-jsx":"6.24.1","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-object-rest-spread":"6.23.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.3.8_1531432563495_0.11209441543284071","host":"s3://npm-registry-packages"}},"2.3.9":{"name":"react-responsive-spritesheet","version":"2.3.9","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.3.9","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"58822bd7532a46de8d564042c40d90e1d2aaafc5","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.3.9.tgz","fileCount":23,"integrity":"sha512-7x1co8f6mg01wy5a8KsRDGOQ6a1inxhakdc/z2gXVhOBgRPQznUipWdGYZXHw7ecI5kPdXC1uXvFIXmWip3vnA==","signatures":[{"sig":"MEUCIQDNs3PolxWA/rURBzOqRJ9Y8uTOas5y5m3LrN70W5fFGQIgCj9ex5BHEzqm0dkr7Scq+X/XKEudGbaqJn5ACbcGuJI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":692439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbR9D2CRA9TVsSAnZWagAAf4sQAI98Fhd6XI6295B/u9cQ\nJICr0e4R/3fP3gkLCqaXlWNzixVLIhYCnrSb2oaW75PRZq2SFVAq+6DK302O\nNpFqqci3TFLcWmAV77iaj0p3kQK1sqUIidqaij5CnZEjR01ifwiqT1nLuW9j\nocNQvIeRohJtcPgriAfbeTJ/NQt1MNbXzo4IAEN0l8DwAeyuQsgVIuIwE3hu\noJc/c9M2GY9KTaPQubZ67UgS/yr/ZBJSCnrif4oOsFZUi7UYvb4ajUKR/i8G\nOWvqQtgvgZHVkEHM0+tvv6Cydp5D+FMJWV+01H9nsci/1pCgVlYzM8CF9b/Y\nUL0wPOv9dcng9N3JiQEPa3QLTz7zgJdGK6vnQiFHhM0moM0KWrVJa6TRYVxG\n1duwKDhguITKJpxXQbq4BPzz8GDdBQa+W+83DPwaNa+iV6XGPAO+Y3PQbzRZ\nMuEJjMt4CQv6xAJ3YwamGRNiMC/Ryctz2AKbIw4ScUVQhW5Toarlb61SjC9l\nXwXhEQp6LwLyVmazYlDRjmC9aScINs2XbGUNzPEeEstLeqrzf9aZYeztxe30\n6iP0RK313g4lcB0njSA9iy2R49NB1col6/MwrkAbt7mNEWNi0gq77v54UswQ\nK0Hfz8NQJMuyqQkkEB62iJ8i5qfLLvtDpALGmKp10VxmP/nQVRT9y5SfTWro\n7+Nz\r\n=S5y9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","gitHead":"a1c48eebd38b9fab706197a2f9c8f425a11e5cf2","scripts":{"build":"webpack","start":"webpack --watch","build-pub":"bash publish.sh","lintjs-local":"eslint -c .eslintrc src/**/*"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"5.6.0","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"8.9.4","_hasShrinkwrap":false,"devDependencies":{"react":"16.3.2","eslint":"4.19.1","webpack":"4.8.3","prettier":"1.12.1","babel-cli":"6.24.1","random-id":"0.0.2","babel-core":"6.24.1","prop-types":"15.6.1","webpack-cli":"3.0.8","babel-eslint":"8.2.3","babel-loader":"7.0.0","babel-preset-env":"1.6.1","babel-preset-react":"6.24.1","babel-preset-es2017":"6.24.1","babel-preset-minify":"0.2.0","eslint-plugin-react":"7.8.2","babel-preset-stage-3":"6.24.1","eslint-config-google":"0.9.1","eslint-plugin-compat":"2.2.0","eslint-config-prettier":"2.9.0","eslint-plugin-jsx-a11y":"6.0.3","eslint-plugin-prettier":"2.6.0","uglifyjs-webpack-plugin":"1.2.7","babel-plugin-transform-react-jsx":"6.24.1","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-object-rest-spread":"6.23.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.3.9_1531433205965_0.14599307094270642","host":"s3://npm-registry-packages"}},"2.4.0":{"name":"react-responsive-spritesheet","version":"2.4.0","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","_id":"react-responsive-spritesheet@2.4.0","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"dist":{"shasum":"eb32198f753c8b307853789b0377501045eabbd9","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.4.0.tgz","fileCount":33,"integrity":"sha512-yAwSKX4JFIhKq5q9mwWWQLBm4PGVXFTqdfFRtXyODapGUtySoIWS7QyIaAH0EUmOmDy4FG+Ts3HEAQ4pX/vitg==","signatures":[{"sig":"MEYCIQCeOqS/JhDP8w0CFFyhriyKkoWCS7+Kxup1wEsawTU5QgIhAPGJfU9BRQ3motqkJOZRNGAusSt/2kjNRKD8josM2/6H","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":704944},"main":"build/index.js","types":"build/js/index.d.ts","gitHead":"61ca481db1636a944d1e2394508e68e4688d7560","scripts":{"dev":"webpack serve --config webpack.dev.js","build":"webpack && tsc --emitDeclarationOnly","start":"webpack --watch","format":"prettier --single-quote --trailing-comma none --print-width 120 --write \"src/js/**/*.{ts,tsx,js,jsx}\"","build-pub":"bash publish.sh","typecheck":"tsc --noEmit","format:check":"prettier --single-quote --trailing-comma none --print-width 120 --check \"src/js/**/*.{ts,tsx,js,jsx}\"","lintjs-local":"eslint --ext .ts,.tsx,.js,.jsx src demo"},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"repository":{"url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git","type":"git"},"_npmVersion":"11.4.2","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","directories":{},"_nodeVersion":"22.17.1","_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.1","eslint":"^9.39.1","webpack":"^5.103.0","prettier":"^3.7.4","cross-env":"^10.1.0","random-id":"1.0.4","react-dom":"^19.2.1","typescript":"^5.9.3","@babel/core":"^7.28.5","webpack-cli":"^6.0.1","@types/react":"^19.2.7","babel-loader":"^10.0.0","@eslint/eslintrc":"^3.3.3","@types/react-dom":"^19.2.3","@babel/preset-env":"^7.28.5","webpack-dev-server":"^5.0.4","@babel/preset-react":"^7.28.5","babel-preset-minify":"^0.5.2","eslint-plugin-react":"^7.37.5","html-webpack-plugin":"^5.6.3","@babel/eslint-parser":"^7.28.5","eslint-config-google":"^0.14.0","eslint-plugin-compat":"^6.0.2","terser-webpack-plugin":"^5.3.15","eslint-config-prettier":"^10.1.8","eslint-plugin-jsx-a11y":"^6.10.2","eslint-plugin-prettier":"^5.5.4","@babel/preset-typescript":"^7.28.5","@babel/plugin-transform-private-methods":"^7.27.1","@babel/plugin-transform-class-properties":"^7.27.1","@babel/plugin-transform-object-rest-spread":"^7.28.4","@babel/plugin-transform-private-property-in-object":"^7.27.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-spritesheet_2.4.0_1765379297646_0.2481402461582063","host":"s3://npm-registry-packages-npm-production"}},"2.4.5":{"name":"react-responsive-spritesheet","description":"React component which helps you to easily apply responsive spritesheet animations on your project.","version":"2.4.5","license":"MIT","homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","repository":{"type":"git","url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git"},"bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"main":"build/index.js","types":"build/js/index.d.ts","author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"scripts":{"start":"webpack --watch","build":"webpack && tsc --emitDeclarationOnly","typecheck":"tsc --noEmit","build-pub":"bash publish.sh","lintjs-local":"eslint --ext .ts,.tsx,.js,.jsx src demo","format":"prettier --single-quote --trailing-comma none --print-width 120 --write \"src/js/**/*.{ts,tsx,js,jsx}\"","format:check":"prettier --single-quote --trailing-comma none --print-width 120 --check \"src/js/**/*.{ts,tsx,js,jsx}\"","dev":"webpack serve --config webpack.dev.js"},"devDependencies":{"@babel/core":"^7.28.5","@babel/eslint-parser":"^7.28.5","@babel/plugin-transform-class-properties":"^7.27.1","@babel/plugin-transform-object-rest-spread":"^7.28.4","@babel/plugin-transform-private-methods":"^7.27.1","@babel/plugin-transform-private-property-in-object":"^7.27.1","@babel/preset-env":"^7.28.5","@babel/preset-react":"^7.28.5","@babel/preset-typescript":"^7.28.5","@eslint/eslintrc":"^3.3.3","@types/react":"^19.2.7","@types/react-dom":"^19.2.3","babel-loader":"^10.0.0","babel-preset-minify":"^0.5.2","cross-env":"^10.1.0","eslint":"^9.39.1","eslint-config-google":"^0.14.0","eslint-config-prettier":"^10.1.8","eslint-plugin-compat":"^6.0.2","eslint-plugin-jsx-a11y":"^6.10.2","eslint-plugin-prettier":"^5.5.4","eslint-plugin-react":"^7.37.5","html-webpack-plugin":"^5.6.3","prettier":"^3.7.4","react":"^19.2.1","react-dom":"^19.2.1","terser-webpack-plugin":"^5.3.15","typescript":"^5.9.3","webpack":"^5.103.0","webpack-cli":"^6.0.1","webpack-dev-server":"^5.0.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"_id":"react-responsive-spritesheet@2.4.5","gitHead":"c25264538a4567c0c89f5a0b3922675f557428a3","_nodeVersion":"22.17.1","_npmVersion":"11.4.2","dist":{"integrity":"sha512-hhIvKFYxTxQcd7tdBupuJaCHJtSnzoGEWH2gNyEet+vLKUMYULt0yatgMDt3yYt3SQ8Ao4OgqPN1Zx2Ca6uXKA==","shasum":"ea43e940f7eca79b96ed84b60867a7f4e83ba8f1","tarball":"https://registry.npmjs.org/react-responsive-spritesheet/-/react-responsive-spritesheet-2.4.5.tgz","fileCount":32,"unpackedSize":704694,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAva7tcUMXBwhYhnBI91b3wML8GSwc8EjkRfiv6Hgq3VAiEAs68nKZAdSM9ZjIckpiA+mmDBBb6tXv+I0WJ/ohfwd6U="}]},"_npmUser":{"name":"danilosetra","email":"danilosetra@gmail.com"},"directories":{},"maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-responsive-spritesheet_2.4.5_1778651126016_0.49778973762263656"},"_hasShrinkwrap":false}},"time":{"created":"2017-08-31T18:39:41.523Z","modified":"2026-05-13T05:45:26.340Z","1.0.0":"2017-08-31T18:39:41.523Z","1.0.1":"2017-09-04T19:51:41.911Z","1.0.2":"2017-09-04T19:52:48.744Z","1.1.0":"2017-09-06T16:28:03.938Z","1.2.0":"2017-09-07T03:47:50.065Z","1.2.1":"2017-09-07T17:16:06.527Z","2.0.0":"2017-09-18T18:40:28.274Z","2.1.0":"2017-09-18T19:54:26.128Z","2.1.1":"2017-09-19T14:16:40.160Z","2.1.2":"2017-09-19T17:26:41.313Z","2.1.3":"2017-09-19T18:28:47.539Z","2.1.4":"2017-09-19T18:48:26.760Z","2.2.1":"2018-02-15T19:18:46.551Z","2.2.2":"2018-02-21T19:49:09.258Z","2.2.3":"2018-02-26T16:07:30.546Z","2.3.0":"2018-02-26T16:56:24.409Z","2.3.1":"2018-02-26T17:06:49.903Z","2.3.2":"2018-02-26T17:09:48.141Z","2.3.3":"2018-02-26T17:12:07.467Z","2.3.4":"2018-03-28T22:10:15.997Z","2.3.5":"2018-03-28T22:20:14.695Z","2.3.6":"2018-04-17T16:53:52.730Z","2.3.8":"2018-07-12T21:56:03.649Z","2.3.9":"2018-07-12T22:06:46.494Z","2.4.0":"2025-12-10T15:08:17.852Z","2.4.5":"2026-05-13T05:45:26.221Z"},"bugs":{"url":"https://github.com/danilosetra/react-responsive-spritesheet/issues"},"author":{"name":"Danilo Setra","email":"danilosetra@gmail.com"},"license":"MIT","homepage":"https://github.com/danilosetra/react-responsive-spritesheet#readme","keywords":["react","reactjs","responsive","responsiveness","component","module","sprite","sprites","spritesheet","animated","animation","sequence"],"repository":{"type":"git","url":"git+https://github.com/danilosetra/react-responsive-spritesheet.git"},"description":"React component which helps you to easily apply responsive spritesheet animations on your project.","maintainers":[{"name":"danilosetra","email":"danilosetra@gmail.com"}],"readme":"# React Responsive Spritesheet\n[![Known Vulnerabilities](https://snyk.io/test/github/danilosetra/react-responsive-spritesheet/badge.svg)](https://snyk.io/test/github/danilosetra/react-responsive-spritesheet) [![Build Status](https://travis-ci.org/danilosetra/react-responsive-spritesheet.svg?branch=master)](https://travis-ci.org/danilosetra/react-responsive-spritesheet) [![npm](https://img.shields.io/npm/l/react-responsive-spritesheet.svg)](https://npmjs.org/package/r`eact-responsive-spritesheet) [![npm](https://img.shields.io/npm/v/react-responsive-spritesheet.svg)](https://npmjs.org/package/react-responsive-spritesheet) [![node version](https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square)](http://nodejs.org/download/)\n\n

\n \n

\n\n## Hello, world!\n\nReact Responsive Spritesheet is a [React](https://facebook.github.io/react/) component which helps you to easily apply responsive spritesheet animations on your project. See our [basic example](https://stackblitz.com/edit/react-responsive-spritesheet-example-01?file=index.js).\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Options](#options)\n- [Call methods](#call-methods)\n- [Requesting infos](#requesting-infos)\n- [ForwardRef usage](#forwardref-usage)\n- [Examples](#examples)\n\n----------\n\n**New version 2 available!**\n- Now you can use horizontal, vertical or multi-row spritesheet image;\n- Orientation parameter is no longer required;\n- Spritesheet image is preloaded before initialization;\n- The animation can be rewinded with **setDirection()** method and/or with **direction** parameter;\n- Direction information is provided by **getInfo()** method;\n\nFor previous versions, see our [release tags](https://github.com/danilosetra/react-responsive-spritesheet/tags)\n\n----------\n\n## Installation\n\n```bash\n$ npm install react-responsive-spritesheet --save\n```\n\n\n----------\n\n\n## Usage\n\n**Basic usage with required parameters**\n\n```javascript\nimport Spritesheet from 'react-responsive-spritesheet';\n\nclass App extends Component {\n\n render() {\n\n return (\n \n );\n\n }\n\n}\n```\n\n**Complete usage with all parameters**\n\n```javascript\nimport Spritesheet from 'react-responsive-spritesheet';\n\nclass App extends Component {\n\n render() {\n\n return (\n {\n this.spriteInstance = spritesheet;\n }}\n onClick={spritesheet => {\n spritesheet.play();\n }}\n onDoubleClick={spritesheet => {\n console.log( spritesheet.getInfo('isPlaying') );\n }}\n onMouseMove={spritesheet => {\n console.log( 'onMouseMove', spritesheet.getInfo('frame') );\n }}\n onMouseEnter={spritesheet => {\n console.log('onMouseEnter');\n }}\n onMouseLeave={spritesheet => {\n console.log('onMouseLeave');\n }}\n onMouseOver={spritesheet => {\n console.log('onMouseOver');\n }}\n onMouseOut={spritesheet => {\n console.log('onMouseOut');\n }}\n onMouseDown={spritesheet => {\n console.log('onMouseDown');\n }}\n onMouseUp={spritesheet => {\n console.log('onMouseUp');\n }}\n onInit={spritesheet => {\n console.log('onInit');\n }}\n onResize={spritesheet => {\n console.log( 'onResize', spritesheet.getInfo('frame') );\n }}\n onPlay={spritesheet => {\n console.log('onPlay');\n }}\n onPause={spritesheet => {\n console.log('onPause');\n }}\n onLoopComplete={spritesheet => {\n console.log('onLoopComplete');\n }}\n onEachFrame={spritesheet => {\n console.log('onEachFrame');\n }}\n onEnterFrame={[\n {\n frame: 2,\n callback: (() => {\n console.log('passed by frame 2')\n })\n },\n {\n frame: 7,\n callback: (() => {\n console.log('passed by frame 7')\n })\n }\n ]}\n />\n );\n\n }\n\n}\n```\n\n----------\n\n## Options\n\n| Required | Parameter | Type | Example | Description |\n| :------------: | ------------ | ------------ | ------------ | ------------ |\n| | **className** | `string` | 'my-element__class--style' | *Applies a classname for spritehseet container* |\n| | **style** | `object` | { backgroundColor: 'red', display: 'flex' } | *Applies inline style for spritehseet container* |\n| ✓ | **image** | `string` | 'http://yyy.com/image.png' | *URL or path of image to animate* |\n| ✓ | **widthFrame** | `number` | 800 | *Original width of each frame, in pixels* |\n| ✓ | **heightFrame** | `number` | 800 | *Original height of each frame, in pixels* |\n| ✓ | **steps** | `number` | 47 | *Total frames / steps present on animation image* |\n| ✓ | **fps** | `number` | 12 | *Velocity / Animation frames per second* |\n| ✓ | **direction** | `string` | 'rewind' | *'forward' or 'rewind' direction to display frames. It allows rewind the animation. Default: 'forward'* |\n| | **timeout** | `number` | 1200 | *Delay for start animating. The '**autoplay**' option must be **true*** |\n| | **autoplay** | `boolean` | false | *Determines if animation starts automatically* |\n| | **loop** | `boolean` | false | *Determines if animation replay on end* |\n| | **isResponsive** | `boolean` | true | *Determines if animation resizes according window resize* |\n| | **startAt** | `number` | false | *Determines the first frame which will be displayed on start to animate* |\n| | **endAt** | `number` | false | *Determines the last frame which will be displayed on stop animation* |\n| | **background** | `string` | '/assets/background.png' | *URL or path of background image placed behind animation* |\n| | **backgroundSize** | `string` | 'cover' | *Style for background image* |\n| | **backgroundRepeat** | `string` | 'no-repeat' | *Style for background image* |\n| | **backgroundPosition** | `string` | 'center center' | *Style for background image* |\n| | **getInstance** | `callback` | | *Returns callback instance for spritesheet controls* |\n| | **onClick** | `function` | | *Provides onClick callback function for spritesheet container* |\n| | **onDoubleClick** | `function` | | *Provides onDoubleClick callback function for spritesheet container* |\n| | **onMouseMove** | `function` | | *Provides onMouseMove callback function for spritesheet container* |\n| | **onMouseEnter** | `function` | | *Provides onMouseEnter callback function for spritesheet container* |\n| | **onMouseLeave** | `function` | | *Provides onMouseLeave callback function for spritesheet container* |\n| | **onMouseOver** | `function` | | *Provides onMouseOver callback function for spritesheet container* |\n| | **onMouseOut** | `function` | | *Provides onMouseOut callback function for spritesheet container* |\n| | **onMouseDown** | `function` | | *Provides onMouseDown callback function for spritesheet container* |\n| | **onMouseUp** | `function` | | *Provides onMouseUp callback function for spritesheet container* |\n| | **onInit** | `function` | | *Provides callback function when the spritesheet initializes* |\n| | **onResize** | `function` | | *Provides callback function when the spritesheet resizes* |\n| | **onPlay** | `function` | | *Provides callback function when the spritesheet plays. spritesheet.goToAndPlay(x) method also fires this callback* |\n| | **onPause** | `function` | | *Provides callback function when the spritesheet pauses. spritesheet.goToAndPause(x) method also fires this callback* |\n| | **onLoopComplete** | `function` | | *Provides callback function when the animation completes a loop cicle* |\n| | **onEachFrame** | `function` | | *Provides callback function when each animation frame is changed* |\n| | **onEnterFrame** | `array` | | *Accepts an array of callback functions when the specific animation frame is displayed* |\n\n----------\n\n## Call methods\n\nUsing the instance provided on callback functions you can call some methods\n\nExample\n\n```javascript\nonMouseEnter={spritesheet => {\n console.log( spritesheet.setStartAt(6) );\n}}\n```\n\n| Method | Call | Description |\n| ------------ | ------------ | ------------ |\n| **play** | `spritesheet.play()` | Plays the animation from current frame |\n| **pause** | `spritesheet.pause()` | Pauses the animation on current frame |\n| **goToAndPlay** | `spritesheet.goToAndPlay(frameNumber)` | Plays the animation from specified frame as argument |\n| **goToAndPause** | `spritesheet.goToAndPause(frameNumber)` | Pauses the animation on specified frame |\n| **setStartAt** | `spritesheet.setStartAt(frameNumber)` | Sets the first frame to be displayed on animation starts. It will be considered on loop cycles. |\n| **setEndAt** | `spritesheet.setEndAt(frameNumber)` | Sets the last frame to be displayed on animation ends. It will be considered on loop cycles. |\n| **setFps** | `spritesheet.setFps(fpsNumber)` | Sets the fps (speed) of animation, even while is playing |\n| **setDirection** | `spritesheet.setDirection('rewind')` | Sets the direction of animation forward or rewind |\n| **getInfo** | `spritesheet.getInfo('stringInfoToRetrieve')` | Returns some real-time information about spritesheet. See below on **[Requesting infos](#requesting-infos)** section |\n\n----------\n\n## Requesting infos\n\nUsing the instance.getInfo(x) method provided on callback functions you can request a real-time information about your spritesheet animation\n\nExample\n\n```javascript\nonMouseEnter={spritesheet => {\n console.log( spritesheet.getInfo('frame') );\n}}\n```\n\n| Parameter | Type | Returns |\n| ------------ | ------------ | ------------ |\n| **frame** | `number` | current frame of animation |\n| **fps** | `number` | current frames per second (speed) |\n| **steps** | `number` | total number of animation steps |\n| **width** | `number` | scaled animation width, in pixels |\n| **height** | `number` | scaled animation height, in pixels |\n| **scale** | `number` | scale of spritesheet, based on default sizes, note that scale=1 is relative to original size |\n| **direction** | `string` | direction 'forward' or 'rewind' playing |\n| **isPlaying** | `boolean` | if animation is currently playing, returns true |\n| **isPaused** | `boolean` | if animation is currently paused or stopped, returns true |\n| **completeLoopCicles** | `number` | total number of cycles (loops) the animation has completed |\n\n----------\n\n## Examples\n\n**Example #1**\nA basic usage with minimal parameters for spritesheet animation loop starting automatically.\n\n[live demo](https://react-responsive-spritesheet-example-01.stackblitz.io/) / [edit source code](https://stackblitz.com/edit/react-responsive-spritesheet-example-01?file=index.js)\n\n```javascript\n\n```\n\n----------\n\n**Example #2**\nUsing parameters **onMouseEnter** and **onMouseLeave** for play and pause animation\n\n[live demo](https://react-responsive-spritesheet-example-02.stackblitz.io/) / [edit source code](https://stackblitz.com/edit/react-responsive-spritesheet-example-02?file=index.js)\n\n```javascript\n {\n spritesheet.play();\n }}\n onMouseLeave={spritesheet => {\n spritesheet.pause();\n }}\n/>\n```\n\n----------\n\n**Example #3**\n\nUsing spritesheet instance to controls outside parameters, on your own functions.\n\n[live demo](https://react-responsive-spritesheet-example-03.stackblitz.io/) / [edit source code](https://stackblitz.com/edit/react-responsive-spritesheet-example-03?file=index.js)\n\nFirst, we use **getInstance** parameter to get instance and set **this.spritesheetInstance** to be used on your whole component, see below:\n\n```javascript\n {\n this.spritesheeInstance = spritesheet;\n }}\n/>\n```\n\nThen, we can create buttons or whatever and set their own functions:\n\n```javascript\n
\n \n \n \n \n
\n```\n\n```javascript\nmyFunctionPlay(){\n this.spritesheeInstance.play();\n}\n\nmyFunctionPause(){\n this.spritesheeInstance.pause();\n}\n\nmyFunctionGetFrame(){\n alert(this.spritesheeInstance.getInfo('frame'));\n}\n\nmyFunctionToggleDirection(){\n if(this.spritesheeInstance.getInfo('direction') === 'forward'){\n this.spritesheeInstance.setDirection('rewind');\n } else if(this.spritesheeInstance.getInfo('direction') === 'rewind'){\n this.spritesheeInstance.setDirection('forward');\n }\n}\n```\n\n----------\n\n**Example #4**\nUsing background image\n\n[live demo](https://react-responsive-spritesheet-example-04.stackblitz.io/) / [edit source code](https://stackblitz.com/edit/react-responsive-spritesheet-example-04?file=index.js)\n\n```javascript\n\n```\n\n----------\n\n## ForwardRef usage\n\nYou can control the spritesheet instance directly using a React ref. The component supports `forwardRef`, so `ref.current` exposes the same instance methods available in callbacks.\n\n**JavaScript (function component)**\n\n```jsx\nimport React, { useRef } from 'react';\nimport Spritesheet from 'react-responsive-spritesheet';\n\nexport default function Example() {\n const spriteRef = useRef(null);\n\n return (\n
\n \n\n \n \n \n
\n );\n}\n```\n\n**TypeScript (function component, typed ref)**\n\n```tsx\nimport React, { useRef } from 'react';\nimport Spritesheet from 'react-responsive-spritesheet';\n\ntype SpritesheetRef = React.ComponentRef;\n\nexport default function ExampleTs() {\n const spriteRef = useRef(null);\n\n const handleToggle = () => {\n if (!spriteRef.current) return;\n const isPlaying = spriteRef.current.getInfo('isPlaying');\n isPlaying ? spriteRef.current.pause() : spriteRef.current.play();\n };\n\n return (\n
\n \n\n \n \n \n
\n );\n}\n```\n\n**Class component**\n\n```jsx\nimport React from 'react';\nimport Spritesheet from 'react-responsive-spritesheet';\n\nclass ExampleClass extends React.Component {\n spriteRef = React.createRef();\n\n render() {\n return (\n
\n \n\n \n \n
\n );\n }\n}\n```\n\nNotes:\n- The ref exposes methods like `play`, `pause`, `goToAndPlay`, `goToAndPause`, `setStartAt`, `setEndAt`, `setFps`, `setDirection`, and `getInfo`.\n- `getInstance` continues to work; choose either `ref` or `getInstance` based on your preference.\n\n----------\n","readmeFilename":"README.md"}